(function () { 'use strict'; var STYLE_ID = 'magic-wishlist-pedalpassion-header-style'; var PAGE_STYLE_ID = 'magic-wishlist-pedalpassion-page-style'; var HEADER_ACTIONS_SELECTOR = 'header-actions'; var debounceTimer = null; var observerStarted = false; // ── Heart icon — edit width, height, stroke (px), side gaps ── // Theme defaults: 22px icon (--icon-size-md), 1.5px stroke (--icon-stroke-width) var HEART_ICON_WIDTH = '18'; // px var HEART_ICON_HEIGHT = '18'; // px var HEART_STROKE_WIDTH = '2'; // px var HEART_STROKE_COLOR = 'currentColor'; var HEART_MARGIN_LEFT = '0px'; var HEART_MARGIN_RIGHT = '0px'; function getHeaderActions() { return document.querySelector('.header__column--right ' + HEADER_ACTIONS_SELECTOR) || document.querySelector(HEADER_ACTIONS_SELECTOR); } function getCartAnchor() { var headerActions = getHeaderActions(); if (!headerActions) return null; return ( headerActions.querySelector('[data-testid="cart-drawer-trigger"]') || headerActions.querySelector('button[aria-controls="cart-drawer"]') || headerActions.querySelector('cart-icon') || headerActions.querySelector('.header-actions__cart-icon') || headerActions.querySelector('a[href="/cart"]') ); } function injectStyles() { if (document.getElementById(STYLE_ID)) return; var s = document.createElement('style'); s.id = STYLE_ID; s.textContent = '#wishlist-header-btn.header-actions__action {' + 'position: relative !important;' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + 'min-width: var(--button-size, 44px) !important;' + 'width: var(--button-size, 44px) !important;' + 'height: var(--button-size, 44px) !important;' + 'cursor: pointer !important;' + 'color: var(--color-foreground) !important;' + 'margin-left: ' + HEART_MARGIN_LEFT + ' !important;' + 'margin-right: ' + HEART_MARGIN_RIGHT + ' !important;' + 'padding: 0 !important;' + 'overflow: visible !important;' + 'visibility: visible !important;' + 'opacity: 1 !important;' + '}' + '#wishlist-header-btn .wishlist-header-icon {' + '--cart-bubble-size: 20px;' + '--cart-bubble-top: 4.5px;' + '--cart-bubble-right: 2.5px;' + 'position: relative !important;' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + 'width: var(--button-size, 44px) !important;' + 'height: var(--button-size, 44px) !important;' + '}' + '#wishlist-header-btn .wishlist-icon-wrap {' + 'position: static !important;' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + 'width: var(--button-size, 44px) !important;' + 'height: var(--button-size, 44px) !important;' + '}' + '#wishlist-header-btn .svg-wrapper {' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + 'width: var(--button-size, 44px) !important;' + 'height: var(--button-size, 44px) !important;' + '}' + '#wishlist-header-btn svg {' + 'width: ' + HEART_ICON_WIDTH + 'px !important;' + 'height: ' + HEART_ICON_HEIGHT + 'px !important;' + 'display: block !important;' + 'stroke: ' + HEART_STROKE_COLOR + ' !important;' + '}' + '#wishlist-header-btn > .wishlist-count-bubble {' + 'position: absolute !important;' + 'width: 1px !important;' + 'height: 1px !important;' + 'overflow: hidden !important;' + 'clip: rect(0, 0, 0, 0) !important;' + 'pointer-events: none !important;' + 'border: 0 !important;' + 'padding: 0 !important;' + 'margin: -1px !important;' + '}' + '#wishlist-header-btn .wishlist-header-count.cart-bubble {' + 'position: absolute !important;' + 'width: var(--cart-bubble-size, 20px) !important;' + 'top: var(--cart-bubble-top, 4.5px) !important;' + 'right: var(--cart-bubble-right, 2.5px) !important;' + '}' + '#wishlist-header-btn .wishlist-header-count:not(.has-items) {' + 'display: none !important;' + 'visibility: hidden !important;' + '}'; document.head.appendChild(s); } function injectPageStyles() { if (document.getElementById(PAGE_STYLE_ID)) return; var s = document.createElement('style'); s.id = PAGE_STYLE_ID; s.textContent = '#magic-wishlist-page-root .wishlist-page-title{display:none!important;}' + '.wishlist-modal-stock--eta{' + 'background:rgba(245,158,11,0.14)!important;' + 'color:#b45309!important;' + '}'; document.head.appendChild(s); } function resolvePedalStockBadge(stockStatus, item) { var qty = stockStatus && typeof stockStatus.quantity === 'number' ? stockStatus.quantity : null; if (qty !== null) { if (qty > 0) return { label: 'In Stock', mod: 'in' }; return { label: 'Check ETA', mod: 'eta' }; } if (stockStatus && stockStatus.inStock) return { label: 'In Stock', mod: 'in' }; if (item && item.liveAvailable === false) return { label: 'Check ETA', mod: 'eta' }; if (item && item.available === false) return { label: 'Check ETA', mod: 'eta' }; return { label: 'In Stock', mod: 'in' }; } function applyPedalStockBadges() { var page = window.wishlistPage; if (!page) return; var prefix = page.listUiPrefix || 'wishlist-page'; var items = page.wishlistItems || []; document.querySelectorAll('.' + prefix + '-row').forEach(function (row) { var handle = row.getAttribute('data-handle'); var variantId = row.getAttribute('data-variant-id') || ''; var item = null; for (var i = 0; i < items.length; i++) { var it = items[i]; if ( it.productHandle === handle && String(it.variantId || '') === String(variantId) ) { item = it; break; } } if (!item) return; var badge = resolvePedalStockBadge(item.stockStatus, item); var statusCell = row.querySelector('.' + prefix + '-cell--status'); if (statusCell) { statusCell.innerHTML = ''; } var mobileStock = row.querySelector('.wishlist-modal-stock-mobile'); if (mobileStock) { var mobileBadge = mobileStock.querySelector('.wishlist-modal-stock'); if (mobileBadge) { mobileBadge.className = 'wishlist-modal-stock wishlist-modal-stock--' + badge.mod; mobileBadge.textContent = badge.label; } } }); } function hookWishlistPage() { var page = window.wishlistPage; if (!page || page.__mwPedalHooked) return false; page._resolveStockBadge = function (status) { return resolvePedalStockBadge(status, null); }; if (typeof page.renderItems === 'function') { var renderOriginal = page.renderItems.bind(page); page.renderItems = function () { renderOriginal.apply(this, arguments); applyPedalStockBadges(); }; } if (typeof page.updateStockBadges === 'function') { var updateOriginal = page.updateStockBadges.bind(page); page.updateStockBadges = function (stock) { updateOriginal(stock); applyPedalStockBadges(); }; } page.__mwPedalHooked = true; applyPedalStockBadges(); return true; } function ensureWishlistShell(btn) { window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = true; btn.classList.add('header-actions__action'); var iconShell = btn.querySelector('.wishlist-header-icon'); if (!iconShell) { iconShell = document.createElement('span'); iconShell.className = 'header-actions__cart-icon wishlist-header-icon'; var wrap = btn.querySelector('.wishlist-icon-wrap'); if (wrap) { iconShell.appendChild(wrap); } btn.insertBefore(iconShell, btn.firstChild); } var wrap = btn.querySelector('.wishlist-icon-wrap'); if (!wrap) return btn; if (!wrap.querySelector('.svg-wrapper')) { var svgWrapper = document.createElement('span'); svgWrapper.className = 'svg-wrapper'; svgWrapper.setAttribute('aria-hidden', 'true'); while (wrap.firstChild) { svgWrapper.appendChild(wrap.firstChild); } wrap.appendChild(svgWrapper); } var bubble = btn.querySelector('.wishlist-count-bubble'); if (wrap.contains(bubble)) { btn.appendChild(bubble); } if (!bubble) { btn.insertAdjacentHTML( 'beforeend', '' ); bubble = btn.querySelector('.wishlist-count-bubble'); } if (bubble) { bubble.setAttribute('hidden', ''); bubble.setAttribute('aria-hidden', 'true'); } var display = iconShell.querySelector('.wishlist-header-count'); if (!display) { display = document.createElement('div'); display.className = 'cart-bubble wishlist-header-count'; display.setAttribute('data-maintain-ratio', ''); display.innerHTML = '' + '' + '' + ''; iconShell.appendChild(display); } return btn; } function getWishlistHeaderCount(btn) { btn = btn || document.getElementById('wishlist-header-btn'); if (!btn) return 0; var bubble = btn.querySelector('.wishlist-count-bubble'); var numberEl = bubble && bubble.querySelector('.wishlist-count-number'); if (numberEl && numberEl.textContent.trim()) { return parseInt(numberEl.textContent, 10) || 0; } if (window.wishlistPage && Array.isArray(window.wishlistPage.wishlistItems)) { return window.wishlistPage.wishlistItems.length; } return 0; } function syncWishlistCountDisplay() { var btn = document.getElementById('wishlist-header-btn'); if (!btn) return; var count = getWishlistHeaderCount(btn); var display = btn.querySelector('.wishlist-header-count'); var numberEl = display && display.querySelector('.wishlist-count-display'); if (numberEl) { numberEl.textContent = count > 0 ? String(count) : ''; } if (display) { display.classList.toggle('has-items', count > 0); display.classList.toggle('visually-hidden', count === 0); } } function refreshWishlistHeaderCount() { try { if (window.wishlistPage && typeof window.wishlistPage.updateExternalCounts === 'function') { window.wishlistPage.updateExternalCounts(); } } catch (_) { /* fall through */ } ensureWishlistShell(document.getElementById('wishlist-header-btn')); syncWishlistCountDisplay(); } function applySvgStyles(btn) { var svg = btn.querySelector('svg'); if (!svg) return; svg.setAttribute('width', HEART_ICON_WIDTH); svg.setAttribute('height', HEART_ICON_HEIGHT); svg.setAttribute('fill', 'none'); svg.setAttribute('stroke', HEART_STROKE_COLOR); svg.setAttribute('viewBox', '0 0 24 24'); svg.setAttribute('aria-hidden', 'true'); svg.setAttribute('focusable', 'false'); svg.style.width = HEART_ICON_WIDTH + 'px'; svg.style.height = HEART_ICON_HEIGHT + 'px'; svg.style.display = 'block'; svg.querySelectorAll('path, circle, line, rect, polygon').forEach(function (el) { el.setAttribute('stroke', HEART_STROKE_COLOR); el.setAttribute('fill', 'none'); el.setAttribute('stroke-linecap', 'round'); el.setAttribute('stroke-linejoin', 'round'); el.setAttribute('stroke-width', HEART_STROKE_WIDTH); el.style.stroke = HEART_STROKE_COLOR; el.style.strokeWidth = HEART_STROKE_WIDTH + 'px'; }); } function reorderWishlistButton(btn) { var headerActions = getHeaderActions(); if (!headerActions || !btn) return; var cart = getCartAnchor(); if (!cart) { if (btn.parentNode !== headerActions) headerActions.appendChild(btn); return; } var cartTop = cart; while (cartTop.parentNode && cartTop.parentNode !== headerActions) { cartTop = cartTop.parentNode; } if (btn.parentNode !== headerActions) { headerActions.insertBefore(btn, cartTop); return; } if (cartTop.previousElementSibling !== btn) { headerActions.insertBefore(btn, cartTop); } } function wireWishlistClick(btn) { if (!btn || btn.dataset.clickWired) 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 && window.MagicWishlist.open) { window.MagicWishlist.open(); return; } var dedicatedUrl = window.wishlistConfig && window.wishlistConfig.dedicatedPageUrl; if (dedicatedUrl) window.location.assign(dedicatedUrl); }, true); btn.dataset.clickWired = '1'; } function syncWishlistHeader() { var btn = document.getElementById('wishlist-header-btn'); if (!btn) return false; injectStyles(); ensureWishlistShell(btn); applySvgStyles(btn); wireWishlistClick(btn); reorderWishlistButton(btn); return true; } function scheduleSync() { if (debounceTimer) return; debounceTimer = window.setTimeout(function () { debounceTimer = null; if (syncWishlistHeader()) refreshWishlistHeaderCount(); }, 120); } function startHeaderObserver() { if (observerStarted || typeof MutationObserver === 'undefined') return; observerStarted = true; var root = document.querySelector('#header-component') || document.querySelector('header.header') || document.body; new MutationObserver(scheduleSync).observe(root, { childList: true, subtree: true, }); } function publishHorizonCartUpdate(cart) { if (!cart || typeof cart.item_count !== 'number') return; try { document.dispatchEvent(new CustomEvent('cart:update', { bubbles: true, detail: { resource: cart, sourceId: 'magic-wishlist', data: { source: 'magic-wishlist', itemCount: cart.item_count, sections: {}, }, }, })); } catch (_) { /* swallow */ } } function boot() { injectPageStyles(); startHeaderObserver(); hookWishlistPage(); if (syncWishlistHeader()) { refreshWishlistHeaderCount(); return; } var attempts = 0; var interval = window.setInterval(function () { attempts++; hookWishlistPage(); if (syncWishlistHeader()) { refreshWishlistHeaderCount(); window.clearInterval(interval); return; } if (attempts >= 40) window.clearInterval(interval); }, 100); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot, { once: true }); } else { boot(); } document.addEventListener('cart:updated', function (e) { var cart = e && e.detail; if (!cart) return; publishHorizonCartUpdate(cart); }); function onWishlistUpdated() { refreshWishlistHeaderCount(); applyPedalStockBadges(); } document.addEventListener('wishlist:updated', onWishlistUpdated); window.addEventListener('wishlist:updated', onWishlistUpdated); })();

Country/Region

Country/Region

TIME Scylon Road Frameset (Pearl)

TIME Scylon 2025 Carbon Road Frameset

Pedal Passion Brisbane

82 Water StSpring Hill QLD 4000

0410 003 094

82 Water St
Spring Hill QLD 4000