1import{prepareTransition}from"@archetype-themes/utils/utils";let selectors={trigger:".collapsible-trigger",module:".collapsible-content",moduleInner:".collapsible-content__inner",tabs:".collapsible-trigger--tab"},classes={hide:"hide",open:"is-open",autoHeight:"collapsible--auto-height",tabs:"collapsible-trigger--tab"},isTransitioning=!1;class AtCollapsible extends HTMLElement{connectedCallback(){this.init(this)}init(scope){(scope||document).querySelectorAll(selectors.trigger).forEach(trigger=>{let state=trigger.classList.contains(classes.open);trigger.setAttribute("aria-expanded",state),trigger.removeEventListener("click",this._toggleHandler),this._toggleHandler=this.toggle.bind(this),trigger.addEventListener("click",this._toggleHandler)})}toggle(evt){if(isTransitioning)return;isTransitioning=!0;let el=evt.currentTarget,isOpen=el.classList.contains(classes.open),isTab=el.classList.contains(classes.tabs),moduleId=el.getAttribute("aria-controls"),container=document.getElementById(moduleId);if(moduleId||(moduleId=el.dataset.controls),!moduleId){isTransitioning=!1;return}if(container||document.querySelectorAll('[data-id="'+moduleId+'"]').length>0&&(container=el.parentNode.querySelector('[data-id="'+moduleId+'"]')),!container){isTransitioning=!1;return}let height=container.querySelector(selectors.moduleInner).offsetHeight,isAutoHeight=container.classList.contains(classes.autoHeight),parentCollapsibleEl=container.parentNode.closest(selectors.module),childHeight=height;if(isTab){if(isOpen){isTransitioning=!1;return}let newModule;document.querySelectorAll(selectors.tabs+'[data-id="'+el.dataset.id+'"]').forEach(el2=>{el2.classList.remove(classes.open),newModule=document.querySelector("#"+el2.getAttribute("aria-controls")),this.setTransitionHeight(newModule,0,!0)})}if(isOpen&&isAutoHeight&&setTimeout(()=>{height=0,this.setTransitionHeight(container,height,isOpen,isAutoHeight)},0),isOpen&&!isAutoHeight&&(height=0),el.setAttribute("aria-expanded",!isOpen),isOpen?(el.classList.remove(classes.open),this.dispatchEvent(new CustomEvent("collapsible:close",{detail:{id:moduleId},bubbles:!0}))):(el.classList.add(classes.open),this.dispatchEvent(new CustomEvent("collapsible:open",{detail:{id:moduleId},bubbles:!0}))),this.setTransitionHeight(container,height,isOpen,isAutoHeight),parentCollapsibleEl){let parentHeight=parentCollapsibleEl.style.height;isOpen&&parentHeight==="auto"&&(childHeight=0);let totalHeight=isOpen?parentCollapsibleEl.offsetHeight-childHeight:height+parentCollapsibleEl.offsetHeight;this.setTransitionHeight(parentCollapsibleEl,totalHeight,!1,!1)}}setTransitionHeight(container,height,isOpen,isAutoHeight){if(container.classList.remove(classes.hide),prepareTransition(container,()=>{container.style.height=height+"px",isOpen?container.classList.remove(classes.open):container.classList.add(classes.open)}),!isOpen&&isAutoHeight){let o=container;window.setTimeout(()=>{o.style.height="auto",isTransitioning=!1},500)}else isTransitioning=!1}}customElements.define("at-collapsible",AtCollapsible); 2//# sourceMappingURL=/cdn/shop/t/3/assets/collapsible.js.map?v=177773173634684916621744275109
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.