1import{E as EVENTS}from"./events-58bc9098.js";const{SHOPIFY_BLOCK_SELECT,SHOPIFY_BLOCK_DESELECT}=EVENTS;class AccordionItem extends HTMLElement{constructor(){super(),this.selectors={details:"[js-accordion-item]",summary:"[js-accordion-item-summary]",content:"[js-accordion-item-content]",parentSection:".shopify-section"},this.classes={willAnimate:"will-animate",animateOpen:"animate-open",animateClose:"animate-close",animating:"animating"}}connectedCallback(){this.controller=new AbortController,this.accordionItems=this.querySelectorAll(this.selectors.accordionItem),this.details=this.querySelector(this.selectors.details),this.summary=this.querySelector(this.selectors.summary),this.content=this.querySelector(this.selectors.content),this.isOpening=!1,this.isClosing=!1,this.summary.addEventListener("click",this.handleSummaryClick.bind(this),{signal:this.controller.signal}),this.content.addEventListener("animationend",this.handleAnimationEnd.bind(this),{signal:this.controller.signal}),window.Shopify.designMode&&(this.parentSection=this.closest(this.selectors.parentSection),this.parentSection.addEventListener(SHOPIFY_BLOCK_SELECT,this.handleItemSelect.bind(this),{signal:this.controller.signal}),this.parentSection.addEventListener(SHOPIFY_BLOCK_DESELECT,this.handleItemDeselect.bind(this),{signal:this.controller.signal}))}handleSummaryClick(event){event.preventDefault(),this.isClosing||!this.details.open?this.open():(this.isOpening||this.details.open)&&this.close()}updateHeightVar(){this.details.style.setProperty("--accordion-opened-animation-height",`${this.content.offsetHeight}px`)}open(){this.details.open=!0,this.isOpening=!0,this.isClosing=!1,this.details.classList.add(this.classes.willAnimate),this.updateHeightVar(),this.details.classList.add(this.classes.animateOpen,this.classes.animating)}close(){this.isClosing=!0,this.isOpening=!1,this.details.classList.add(this.classes.willAnimate),this.updateHeightVar(),this.details.classList.add(this.classes.animateClose,this.classes.animating)}handleAnimationEnd(){this.isOpening&&this.details.classList.remove(this.classes.animateOpen,this.classes.willAnimate,this.classes.animating),this.isClosing&&(this.details.classList.remove(this.classes.animateClose,this.classes.willAnimate,this.classes.animating),this.details.open=!1),this.isOpening=!1,this.isClosing=!1}handleItemSelect(event){event.detail.blockId===this.getAttribute("data-block-id")&&(this.isClosing||!this.details.open)&&this.open()}handleItemDeselect(event){event.detail.blockId===this.getAttribute("data-block-id")&&(this.isOpening||this.details.open)&&this.close()}disconnectedCallback(){this.controller.abort()}}customElements.get("accordion-item")||customElements.define("accordion-item",AccordionItem); 2//# sourceMappingURL=/cdn/shop/t/4/assets/accordion-item.js.map?v=63801975364394467021751880302
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.