(function () { 'use strict'; var ICON = { sizePx: 24, stroke: 'theme', strokeWidthPx: 2, buttonWidthPx: 0, buttonHeightPx: 0, hoverScale: 1.07, }; var VERSION = 6; var HEART_VIEWBOX = '0 0 20 20'; if (window.__mwEauHeader === VERSION) return; window.__mwEauHeader = VERSION; var HEADER_CONTAINER_SELECTOR = '.header__right'; var BUTTON_ID = 'wishlist-header-btn'; var STYLE_ID = 'mw-eau-header-wishlist-v' + VERSION; function pageLabel() { var cfg = window.wishlistConfig || {}; return ( (window.wishlistLanguage && window.wishlistLanguage.yourWishlist) || cfg.pageTitle || 'Wishlist' ); } function getHeaderRight() { return document.querySelector(HEADER_CONTAINER_SELECTOR); } function getCartBlock(headerRight) { if (!headerRight) return null; var el = headerRight.querySelector('cart-drawer') || headerRight.querySelector('a.header__icon--cart[href="/cart"]') || headerRight.querySelector('a.header__icon--cart') || headerRight.querySelector('.header__icon--cart') || headerRight.querySelector('#cart-icon-bubble'); if (!el) return null; while (el.parentElement && el.parentElement !== headerRight) { el = el.parentElement; } return el.parentElement === headerRight ? el : el; } function heartSvg() { return ( '' ); } function countBubbleHtml() { return ( '' ); } function iconStrokeCss() { if (ICON.stroke === 'custom' && ICON.strokeWidthPx > 0) { return 'stroke-width:' + ICON.strokeWidthPx + 'px!important;'; } return 'stroke-width:var(--icon-weight)!important;'; } function injectStyles() { var sizePx = ICON.sizePx > 0 ? ICON.sizePx : 32; var btnBox = ''; if (ICON.buttonWidthPx > 0) { btnBox += 'width:' + ICON.buttonWidthPx + 'px!important;'; } if (ICON.buttonHeightPx > 0) { btnBox += 'height:' + ICON.buttonHeightPx + 'px!important;'; } var hoverScale = typeof ICON.hoverScale === 'number' && ICON.hoverScale > 0 ? ICON.hoverScale : 1.07; var css = '#' + BUTTON_ID + '.header__icon.header__icon--wishlist{' + 'display:flex!important;' + 'align-items:center!important;' + 'justify-content:center!important;' + 'cursor:pointer!important;' + 'overflow:visible!important;' + 'position:relative!important;' + 'color:rgb(var(--color-header-foreground))!important;' + btnBox + '}' + '#' + BUTTON_ID + ' > .icon.icon-heart{' + 'height:' + sizePx + 'px!important;' + 'width:' + sizePx + 'px!important;' + 'flex:none!important;' + 'fill:none!important;' + iconStrokeCss() + 'vertical-align:middle!important;' + 'transition:transform var(--duration-default) ease!important;' + 'will-change:transform!important;' + '}' + '#' + BUTTON_ID + ' > .icon.icon-heart path{' + 'stroke:currentColor!important;' + 'fill:none!important;' + 'vector-effect:non-scaling-stroke!important;' + '}' + '@media screen and (hover:hover){' + '#' + BUTTON_ID + '.header__icon:hover .icon.icon-heart{' + 'transform:scale(' + hoverScale + ')!important;' + '}' + '#' + BUTTON_ID + '.header__icon:hover{' + 'color:rgba(var(--color-header-foreground),0.7)!important;' + '}' + '}' + '#' + BUTTON_ID + ' .wishlist-count-bubble{' + 'position:absolute!important;' + 'background-color:rgb(var(--color-base-accent))!important;' + 'color:rgb(var(--color-base-solid-button-labels))!important;' + 'font-family:var(--font-button-family)!important;' + 'height:1.4rem!important;' + 'width:1.4rem!important;' + 'min-width:1.4rem!important;' + 'border-radius:100%!important;' + 'display:none!important;' + 'justify-content:center!important;' + 'align-items:center!important;' + 'font-size:0.9rem!important;' + 'top:0!important;' + 'right:0.5rem!important;' + 'line-height:1!important;' + 'pointer-events:none!important;' + 'z-index:1!important;' + 'box-sizing:border-box!important;' + '}' + '#' + BUTTON_ID + ' .wishlist-count-bubble.has-items{' + 'display:flex!important;' + '}' + '@media screen and (min-width:750px){' + '#' + BUTTON_ID + ' .wishlist-count-bubble{top:0.6rem!important;}' + '}'; var tag = document.getElementById(STYLE_ID); if (!tag) { tag = document.createElement('style'); tag.id = STYLE_ID; document.head.appendChild(tag); } tag.textContent = css; } function bindClick(btn) { if (!btn || btn.getAttribute('data-mw-eau-bound') === '1') return; btn.setAttribute('data-mw-eau-bound', '1'); btn.addEventListener( 'click', function (e) { var page = window.wishlistPage; if (!page) return; e.preventDefault(); e.stopPropagation(); if (typeof e.stopImmediatePropagation === 'function') { e.stopImmediatePropagation(); } if (page.navigateOnly && !page.embeddedFullPage) { var url = (page.config && page.config.dedicatedPageUrl) || '/pages/wishlist'; if (url) window.location.assign(url); return; } page.toggle(page.hasDrawer ? 'drawer' : 'modal'); }, true ); } function ensureMarkup(btn) { window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = true; btn.id = BUTTON_ID; btn.classList.add('header__icon', 'header__icon--wishlist', 'focus-inset'); if (!btn.getAttribute('data-wishlist-header')) { btn.setAttribute('data-wishlist-header', ''); } btn.setAttribute('role', 'button'); btn.setAttribute('aria-haspopup', 'dialog'); btn.setAttribute('aria-label', pageLabel()); var svg = null; var ch = btn.children; for (var ci = 0; ci < ch.length; ci++) { if (ch[ci].tagName === 'SVG' && ch[ci].classList.contains('icon-heart')) { svg = ch[ci]; break; } } if (!svg) svg = btn.querySelector('svg.icon-heart'); var nested = btn.querySelector('.header__icon--wishlist-inner, .wishlist-icon-wrap'); var wrongView = svg && svg.getAttribute('viewBox') !== HEART_VIEWBOX; if (!svg || nested || wrongView) { var bubble = btn.querySelector('.wishlist-count-bubble'); var savedNum = bubble && bubble.querySelector('.wishlist-count-number'); var savedText = bubble && bubble.querySelector('.wishlist-count-text'); var num = savedNum ? savedNum.textContent : ''; var txt = savedText ? savedText.textContent : ''; var hadItems = bubble && bubble.classList.contains('has-items'); btn.innerHTML = heartSvg() + countBubbleHtml(); bubble = btn.querySelector('.wishlist-count-bubble'); if (bubble) { if (num) { var n = bubble.querySelector('.wishlist-count-number'); if (n) n.textContent = num; } if (txt) { var t = bubble.querySelector('.wishlist-count-text'); if (t) t.textContent = txt; } if (hadItems) bubble.classList.add('has-items'); } } bindClick(btn); return btn; } function buildButton() { var btn = document.createElement('div'); ensureMarkup(btn); return btn; } function syncCount() { var btn = document.getElementById(BUTTON_ID); if (!btn) return; try { if (window.wishlistPage && typeof window.wishlistPage.updateExternalCounts === 'function') { window.wishlistPage.updateExternalCounts(); } } catch (_) {} var count = 0; if (window.wishlistPage && typeof window.wishlistPage.getItemCount === 'function') { count = window.wishlistPage.getItemCount() || 0; } else if (window.wishlistPage && Array.isArray(window.wishlistPage.wishlistItems)) { count = window.wishlistPage.wishlistItems.length; } var bubble = btn.querySelector('.wishlist-count-bubble'); var num = btn.querySelector('.wishlist-count-number'); var text = btn.querySelector('.wishlist-count-text'); if (num) num.textContent = count > 0 ? String(count) : ''; if (text) { text.textContent = count > 0 ? count + (count === 1 ? ' item' : ' items') : ''; } if (bubble) bubble.classList.toggle('has-items', count > 0); } function placeButton() { var headerRight = getHeaderRight(); if (!headerRight) return false; var btn = document.getElementById(BUTTON_ID); if (!btn) { btn = buildButton(); } ensureMarkup(btn); var cartBlock = getCartBlock(headerRight); if (btn.parentNode !== headerRight) { if (cartBlock && cartBlock.parentNode === headerRight) { headerRight.insertBefore(btn, cartBlock); } else { headerRight.appendChild(btn); } } else if (cartBlock && cartBlock.parentNode === headerRight && btn.nextElementSibling !== cartBlock) { headerRight.insertBefore(btn, cartBlock); } return true; } function sync() { injectStyles(); if (placeButton()) syncCount(); } function installMenuLinkIntercept() { var PARAM = 'magic_wishlist_open'; document.addEventListener( 'click', function (e) { if (e.defaultPrevented || e.button !== 0) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; var a = e.target && e.target.closest && e.target.closest('a[href]'); if (!a) return; var parsed; try { parsed = new URL(a.href, window.location.href); } catch (_) { return; } if (parsed.origin !== window.location.origin) return; if (parsed.searchParams.get(PARAM) !== '1') return; var page = window.wishlistPage; if (!page || typeof page.open !== 'function') return; e.preventDefault(); if (page.navigateOnly && !page.embeddedFullPage) { var url = (page.config && page.config.dedicatedPageUrl) || '/pages/wishlist'; if (url) window.location.assign(url); return; } page.open(page.hasDrawer ? 'drawer' : 'modal'); }, true ); } installMenuLinkIntercept(); sync(); document.addEventListener('wishlist:updated', syncCount); window.addEventListener('wishlist:updated', syncCount); document.addEventListener('shopify:section:load', sync); var tries = 0; var timer = window.setInterval(function () { tries += 1; sync(); if ((document.getElementById(BUTTON_ID) && window.wishlistPage) || tries >= 60) { window.clearInterval(timer); } }, 100); if (typeof MutationObserver === 'function') { var scheduled = false; new MutationObserver(function () { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; sync(); }); }).observe(document.documentElement, { childList: true, subtree: true }); } })();