{
const cartDrawerComplimentaryOuter = document.querySelector('[data-cart-drawer-complimentary-outer]');
const cartDrawerComplimentaryInner = cartDrawerComplimentaryOuter.querySelector('[data-cart-compliment-inner]');
const cartDrawerComplimentaryOuterHeight = cartDrawerComplimentaryOuter.offsetHeight;
const cartDrawerComplimentaryInnerHeight = cartDrawerComplimentaryInner.offsetHeight;
if (cartDrawerComplimentaryOuterHeight > cartDrawerComplimentaryInnerHeight) {
cartDrawerComplimentaryOuter.style.offsetY = 'auto';
} else {
cartDrawerComplimentaryInner.style.height = '100%';
cartDrawerComplimentaryInner.style.overflowY = 'scroll';
}
}, 200);
}
"
@toggle-menu.window="window.scrollTo(0, 0); showMenu = !showMenu;"
@toggle-product-modal.window="showProductModal = !showProductModal"
@toggle-cart-complimentary-modal.window="cartPageComplimentaryItemsModal = !cartPageComplimentaryItemsModal"
@cart-sample-count-updated.window="sampleCountInCart = $event.detail"
@cart-sample-array-updated.window="sampleItemsArray = $event.detail"
:class="[
(showCartDrawer || modalOverlay || showMenu || showProductModal || showMobileHeaderSearch) ? 'overflow-hidden' : 'overflow-auto',
showMenu ? 'translate-x-[320px]' : ''
]"
x-init="$el.classList.add('alpine-loaded'); showFooterMessage = determineShowFooterMessage(); footerMessageHeight = determineFooterMessageHeight();"
:style="showFooterMessage && { paddingBottom: `${footerMessageHeight}px` }"
>
Skip to content
- Choosing a selection results in a full page refresh.