' + '' + '' + '

' ); } function injectStyles() { var v; for (v = 1; v < VERSION; v++) { var old = document.getElementById('mw-media-header-wishlist-v' + v); if (old && old.parentNode) old.parentNode.removeChild(old); } var size = iconSizePx(); var css = HEADER_CONTAINER_SELECTOR + ' ' + ENGINE_ICON_SELECTOR + '{display:none!important;}' + '#' + BUTTON_ID + '.tap-area{' + 'display:flex!important;' + 'align-items:center!important;' + 'justify-content:center!important;' + 'position:relative!important;' + 'color:' + iconColorCss() + '!important;' + 'cursor:pointer!important;' + 'text-decoration:none!important;' + 'background:transparent!important;' + 'border:0!important;' + 'padding:0!important;' + 'margin:0!important;' + 'overflow:visible!important;' + '}' + '#' + BUTTON_ID + ' .icon.icon-heart{' + 'width:' + size + 'px!important;' + 'height:' + size + 'px!important;' + 'display:block!important;' + 'fill:none!important;' + '}' + '#' + BUTTON_ID + ' .icon.icon-heart path{' + 'stroke:currentColor!important;' + 'stroke-width:' + iconStrokeCss() + '!important;' + 'fill:none!important;' + 'vector-effect:non-scaling-stroke!important;' + '}' + '#' + BUTTON_ID + ' .wishlist-count-bubble:not(.has-items){opacity:0!important;}' + '#' + BUTTON_ID + ' .wishlist-count-bubble.has-items{opacity:1!important;}' + HEADER_CONTAINER_SELECTOR + ' [data-wishlist-header]:not(#' + BUTTON_ID + '){display:none!important;}'; 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 bindClick(btn) { if (!btn || btn.getAttribute('data-mw-media-bound') === '1') return; btn.setAttribute('data-mw-media-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) || pageUrl(); if (url) window.location.assign(url); return; } page.toggle(page.hasDrawer ? 'drawer' : 'modal'); }, true ); } function ensureMarkup(btn) { window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = !!ICON.showCount; btn.id = BUTTON_ID; btn.className = 'relative tap-area'; btn.setAttribute('data-wishlist-header', ''); btn.setAttribute('role', 'button'); btn.setAttribute('aria-haspopup', 'dialog'); btn.setAttribute('aria-label', pageLabel()); if (btn.tagName === 'A' && !btn.getAttribute('href')) { btn.setAttribute('href', pageUrl()); } var svg = btn.querySelector('svg.icon-heart'); var wrongView = svg && svg.getAttribute('viewBox') !== HEART_VIEWBOX; if (!svg || wrongView) { var bubble = btn.querySelector('.wishlist-count-bubble'); var numEl = bubble && bubble.querySelector('.wishlist-count-number'); var num = numEl ? numEl.textContent : ''; var hadItems = bubble && bubble.classList.contains('has-items'); var sr = ''; btn.innerHTML = sr + heartSvg() + countHtml(); bubble = btn.querySelector('.wishlist-count-bubble'); if (bubble) { if (num) { var n = bubble.querySelector('.wishlist-count-number'); if (n) n.textContent = num; } if (hadItems) bubble.classList.add('has-items'); } } bindClick(btn); return btn; } function buildButton() { var btn = document.createElement('a'); btn.setAttribute('href', pageUrl()); ensureMarkup(btn); return btn; } function getContainer() { return document.querySelector(HEADER_CONTAINER_SELECTOR); } function getCartBlock(container) { if (!container) return null; var el = container.querySelector(CART_SELECTOR); if (!el) return null; while (el.parentElement && el.parentElement !== container) { el = el.parentElement; } return el; } function hideEngineIcons(container) { var root = container || document; var nodes = root.querySelectorAll(ENGINE_ICON_SELECTOR); for (var i = 0; i < nodes.length; i++) { nodes[i].style.setProperty('display', 'none', 'important'); } } function syncCount() { var btn = document.getElementById(BUTTON_ID); if (!btn || !ICON.showCount) 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); bubble.classList.toggle('opacity-0', count <= 0); } } function placeButton() { var container = getContainer(); if (!container) return false; hideEngineIcons(container); var btn = document.getElementById(BUTTON_ID); if (!btn) btn = buildButton(); ensureMarkup(btn); var cartBlock = getCartBlock(container); if (btn.parentNode !== container) { if (cartBlock && cartBlock.parentNode === container) { container.insertBefore(btn, cartBlock); } else { container.appendChild(btn); } } else if (cartBlock && cartBlock.parentNode === container && btn.nextElementSibling !== cartBlock) { container.insertBefore(btn, cartBlock); } return true; } function sync() { injectStyles(); if (placeButton()) syncCount(); } 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 }); } })();