https://jblonlinestore.com.my/cdn/shop/t/41/assets/details-disclosure.js?v=81325105163478275521785495678

1class SideDrawerOpener extends HTMLElement{constructor(){super();const button=this.querySelector("button");button&&button.addEventListener("click",()=>{const drawer=document.querySelector(this.getAttribute("data-side-drawer"));button.closest(".header__icon--menu")?button.classList.contains("active")?(button.classList.remove("active"),drawer&&drawer.close()):(document.documentElement.style.setProperty("--header-height",`${document.querySelector(".header").offsetHeight}px`),button.classList.add("active"),drawer&&drawer.open(button)):drawer&&drawer.open(button)})}}customElements.get("side-drawer-opener")||customElements.define("side-drawer-opener",SideDrawerOpener);class SideDrawer extends HTMLElement{constructor(){super(),this.addEventListener("keyup",evt=>evt.code==="Escape"&&this.close()),this.overlay=this.querySelector('[id^="Drawer-Overlay-"]'),this.overlay?.addEventListener("click",this.close.bind(this))}get isTabletViewport(){try{return window.matchMedia("(max-width: 1024px)").matches}catch{return window.innerWidth<=1024}}connectedCallback(){this.dataset.moved||(this.dataset.moved=!0,document.body.appendChild(this))}open(triggeredBy){triggeredBy&&this.setActiveElement(triggeredBy),setTimeout(()=>{this.classList.add("animate","active")});let rtl=typeof theme<"u"&&theme.config&&theme.config.rtl===!0,drawerDirection=this.getAttribute("data-drawer-direction");const mobileDrawerDirection=this.getAttribute("data-mobile-drawer-direction"),contentElement=this.querySelector("[data-drawer-content]");this.isTabletViewport&&mobileDrawerDirection&&(drawerDirection=mobileDrawerDirection),this.classList.add("open"),rtl&&(drawerDirection=drawerDirection==="left"?"right":"left");let transform,duration=.6;drawerDirection==="left"?transform=["translateX(-100%)","translateX(0)"]:drawerDirection==="right"?transform=["translateX(100%)","translateX(0)"]:drawerDirection==="center"?transform=["translate(-50%, -40%)","translate(-50%, -50%)"]:transform=["translateX(0)","translateX(0)"],Motion.timeline([[contentElement,{opacity:[0,1],transform},{duration,easing:theme.config.easing||[.61,.22,.23,1],at:"-0.05"}]]),this.addEventListener("transitionend",()=>{const containerToTrapFocusOn=this.querySelector(".drawer__inner, .popup__inner, .blog-posts__sidebar"),focusElement=this.querySelector(".search__input, .popup__input, .drawer__close");trapFocus(containerToTrapFocusOn,focusElement),this.handleTransition(!0,"drawer--opening","drawer--open")},{once:!0}),document.body.classList.add("overflow-hidden"),document.documentElement.setAttribute("scroll-lock","")}async close(){this.activeElement&&removeTrapFocus(this.activeElement),document.body.classList.remove("overflow-hidden"),document.documentElement.removeAttribute("scroll-lock"),this.handleTransition(!1,"drawer--closing");let rtl=typeof theme<"u"&&theme.config&&theme.config.rtl===!0,drawerDirection=this.getAttribute("data-drawer-direction");const mobileDrawerDirection=this.getAttribute("data-mobile-drawer-direction"),detailsElement=this.overlay.closest("details"),contentElement=this.querySelector("[data-drawer-content]");document.querySelector(".header__icon--menu button.active")&&document.querySelector(".header__icon--menu button").classList.remove("active"),this.isTabletViewport&&mobileDrawerDirection&&(drawerDirection=mobileDrawerDirection);let transform=["translateX(0)","translateX(0)"],duration=.3;drawerDirection==="left"?rtl?transform=["translateX(0)","translateX(100%)"]:transform=["translateX(0)","translateX(-100%)"]:drawerDirection==="right"?rtl?transform=["translateX(0)","translateX(-100%)"]:transform=["translateX(0)","translateX(100%)"]:drawerDirection==="center"&&(transform=["translate(-50%, -50%)","translate(-50%, -40%)"],duration=.6),await Motion.timeline([[contentElement,{opacity:[1,0],transform},{duration,easing:theme.config.easing}]]).finished,this.classList.remove("active","open"),detailsElement&&(detailsElement.removeAttribute("open"),detailsElement.classList.remove("menu-opening"),document.body.classList.remove("overflow-hidden-mobile"))}handleTransition(checkOpen,startClass,endClass=""){this.querySelector(".side-drawer:not(.popup__inner)")&&(this.addEventListener("transitionstart",()=>{document.body.classList.add(startClass),checkOpen?document.body.classList.remove("drawer--open","drawer--closing"):document.body.classList.remove("drawer--open","drawer--opening")},{once:!0}),this.addEventListener("transitionend",()=>{checkOpen?document.body.classList.remove(startClass,"drawer--opening","drawer--closing"):document.body.classList.remove("drawer--closing","drawer--opening","drawer--open"),endClass&&document.body.classList.add(endClass)},{once:!0}))}setActiveElement(element){this.activeElement=element}trapFocus(){this.addEventListener("transitionend",()=>{const containerToTrapFocusOn=this.querySelector(".drawer__inner, .popup__inner, .blog-posts__sidebar"),focusElement=this.querySelector(".search__input, .popup__input, .drawer__close");trapFocus(containerToTrapFocusOn,focusElement)},{once:!0})}}customElements.get("side-drawer")||customElements.define("side-drawer",SideDrawer);class ModalDialog extends HTMLElement{constructor(){super(),this.querySelector("#Modal-Overlay")?.addEventListener("click",this.hide.bind(this)),this.addEventListener("keyup",event=>{event.code.toUpperCase()==="ESCAPE"&&this.hide()}),this.addEventListener("click",event=>{event.target===this&&this.hide()})}connectedCallback(){this.dataset.moved||(this.dataset.moved=!0,this.dataset.section=this.closest(".shopify-section")?.id.replace("shopify-section-",""),document.body.appendChild(this))}show(opener){this.openedBy=opener;const popup=this.querySelector(".template-popup");document.body.classList.add("overflow-hidden"),document.documentElement.setAttribute("scroll-lock",""),this.setAttribute("open",""),popup&&popup.loadContent(),this.trapFocus()}hide(){document.body.classList.remove("overflow-hidden"),document.documentElement.removeAttribute("scroll-lock"),document.body.dispatchEvent(new CustomEvent("modalClosed")),this.removeAttribute("open"),removeTrapFocus(this.openedBy),window.pauseAllMedia()}trapFocus(){this.addEventListener("transitionend",()=>{const containerToTrapFocusOn=this.querySelector(".drawer__inner, .popup__inner"),focusElement=this.querySelector('[role="dialog"], .popup__inner');trapFocus(containerToTrapFocusOn,focusElement)},{once:!0})}}customElements.get("modal-dialog")||customElements.define("modal-dialog",ModalDialog);class ModalOpener extends HTMLElement{constructor(){super();const button=this.querySelector("button");button&&button.addEventListener("click",()=>{const modal=document.querySelector(this.getAttribute("data-modal"));modal&&modal.show(button)})}}customElements.get("modal-opener")||customElements.define("modal-opener",ModalOpener);class DetailsDisclosure extends HTMLElement{constructor(){super(),this.mainDetailsToggle=this.querySelector("details"),this.content=this.mainDetailsToggle.querySelector("summary").nextElementSibling,this.mainDetailsToggle.addEventListener("focusout",this.onFocusOut.bind(this)),this.mainDetailsToggle.addEventListener("toggle",this.onToggle.bind(this))}onFocusOut(){setTimeout(()=>{this.contains(document.activeElement)||this.close()})}

1onToggle(){this.animations||(this.animations=this.content.getAnimations()),this.mainDetailsToggle.hasAttribute("open")?this.animations.forEach(animation=>animation.play()):this.animations.forEach(animation=>animation.cancel())}close(){this.mainDetailsToggle.removeAttribute("open"),this.mainDetailsToggle.querySelector("summary").setAttribute("aria-expanded",!1)}}customElements.get("details-disclosure")||customElements.define("details-disclosure",DetailsDisclosure);class CollapsibleDetails extends HTMLDetailsElement{constructor(){super()}connectedCallback(){this.init()}init(){this._isOpen=this.hasAttribute("open"),this.summary=this.querySelector("summary"),this.content=this.summary.nextElementSibling,this.setAttribute("aria-expanded",this._isOpen?"true":"false"),this.summary?.addEventListener("click",this._toggleOpen.bind(this)),this.hasAttribute("collapsible-mobile")&&(this.resizeHandler(),window.addEventListener("resize",theme.utils.rafThrottle(this.resizeHandler.bind(this))),document.addEventListener("unmatchSmall",this.resizeHandler.bind(this))),Shopify.designMode&&this.hasAttribute("check-shopify-design-mode")&&(this.addEventListener("shopify:block:select",()=>this.isOpen=!0),this.addEventListener("shopify:block:deselect",()=>this.isOpen=!1))}static get observedAttributes(){return["open"]}attributeChangedCallback(name,oldValue,newValue){name==="open"&&this.setAttribute("aria-expanded",newValue===""?"true":"false")}get isOpen(){return this._isOpen}set isOpen(value){value!==this._isOpen&&(this._isOpen=value,this.isConnected?this._animate(value):value?this.setAttribute("open",""):this.removeAttribute("open")),this.setAttribute("aria-expanded",value?"true":"false")}_toggleOpen(event){event.preventDefault(),this.isOpen=!this.isOpen}close(){this._isOpen=!1,this._animate(!1)}resizeHandler(){window.matchMedia("(max-width: 749px)").matches?this.isOpen&&(this._isOpen=!1,this.removeAttribute("open"),this.setAttribute("aria-expanded","false")):(this._isOpen=!0,this.setAttribute("open",""),this.setAttribute("aria-expanded","true"))}async _animate(open){this.style.overflow="hidden",open?(this.setAttribute("open",""),await Motion.timeline([[this,{height:[`${this.summary.clientHeight}px`,`${this.scrollHeight}px`]},{duration:.45,easing:"cubic-bezier(0.7, 0, 0.3, 1)"}],[this.content,{opacity:[0,1],transform:["translateX(-1rem)","translateX(0)"]},{duration:.25,at:"-0.1"}]]).finished):(await Motion.timeline([[this.content,{opacity:0,transform:["translateX(0)","translateX(1rem)"]},{duration:.15}],[this,{height:[`${this.clientHeight}px`,`${this.summary.clientHeight}px`]},{duration:.35,at:"<",easing:"cubic-bezier(0.7, 0, 0.3, 1)"}]]).finished,this.removeAttribute("open")),this.style.height="auto",this.style.overflow="visible"}}customElements.get("collapsible-details")||customElements.define("collapsible-details",CollapsibleDetails,{extends:"details"});class DropdownDetails extends HTMLDetailsElement{constructor(){super(),!theme.config.isTouch||Shopify.designMode?Motion.inView(this,this.init.bind(this)):theme.initWhenVisible(this.init.bind(this)),Shopify.designMode&&(this.addEventListener("shopify:block:select",()=>this.isOpen=!0),this.addEventListener("shopify:block:deselect",()=>this.isOpen=!1))}connectedCallback(){}init(){this._isOpen=this.getAttribute("open")==="true",this._suppressSummaryClick=!1,this.elements={button:this.querySelector(".details__summary"),dropdown:this.querySelector(".details__list")},!(!this.elements.button||!this.elements.dropdown)&&(this._syncOpenAttributes(this._isOpen),this.elements.button.addEventListener("click",this._onSummaryClick.bind(this)),this.elements.button.addEventListener("keydown",this._onSummaryKeydown.bind(this)),this.onClickOutsideListener=this.onClickOutside.bind(this),this.onEscKeyboardListener=this.onEscKeyboard.bind(this),this.onFocusOutListener=this.onFocusOut.bind(this),!theme.config.isTouch&&theme.config.mqlDesktop&&this.getAttribute("activate-event")==="hover"&&(this.addEventListener("mouseenter",this.onHover.bind(this)),this.addEventListener("mouseleave",this.onHover.bind(this))))}_syncOpenAttributes(open){const summary=this.elements?.button;open?(this.setAttribute("open","true"),summary?.setAttribute("aria-expanded","true")):(this.removeAttribute("open"),summary?.setAttribute("aria-expanded","fal

1se"))}_getSummaryParentHref(summary=this.elements?.button){return summary?.querySelector("[data-href]")?.dataset?.href||null}_onSummaryKeydown(event){if(event.key!=="Enter"&&event.key!==" ")return;event.preventDefault(),this._suppressSummaryClick=!0;const href=this._getSummaryParentHref();if(href){window.location.assign(href);return}this.isOpen=!this.isOpen}_onSummaryClick(event){if(this._suppressSummaryClick){this._suppressSummaryClick=!1;return}this._toggleOpen(event)}static get observedAttributes(){return["open"]}attributeChangedCallback(name,oldValue,newValue){name==="open"&&this.elements.button&&this.elements.button.setAttribute("aria-expanded",newValue==="true")}get isOpen(){return this._isOpen}set isOpen(value){value!==this._isOpen&&(this._isOpen=value,this._syncOpenAttributes(value),this.isConnected&&this._animate(value))}onClickOutside(event){!this.contains(event.target)&&!(event.target.closest("details")instanceof DetailsDropdown)&&(this.isOpen=!1)}onEscKeyboard(event){event.code==="Escape"&&this.isOpen&&(this.isOpen=!1)}onFocusOut(event){event.relatedTarget&&!this.contains(event.relatedTarget)&&(this.isOpen=!1)}onHover(event){cancelAnimationFrame(this._hoverRaf),this._hoverRaf=requestAnimationFrame(()=>{this.isOpen=event.type==="mouseenter"})}_toggleOpen(event){const href=event.target.closest("[data-href]")?.dataset?.href||this._getSummaryParentHref();if(href&&event.type==="click"){window.location.assign(href);return}event.preventDefault(),this.isOpen=!this.isOpen}close(){this.isOpen=!1,this._animate(!1)}_animate(open){!this.elements.dropdown||!this.elements.dropdown.firstElementChild||(this._syncOpenAttributes(open),open?(document.addEventListener("click",this.onClickOutsideListener),document.addEventListener("keydown",this.onEscKeyboardListener),document.addEventListener("focusout",this.onFocusOutListener),this.transitionIn()):(this.elements.dropdown.removeAttribute("open"),document.removeEventListener("click",this.onClickOutsideListener),document.removeEventListener("keydown",this.onEscKeyboardListener),document.removeEventListener("focusout",this.onFocusOutListener),this.transitionOut(),this.isOpen||this.removeAttribute("open")))}transitionIn(){return Motion.animate(this.elements.dropdown,{opacity:[0,1],visibility:"visible",overflow:"visible"},{duration:theme.config.motionReduced?0:.3,easing:[.7,0,.2,1],delay:theme.config.motionReduced?0:.2}),Motion.animate(this.elements.dropdown.firstElementChild,{transform:["translateY(-20%)","translateY(0)"]},{duration:theme.config.motionReduced?0:.6,easing:[.7,0,.2,1]}).finished}transitionOut(){return Motion.animate(this.elements.dropdown,{opacity:0,visibility:"hidden",overflow:"hidden"},{duration:theme.config.motionReduced?0:.3,easing:[.7,0,.2,1]}),Motion.animate(this.elements.dropdown.firstElementChild,{transform:"translateY(-20%)"},{duration:theme.config.motionReduced?0:.6,easing:[.7,0,.2,1]}).finished}}customElements.get("dropdown-details")||customElements.define("dropdown-details",DropdownDetails,{extends:"details"});class MegaMenuDetails extends DropdownDetails{constructor(){super()}connectedCallback(){theme.initWhenVisible(()=>{this.renderContent(),this.init()})}renderContent(){const template=this.querySelector("template");if(template){const templateContent=theme.renderTemplate(template);this.appendChild(templateContent)}}}customElements.get("mega-menu-details")||customElements.define("mega-menu-details",MegaMenuDetails,{extends:"details"}),(function(){function isSafari(){const userAgent=navigator.userAgent;return/^((?!chrome|android).)*safari/i.test(userAgent)}if(isSafari()){let transitionIn2=function(dropdown){return!dropdown||!dropdown.firstElementChild?void 0:(Motion.animate(dropdown,{opacity:[0,1],visibility:"visible",overflow:"visible"},{duration:theme.config.motionReduced?0:.3,easing:[.7,0,.2,1],delay:theme.config.motionReduced?0:.2}),Motion.animate(dropdown.firstElementChild,{transform:["translateY(-20%)","translateY(0)"]},{duration:theme.config.motionReduced?0:.6,easing:[.7,0,.2,1]}).finished)},transitionOut2=function(dropdown){return!dropdown||!dropdown.firstElementChild?void 0:(Motion.animate(dropdown,{opacity:0,visibility:"hidden",overflow:"hidden"},{duration:theme.config.motionReduced?0:.3,easing:[.7,0,.2,1]}),Motion.animate(dropdown.firstElementChild,{transform:"translateY(-20%)"},{duration:theme.config.motionReduced?0:.6,easing:[.7,0,.2,1]}).finished)},setupSafariHoverFallback2=function(details){const summary=details.querySelector("summary"),dropdown=detail

1s.querySelector(".details__list");summary&&dropdown&&(summary.addEventListener("mouseenter",()=>{details.setAttribute("open","true"),transitionIn2(dropdown)}),details.addEventListener("mouseleave",()=>{const transitionPromise=transitionOut2(dropdown);transitionPromise&&transitionPromise.then?transitionPromise.then(()=>{details.setAttribute("open","false")}):details.setAttribute("open","false")}))},initSafariHoverFallback2=function(){document.querySelectorAll('details[activate-event="hover"]').forEach(details=>{setupSafariHoverFallback2(details)})};var transitionIn=transitionIn2,transitionOut=transitionOut2,setupSafariHoverFallback=setupSafariHoverFallback2,initSafariHoverFallback=initSafariHoverFallback2;document.readyState==="loading"?document.addEventListener("DOMContentLoaded",initSafariHoverFallback2):initSafariHoverFallback2(),new MutationObserver(mutations=>{mutations.forEach(mutation=>{mutation.addedNodes.forEach(node=>{if(node.nodeType===1){node.matches&&node.matches('details[activate-event="hover"]')&&setupSafariHoverFallback2(node);const hoverDetails=node.querySelectorAll&&node.querySelectorAll('details[activate-event="hover"]');hoverDetails&&hoverDetails.forEach(details=>{setupSafariHoverFallback2(details)})}})})}).observe(document.body,{childList:!0,subtree:!0})}})();
2//# sourceMappingURL=/cdn/shop/t/41/assets/details-disclosure.js.map?v=81325105163478275521785495678