{
"version": 3,
"sources": ["/cdn/shop/t/3/assets/tb-m-pcard.js?x=1794560346834"],
"sourcesContent": ["/* Toybox phone product card viewer (up to 749px): tiles open as a card, swipe sideways for the list, scroll for\n full screen, pull down from the top or tap the chevron to close. Cards: sections/tb-pcard. Styles: tb-m-pcard.css.\n Smoothness pass (2026-11-12; original in assets/bak-20261112-tb-m-pcard.js):\n - the tile's own photo shows in the card straight away, so opening is a zoom of the photo, not a grey box,\n and the real card swaps in once its first photo is decoded (no white flash);\n - the cards either side follow the finger while swiping (position, size and shade worked out every frame from\n the scroll position), instead of jumping into place after the swipe stops;\n - the open animation only moves and fades (no corner-radius repaint) with a softer, app-like ease;\n - the neighbouring cards are prepared when the phone is idle and never mid-swipe; the cards two away are fetched;\n - closing on the product that was opened shrinks it back into its tile. */\n(() => {\n if (window.TbPv) return;\n const phone = window.matchMedia('(max-width: 749px)');\n const reduce = () => window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n const idle = window.requestIdleCallback ? (f) => window.requestIdleCallback(f, { timeout: 700 }) : (f) => setTimeout(f, 120);\n const wait = (ms) => new Promise((r) => setTimeout(r, ms));\n const EASE_OUT = 'cubic-bezier(.16,1,.3,1)';\n const cache = new Map();\n let st = null;\n\n let assetsReady = null;\n const loadAssets = () => {\n if (assetsReady) return assetsReady;\n const me = document.querySelector('script[src*=\"tb-m-pcard.js\"]');\n const base = me ? me.src.split('tb-m-pcard.js')[0] : '/assets/';\n const urls = window.TbAssetUrls || {};\n const jobs = [];\n ['tb-product.css', 'tb-m-pdp.css'].forEach((n) => {\n if (document.querySelector('link[href*=\"/' + n + '\"]')) return;\n const l = document.createElement('link');\n l.rel = 'stylesheet';\n l.href = urls[n] || base + n;\n jobs.push(new Promise((ok) => { l.onload = ok; l.onerror = ok; }));\n document.head.appendChild(l);\n });\n ['tb-product.js', 'tb-m-pdp.js'].forEach((n) => {\n if (document.querySelector('script[src*=\"/' + n + '\"]')) return;\n const sc = document.createElement('script');\n sc.src = urls[n] || base + n;\n jobs.push(new Promise((ok) => { sc.onload = ok; sc.onerror = ok; }));\n document.head.appendChild(sc);\n });\n assetsReady = Promise.all(jobs);\n return assetsReady;\n };\n\n const cardUrl = (url) => {\n const u = new URL(url, location.href);\n const path = u.pathname.replace(/^.*(\\/products\\/[^/?#]+).*$/, '$1');\n return location.origin + path + '?section_id=tb-pcard';\n };\n const fetchCard = (url) => {\n const key = cardUrl(url);\n if (!cache.has(key)) {\n const p = fetch(key, { credentials: 'same-origin' }).then((r) => { if (!r.ok) throw new Error(r.status); return r.text(); });\n p.catch(() => cache.delete(key));\n cache.set(key, p);\n }\n return cache.get(key);\n };\n\n const esc = (s) => String(s || '').replace(/[&<>\"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"' }[c]));\n // Placeholder: the tile's photo (already downloaded) where the gallery photo will be, and shimmer lines below.\n const SKEL = (img) => '