{"version":3,"file":"accordion.component.js","sources":["../../../../KNHS.Website.Frontend/script/vue/apps/accordion/config/index.ts","../../../../KNHS.Website.Frontend/script/vue/apps/accordion/components/accordion-item.component.vue","../../../../KNHS.Website.Frontend/script/vue/apps/accordion/index.ts","../../../../KNHS.Website.Frontend/script/accordion.component.ts"],"sourcesContent":["const NAME_SPACE = 'Accordion';\n\nexport { NAME_SPACE };\n","<template>\n    <div class=\"item\">\n        <button class=\"item__title\" @click=\"toggle\" :class=\"{ 'is-active': isActive }\">\n            {{ item.Title }}\n            <span class=\"icon\"></span>\n        </button>\n        <Transition name=\"accordion\" @enter=\"enter\" @after-enter=\"afterEnter\" @leave=\"leave\">\n            <div class=\"item__body\" v-if=\"isActive\">\n                <div class=\"answer\" v-html=\"item.BodyText\"></div>\n                <div class=\"controls\" v-if=\"item.Link.Text && item.Link.Url\">\n                    <a\n                        :href=\"item.Link.Url\"\n                        :target=\"item.Link.Target\"\n                        class=\"btn-default btn-default--1\"\n                        >{{ item.Link.Text }}</a\n                    >\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport type { Ref } from 'vue';\n\nimport { IAccordionItem } from '../interface/accordion.model';\n\ndefineProps<{\n    item: IAccordionItem;\n}>();\n\nconst isActive: Ref<boolean> = ref(false);\n\nconst toggle = () => {\n    isActive.value = !isActive.value;\n};\n\nconst enter = (el: HTMLElement) => {\n    el.style.height = 'auto';\n\n    const height = getComputedStyle(el).height;\n    el.style.height = '0';\n\n    getComputedStyle(el);\n\n    setTimeout(() => {\n        el.style.height = height;\n    });\n};\n\nconst afterEnter = (el: HTMLElement) => {\n    el.style.height = 'auto';\n};\n\nconst leave = (el: HTMLElement) => {\n    el.style.height = getComputedStyle(el).height;\n\n    getComputedStyle(el);\n\n    setTimeout(() => {\n        el.style.height = '0';\n    });\n};\n</script>\n","import { NAME_SPACE } from './config';\nimport Accordion from './AccordionComponent.vue';\n\nexport default {\n    name: NAME_SPACE,\n    components: {\n        'accordion-component': Accordion,\n    },\n};\n","import { createApp } from './vue';\n\nimport accordion from './vue/apps/accordion';\n\nconst accordionMountingContainer = document.querySelectorAll('.js-accordion');\n\nif (accordionMountingContainer) {\n    const accordions = [];\n\n    accordionMountingContainer.forEach((el) => {\n        const app = createApp(accordion).mount(el);\n        accordions.push(app);\n    });\n}\n"],"names":["NAME_SPACE","isActive","ref","toggle","enter","el","height","afterEnter","leave","accordion","Accordion","accordionMountingContainer","createApp"],"mappings":"iIAAA,MAAMA,EAAa,8NCgCb,MAAAC,EAAyBC,EAAI,EAAK,EAElCC,EAAS,IAAM,CACRF,EAAA,MAAQ,CAACA,EAAS,KAAA,EAGzBG,EAASC,GAAoB,CAC/BA,EAAG,MAAM,OAAS,OAEZ,MAAAC,EAAS,iBAAiBD,CAAE,EAAE,OACpCA,EAAG,MAAM,OAAS,IAElB,iBAAiBA,CAAE,EAEnB,WAAW,IAAM,CACbA,EAAG,MAAM,OAASC,CAAA,CACrB,CAAA,EAGCC,EAAcF,GAAoB,CACpCA,EAAG,MAAM,OAAS,MAAA,EAGhBG,EAASH,GAAoB,CAC/BA,EAAG,MAAM,OAAS,iBAAiBA,CAAE,EAAE,OAEvC,iBAAiBA,CAAE,EAEnB,WAAW,IAAM,CACbA,EAAG,MAAM,OAAS,GAAA,CACrB,CAAA,0zBC3DUI,EAAA,CACX,KAAMT,EACN,WAAY,CACR,sBAAuBU,CAC3B,CACJ,ECJMC,EAA6B,SAAS,iBAAiB,eAAe,EAExEA,GAG2BA,EAAA,QAASN,GAAO,CAC3BO,EAAUH,CAAS,EAAE,MAAMJ,CAAE,CACtB,CACtB"}