(function () { 'use strict'; var VERSION = 1; if (window.__mwHorizonHeader === VERSION) return; window.__mwHorizonHeader = VERSION; var CONFIG = { iconSize: 20, touchSize: 44, bubbleSize: 20, strokeWidth: 2, maxDisplay: 99, }; var ITEM_CLASS = 'mw-hori-wishlist'; var STYLE_ID = 'mw-hori-header-wishlist-v' + VERSION; var BUTTON_ID = 'wishlist-header-btn'; var CONTAINER = 'header-actions'; var CART_SELECTOR = 'header-actions button[data-testid="cart-drawer-trigger"], ' + 'header-actions a.action__cart, ' + 'header-actions a[href="/cart"], ' + 'header-actions a[href$="/cart"]'; var CART_BUBBLE_SEL = 'header-actions .cart-bubble'; function cfgNum(key, fallback) { var n = Number(CONFIG[key]); return isFinite(n) ? n : fallback; } var ICON_SIZE = cfgNum('iconSize', 20); var TOUCH = cfgNum('touchSize', 44); var BUBBLE_SIZE = cfgNum('bubbleSize', 20); var STROKE = cfgNum('strokeWidth', 1.25); var MAX_DISPLAY = cfgNum('maxDisplay', 99); window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = true; function pageUrl() { var cfg = window.wishlistConfig || {}; return cfg.dedicatedPageUrl || '/pages/wishlist'; } function pageLabel() { var cfg = window.wishlistConfig || {}; return ( (window.wishlistLanguage && window.wishlistLanguage.yourWishlist) || cfg.pageTitle || 'Wishlist' ); } function heartSvg() { return ( '' ); } function ensureStyles() { var v; for (v = 1; v < VERSION; v++) { var old = document.getElementById('mw-hori-header-wishlist-v' + v); if (old && old.parentNode) old.parentNode.removeChild(old); } var css = [ '.' + ITEM_CLASS + '{', '-webkit-appearance:none!important;', 'appearance:none!important;', 'display:flex!important;', 'align-items:center!important;', 'justify-content:center!important;', 'position:relative!important;', 'flex:none!important;', 'box-sizing:border-box!important;', 'min-width:' + TOUCH + 'px!important;', 'width:' + TOUCH + 'px!important;', 'height:' + TOUCH + 'px!important;', 'margin:0!important;', 'padding:0!important;', 'border:0!important;', 'border-radius:0!important;', 'background:transparent!important;', 'box-shadow:none!important;', 'color:var(--button-color, var(--color-foreground, currentColor))!important;', 'text-decoration:none!important;', 'cursor:pointer!important;', 'overflow:visible!important;', 'line-height:0!important;', '-webkit-tap-highlight-color:transparent!important;', '}', '.' + ITEM_CLASS + ':focus-visible{', 'outline:2px solid currentColor!important;', 'outline-offset:2px!important;', '}', '.' + ITEM_CLASS + ' .mw-hori-icon{', 'position:relative!important;', 'display:inline-flex!important;', 'align-items:center!important;', 'justify-content:center!important;', 'width:' + TOUCH + 'px!important;', 'height:' + TOUCH + 'px!important;', 'color:inherit!important;', '}', '.' + ITEM_CLASS + ' .mw-hori-heart{', 'display:block!important;', 'width:' + ICON_SIZE + 'px!important;', 'height:' + ICON_SIZE + 'px!important;', 'fill:none!important;', 'color:inherit!important;', 'overflow:visible!important;', '}', '.' + ITEM_CLASS + ' .mw-hori-heart path{', 'stroke:currentColor!important;', 'stroke-width:' + STROKE + 'px!important;', 'fill:none!important;', '}', '.' + ITEM_CLASS + ' .wishlist-count-bubble{', 'position:absolute!important;', 'top:4.5px!important;', 'right:2.5px!important;', 'width:' + BUBBLE_SIZE + 'px!important;', 'height:' + BUBBLE_SIZE + 'px!important;', 'min-width:' + BUBBLE_SIZE + 'px!important;', 'aspect-ratio:1!important;', 'margin:0!important;', 'padding:0!important;', 'box-sizing:border-box!important;', 'border:0!important;', 'border-radius:50%!important;', 'background:var(--cart-bubble-background, var(--cart-bubble-background-fallback, #111111))!important;', 'color:var(--cart-bubble-text, var(--cart-bubble-text-fallback, #ffffff))!important;', 'font-size:10px!important;', 'font-weight:400!important;', 'line-height:1!important;', 'display:none!important;', 'align-items:center!important;', 'justify-content:center!important;', 'z-index:2!important;', 'pointer-events:none!important;', '}', '.' + ITEM_CLASS + ' .wishlist-count-bubble.has-items{', 'display:flex!important;', '}', '.' + ITEM_CLASS + ' .wishlist-count-number{', 'display:block!important;', 'color:inherit!important;', 'font-size:10px!important;', 'font-weight:400!important;', 'line-height:1!important;', '}', '.' + ITEM_CLASS + ' .wishlist-count-text{', 'position:absolute!important;', 'width:1px!important;', 'height:1px!important;', 'margin:-1px!important;', 'padding:0!important;', 'overflow:hidden!important;', 'clip:rect(0,0,0,0)!important;', 'white-space:nowrap!important;', 'border:0!important;', '}', CONTAINER + ' > [data-wishlist-header]:not(.' + ITEM_CLASS + '){', 'display:none!important;', '}', ].join(''); var tag = document.getElementById(STYLE_ID); if (!tag) { tag = document.createElement('style'); tag.id = STYLE_ID; (document.head || document.documentElement).appendChild(tag); } tag.textContent = css; } function readCartBubbleColors() { var cartBubble = document.querySelector(CART_BUBBLE_SEL); if (!cartBubble) return null; var fallbackBg = cartBubble.style .getPropertyValue('--cart-bubble-background-fallback') .trim(); var fallbackText = cartBubble.style .getPropertyValue('--cart-bubble-text-fallback') .trim(); var bgEl = cartBubble.querySelector('.cart-bubble__background'); var bg = ''; var text = ''; try { if (bgEl) bg = window.getComputedStyle(bgEl).backgroundColor; text = window.getComputedStyle(cartBubble).color; } catch (e) {} if (!bg || bg === 'transparent' || bg === 'rgba(0, 0, 0, 0)') bg = ''; if (!text || text === 'transparent' || text === 'rgba(0, 0, 0, 0)') text = ''; return { bg: bg, text: text, fallbackBg: fallbackBg, fallbackText: fallbackText, }; } function syncBubbleTheme() { var colors = readCartBubbleColors(); var links = document.querySelectorAll('.' + ITEM_CLASS); for (var i = 0; i < links.length; i++) { var link = links[i]; var bubble = link.querySelector('.wishlist-count-bubble'); if (!bubble) continue; if (colors) { if (colors.fallbackBg) { bubble.style.setProperty( '--cart-bubble-background-fallback', colors.fallbackBg ); } if (colors.fallbackText) { bubble.style.setProperty( '--cart-bubble-text-fallback', colors.fallbackText ); } if (colors.bg) { bubble.style.setProperty('background-color', colors.bg, 'important'); } else { bubble.style.removeProperty('background-color'); } if (colors.text) { bubble.style.setProperty('color', colors.text, 'important'); } else { bubble.style.removeProperty('color'); } } } } function bindClick(link) { if (link.getAttribute('data-mw-bound') === '1') return; link.setAttribute('data-mw-bound', '1'); link.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) || pageUrl(); if (url) window.location.assign(url); return; } page.toggle(page.hasDrawer ? 'drawer' : 'modal'); }); } function countHtml(value) { return ( '' ); } function buildItem(isFirst) { var link = document.createElement('a'); link.href = pageUrl(); link.className = 'header-actions__action ' + ITEM_CLASS; if (isFirst) link.id = BUTTON_ID; link.setAttribute('data-wishlist-header', ''); link.setAttribute('role', 'button'); link.setAttribute('aria-haspopup', 'dialog'); link.setAttribute('aria-label', pageLabel()); link.innerHTML = '' + heartSvg() + countHtml(0) + ''; bindClick(link); return link; } function ensureCountMarkup(link) { if (!link) return; var icon = link.querySelector('.mw-hori-icon'); if (!icon) return; var bubble = icon.querySelector('.wishlist-count-bubble'); if (!bubble) { icon.insertAdjacentHTML('beforeend', countHtml(0)); return; } if (!bubble.querySelector('.wishlist-count-number')) { var num = document.createElement('span'); num.className = 'wishlist-count-number'; num.textContent = bubble.textContent.trim() || '0'; bubble.textContent = ''; bubble.appendChild(num); var text = document.createElement('span'); text.className = 'wishlist-count-text'; bubble.appendChild(text); } } function removeOrphans(container) { var nodes = container.querySelectorAll('[data-wishlist-header]'); for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; if (node.classList && node.classList.contains(ITEM_CLASS)) continue; if (node.parentNode) node.parentNode.removeChild(node); } } function place() { var carts = document.querySelectorAll(CART_SELECTOR); if (!carts.length) return false; var placed = 0; for (var i = 0; i < carts.length; i++) { var cart = carts[i]; var parent = cart.parentNode; if (!parent) continue; removeOrphans(parent); var existing = null; var prev = cart.previousElementSibling; if (prev && prev.classList && prev.classList.contains(ITEM_CLASS)) { existing = prev; } else { existing = parent.querySelector(':scope > .' + ITEM_CLASS); } if (!existing) { existing = buildItem(placed === 0); parent.insertBefore(existing, cart); } else { ensureCountMarkup(existing); bindClick(existing); if (existing.nextElementSibling !== cart) { parent.insertBefore(existing, cart); } } placed += 1; } return placed > 0; } function readCount() { if ( window.wishlistPage && typeof window.wishlistPage.getItemCount === 'function' ) { return window.wishlistPage.getItemCount() || 0; } if ( window.wishlistPage && Array.isArray(window.wishlistPage.wishlistItems) ) { return window.wishlistPage.wishlistItems.length; } return 0; } function applyCount(count) { var links = document.querySelectorAll('.' + ITEM_CLASS); var value = count > MAX_DISPLAY ? MAX_DISPLAY + '+' : String(count); for (var i = 0; i < links.length; i++) { var link = links[i]; var bubble = link.querySelector('.wishlist-count-bubble'); if (!bubble) continue; var num = bubble.querySelector('.wishlist-count-number'); var text = bubble.querySelector('.wishlist-count-text'); if (num) num.textContent = value; else bubble.textContent = value; if (text) { text.textContent = count === 1 ? '1 item' : count + ' items'; } if (count > 0) { bubble.classList.add('has-items'); link.classList.add('mw-hori-has-count'); } else { bubble.classList.remove('has-items'); link.classList.remove('mw-hori-has-count'); } } } function syncCounts() { try { window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = true; if ( window.wishlistPage && typeof window.wishlistPage.updateExternalCounts === 'function' ) { window.wishlistPage.updateExternalCounts(); } applyCount(readCount()); syncBubbleTheme(); } catch (e) {} } function sync() { ensureStyles(); place(); syncCounts(); } function watchHeaderState() { var header = document.getElementById('header-component'); if (!header || header.getAttribute('data-mw-hori-watch') === '1') return; header.setAttribute('data-mw-hori-watch', '1'); if (typeof MutationObserver !== 'function') return; new MutationObserver(function () { requestAnimationFrame(syncBubbleTheme); }).observe(header, { attributes: true, attributeFilter: ['data-sticky-state', 'class', 'style', 'transparent'], subtree: true, }); } sync(); watchHeaderState(); window.addEventListener('wishlist:updated', function () { setTimeout(syncCounts, 0); }); document.addEventListener('wishlist:updated', function () { setTimeout(syncCounts, 0); }); document.addEventListener('shopify:section:load', function () { sync(); watchHeaderState(); }); window.addEventListener( 'scroll', function () { requestAnimationFrame(syncBubbleTheme); }, { passive: true } ); var tries = 0; var timer = setInterval(function () { tries += 1; sync(); watchHeaderState(); if ( (document.querySelector('.' + ITEM_CLASS + '[data-wishlist-header]') && window.wishlistPage) || tries >= 40 ) { clearInterval(timer); } }, 250); if (typeof MutationObserver === 'function') { var scheduled = false; new MutationObserver(function () { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; sync(); watchHeaderState(); }); }).observe(document.documentElement, { childList: true, subtree: true }); } })();

Contact