{"version":3,"file":"BrochuresFi-Ckgn-Mvp.js","sources":["../../src/components/brochure-tile-fi/BrochureTileFi.vue","../../src/pages/brochures-fi/BrochuresFi.vue"],"sourcesContent":["<template>\n  <a\n    v-if=\"downloadUrl\"\n    :href=\"downloadUrl\"\n    class=\"brochure-tile-fi\"\n    download\n    @click=\"handleDownload\"\n  >\n    <div class=\"brochure-tile-fi__image-container\">\n      <cloud-image-fi\n        v-if=\"thumbnailUrl\"\n        class=\"brochure-tile-fi__image\"\n        :src=\"thumbnailUrl\"\n        :alt=\"title\"\n        params=\"func=fit&bg_img_fit=1&bg_opacity=0.7&bg_colourise=black&bg_blur=100&fit_enlarge=1\"\n      />\n    </div>\n    <div class=\"brochure-tile-fi__content\">\n      <icon-fi\n        class=\"brochure-tile-fi__file-download-icon\"\n        icon=\"download\"\n      />\n      <div\n        v-if=\"title\"\n        class=\"brochure-tile-fi__headline\"\n      >\n        {{ title }}\n      </div>\n      <p\n        v-if=\"previewText\"\n        class=\"brochure-tile-fi__preview-text\"\n      >\n        {{ previewText }}\n      </p>\n    </div>\n  </a>\n</template>\n\n<script>\nimport { IconFi } from 'atoms';\nimport CloudImageFi from 'components/atoms/cloud-image-fi/CloudImageFi';\n\nimport eventHubMixin from '@/mixins/eventHubMixin.vue';\nexport default {\n  name: 'BrochureTilesFi',\n  components: {\n    CloudImageFi,\n    IconFi,\n  },\n  mixins: [eventHubMixin],\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    previewText: {\n      type: String,\n      default: '',\n    },\n    downloadUrl: {\n      type: String,\n      default: '',\n    },\n    thumbnailUrl: {\n      type: String,\n      default: '',\n    },\n  },\n  methods: {\n    handleDownload() {\n      this.sendEvent('custom', {}, 'download', {\n        link: this.downloadUrl,\n        name: this.title,\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import './brochure-tile-fi.scss';\n</style>\n","<template>\n  <component-wrapper class=\"brochures-fi\">\n    <grid-container-fi>\n      <div class=\"fi-col-start-1 fi-col-end-13 md:fi-col-start-2 md:fi-col-end-12\">\n        <richtext-fi\n          v-if=\"fields?.headline?.value || isEditMode\"\n          class=\"brochures-fi__headline\"\n          :html-content=\"fields.headline\"\n        />\n      </div>\n    </grid-container-fi>\n    <grid-container-fi :container=\"false\">\n      <div class=\"fi-col-span-full\">\n        <tab-navigation-fi\n          :tab-navigation=\"tabNavigation\"\n          :is-slider=\"true\"\n          :no-spacing-below=\"true\"\n          @change=\"(value) => tabChanged(value)\"\n        />\n      </div>\n    </grid-container-fi>\n    <grid-container-fi :container=\"false\">\n      <div class=\"brochures-fi__container fi-col-span-full\">\n        <grid-container-fi>\n          <div\n            class=\"brochures-fi__content-wrapper fi-col-start-1 fi-col-end-13 md:fi-col-start-2 md:fi-col-end-12\"\n          >\n            <!-- eslint-disable vue/no-v-html -->\n            <h3\n              v-if=\"isEditMode\"\n              class=\"brochures-fi__tiles-intro-text\"\n              v-html=\"fields.tilesIntroText.editable\"\n            />\n            <h3\n              v-else\n              class=\"brochures-fi__tiles-intro-text\"\n              v-html=\"fields.tilesIntroText ? fields.tilesIntroText.value : ''\"\n            />\n\n            <loading-indicator\n              v-if=\"isLoading\"\n              variant=\"spinnerLocal\"\n              class=\"spinner-local--rebrush\"\n              dark\n            />\n\n            <!-- eslint-enable vue/no-v-html -->\n            <transition\n              enter-active-class=\"animated fadeIn fastest\"\n              leave-active-class=\"animated fadeOut fastest\"\n              mode=\"out-in\"\n            >\n              <div\n                :key=\"currentTag.id\"\n                class=\"brochures-fi__tiles-wrapper\"\n              >\n                <div class=\"brochures-fi__brochure-tiles\">\n                  <brochure-tile-fi\n                    v-for=\"(brochure, index) in brochureList\"\n                    :key=\"brochure.Document.Download + index\"\n                    :title=\"brochure.Document.BrochureTitle\"\n                    :preview-text=\"brochure.Document.PreviewText\"\n                    :download-url=\"brochure.Document.Download\"\n                    :thumbnail-url=\"brochure.Document.Thumbnail\"\n                  />\n                </div>\n              </div>\n            </transition>\n          </div>\n        </grid-container-fi>\n      </div>\n    </grid-container-fi>\n  </component-wrapper>\n</template>\n\n<script>\nimport { LoadingIndicator, RichtextFi } from 'atoms';\nimport axios from 'axios';\nimport BrochureTileFi from 'components/brochure-tile-fi/BrochureTileFi';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi';\nimport TabNavigationFi from 'components/tab-navigation-fi/TabNavigationFi';\nimport { useSSRContext } from 'vue';\n\nexport default {\n  name: 'BrochuresFi',\n  components: {\n    LoadingIndicator,\n    ComponentWrapper,\n    GridContainerFi,\n    TabNavigationFi,\n    BrochureTileFi,\n    RichtextFi,\n  },\n  inject: ['fields', 'prefetch'],\n  data() {\n    return {\n      brochureList: [],\n      isLoading: true,\n      currentTag: {\n        id: 0,\n      },\n    };\n  },\n  computed: {\n    tags() {\n      if (this.fields?.tags?.length) {\n        return this.fields.tags.filter(\n          (tag) => tag.fields?.tagName?.value && tag.fields.tagName.value !== '',\n        );\n      }\n\n      return [];\n    },\n    tabNavigation() {\n      if (this.tags.length) {\n        const navigation = this.tags.map((tag, index) => ({\n          id: index,\n          text: tag.fields?.tagName?.value,\n          tagId: tag.id,\n        }));\n\n        return navigation;\n      }\n\n      return null;\n    },\n    fetchParams() {\n      const lang = this.$fischer.siteLanguage() || null;\n      if (!lang || !this.tabNavigation) {\n        return null;\n      }\n      const { tagId } = this.tabNavigation[0];\n      const currentTag = this.currentTag.tagId || tagId;\n\n      return {\n        lang,\n        tags: currentTag,\n      };\n    },\n    cacheKey() {\n      if (!this.fetchParams) {\n        return null;\n      }\n      return `${this.fetchParams.lang} ${this.fetchParams.tags}`;\n    },\n  },\n  async serverPrefetch() {\n    await this.fetchData();\n    this.ctx.prefetch = this.cache;\n  },\n  created() {\n    if (IS_SSR) {\n      this.cache = {};\n      this.ctx = useSSRContext() || {};\n    } else {\n      this.cache = this.prefetch || {};\n    }\n  },\n  mounted() {\n    this.fetchData();\n  },\n  methods: {\n    tabChanged(value) {\n      this.isLoading = true;\n      this.currentTag = value;\n      this.fetchData();\n    },\n    async fetchData() {\n      try {\n        const fromCache = this.cache[this.cacheKey];\n        if (fromCache) {\n          this.brochureList = fromCache;\n          return;\n        }\n        let url = '/api/brochures/get';\n        if (IS_SHOWROOM) {\n          url = `/__mocks__/sitecoreApi${url}/mockedBrochuresData.json`;\n        }\n        if (IS_SSR) {\n          url = `${this.$fischer.hostUrlBase()}${url}`;\n        }\n\n        if (!this.fetchParams) {\n          console.error('Missing parameters', this.fetchParams);\n          return;\n        }\n        const result = await axios.get(url, {\n          params: this.fetchParams,\n        });\n        if (result.data?.Data?.TeaserList) {\n          this.brochureList = result.data.Data.TeaserList;\n          this.cache[this.cacheKey] = this.brochureList;\n        }\n      } catch (error) {\n        console.error(error);\n      } finally {\n        this.isLoading = false;\n      }\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import './brochures-fi';\n</style>\n"],"names":["_sfc_main","CloudImageFi","IconFi","eventHubMixin","_hoisted_1","_hoisted_2","_hoisted_3","$props","_createElementBlock","$options","args","_createElementVNode","_createBlock","_component_cloud_image_fi","_createCommentVNode","_createVNode","_component_icon_fi","_hoisted_4","_toDisplayString","_hoisted_5","LoadingIndicator","ComponentWrapper","GridContainerFi","TabNavigationFi","BrochureTileFi","RichtextFi","_b","_a","tag","index","lang","tagId","currentTag","value","fromCache","url","result","axios","error","_hoisted_6","_hoisted_7","_component_component_wrapper","_withCtx","_component_grid_container_fi","_ctx","_component_richtext_fi","_component_tab_navigation_fi","_cache","$data","_component_loading_indicator","_Transition","_openBlock","_Fragment","_renderList","brochure","_component_brochure_tile_fi"],"mappings":"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"}