(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

YBN

YBN S410 Single Speed Chain 1/2 x 1/8 110L Brown

Pedal Passion Brisbane

82 Water StSpring Hill QLD 4000

0410 003 094

82 Water St
Spring Hill QLD 4000