import{r as i,h as o,g as t,c as n}from"./p-5308bbce.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.accordion-wrapper{display:flex;flex-direction:column;gap:8px;font-family:var(--ifx-font-family)}';const e=class{constructor(o){i(this,o);this.autoCollapse=false}async onItemOpen(i){if(this.autoCollapse){const o=Array.from(this.el.querySelectorAll("ifx-accordion-item"));for(const t of o){const o=t;if(o!==i.target&&await o.open){o.open=false}}}}render(){return o("div",{class:"accordion-wrapper"},o("slot",null))}get el(){return t(this)}};e.style=s;const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.accordion-item{border-radius:3px;overflow:hidden;transition:all 0.3s;font-family:var(--ifx-font-family)}.accordion-title:hover{border:1px solid #EEEDED;color:#08665C}.accordion-title{display:flex;align-items:center;padding:12px 16px;gap:12px;color:#0A8276;background-color:#FFFFFF;border:1px solid #EEEDED;cursor:pointer}.accordion-caption{font-weight:600;font-size:1.125rem}.accordion-content{gap:8px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;line-height:24px;font-size:1rem;font-weight:400}.inner-content{background-color:#FFFFFF;padding:24px;word-wrap:break-word;overflow-wrap:anywhere;align-self:stretch;}.accordion-icon{font-weight:bold;display:inline-block;transition:transform 0.3s}.accordion-icon:hover{color:#08665C}.accordion-item.open .accordion-icon{transform:rotate(-180deg)}';const a=class{constructor(o){i(this,o);this.ifxItemOpen=n(this,"ifxItemOpen",7);this.ifxItemClose=n(this,"ifxItemClose",7);this.caption=undefined;this.open=false;this.initialCollapse=true;this.internalOpen=false}componentWillLoad(){this.internalOpen=this.open;if(!this.initialCollapse){this.internalOpen=true}}componentDidLoad(){this.openAccordionItem()}componentDidUpdate(){this.openAccordionItem()}openChanged(i){this.internalOpen=i}toggleOpen(){this.internalOpen=!this.internalOpen;this.open=this.internalOpen;if(this.internalOpen){this.ifxItemOpen.emit({isOpen:this.internalOpen})}else{this.ifxItemClose.emit({isClosed:!this.internalOpen})}}openAccordionItem(){if(this.internalOpen){this.contentEl.style.maxHeight=`${this.contentEl.scrollHeight}px`}else{this.contentEl.style.maxHeight="0"}}handleSlotChange(i){const o=i.target;const t=o.assignedNodes();if(t.length>0){t.forEach((i=>{const o=new MutationObserver(((i,o)=>{for(let o of i){if(o.type==="childList"){if(this.internalOpen){this.openAccordionItem()}}}}));o.observe(i,{attributes:true,childList:true,subtree:true})}))}if(this.internalOpen){this.openAccordionItem()}}render(){return o("div",{"aria-label":this.caption,class:`accordion-item ${this.internalOpen?"open":""}`},o("div",{class:"accordion-title",onClick:()=>this.toggleOpen()},o("span",{class:"accordion-icon"},o("ifx-icon",{icon:"chevron-down-12"})),o("span",{class:"accordion-caption"},this.caption)),o("div",{class:"accordion-content",ref:i=>this.contentEl=i},o("div",{class:"inner-content"},o("slot",{onSlotchange:i=>this.handleSlotChange(i)}))))}static get watchers(){return{open:["openChanged"]}}};a.style=r;export{e as ifx_accordion,a as ifx_accordion_item};
//# sourceMappingURL=p-0b243c58.entry.js.map