(function(){const{mergeObjects}=BreakdanceFrontend.utils;class BreakdanceMiniCart{defaultOptions={cart:{open_cart_on_add:!1,},};constructor(selector,options){this.open=this.open.bind(this);this.onEnterClick=this.onEnterClick.bind(this);this.onToggleClick=this.onToggleClick.bind(this);this.onCloseClick=this.onCloseClick.bind(this);this.onEscClick=this.onEscClick.bind(this);this.onMaybeClickOutside=this.onMaybeClickOutside.bind(this);this.onFocusOut=this.onFocusOut.bind(this);this.selector=selector;this.options=mergeObjects(this.defaultOptions,options);this.activeClass="bde-mini-cart-offcanvas--active";this.scrollLockClass="is-breakdance-mini-cart-open";this.init()}
getScrollBarWidth(){const documentWidth=document.documentElement.clientWidth
return Math.abs(window.innerWidth-documentWidth)}
update(options){this.options=mergeObjects(this.defaultOptions,options);this.destroy();this.init()}
destroy(){this.unbindListeners()}
isOpen(){return this.offcanvas.classList.contains(this.activeClass)}
toggle(){if(this.isOpen()){this.close()}else{this.open()}}
open(){const element=document.body;const scrollbarWidth=this.getScrollBarWidth();if(window.innerWidth<=element.clientWidth+scrollbarWidth){const currPadding=window.getComputedStyle(element).getPropertyValue("padding-right");const currPaddingAsNum=Number.parseFloat(currPadding);element.style.paddingRight=`${currPaddingAsNum + scrollbarWidth}px`}
this.offcanvas.classList.add(this.activeClass);element.classList.add(this.scrollLockClass)}
close(){document.body.style.paddingRight=null;this.offcanvas.classList.remove(this.activeClass);document.body.classList.remove(this.scrollLockClass)}
isFocusWithin(){return this.element.contains(document.activeElement)}
focusInside(){const firstNode=this.element.querySelector(".bde-mini-cart-item-thumbnail, .bde-mini-cart-item-title");const container=this.element.querySelector(".bde-mini-cart-offcanvas-body");container.addEventListener("transitionend",()=>{firstNode?.focus()},{once:!0})}
focusToggle(){this.toggleButton.focus()}
onEnterClick(event){if(!["Enter"," "].includes(event.key))return;event.preventDefault();this.toggle();this.focusInside();this.element.addEventListener("focusout",this.onFocusOut)}
onToggleClick(event){event.preventDefault();this.toggle()}
onCloseClick(){this.close()}
onEscClick(event){if(event.key!=="Escape")return;if(!this.isOpen())return;this.close();this.focusToggle()}
onMaybeClickOutside(event){if(!this.element.contains(event.target)){this.close()}}
onFocusOut(event){if(!event.relatedTarget)return;if(this.element.contains(event.relatedTarget))return;this.close();this.element.removeEventListener("focusout",this.onFocusOut)}
bindListeners(){if(!this.toggleButton||!this.closeButton||!this.overlay){return}
this.toggleButton.addEventListener("click",this.onToggleClick);this.toggleButton.addEventListener("keydown",this.onEnterClick);this.closeButton.addEventListener("click",this.onCloseClick);this.overlay.addEventListener("click",this.onCloseClick);addEventListener("click",this.onMaybeClickOutside);addEventListener("keydown",this.onEscClick);if(this.options.cart.open_cart_on_add){jQuery(document.body).on("added_to_cart",this.open);if(typeof BREAKDANCE_ADDED_TO_CART!=="undefined")this.open()}}
unbindListeners(){if(!this.toggleButton||!this.closeButton||!this.overlay){return}
this.toggleButton.removeEventListener("click",this.onToggleClick);this.toggleButton.removeEventListener("keydown",this.onEnterClick);this.closeButton.removeEventListener("click",this.onCloseClick);this.overlay.removeEventListener("click",this.onToggleClick);this.element.removeEventListener("focusout",this.onFocusOut);removeEventListener("click",this.onMaybeClickOutside);removeEventListener("keydown",this.onEscClick);jQuery(document.body).off("added_to_cart",this.open)}
init(){this.element=document.querySelector(this.selector);if(!this.element)return;this.toggleButton=this.element.querySelector(".bde-mini-cart-toggle");this.closeButton=this.element.querySelector(".bde-mini-cart-offcanvas__close-button");this.offcanvas=this.element.querySelector(".bde-mini-cart-offcanvas");this.overlay=this.element.querySelector(".bde-mini-cart-offcanvas-overlay");this.bindListeners()}}
window.BreakdanceMiniCart=BreakdanceMiniCart})()