(function () { if (typeof window === 'undefined' || window.__cb) return; // ---- reveals ---- var observers = new Map(); var observed = new WeakSet(); function getObserver(host) { if (!('IntersectionObserver' in window)) return null; var raw = parseFloat(window.getComputedStyle(host).getPropertyValue('--cb-reveal-threshold')); var threshold = isFinite(raw) ? Math.max(0, Math.min(1, raw)) : 0.15; var observer = observers.get(threshold); if (!observer) { observer = new IntersectionObserver(function (entries) { for (var i = 0; i < entries.length; i++) { if (!entries[i].isIntersecting) continue; entries[i].target.classList.add('cb-in'); observer.unobserve(entries[i].target); } }, { threshold: threshold, rootMargin: '0px 0px -6% 0px' }); observers.set(threshold, observer); } return observer; } function inViewport(el) { var r = el.getBoundingClientRect(); return r.bottom > 0 && r.top < (window.innerHeight || document.documentElement.clientHeight) * 1.06; } /** Observe every .cb-reveal inside a block's content element. Safe to call repeatedly. * Elements already on screen are shown at once, and a late pass catches anything the * observer missed (nodes replaced after the first observe), so a reveal never strands text. */ function observeReveals(host) { if (!host) return function () {}; var collect = function () { var targets = Array.prototype.slice.call(host.querySelectorAll('.cb-reveal')); if (host.classList.contains('cb-reveal')) targets.unshift(host); return targets; }; var io = getObserver(host); var attach = function () { var fresh = collect().filter(function (el) { return !observed.has(el); }); for (var i = 0; i < fresh.length; i++) { var el = fresh[i]; observed.add(el); if (!io || inViewport(el)) { el.classList.add('cb-in'); continue; } io.observe(el); } return fresh; }; var first = attach(); var timer = window.setTimeout(function () { attach(); var all = collect(); for (var i = 0; i < all.length; i++) if (!all[i].classList.contains('cb-in') && inViewport(all[i])) all[i].classList.add('cb-in'); }, 800); return function () { window.clearTimeout(timer); for (var i = 0; i < first.length; i++) { if (io) io.unobserve(first[i]); observed.delete(first[i]); } }; } // ---- scroll motion ---- var MOTION_SELECTOR = '.cb-media, .cb-parallax, .cb-grow, .cb-shift, .cb-draw'; var tracked = new Map(); var active = new Set(); var motionObserver = null; var frame = 0; var listening = false; function reducedMotion() { return !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches); } /** The nearest ancestor that scrolls, or null for the window. Found once per element. */ function findScroller(el) { var node = el.parentElement; while (node && node !== document.body) { var overflowY = getComputedStyle(node).overflowY; if ((overflowY === 'auto' || overflowY === 'scroll') && node.scrollHeight > node.clientHeight) return node; node = node.parentElement; } return null; } /** Progress of the element's container through its scrollport: 0 entering at the bottom, 1 gone off the top. */ function progressOf(t) { var top = 0; var height = window.innerHeight || document.documentElement.clientHeight; if (t.scroller) { var s = t.scroller.getBoundingClientRect(); top = s.top; height = s.height; } var r = t.ref.getBoundingClientRect(); var span = height + r.height; if (span <= 0) return 0.5; var p = (top + height - r.top) / span; return p < 0 ? 0 : p > 1 ? 1 : p; } function write(t) { var p = progressOf(t); if (Math.abs(p - t.last) < 0.0005) return; t.last = p; t.el.style.setProperty('--cb-p', p.toFixed(4)); } function tick() { frame = 0; active.forEach(write); } function schedule() { if (!frame) frame = window.requestAnimationFrame(tick); } function listen() { if (listening) return; listening = true; // Capture catches scrolls in nested scrollers as well as the window. document.addEventListener('scroll', schedule, { capture: true, passive: true }); window.addEventListener('resize', schedule, { passive: true }); } function getMotionObserver() { if (!('IntersectionObserver' in window)) return null; if (!motionObserver) { motionObserver = new IntersectionObserver(function (entries) { for (var i = 0; i < entries.length; i++) { var t = tracked.get(entries[i].target); if (!t) continue; if (entries[i].isIntersecting) { active.add(t); write(t); } else active.delete(t); } }, { rootMargin: '30% 0px 30% 0px' }); } return motionObserver; } /** Track every scroll-motion element inside a block's content element. Safe to call repeatedly. */ function observeMotion(host) { if (!host || reducedMotion()) return function () {}; var io = getMotionObserver(); if (!io) return function () {}; var targets = Array.prototype.slice.call(host.querySelectorAll(MOTION_SELECTOR)); if (host.matches(MOTION_SELECTOR)) targets.unshift(host); var mine = []; for (var i = 0; i < targets.length; i++) { var el = targets[i]; if (tracked.has(el)) continue; // The container's box is measured, not the element's: the element carries the transform // this progress drives, and measuring it would feed the motion back into itself. var t = { el: el, ref: el.parentElement || el, scroller: findScroller(el), last: -1 }; tracked.set(el, t); mine.push(t); write(t); io.observe(el); } if (mine.length) listen(); return function () { for (var i = 0; i < mine.length; i++) { io.unobserve(mine[i].el); tracked.delete(mine[i].el); active.delete(mine[i]); } }; } /** Reveals and scroll motion for one block; one cleanup for both. */ function observeBlock(host) { var reveals = observeReveals(host), motion = observeMotion(host); return function () { reveals(); motion(); }; } /** Mark the site as able to reveal. Never set on the editor board, so the board shows final states. */ function markSiteReady(root, ready) { if (root) root.classList.toggle('cb-ready', ready); } /** Attach every custom block host on the page. The static path calls this once after the bootstrap. */ function attachAll(root) { var hosts = (root || document).querySelectorAll('.user-website-custom-code-content'); for (var i = 0; i < hosts.length; i++) observeBlock(hosts[i]); } window.__cb = { observeReveals: observeReveals, observeMotion: observeMotion, observeBlock: observeBlock, markSiteReady: markSiteReady, attachAll: attachAll }; })();

Shopping Cart

Summary