' + '' + '' + '

' + '' ); } function injectStyles() { var iconSize = CONFIG.iconSize; var css = '#wishlist-header-btn.mw-wishlist-header-action{' + 'overflow:visible;' + 'background:transparent;' + 'border:0;' + 'padding:0;' + 'margin:0;' + 'color:var(--color-foreground);' + 'cursor:pointer;' + 'display:flex;' + 'justify-content:center;' + 'align-items:center;' + 'min-height:var(--minimum-touch-target, 44px);' + '}' + '.mw-wishlist-icon-wrap{' + '--cart-bubble-size:20px;' + '--cart-bubble-top:4.5px;' + '--cart-bubble-right:2.5px;' + 'position:relative;' + 'display:flex;' + 'align-items:center;' + 'justify-content:center;' + 'color:inherit;' + '}' + '.mw-wishlist-icon-wrap .svg-wrapper{' + 'display:flex;' + 'align-items:center;' + 'justify-content:center;' + 'height:var(--button-size);' + 'width:var(--button-size);' + '}' + '.mw-wishlist-icon-wrap svg{' + 'width:' + iconSize + 'px;' + 'height:' + iconSize + 'px;' + 'display:block;' + 'flex:0 0 auto;' + '}' + '.mw-wishlist-icon-wrap .wishlist-count-bubble{' + 'position:absolute;' + 'top:var(--cart-bubble-top);' + 'right:var(--cart-bubble-right);' + 'width:var(--cart-bubble-size);' + 'height:var(--cart-bubble-size);' + 'min-width:var(--cart-bubble-size);' + 'border-radius:50%;' + 'background-color:var(--color-primary-button-background, #000);' + 'color:var(--color-primary-button-text, #fff);' + 'font-family:var(--font-paragraph--family, inherit);' + 'font-weight:var(--font-paragraph--weight, 600);' + 'font-size:clamp(9px, 0.55em, 11px);' + 'line-height:1;' + 'display:none;' + 'align-items:center;' + 'justify-content:center;' + 'padding:0;' + 'margin:0;' + 'pointer-events:none;' + 'z-index:1;' + 'box-sizing:border-box;' + '}' + '.mw-wishlist-icon-wrap .wishlist-count-bubble.has-items{' + 'display:flex;' + '}' + 'header-actions--text .mw-wishlist-icon-wrap{' + '--cart-bubble-top:0;' + '--cart-bubble-right:0;' + '}' + '@media (hover:hover){' + '.header__column:has(#wishlist-header-btn:hover) .header-actions__action,' + '.header__column:has(#wishlist-header-btn:hover) header-menu,' + '.header__column:has(#wishlist-header-btn:hover) .header__icon--menu{' + 'opacity:1!important;' + '}' + '}' + '@media screen and (min-width:750px){' + 'header-actions--text .header-actions__wishlist-icon{' + 'display:flex;' + 'align-items:center;' + 'gap:var(--gap-xs);' + '}' + 'header-actions--text .mw-wishlist-icon-wrap .wishlist-count-bubble{' + 'position:relative;' + 'top:0;' + 'right:0;' + '}' + '}'; var style = document.getElementById(STYLE_ID); if (!style) { style = document.createElement('style'); style.id = STYLE_ID; document.head.appendChild(style); } style.textContent = css; } function findHeaderAnchor() { var i; var el; for (i = 0; i < ANCHOR_SELECTORS.length; i++) { el = document.querySelector(ANCHOR_SELECTORS[i]); if (el) return el; } return null; } function findCartSibling(anchor) { if (!anchor) return null; var cartDrawer = anchor.querySelector('cart-drawer-component'); if (cartDrawer && cartDrawer.parentElement === anchor) return cartDrawer; var cartLink = anchor.querySelector('a.action__cart'); if (cartLink && cartLink.parentElement === anchor) return cartLink; var trigger = anchor.querySelector('[data-testid="cart-drawer-trigger"]'); if (trigger) { var el = trigger; while (el.parentElement && el.parentElement !== anchor) { el = el.parentElement; } if (el.parentElement === anchor) return el; } return null; } function getPageTitle() { var cfg = window.wishlistConfig || {}; return cfg.pageTitle || 'Wishlist'; } function ensureWishlistButton() { var btn = document.getElementById('wishlist-header-btn'); if (!btn) { btn = document.querySelector('[data-wishlist-header]'); } var signature = getConfigSignature(); var needsMarkup = !btn || !btn.querySelector('.mw-wishlist-icon-wrap') || btn.getAttribute('data-mw-config') !== signature; if (!btn) { btn = document.createElement('div'); btn.id = 'wishlist-header-btn'; btn.setAttribute('data-wishlist-header', ''); } btn.setAttribute('role', 'button'); btn.setAttribute('aria-haspopup', 'dialog'); btn.setAttribute('aria-label', getPageTitle()); btn.className = 'button-unstyled mw-wishlist-header-action'; if (needsMarkup) { btn.innerHTML = buildWishlistButtonHtml(); btn.setAttribute('data-mw-config', signature); } window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = true; return btn; } function wireWishlistClick(btn) { if (!btn || btn.dataset.mwClickWired === '1') return; btn.addEventListener('click', function (e) { e.preventDefault(); e.stopImmediatePropagation(); var page = window.wishlistPage; if (page) { if (page.navigateOnly && !page.embeddedFullPage) { var url = page.config && page.config.dedicatedPageUrl; if (url) window.location.assign(url); return; } page.toggle(page.hasDrawer ? 'drawer' : 'modal'); return; } if (window.MagicWishlist && typeof window.MagicWishlist.open === 'function') { window.MagicWishlist.open(); return; } var dedicatedUrl = window.wishlistConfig && window.wishlistConfig.dedicatedPageUrl; if (dedicatedUrl) window.location.assign(dedicatedUrl); }, true); btn.dataset.mwClickWired = '1'; } function refreshWishlistHeaderCount() { try { if (window.wishlistPage && typeof window.wishlistPage.updateExternalCounts === 'function') { window.wishlistPage.updateExternalCounts(); } } catch (_) {} } function placeWishlistButton() { var anchor = findHeaderAnchor(); if (!anchor) return false; var cart = findCartSibling(anchor); var btn = ensureWishlistButton(); if (cart) { if (btn.parentElement !== anchor) { anchor.insertBefore(btn, cart); } else if (cart.previousElementSibling !== btn) { anchor.insertBefore(btn, cart); } } else if (btn.parentElement !== anchor) { anchor.appendChild(btn); } return true; } function syncWishlistHeader() { injectStyles(); if (!placeWishlistButton()) return false; wireWishlistClick(document.getElementById('wishlist-header-btn')); refreshWishlistHeaderCount(); return true; } function scheduleSync() { if (debounceTimer) return; debounceTimer = window.setTimeout(function () { debounceTimer = null; syncWishlistHeader(); }, 120); } function startHeaderObserver() { if (observerStarted || typeof MutationObserver === 'undefined') return; observerStarted = true; var root = document.getElementById('header-component') || document.body; new MutationObserver(scheduleSync).observe(root, { childList: true, subtree: true, }); } function init() { syncWishlistHeader(); startHeaderObserver(); window.addEventListener('wishlist:updated', scheduleSync); document.addEventListener('wishlist:updated', scheduleSync); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', syncWishlistHeader); } window.addEventListener('load', function () { syncWishlistHeader(); refreshWishlistHeaderCount(); }); } init(); })();

Idioma

Idioma

Tu carrito esta vacío