@affinda/wc 0.0.27 → 0.1.0

package/dist/affinda/p-fee5d2ac.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,a}from"./p-C7nUZsb8.js";const r=":host{display:block;width:100%}.accordion-item{width:100%}.trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:transparent;border:none;border-bottom:1px solid var(--af-background-border-subtle, #e8eeed);cursor:pointer;font:inherit;text-align:left;color:var(--af-typography-body-dark, #14343b);transition:background-color 0.2s ease}.trigger:hover:not(:disabled){background-color:var(--af-background-base-hover, rgba(20, 52, 59, 0.02))}.trigger:focus-visible{outline:2px solid var(--af-background-border-active, #8a7049);outline-offset:-2px}.trigger:disabled{cursor:not-allowed;opacity:0.5}.trigger-content{flex:1;min-width:0}.chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-typography-body-dark, #14343b);transition:transform 0.3s ease}.chevron.is-open{transform:rotate(180deg)}.content-wrapper{overflow:hidden;transition:max-height 0.3s ease}.content{padding:0}:host(.is-disabled) .trigger{cursor:not-allowed;opacity:0.5}:host(.is-disabled) .trigger:hover{background-color:transparent}:host(.is-open) .trigger{border-bottom-color:transparent}";const o=class{constructor(i){e(this,i);this.accordionToggle=t(this,"af-accordion-toggle");this.open=false;this.disabled=false;this.contentHeight=0;this.handleTriggerClick=()=>{if(!this.disabled){this.toggle()}}}handleOpenChange(e){if(e){this.measureContent()}}componentDidLoad(){if(this.open){this.measureContent()}this.resizeObserver=new ResizeObserver((()=>{if(this.open&&this.contentRef){this.contentHeight=this.contentRef.scrollHeight}}));if(this.contentRef){this.resizeObserver.observe(this.contentRef)}}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}}async toggle(){if(!this.disabled){this.open=!this.open;this.accordionToggle.emit({itemId:this.itemId,open:this.open})}}measureContent(){requestAnimationFrame((()=>{if(this.contentRef){this.contentHeight=this.contentRef.scrollHeight}}))}render(){const e={maxHeight:this.open?`${this.contentHeight}px`:"0px"};return i(s,{key:"f09a5fe4d1ca9e14d674c5cb255c391355fba0b9",class:{"is-open":this.open,"is-disabled":this.disabled}},i("div",{key:"2e53d4c8599acd81e7a624ac130add7ea7be3c86",class:"accordion-item"},i("button",{key:"c3b97ff90a37ac7f582b2ba086db0faa21328dc2",class:"trigger",onClick:this.handleTriggerClick,"aria-expanded":this.open?"true":"false","aria-controls":`content-${this.itemId}`,disabled:this.disabled,type:"button"},i("div",{key:"48446eb132a44680630f46c1bd65921a440f688a",class:"trigger-content"},i("slot",{key:"a47fdf5a659602a340091544587be928c226a89b",name:"trigger"})),i("div",{key:"1c938183404f982ebcfe3ba0661f57e4ecf2c006",class:{chevron:true,"is-open":this.open}},i("svg",{key:"20d3ef9eb98b0cbb2f0af2165cc911fb3ec93bd5",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{key:"7477c118131ce91b79d1c9f74174c9431ee60dca",d:"M6 9l6 6 6-6","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),i("div",{key:"676a89763218ddbd6daddb174a4eebecfffb6a94",id:`content-${this.itemId}`,class:"content-wrapper",style:e,"aria-hidden":!this.open?"true":"false"},i("div",{key:"fb0f8760497cf998daa0f1cd5c52c6349fb125e4",class:"content",ref:e=>this.contentRef=e},i("slot",{key:"300f0b749dbaf06bb44ad9b176f3d9f64c52db6e"})))))}get el(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};o.style=r;export{o as af_accordion_item};
-//# sourceMappingURL=p-fee5d2ac.entry.js.map