(function () { 'use strict'; var VERSION = 5; if (window.__mwBijouHeaderWishlist === VERSION) return; window.__mwBijouHeaderWishlist = VERSION; var CONFIG = { strokeWidth: 1.1, strokeColor: '', drawerBackground: '#fdf8e5', bridgeCart: true, openCartDrawer: true, }; var ICON_SELECTOR = '.header .header__icons'; var CART_SELECTOR = '.header__icon--cart'; var STYLE_ID = 'mw-bijou-header-wishlist-css'; function getHeartSvg() { var stroke = CONFIG.strokeColor || 'currentColor'; var width = CONFIG.strokeWidth != null ? CONFIG.strokeWidth : 1.5; return ( '' ); } function getPageTitle() { var cfg = window.wishlistConfig || {}; if (cfg.pageTitle) return String(cfg.pageTitle); if (window.wishlistHeaderConfig && window.wishlistHeaderConfig.pageTitle) { return String(window.wishlistHeaderConfig.pageTitle); } return 'My Wishlist'; } function shouldShowCount() { var cfg = window.wishlistConfig || {}; if (cfg.floatingButton && typeof cfg.floatingButton.showCount === 'boolean') { return cfg.floatingButton.showCount; } if (window.wishlistHeaderConfig && typeof window.wishlistHeaderConfig.showCount === 'boolean') { return window.wishlistHeaderConfig.showCount; } return false; } function injectStyles() { if (document.getElementById(STYLE_ID)) return; var bg = CONFIG.drawerBackground || '#fdf8e5'; var style = document.createElement('style'); style.id = STYLE_ID; style.textContent = [ '.header__icon--wishlist { overflow: visible; }', '.header__icon--wishlist .wishlist-count-bubble { display: none !important; }', '.header__icon--wishlist .wishlist-count-bubble.has-items { display: inline-flex !important; }', '.wishlist-drawer__inner,', '.wishlist-drawer__header,', '.wishlist-drawer__content,', '.wishlist-drawer__footer {', ' background-color: ' + bg + ' !important;', ' background: ' + bg + ' !important;', '}', ].join('\n'); document.head.appendChild(style); } function patchDrawerBackground() { var bg = CONFIG.drawerBackground; if (!bg) return; document.querySelectorAll( '.wishlist-drawer__inner, .wishlist-drawer__header, .wishlist-drawer__content, .wishlist-drawer__footer' ).forEach(function (el) { el.style.setProperty('background-color', bg, 'important'); el.style.setProperty('background', bg, 'important'); }); } function initDrawerBackgroundPatch() { if (window.__mwBijouDrawerBgPatch) return; window.__mwBijouDrawerBgPatch = true; patchDrawerBackground(); function watchDrawer() { var drawer = document.querySelector('.wishlist-drawer'); if (!drawer) return false; var observer = new MutationObserver(function () { if (drawer.classList.contains('active')) patchDrawerBackground(); }); observer.observe(drawer, { attributes: true, attributeFilter: ['class'], subtree: true, childList: true, }); return true; } if (!watchDrawer()) { document.addEventListener('DOMContentLoaded', function () { watchDrawer(); patchDrawerBackground(); }); } } function buildButton(pageTitle, showCount, isPrimary) { var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'header__icon header__icon--wishlist focus-visible-outline'; btn.setAttribute('data-wishlist-header', ''); btn.setAttribute('aria-haspopup', 'dialog'); btn.setAttribute('aria-label', pageTitle); if (isPrimary) btn.id = 'wishlist-header-btn'; var html = getHeartSvg(); html += ''; if (showCount) { html += '' + '' + '' + ''; } btn.innerHTML = html; return btn; } function findCartIcon(container) { return ( container.querySelector(CART_SELECTOR + ':not(.no-js)') || container.querySelector(CART_SELECTOR) ); } function placeInContainer(container, pageTitle, showCount, isPrimary) { if (!container || container.querySelector('[data-wishlist-header]')) return false; var btn = buildButton(pageTitle, showCount, isPrimary); var cartIcon = findCartIcon(container); if (cartIcon) { container.insertBefore(btn, cartIcon); } else { var closeBtn = container.querySelector('.header__icon--search-close'); if (closeBtn) container.insertBefore(btn, closeBtn); else container.appendChild(btn); } return true; } function placeWishlistIcons() { if (document.querySelector('[data-wishlist-header]')) { bindAllHeaderButtons(); return true; } var containers = document.querySelectorAll(ICON_SELECTOR); if (!containers.length) return false; var pageTitle = getPageTitle(); var showCount = shouldShowCount(); window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = showCount; window.wishlistHeaderConfig.pageTitle = pageTitle; injectStyles(); var placed = false; var isPrimary = true; containers.forEach(function (container) { if (placeInContainer(container, pageTitle, showCount, isPrimary)) { placed = true; isPrimary = false; } }); if (placed) bindAllHeaderButtons(); return placed; } function isWishlistPageReady(page) { if (!page) return false; if (page.navigateOnly && !page.embeddedFullPage) { return !!(page.config && page.config.dedicatedPageUrl); } return !!(page.drawerContainer || page.modalContainer); } function openWishlistFromHeader() { var page = window.wishlistPage; if (!isWishlistPageReady(page)) return false; if (page.navigateOnly && !page.embeddedFullPage) { window.location.assign(page.config.dedicatedPageUrl); return true; } var view = page.hasDrawer ? 'drawer' : 'modal'; if (page.isOpen) page.close(); page.open(view); if (view === 'drawer') setTimeout(patchDrawerBackground, 0); return true; } function waitForWishlistPageThenOpen() { if (openWishlistFromHeader()) return; var attempts = 0; var timer = setInterval(function () { attempts += 1; if (openWishlistFromHeader() || attempts >= 40) clearInterval(timer); }, 100); } function bindHeaderButton(btn) { if (!btn || btn.getAttribute('data-mw-bijou-bound') === '1') return; btn.setAttribute('data-mw-bijou-bound', '1'); btn.addEventListener('click', function (event) { event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); waitForWishlistPageThenOpen(); }, true); } function bindAllHeaderButtons() { document.querySelectorAll('[data-wishlist-header]').forEach(bindHeaderButton); } function initHeaderClickBridge() { if (window.__mwBijouHeaderClickBridge) return; window.__mwBijouHeaderClickBridge = true; bindAllHeaderButtons(); document.addEventListener('DOMContentLoaded', function () { placeWishlistIcons(); bindAllHeaderButtons(); }); } function getEventBus() { return window.themeCore && window.themeCore.EventBus; } function normalizeCartData(source) { var data = source && source.detail ? source.detail : source; if (!data || typeof data.item_count !== 'number') return null; return data; } function updateHeaderCartCount(count) { var text = count > 99 ? '99+' : String(count); document.querySelectorAll('.js-header-cart-item-count').forEach(function (el) { el.textContent = text; }); document.querySelectorAll('.js-header-cart-item-count-wrapper').forEach(function (el) { el.setAttribute('data-cart-count', String(count)); }); } function initCartBridge() { if (window.__mwBijouCartBridge) return; window.__mwBijouCartBridge = true; var lastBridgeAt = 0; var lastBridgeCount = -1; function shouldDedupe(count) { var now = Date.now(); if (count === lastBridgeCount && now - lastBridgeAt < 300) return true; lastBridgeCount = count; lastBridgeAt = now; return false; } function onWishlistCartUpdated(event) { if (!CONFIG.bridgeCart) return; var cart = normalizeCartData(event); if (!cart || shouldDedupe(cart.item_count)) return; updateHeaderCartCount(cart.item_count); var bus = getEventBus(); if (!bus || typeof bus.emit !== 'function') return; var payload = { item_count: cart.item_count, items: cart.items, total_price: cart.total_price, attributes: cart.attributes, token: cart.token, sections: cart.sections || null, action: cart.action || 'wishlist-add', params: CONFIG.openCartDrawer ? [{}] : [{ noOpen: true }], }; bus.emit('cart:updated', payload); bus.emit('header:update-item-count', { item_count: cart.item_count }); } function onWishlistCartRefresh() { if (!CONFIG.bridgeCart) return; var bus = getEventBus(); if (bus && typeof bus.emit === 'function') bus.emit('cart:refresh'); } document.addEventListener('cart:updated', onWishlistCartUpdated); document.addEventListener('cart:refresh', onWishlistCartRefresh); } function boot() { initCartBridge(); initHeaderClickBridge(); initDrawerBackgroundPatch(); placeWishlistIcons(); } function schedulePlacementRetries() { if (document.querySelector('[data-wishlist-header]')) { bindAllHeaderButtons(); return; } var attempts = 0; var timer = setInterval(function () { attempts += 1; placeWishlistIcons(); if (document.querySelector('[data-wishlist-header]') || attempts >= 20) { clearInterval(timer); } }, 100); } boot(); schedulePlacementRetries(); })();