{"version":3,"file":"AccordionFi-BhpXb4ON.js","sources":["../../src/pages/accordion-fi/AccordionFi.vue"],"sourcesContent":["<template>\n  <component-wrapper class=\"accordion-fi\">\n    <grid-container-fi>\n      <div\n        ref=\"accordionHeader\"\n        class=\"accordion-fi__header\"\n        @click=\"toggleAccordion\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          v-if=\"isEditMode\"\n          class=\"accordion-fi__header__text\"\n          v-html=\"fields.title.editable\"\n        />\n        <div\n          v-if=\"!isEditMode && fields.title?.value\"\n          class=\"accordion-fi__header__text\"\n          v-html=\"fields.title.value\"\n        />\n        <!-- eslint-enable vue/no-v-html -->\n\n        <icon-fi\n          :class=\"{\n            'accordion-fi__header__icon': true,\n            'accordion-fi__header__icon--active': isOpen,\n          }\"\n          icon=\"chevron-down\"\n          :size=\"isSM ? '2' : '1'\"\n        />\n      </div>\n    </grid-container-fi>\n\n    <slide-up-down\n      :model-value=\"isOpen\"\n      :duration=\"700\"\n    >\n      <div class=\"accordion-fi__content\">\n        <div\n          v-for=\"(item, idx) in contentItems\"\n          :key=\"`item-${idx}`\"\n          class=\"accordion-fi__content__item\"\n        >\n          <component\n            :is=\"item.fields.itemType.value\"\n            v-if=\"item.fields?.itemType?.value\"\n            :fields=\"item.fields\"\n          />\n        </div>\n      </div>\n    </slide-up-down>\n\n    <grid-container-fi>\n      <div class=\"accordion-fi__hr\" />\n    </grid-container-fi>\n  </component-wrapper>\n</template>\n\n<script>\nimport { AccordionItemFi, IconFi } from 'atoms';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi';\nimport breakpointMixin from 'mixins/breakpointMixin';\nimport ImageFi from 'pages/image-fi/ImageFi';\nimport SectionDividerFi from 'pages/section-divider-fi/SectionDividerFi';\nimport TextMediaFi from 'pages/text-content/text-media-fi/TextMediaFi';\nimport TextOneColumnFi from 'pages/text-content/text-one-column-fi/TextOneColumnFi';\nimport TextTwoColumnFi from 'pages/text-content/text-two-column-fi/TextTwoColumnFi';\nimport { Vue3SlideUpDown as SlideUpDown } from 'vue3-slide-up-down';\nimport { mapGetters } from 'vuex';\n\nexport default {\n  name: 'AccordionFi',\n  components: {\n    AccordionItemFi,\n    ComponentWrapper,\n    GridContainerFi,\n    SectionDividerFi,\n    IconFi,\n    ImageFi,\n    TextOneColumnFi,\n    TextTwoColumnFi,\n    TextMediaFi,\n    SlideUpDown,\n  },\n  mixins: [breakpointMixin],\n  inject: ['fields'],\n  data() {\n    return {\n      isOpen: Boolean(this.fields.initialOpen?.value),\n    };\n  },\n  computed: {\n    ...mapGetters({\n      headerHeight: 'layout/getHeaderHeight',\n    }),\n    contentItems() {\n      return this.fields.accordionContentItems;\n    },\n  },\n  methods: {\n    component(template) {\n      switch (template) {\n        case 'AccordionImageItem':\n          return 'ImageFi';\n        default:\n          return null;\n      }\n    },\n    toggleAccordion() {\n      this.isOpen = !this.isOpen;\n\n      if (this.isOpen && this.fields?.scrollTo) {\n        this.$smoothScroll({\n          scrollTo: this.$refs.accordionHeader,\n          updateHistory: false,\n          offset: -this.headerHeight,\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import './accordion-fi';\n</style>\n"],"names":["_sfc_main","AccordionItemFi","ComponentWrapper","GridContainerFi","SectionDividerFi","IconFi","ImageFi","TextOneColumnFi","TextTwoColumnFi","TextMediaFi","SlideUpDown","breakpointMixin","_a","mapGetters","template","_hoisted_1","_hoisted_2","_hoisted_3","_createBlock","_component_component_wrapper","_withCtx","_createVNode","_component_grid_container_fi","_createElementVNode","$options","args","_ctx","_createElementBlock","_createCommentVNode","_component_icon_fi","_normalizeClass","$data","_component_slide_up_down","_openBlock","_Fragment","_renderList","item","idx","_b","_resolveDynamicComponent","_cache"],"mappings":"4cAsEA,MAAKA,EAAU,CACb,KAAM,cACN,WAAY,CACV,gBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,OAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,gBAAAC,cACAC,cACAC,CACD,EACD,OAAQ,CAACC,CAAe,EACxB,OAAQ,CAAC,QAAQ,EACjB,MAAO,OACL,MAAO,CACL,OAAQ,IAAQC,EAAA,KAAK,OAAO,cAAZ,MAAAA,EAAyB,OAE5C,EACD,SAAU,CACR,GAAGC,EAAW,CACZ,aAAc,wBAChB,CAAC,EACD,cAAe,CACb,OAAO,KAAK,OAAO,qBACpB,CACF,EACD,QAAS,CACP,UAAUC,EAAU,CAClB,OAAQA,EAAQ,CACd,IAAK,qBACH,MAAO,UACT,QACE,OAAO,IACX,CACD,EACD,iBAAkB,OAChB,KAAK,OAAS,CAAC,KAAK,OAEhB,KAAK,UAAUF,EAAA,KAAK,SAAL,MAAAA,EAAa,WAC9B,KAAK,cAAc,CACjB,SAAU,KAAK,MAAM,gBACrB,cAAe,GACf,OAAQ,CAAC,KAAK,YAChB,CAAC,CAEJ,CACF,CACH,EAxHAG,EAAA,CAAA,WAAA,EAAAC,EAAA,CAAA,WAAA,EAoCWC,EAAA,CAAA,MAAM,uBAAuB,iIAnCtCC,EAqDoBC,EAAA,CArDD,MAAM,gBAAc,CADzC,QAAAC,EAEI,IA4BoB,CA5BpBC,EA4BoBC,EAAA,KAAA,CA9BxB,QAAAF,EAGM,IA0BM,OAAA,OA1BNG,EA0BM,MAAA,CAzBJ,IAAI,kBACJ,MAAM,uBACL,4BAAOC,EAAe,iBAAAA,EAAA,gBAAA,GAAAC,CAAA,KAIfC,EAAU,gBADlBC,EAIE,MAAA,CAbV,IAAA,EAWU,MAAM,6BACN,UAAQH,EAAA,OAAO,MAAM,QAZ/B,EAAA,KAAA,EAAAT,CAAA,GAAAa,EAAA,GAAA,EAAA,EAeiB,CAAAF,EAAA,cAAcd,EAAAY,EAAA,OAAO,QAAP,MAAAZ,EAAc,YADrCe,EAIE,MAAA,CAlBV,IAAA,EAgBU,MAAM,6BACN,UAAQH,EAAA,OAAO,MAAM,KAjB/B,EAAA,KAAA,EAAAR,CAAA,GAAAY,EAAA,GAAA,EAAA,EAqBQP,EAOEQ,EAAA,CANC,MAtBXC,EAAA,sEAsBsHC,EAAM,SAIlH,KAAK,eACJ,KAAML,EAAI,KAAA,IAAA,uCA3BrB,EAAA,IAgCIL,EAiBgBW,EAAA,CAhBb,cAAaD,EAAM,OACnB,SAAU,MAlCjB,QAAAX,EAoCM,IAYM,CAZNG,EAYM,MAZNN,EAYM,EAXJgB,EAAA,EAAA,EAAAN,EAUMO,OA/CdC,EAsCgCX,EAAA,aAtChC,CAsCkBY,EAAMC,IAAG,oBADnBV,EAUM,MAAA,CARH,YAAaU,CAAG,GACjB,MAAM,iCAIEC,GAAA1B,EAAAwB,EAAK,SAAL,YAAAxB,EAAa,WAAb,MAAA0B,EAAuB,WAF/BpB,EA1CVqB,EA2CiBH,EAAK,OAAO,SAAS,KAAK,EAAA,CA3C3C,IAAA,EA6Ca,OAAQA,EAAK,4BA7C1BR,EAAA,GAAA,EAAA,gBAAA,EAAA,sBAmDIP,EAEoBC,EAAA,KAAA,CArDxB,QAAAF,EAoDM,IAAgCoB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAAhCjB,EAAgC,MAAA,CAA3B,MAAM,kBAAkB,EAAA,KAAA,EAAA,KApDnC,EAAA,MAAA,EAAA"}