{"version":3,"file":"AccordionFi-B2IXWdgZ.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-fi\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=\"currentComponent(item.fields.itemType.value)\"\n            v-if=\"item?.fields?.itemType?.value\"\n            :fields=\"item.fields\"\n          />\n        </div>\n      </div>\n    </slide-up-down-fi>\n\n    <grid-container-fi>\n      <div class=\"accordion-fi__hr\" />\n    </grid-container-fi>\n  </component-wrapper>\n</template>\n\n<script setup lang=\"ts\">\nimport { IconFi, SlideUpDownFi } from 'atoms/index';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper.vue';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi.vue';\nimport { useBreakpoints } from 'composables/breakpoint';\nimport ImageFi from 'pages/image-fi/ImageFi.vue';\nimport SectionDividerFi from 'pages/section-divider-fi/SectionDividerFi.vue';\nimport TextMediaFi from 'pages/text-content/text-media-fi/TextMediaFi.vue';\nimport TextOneColumnFi from 'pages/text-content/text-one-column-fi/TextOneColumnFi.vue';\nimport TextTwoColumnFi from 'pages/text-content/text-two-column-fi/TextTwoColumnFi.vue';\nimport { computed, inject, ref, useTemplateRef } from 'vue';\n\nimport type { CheckboxField, SingleLineTextField } from '@/sitecoreFieldTypes';\nimport { scrollToElement } from '@/utils/smoothScroll';\n\ndefineOptions({\n  name: 'AccordionFi',\n});\n\nconst { isSM } = useBreakpoints();\n\nconst fields = inject<{\n  title?: SingleLineTextField;\n  initialOpen: CheckboxField;\n  scrollTo: CheckboxField;\n  accordionContentItems: any;\n}>('fields');\n\nconst components: any = {\n  ImageFi,\n  SectionDividerFi,\n  TextMediaFi,\n  TextOneColumnFi,\n  TextTwoColumnFi,\n};\n\nconst isOpen = ref<boolean>(Boolean(fields?.initialOpen?.value));\nconst scrollTo = ref<boolean>(Boolean(fields?.scrollTo?.value));\n\nconst accordionHeader = useTemplateRef<HTMLDivElement | undefined>('accordionHeader');\n\nconst contentItems = computed(() => fields?.accordionContentItems);\n\nconst toggleAccordion = () => {\n  isOpen.value = !isOpen.value;\n\n  if (isOpen.value && scrollTo.value) {\n    setTimeout(\n      () => {\n        // @ts-ignore\n        scrollToElement(accordionHeader.value);\n      },\n      isSM.value ? 0 : 300,\n    );\n  }\n};\n\nconst currentComponent = (itemType: string) => {\n  return components[itemType] || null;\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import './accordion-fi';\n</style>\n"],"names":["isSM","useBreakpoints","fields","inject","components","ImageFi","SectionDividerFi","TextMediaFi","TextOneColumnFi","TextTwoColumnFi","isOpen","ref","_a","scrollTo","_b","accordionHeader","useTemplateRef","contentItems","computed","toggleAccordion","scrollToElement","currentComponent","itemType"],"mappings":"6kBA4EM,KAAA,CAAE,KAAAA,GAASC,IAEXC,EAASC,EAKZ,QAAQ,EAELC,EAAkB,CACtB,QAAAC,EACA,iBAAAC,EAAA,YACAC,EACA,gBAAAC,EACA,gBAAAC,CAAA,EAGIC,EAASC,EAAa,IAAQC,EAAAV,GAAA,YAAAA,EAAQ,cAAR,MAAAU,EAAqB,MAAM,EACzDC,EAAWF,EAAa,IAAQG,EAAAZ,GAAA,YAAAA,EAAQ,WAAR,MAAAY,EAAkB,MAAM,EAExDC,EAAkBC,EAA2C,iBAAiB,EAE9EC,EAAeC,EAAS,IAAMhB,GAAA,YAAAA,EAAQ,qBAAqB,EAE3DiB,EAAkB,IAAM,CACrBT,EAAA,MAAQ,CAACA,EAAO,MAEnBA,EAAO,OAASG,EAAS,OAC3B,WACE,IAAM,CAEJO,EAAgBL,EAAgB,KAAK,CACvC,EACAf,EAAK,MAAQ,EAAI,GAAA,CAErB,EAGIqB,EAAoBC,GACjBlB,EAAWkB,CAAQ,GAAK"}