{"version":3,"file":"AccordionItemFi-nixsQDPe.js","sources":["../../src/components/atoms/accordion-item-fi/AccordionItemFi.vue"],"sourcesContent":["<template>\n <div\n :class=\"{\n 'accordion-item-fi': true,\n 'accordion-item-fi--active': isOpen,\n 'accordion-item-fi--item-list': isItemListTheme,\n 'accordion-item-fi--content-background-dark': isContentBackgroundDark,\n [`accordion-item-fi--theme-${theme}`]: theme,\n }\"\n >\n <div\n ref=\"accordionItemHeader\"\n class=\"accordion-item-fi__header\"\n @click=\"onHeaderClick\"\n >\n <component\n :is=\"headerTag\"\n :class=\"{\n 'accordion-item-fi__header__text': !isItemListTheme,\n 'accordion-item-fi__header__content': isItemListTheme,\n }\"\n >\n <slot name=\"header\" />\n </component>\n <div class=\"accordion-item-fi__toggle\">\n <div\n :class=\"{\n 'accordion-item-fi__toggle-icon': true,\n 'accordion-item-fi__toggle-icon--active': isOpen,\n }\"\n >\n <icon-fi\n icon=\"chevron-down\"\n :size=\"isSM && !isItemListTheme ? '2' : '1'\"\n />\n </div>\n </div>\n </div>\n\n <slide-up-down-fi\n :model-value=\"isOpen\"\n :duration=\"700\"\n class=\"accordion-item-fi__slide-up-down\"\n >\n <div class=\"accordion-item-fi__content\">\n <slot\n name=\"content\"\n :is-open=\"isOpen\"\n />\n </div>\n </slide-up-down-fi>\n </div>\n</template>\n\n<script>\nimport accordionItemMixin from 'components/atoms/accordion-item-fi/AccordionItemMixin';\nimport SlideUpDownFi from 'components/atoms/slide-up-down-fi/SlideUpDownFi.vue';\nimport breakpointMixin from 'mixins/breakpointMixin';\n\nimport IconFi from '../icon-fi/IconFi';\n\nexport default {\n name: 'AccordionItemFi',\n components: {\n SlideUpDownFi,\n IconFi,\n },\n mixins: [breakpointMixin, accordionItemMixin],\n props: {\n headerTag: {\n type: String,\n default: 'div',\n },\n theme: {\n type: String,\n default: '',\n },\n ignoreOthers: {\n type: Boolean,\n default: false,\n },\n scrollTo: {\n type: Boolean,\n default: false,\n },\n },\n computed: {\n isItemListTheme() {\n return this.theme === 'item-list';\n },\n isContentBackgroundDark() {\n return this.theme === 'content-background-dark';\n },\n },\n methods: {\n onHeaderClick() {\n this.toggleAccordion();\n },\n },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import './accordion-item-fi';\n</style>\n"],"names":["_sfc_main","SlideUpDownFi","IconFi","breakpointMixin","accordionItemMixin","_hoisted_1","_hoisted_2","_createElementBlock","_normalizeClass","_ctx","$options","$props","_createElementVNode","args","_createBlock","_resolveDynamicComponent","_withCtx","_renderSlot","_createVNode","_component_icon_fi","_component_slide_up_down_fi"],"mappings":"qIA6DA,MAAKA,EAAU,CACb,KAAM,kBACN,WAAY,CACV,cAAAC,EACA,OAAAC,CACD,EACD,OAAQ,CAACC,EAAiBC,CAAkB,EAC5C,MAAO,CACL,UAAW,CACT,KAAM,OACN,QAAS,KACV,EACD,MAAO,CACL,KAAM,OACN,QAAS,EACV,EACD,aAAc,CACZ,KAAM,QACN,QAAS,EACV,EACD,SAAU,CACR,KAAM,QACN,QAAS,EACV,CACF,EACD,SAAU,CACR,iBAAkB,CAChB,OAAO,KAAK,QAAU,WACvB,EACD,yBAA0B,CACxB,OAAO,KAAK,QAAU,yBACvB,CACF,EACD,QAAS,CACP,eAAgB,CACd,KAAK,gBAAe,CACrB,CACF,CACH,EA3EWC,EAAA,CAAA,MAAM,2BAA2B,EAoBjCC,EAAA,CAAA,MAAM,4BAA4B,kFA3C3CC,EAkDM,MAAA,CAjDH,MAFLC,EAAA,oDAEkFC,EAAM,sCAAwCC,EAAe,6DAAsDA,EAAuB,wBAAqC,CAAA,4BAAAC,EAAA,KAAK,IAAKA,EAAK,UAQ5QC,EA2BM,MAAA,CA1BJ,IAAI,sBACJ,MAAM,4BACL,4BAAOF,EAAa,eAAAA,EAAA,cAAA,GAAAG,CAAA,UAErBC,EAfNC,EAgBaJ,EAAS,SAAA,EAAA,CACb,MAjBTH,EAAA,oCAiBgEE,EAAe,qDAAkDA,EAAe,oBAjBhJ,QAAAM,EAsBQ,IAAsB,CAAtBC,EAAsBR,EAAA,OAAA,SAAA,CAAA,EAAA,OAAA,EAAA,IAtB9B,EAAA,iBAwBMG,EAYM,MAZNP,EAYM,CAXJO,EAUM,MAAA,CATH,MA1BXJ,EAAA,8EA0B8HC,EAAM,WAK1HS,EAGEC,EAAA,CAFA,KAAK,eACJ,KAAMV,EAAI,MAAA,CAAKC,EAAe,gBAAA,IAAA,kCAMvCQ,EAWmBE,EAAA,CAVhB,cAAaX,EAAM,OACnB,SAAU,IACX,MAAM,qCA1CZ,QAAAO,EA4CM,IAKM,CALNJ,EAKM,MALNN,EAKM,CAJJW,EAGER,EAAA,OAAA,UAAA,CADC,OAASA,EAAM,MAAA,EAAA,OAAA,EAAA,MA/C1B,EAAA"}