{"version":3,"file":"Accordion-G9rlzgfV.js","sources":["../../src/aem-components/Accordion.vue"],"sourcesContent":["<script>\nexport default {\n\tname: 'Accordion',\n\tinheritAttrs: false,\n};\n</script>\n\n<script setup>\nimport FontAwesomeLazy from '~/components/FontAwesomeLazy.vue';\nimport TransitionSimpleSlideDown from '~/components/transition/TransitionSimpleSlideDown.vue';\nimport Parsys from '~/components/Parsys.vue';\nimport { getCompositeComponent } from '@custom/aem-vue-editable-components';\nimport ExperienceFragment from '~/aem-components/ExperienceFragment.vue';\n\nconst { isEditorMode } = useGlobalAEMState();\n\nconst props = defineProps({\n\tisHideInDesktop: { type: Boolean, default: false },\n\tisHideInMobile: { type: Boolean, default: false },\n\ttype: { type: String, default: 'parent' }, // <== 'parent' || 'single'\n\taccordionStyle: { type: String, default: 'light-grey' }, // <== 'white' || 'light-grey'\n\tparentPageUrl: { type: String, default: '' },\n\tchildren: { type: Array, default: () => [] },\n\taccordionTitle: { type: String, default: '' },\n\taccordionDescription: { type: String, default: '' },\n\tcomponentIdAA: { type: String, default: '' },\n});\n\nconst expandedList = ref(new Set());\n\nconst accordionParsys = getCompositeComponent({\n\ttype: 'mh/components/mh-layout-container',\n\tcomponentKey: 'accordion-parsys',\n});\n\nconst expandItem = (itemId) => {\n\texpandedList.value.add(itemId);\n};\nconst collapseItem = (itemId) => {\n\texpandedList.value.delete(itemId);\n};\n\nconst computedListMap = computed(() => {\n\tif (props.type === 'single') {\n\t\treturn [{\n\t\t\tid: props.accordionTitle,\n\t\t\ttitle: props.accordionTitle,\n\t\t\tdescription: props.accordionDescription,\n\t\t\texpanded: isEditorMode.value ? true : expandedList.value.has(props.accordionTitle),\n\t\t}];\n\t}\n\treturn props.children.map((page) => {\n\t\treturn {\n\t\t\tid: page.accordionUrl,\n\t\t\ttitle: page.accordionTitle,\n\t\t\tdescription: page.accordionDescription,\n\t\t\tcollapedContent: page.accordionUrl,\n\t\t\texpanded: isEditorMode.value ? true : expandedList.value.has(page.accordionUrl),\n\t\t};\n\t});\n});\n\n</script>\n\n<template>\n\n<div\n\tv-if=\"computedListMap.length\"\n\tclass=\"Accordion\"\n\t:class=\"{\n\t\t'>md:hidden': isHideInDesktop,\n\t\t'hidden >md:block': isHideInMobile,\n\t\t'use-white-version': accordionStyle === 'white',\n\t}\"\n>\n\n\t<div v-for=\"block in computedListMap\" :key=\"block.id\" class=\"Accordion-block\">\n\t\t<div\n\t\t\tv-aa=\"[\n\t\t\t\t{\n\t\t\t\t\tclickName: block.title,\n\t\t\t\t\tclickComponentType: 'Button',\n\t\t\t\t\tcomponentName: 'Accordion',\n\t\t\t\t\tcomponentID: props.componentIdAA,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: block.title,\n\t\t\t\t\ttype: 'other',\n\t\t\t\t},\n\t\t\t]\"\n\t\t\tclass=\"heading\"\n\t\t\t@click=\"block.expanded ? collapseItem(block.id) : expandItem(block.id)\"\n\t\t>\n\t\t\t<div>\n\t\t\t\t<h4\n\t\t\t\t\tclass=\"title\"\n\t\t\t\t\t:class=\"[\n\t\t\t\t\t\t{ 'line-clamp-1 md:line-clamp-4': !block.expanded },\n\t\t\t\t\t]\"\n\t\t\t\t>{{ block.title }}</h4>\n\t\t\t\t<p\n\t\t\t\t\tclass=\"text-sm text-neutral-grey-ultradark\"\n\t\t\t\t\t:class=\"[\n\t\t\t\t\t\t{ 'line-clamp-1 md:line-clamp-2': !block.expanded },\n\t\t\t\t\t]\"\n\t\t\t\t>{{ block.description }}</p>\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<icon-fal-chevron-down\n\t\t\t\t\tclass=\"icon-arrow transform\"\n\t\t\t\t\t:class=\"{ 'rotate-180': block.expanded }\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t\t<TransitionSimpleSlideDown>\n\t\t\t<div v-show=\"block.expanded\" class=\"content\">\n\t\t\t\t<div class=\"px-4 pb-4\">\n\t\t\t\t\t<div v-if=\"type === 'parent'\">\n\t\t\t\t\t\t<ExperienceFragment\n\t\t\t\t\t\t\t:xfPath=\"block.collapedContent\"\n\t\t\t\t\t\t\t:showSpinner=\"true\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-else-if=\"type === 'single'\">\n\t\t\t\t\t\t<Parsys\n\t\t\t\t\t\t\t:component=\"accordionParsys\"\n\t\t\t\t\t\t\tlabel=\"Accordion Content\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</TransitionSimpleSlideDown>\n\t\t\n\t</div>\n</div>\n\n<div v-else-if=\"isEditorMode && isHideInDesktop\" class=\"generic-container py-10 text-center\">\n\t<p>Hidden in: <span v-if=\"isHideInDesktop\">Desktop</span> <span v-if=\"isHideInMobile\">, Mobile</span></p>\n</div>\n\n</template>\n\n\n\n<style scoped lang=\"scss\">\n@use 'sass:color';\n@use '~/styles/partials/_var.scss';\n\n.Accordion {\n\tmax-width: calc(10/12 * #{var.$breakpoint-2xl}px);\n\t@media #{var.$query-max-2xl} { max-width: calc(10/12 * #{var.$breakpoint-xl}px) }\n\t@media #{var.$query-max-xl} { max-width: calc(10/12 * #{var.$breakpoint-lg}px) }\n\t@media #{var.$query-max-lg} { max-width: none }\n\n\t@apply mx-auto;\n\t.heading {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\t@apply p-4;\n\t}\n\n\t.content {\n\t\ttransition: 200ms ease-out;\n\t\toverflow: hidden;\n\t}\n}\n\n.use-white-version {\n\t.Accordion-block {\n\t\tbackground-color: var(--neutral-white-base);\n\t\tborder-color: var(--neutral-grey-light);\n\t\t&:hover {\n\t\t\tbackground-color: var(--neutral-grey-ultralight);\n\t\t\tborder-color: var(--neutral-grey-base);\n\t\t}\n\t}\n}\n\n.Accordion-block {\n\tbackground-color: var(--neutral-grey-ultralight);\n\tborder: 1px solid var(--neutral-grey-light);\n\t@apply rounded-xl mb-4;\n\t&:hover {\n\t\tbackground-color: var(--neutral-grey-extralight);\n\t\tborder-color: var(--neutral-grey-base);\n\t\ttransition: all ease 200ms;\n\t}\n}\n\n.title {\n\t@apply text-base font-semibold;\n}\n\n.icon-arrow {\n\twidth: 14px;\n\ttransition: all ease 200ms;\n\ttransform-origin: center;\n\tfill: var(--primary-black-base);\n}\n\n</style>\n"],"names":["__default__","isEditorMode","props","__props","expandedList","ref","accordionParsys","getCompositeComponent","expandItem","itemId","collapseItem","computedListMap","computed","page","_hoisted_1","_hoisted_2","_hoisted_3","$setup","_createElementBlock","_normalizeClass","$props","_openBlock","_Fragment","_renderList","block","$event","_createElementVNode","_toDisplayString","_createVNode","_component_icon_fal_chevron_down","_withCtx","_withDirectives","_hoisted_4","_hoisted_5","_createCommentVNode","_vShow","_hoisted_6","_cache","_createTextVNode","_hoisted_7","_hoisted_8"],"mappings":"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"}