{"version":3,"file":"OverviewTeasersFi-B0pQUpfx.js","sources":["../../src/components/overview-teasers-fi/OverviewTeasersFi.vue"],"sourcesContent":["<template>\n  <component-wrapper class=\"overview-teasers-fi\">\n    <grid-container-fi :container=\"false\">\n      <div class=\"fi-col-span-full\">\n        <tab-navigation-fi\n          v-if=\"activateFilters\"\n          class=\"overview-teasers-fi__tab-navigation\"\n          :tab-navigation=\"tabNavigation\"\n          :is-slider=\"true\"\n          @change=\"(value) => tabChanged(value)\"\n        />\n      </div>\n    </grid-container-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        <!-- eslint-disable vue/no-v-html -->\n        <h3\n          v-if=\"isEditMode\"\n          class=\"overview-teasers-fi__headline\"\n          v-html=\"fields.headline.editable\"\n        />\n        <h3\n          v-if=\"!isEditMode && fields.headline?.value\"\n          class=\"overview-teasers-fi__headline\"\n          v-html=\"fields.headline.value\"\n        />\n        <!-- eslint-enable vue/no-v-html -->\n      </div>\n    </grid-container-fi>\n    <grid-container-fi :container=\"false\">\n      <div class=\"fi-col-span-full\">\n        <transition\n          enter-active-class=\"animated fadeIn fastest\"\n          leave-active-class=\"animated fadeOut fastest\"\n          mode=\"out-in\"\n        >\n          <div\n            v-if=\"teaserList\"\n            :key=\"currentTag ? currentTag.id : 0\"\n          >\n            <div class=\"overview-teasers-fi__teasers\">\n              <loading-indicator\n                v-if=\"isLoading\"\n                variant=\"spinnerLocal\"\n                class=\"spinner-local--rebrush\"\n                :dark=\"true\"\n              />\n\n              <template v-for=\"(teaser, index) in teaserList\">\n                <teaser-big-image-element-fi\n                  v-if=\"teaser.Document\"\n                  :key=\"teaser.Document.ItemLink\"\n                  :image=\"\n                    teaser.Document.Thumbnail\n                      ? { src: teaser.Document.Thumbnail, alt: teaser.Document.TeaserTitle }\n                      : null\n                  \"\n                  :image-pos-right=\"index % 2 !== 0\"\n                  bg-color=\"light\"\n                >\n                  <template #content>\n                    <template v-if=\"teaser.Document.TagNames\">\n                      <span\n                        v-for=\"tag in teaser.Document.TagNames.split('|')\"\n                        :key=\"tag\"\n                        class=\"badge-fi\"\n                      >\n                        {{ tag }}\n                      </span>\n                    </template>\n                    <h3 v-if=\"teaser.Document.TeaserTitle\">\n                      {{ teaser.Document.TeaserTitle }}\n                    </h3>\n                    <p v-if=\"teaser.Document.PreviewText\">\n                      {{ teaser.Document.PreviewText }}\n                    </p>\n                    <button-fi\n                      v-if=\"teaser.Document.ItemLink && fields.teaserButtonText?.value\"\n                      :href=\"teaser.Document.ItemLink\"\n                      class=\"button-fi__tertiary\"\n                      natural-events\n                    >\n                      {{ fields.teaserButtonText.value }}\n                    </button-fi>\n                  </template>\n                </teaser-big-image-element-fi>\n              </template>\n            </div>\n\n            <section-divider-fi />\n\n            <pagination-progress-bar\n              :pagination-page=\"page + 1\"\n              :pagination-total=\"teaserCount\"\n              :progressbar-value=\"pagingPercentage\"\n              :disabled-state=\"isLoading\"\n              :show-more-button=\"teaserList.length < teaserCount\"\n              :query-params=\"null\"\n              @loadmore=\"fetchMore\"\n            >\n              <template v-if=\"(page + 1) * pageSize <= teaserCount\">\n                <span>{{ loadMoreDict((page + 1) * pageSize, teaserCount) }}</span>\n              </template>\n\n              <template v-else>\n                <span>{{ loadMoreDict(teaserCount, teaserCount) }}</span>\n              </template>\n            </pagination-progress-bar>\n\n            <section-divider-fi />\n          </div>\n        </transition>\n      </div>\n    </grid-container-fi>\n  </component-wrapper>\n</template>\n\n<script>\nimport { ButtonFi, LoadingIndicator, PaginationProgressBar } from 'atoms';\nimport axios from 'axios';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi';\nimport TabNavigationFi from 'components/tab-navigation-fi/TabNavigationFi';\nimport TeaserBigImageElementFi from 'components/teaser/teaser-big-image-element-fi/TeaserBigImageElementFi';\nimport SectionDividerFi from 'pages/section-divider-fi/SectionDividerFi';\n\nexport default {\n  name: 'OverviewTeasersFi',\n  components: {\n    ButtonFi,\n    LoadingIndicator,\n    ComponentWrapper,\n    GridContainerFi,\n    SectionDividerFi,\n    TabNavigationFi,\n    TeaserBigImageElementFi,\n    PaginationProgressBar,\n  },\n  props: {\n    fields: {\n      type: Object,\n      default: () => ({}),\n    },\n    apiUrl: {\n      type: String,\n      default: null,\n      required: true,\n    },\n    customType: {\n      type: String,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      isLoading: true,\n      currentTag: null,\n      teaserList: [],\n      teaserCount: 0,\n      page: 0,\n      pageSize: 9,\n      filtered: false,\n    };\n  },\n  computed: {\n    type() {\n      return this.customType || this.fields?.type?.value;\n    },\n    allTag() {\n      return {\n        id: 0,\n        text: this.fields?.allTagsLabel?.value,\n      };\n    },\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    tagsLogicalOr() {\n      return Boolean(this.fields?.tagsLogicalOr?.value);\n    },\n    activateFilters() {\n      return Boolean(this.fields?.activateFilters?.value && this.tabNavigation);\n    },\n    tabNavigation() {\n      if (this.tags.length) {\n        const navigation = this.tags.map((tag, index) => ({\n          id: index + 1,\n          text: tag.fields?.tagName?.value,\n          tagId: tag.id,\n        }));\n\n        return [this.allTag, ...navigation];\n      }\n\n      return null;\n    },\n    activeTag() {\n      if (this.currentTag) {\n        return this.currentTag;\n      }\n\n      return this.allTag;\n    },\n    pagingPercentage() {\n      return (100 * this.teaserList.length) / this.teaserCount;\n    },\n    fetchParams() {\n      const pageid = this.fields?.usePageId?.value ? this.$fischer.pageId() : null;\n      const lang = this.$fischer.siteLanguage() || null;\n      const type = this.type !== this.customType ? this.type : null;\n      const email = this.customType === 'NewsPage' ? this.$fischer.user.email() : null;\n      let tags = null;\n\n      if (this.activeTag.id === 0 && this.tags?.length) {\n        tags = this.tags.map((tag) => tag.id).join('|');\n      } else if (this.activeTag.id !== 0) {\n        tags = this.activeTag.tagId;\n      }\n\n      const params = {\n        pageid,\n        type,\n        lang,\n        tags,\n        tagslogicalor: this.tagsLogicalOr,\n        email,\n        page: this.page,\n        pageSize: this.pageSize,\n      };\n\n      return params;\n    },\n  },\n  mounted() {\n    this.fetchData();\n  },\n  methods: {\n    tabChanged(value) {\n      this.isLoading = true;\n      this.currentTag = value;\n      this.filtered = value.id !== 0;\n      this.fetchData();\n    },\n    fetchData() {\n      axios\n        .get(this.apiUrl, {\n          params: this.fetchParams,\n        })\n        .then((result) => {\n          if (result.data?.Data) {\n            this.teaserCount = result.data.Data.TotalSearchResults;\n            this.teaserList = result.data.Data.TeaserList;\n          }\n          this.isLoading = false;\n        })\n        .catch((error) => {\n          console.error(error);\n          this.isLoading = false;\n        });\n    },\n    fetchMore() {\n      this.page += 1;\n\n      axios\n        .get(this.apiUrl, {\n          params: this.fetchParams,\n        })\n        .then((result) => {\n          if (result.data?.Data) {\n            this.teaserList = [...this.teaserList, ...result.data.Data.TeaserList];\n          }\n          this.isLoading = false;\n        })\n        .catch((error) => {\n          console.error(error);\n          this.isLoading = false;\n        });\n    },\n    loadMoreDict(first, second) {\n      let dict = null;\n\n      switch (this.type) {\n        case 'StoryPage':\n          dict = this.$dict.get('teaser-Overview.Pagination.Show-Stories', [first, second]);\n          break;\n        case 'ReferencePage':\n          dict = this.$dict.get('teaser-Overview.Pagination.Show-References', [first, second]);\n          break;\n        case 'NewsPage':\n          dict = this.$dict.get('teaser-Overview.Pagination.Show-News', [first, second]);\n          break;\n        default:\n          dict = this.$dict.get('teaser-Overview.Pagination.Default', [first, second]);\n      }\n\n      return dict;\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import './overview-teasers-fi';\n</style>\n"],"names":["_sfc_main","ButtonFi","LoadingIndicator","ComponentWrapper","GridContainerFi","SectionDividerFi","TabNavigationFi","TeaserBigImageElementFi","PaginationProgressBar","_b","_a","tag","navigation","index","pageid","lang","type","email","tags","_c","value","axios","result","error","first","second","dict","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createBlock","_component_component_wrapper","_withCtx","_createVNode","_component_grid_container_fi","_createElementVNode","$options","_component_tab_navigation_fi","_cache","_createCommentVNode","_ctx","_createElementBlock","$props","_Transition","$data","_component_loading_indicator","_openBlock","_Fragment","_renderList","teaser","_component_teaser_big_image_element_fi","_hoisted_7","_toDisplayString","_hoisted_8","_component_button_fi","_createTextVNode","_component_section_divider_fi","_component_pagination_progress_bar","_hoisted_9","_hoisted_10"],"mappings":"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"}