@riverbankcms/sdk 0.129.1 → 0.130.2

package/dist/client/{headerSection-CP05gzdc.mjs → headerSection-CpNaJxhW.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { X as themeButtonClassName, r as buildCartDisplay, t as defineIslandPropsDecoder } from "./propsDecoder-CiTuhUwY.mjs";
+import { T as staticHeaderChromeRuntime, Z as themeButtonClassName, r as buildCartDisplay, t as defineIslandPropsDecoder } from "./propsDecoder-CBPGXEYX.mjs";
 import { t as resolveDedicatedCheckoutPath } from "./checkoutRoute-ClwHwYVA.mjs";
-import { n as useCommerceCart } from "./shop-commerce-store-DaE7Fhj8.mjs";
+import { n as useCommerceCart } from "./shop-commerce-store-DiD5a32e.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
 import * as React$1 from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -276,6 +276,153 @@ function mountHeaderCartRuntime(root, siteId, mounts) {
 	};
 }
 //#endregion
+//#region ../blocks/src/system/runtime/header/headerScrollRuntime.ts
+const SCROLL_ON_THRESHOLD_MIN_PX = 24;
+const SCROLL_ON_THRESHOLD_MAX_PX = 96;
+const SCROLL_ON_THRESHOLD_HEADER_RATIO = .25;
+const SCROLL_TOP_EPSILON_PX = 1;
+const SCROLL_SETTLE_MS = 360;
+const HEADER_SCROLLED_CLASS = "header-scrolled";
+function resolveScrollOnThreshold(target) {
+	const height = target.getBoundingClientRect().height;
+	if (!Number.isFinite(height) || height <= 0) return SCROLL_ON_THRESHOLD_MIN_PX;
+	return Math.max(SCROLL_ON_THRESHOLD_MIN_PX, Math.min(SCROLL_ON_THRESHOLD_MAX_PX, Math.round(height * SCROLL_ON_THRESHOLD_HEADER_RATIO)));
+}
+function getScrollContainer(element) {
+	let parent = element.parentElement;
+	while (parent && parent !== document.body) {
+		const style = getComputedStyle(parent);
+		const overflowY = style.overflowY || style.overflow;
+		if (/auto|scroll|overlay/.test(overflowY) && parent.scrollHeight > parent.clientHeight) return parent;
+		parent = parent.parentElement;
+	}
+	return document.scrollingElement || window;
+}
+function isRootScrollContainer(container) {
+	return container === window || container instanceof HTMLElement && (container === document.scrollingElement || container === document.documentElement || container === document.body);
+}
+function readRootScrollTop() {
+	if (typeof window.scrollY === "number" && Number.isFinite(window.scrollY)) return window.scrollY;
+	return document.scrollingElement?.scrollTop || document.documentElement.scrollTop || document.body.scrollTop || 0;
+}
+function bindScrollContainer(target, onScroll) {
+	let container = getScrollContainer(target);
+	let eventTarget = isRootScrollContainer(container) ? window : container;
+	let discoveringLatePreviewContainer = false;
+	const stopDiscovery = () => {
+		if (!discoveringLatePreviewContainer) return;
+		document.removeEventListener("scroll", onPotentialContainerScroll, true);
+		discoveringLatePreviewContainer = false;
+	};
+	const setContainer = (next) => {
+		const nextEventTarget = isRootScrollContainer(next) ? window : next;
+		if (nextEventTarget !== eventTarget) {
+			eventTarget.removeEventListener("scroll", onScroll);
+			nextEventTarget.addEventListener("scroll", onScroll, { passive: true });
+			eventTarget = nextEventTarget;
+		}
+		container = next;
+	};
+	function onPotentialContainerScroll(event) {
+		const candidate = event.target;
+		if (!(candidate instanceof HTMLElement) || !candidate.contains(target)) return;
+		const resolved = getScrollContainer(target);
+		if (isRootScrollContainer(resolved)) return;
+		setContainer(resolved);
+		stopDiscovery();
+		onScroll();
+	}
+	const startDiscovery = () => {
+		if (discoveringLatePreviewContainer) return;
+		document.addEventListener("scroll", onPotentialContainerScroll, {
+			capture: true,
+			passive: true
+		});
+		discoveringLatePreviewContainer = true;
+	};
+	const onResize = () => {
+		const resolved = getScrollContainer(target);
+		setContainer(resolved);
+		if (isRootScrollContainer(resolved)) startDiscovery();
+		else stopDiscovery();
+		onScroll();
+	};
+	eventTarget.addEventListener("scroll", onScroll, { passive: true });
+	window.addEventListener("resize", onResize, { passive: true });
+	if (isRootScrollContainer(container)) startDiscovery();
+	return {
+		readScrollTop: () => isRootScrollContainer(container) ? readRootScrollTop() : container.scrollTop,
+		dispose: () => {
+			eventTarget.removeEventListener("scroll", onScroll);
+			window.removeEventListener("resize", onResize);
+			stopDiscovery();
+		}
+	};
+}
+function createScrollState(target, readScrollTop) {
+	const scrollOnThreshold = resolveScrollOnThreshold(target);
+	let lastScrolledAtMs = Number.NEGATIVE_INFINITY;
+	let unscrollTimeoutId = null;
+	const clearUnscrollTimeout = () => {
+		if (unscrollTimeoutId === null) return;
+		window.clearTimeout(unscrollTimeoutId);
+		unscrollTimeoutId = null;
+	};
+	const update = () => {
+		const scrollTop = Math.max(0, readScrollTop());
+		if (target.classList.contains(HEADER_SCROLLED_CLASS)) {
+			if (scrollTop > SCROLL_TOP_EPSILON_PX) {
+				clearUnscrollTimeout();
+				return;
+			}
+			const remainingSettleMs = SCROLL_SETTLE_MS - ((window.performance?.now?.() ?? Date.now()) - lastScrolledAtMs);
+			if (remainingSettleMs > 0) {
+				if (unscrollTimeoutId === null) unscrollTimeoutId = window.setTimeout(() => {
+					unscrollTimeoutId = null;
+					update();
+				}, remainingSettleMs);
+				return;
+			}
+			target.classList.remove(HEADER_SCROLLED_CLASS);
+			return;
+		}
+		clearUnscrollTimeout();
+		if (scrollTop > scrollOnThreshold) {
+			target.classList.add(HEADER_SCROLLED_CLASS);
+			lastScrolledAtMs = window.performance?.now?.() ?? Date.now();
+		}
+	};
+	return {
+		update,
+		dispose: clearUnscrollTimeout
+	};
+}
+function enhanceHeaderScrollBehavior(target, runtime) {
+	if (runtime.kind === "none") return [];
+	let update = () => {};
+	let rafId = null;
+	let rafScheduled = false;
+	const scheduleUpdate = () => {
+		if (rafScheduled) return;
+		rafScheduled = true;
+		rafId = window.requestAnimationFrame(() => {
+			rafScheduled = false;
+			rafId = null;
+			update();
+		});
+		if (!rafScheduled) rafId = null;
+	};
+	const binding = bindScrollContainer(target, scheduleUpdate);
+	const state = createScrollState(target, binding.readScrollTop);
+	update = state.update;
+	update();
+	return [() => {
+		binding.dispose();
+		state.dispose();
+		if (rafId !== null) window.cancelAnimationFrame(rafId);
+	}];
+}
+//#endregion
 //#region ../blocks/src/system/runtime/header/enhanceHeaderSection.ts
 const SELECTORS = {
 	dropdown: ".nav-dropdown",
@@ -292,8 +439,6 @@ const SELECTORS = {
 };
 const CLASSES = {
 	hidden: "rb-hidden",
-	headerShrink: "rb-header-shrink",
-	headerScrolled: "header-scrolled",
 	mobileOpen: "nav-mobile-open"
 };
 const FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
@@ -570,104 +715,6 @@ function enhanceCartMounts(root) {
 	if (cleanup) cleanups.push(cleanup);
 	return { cleanups };
 }
-const SCROLL_ON_THRESHOLD_MIN_PX = 24;
-const SCROLL_ON_THRESHOLD_MAX_PX = 96;
-const SCROLL_ON_THRESHOLD_HEADER_RATIO = .25;
-const SCROLL_TOP_EPSILON_PX = 1;
-const SCROLL_SETTLE_MS = 360;
-function clampScrollThreshold(value) {
-	return Math.max(SCROLL_ON_THRESHOLD_MIN_PX, Math.min(SCROLL_ON_THRESHOLD_MAX_PX, value));
-}
-function resolveScrollOnThreshold(target) {
-	const height = target.getBoundingClientRect().height;
-	if (!Number.isFinite(height) || height <= 0) return SCROLL_ON_THRESHOLD_MIN_PX;
-	return clampScrollThreshold(Math.round(height * SCROLL_ON_THRESHOLD_HEADER_RATIO));
-}
-function nowMs() {
-	return window.performance?.now?.() ?? Date.now();
-}
-/**
-* Find the nearest scrollable ancestor, or return window.
-* This handles both published mode (window scrolls) and preview mode (container scrolls).
-*/
-function getScrollContainer(element) {
-	let parent = element.parentElement;
-	while (parent && parent !== document.body) {
-		const style = getComputedStyle(parent);
-		const overflowY = style.overflowY || style.overflow;
-		if (/auto|scroll|overlay/.test(overflowY)) {
-			if (parent.scrollHeight > parent.clientHeight) return parent;
-		}
-		parent = parent.parentElement;
-	}
-	return document.scrollingElement || window;
-}
-function getRootScrollTop() {
-	if (typeof window.scrollY === "number" && Number.isFinite(window.scrollY)) return window.scrollY;
-	const scrollingElement = document.scrollingElement;
-	if (scrollingElement) return scrollingElement.scrollTop;
-	return document.documentElement.scrollTop || document.body.scrollTop || 0;
-}
-function enhanceScrollBehavior(target, scrollEnabled) {
-	const cleanups = [];
-	if (!(typeof scrollEnabled === "boolean" ? scrollEnabled : target.classList.contains(CLASSES.headerShrink))) return cleanups;
-	const scrollContainer = getScrollContainer(target);
-	const isRootScroll = scrollContainer === window || scrollContainer instanceof HTMLElement && (scrollContainer === document.scrollingElement || scrollContainer === document.documentElement || scrollContainer === document.body);
-	const scrollEventTarget = isRootScroll ? window : scrollContainer;
-	const getScrollTop = () => isRootScroll ? getRootScrollTop() : scrollContainer.scrollTop;
-	const scrollOnThreshold = resolveScrollOnThreshold(target);
-	let lastScrolledAtMs = Number.NEGATIVE_INFINITY;
-	let unscrollTimeoutId = null;
-	const clearUnscrollTimeout = () => {
-		if (unscrollTimeoutId === null) return;
-		window.clearTimeout(unscrollTimeoutId);
-		unscrollTimeoutId = null;
-	};
-	const update = () => {
-		const scrollTop = Math.max(0, getScrollTop());
-		if (target.classList.contains(CLASSES.headerScrolled)) {
-			if (scrollTop > SCROLL_TOP_EPSILON_PX) {
-				clearUnscrollTimeout();
-				return;
-			}
-			const remainingSettleMs = SCROLL_SETTLE_MS - (nowMs() - lastScrolledAtMs);
-			if (remainingSettleMs > 0) {
-				if (unscrollTimeoutId === null) unscrollTimeoutId = window.setTimeout(() => {
-					unscrollTimeoutId = null;
-					update();
-				}, remainingSettleMs);
-				return;
-			}
-			target.classList.remove(CLASSES.headerScrolled);
-			return;
-		}
-		clearUnscrollTimeout();
-		if (scrollTop > scrollOnThreshold) {
-			target.classList.add(CLASSES.headerScrolled);
-			lastScrolledAtMs = nowMs();
-		}
-	};
-	let rafId = null;
-	let rafScheduled = false;
-	const onScroll = () => {
-		if (rafScheduled) return;
-		rafScheduled = true;
-		rafId = window.requestAnimationFrame(() => {
-			rafScheduled = false;
-			rafId = null;
-			update();
-		});
-		if (!rafScheduled) rafId = null;
-	};
-	update();
-	scrollEventTarget.addEventListener("scroll", onScroll, { passive: true });
-	cleanups.push(() => {
-		scrollEventTarget.removeEventListener("scroll", onScroll);
-		if (rafId !== null) window.cancelAnimationFrame(rafId);
-		clearUnscrollTimeout();
-	});
-	return cleanups;
-}
 /**
 * Enhances a rendered site header section with:
 * - Desktop dropdown ARIA state
@@ -687,7 +734,7 @@ function mountHeaderChromeRuntime(root, options = {}) {
 	const cartMounts = enhanceCartMounts(root);
 	cleanups.push(...cartMounts.cleanups);
 	const target = options.scrollTarget ?? getFirstNonScriptChild(root);
-	if (target) cleanups.push(...enhanceScrollBehavior(target, options.scrollEnabled));
+	if (target) cleanups.push(...enhanceHeaderScrollBehavior(target, (options.runtime ?? staticHeaderChromeRuntime).scroll));
 	if (cleanups.length === 0) {
 		delete root.dataset.rbHeaderEnhanced;
 		return { kind: "not-applicable" };
@@ -707,7 +754,7 @@ function mountHeaderChromeRuntime(root, options = {}) {
 //#region src/rendering/islands/enhancers/headerSection.ts
 const decode = defineIslandPropsDecoder("headerSection");
 const enhance = (root, props) => {
-	const mount = mountHeaderChromeRuntime(root, { scrollEnabled: typeof props?.scrollEnabled === "boolean" ? props.scrollEnabled : typeof props?.enabled === "boolean" ? props.enabled : void 0 });
+	const mount = mountHeaderChromeRuntime(root, { runtime: props.runtime });
 	return mount.kind === "mounted" ? mount.dispose : void 0;
 };
 //#endregion