@vectoriox/iox-ui 5.42.0 → 5.44.0

package/fesm2022/vectoriox-iox-ui.mjs

@@ -6,12 +6,15 @@ import { Subject, fromEvent } from 'rxjs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import * as i1 from '@angular/common';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
+import { SPEC_AXES, resolveDesignMotion } from '@vectoriox/iox-ui/design-core';
+export * from '@vectoriox/iox-ui/design-core';
 import Lenis from 'lenis';
 import { SLIDER_WORDS, sliderPartElement, SliderRole, sliderWords, attachCarouselA11y, isSliderPart } from '@vectoriox/iox-ui/composite-core';
+import { getByPath } from '@vectoriox/iox-ui/data-core';
+export * from '@vectoriox/iox-ui/data-core';
 import { dialogOpenerAttributes, dialogDomId } from '@vectoriox/iox-ui/actions-core';
 import { planVideo, videoRootAttributes, videoInnerHtml, videoWords, VideoAttribute, attachVideoAt, VideoClass } from '@vectoriox/iox-ui/media-core';
 import * as i1$1 from '@angular/platform-browser';
-export * from '@vectoriox/iox-ui/design-core';
 
 class ViewPositionDirective {
     constructor(_elr) {
@@ -384,51 +387,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                 }]
         }] });
 
+/**
+ * Reduced motion (CC1, R1 — complex-components plan §2d). The token sheet already collapses the
+ * motion tokens under `prefers-reduced-motion`; everything that moves through SCRIPT must ask the
+ * same question, and ask it HERE: the interaction engines (builder canvas + live site), the Slider's
+ * autoplay and the Gallery's crossfade loop. Publishable gate #6: reduced motion = motion dial 0.
+ */
+const REDUCED_MOTION_QUERY = '(prefers-reduced-motion: reduce)';
+function defaultHost() {
+    return typeof window !== 'undefined' ? window : null;
+}
+/** True when the visitor asked their system for reduced motion. No `matchMedia` (SSR) → false. */
+function prefersReducedMotion(host = defaultHost()) {
+    try {
+        return !!host?.matchMedia?.(REDUCED_MOTION_QUERY)?.matches;
+    }
+    catch {
+        return false;
+    }
+}
+/** True when script may animate. The ONE question every runtime asks before moving anything. */
+function motionAllowed(host = defaultHost()) {
+    return !prefersReducedMotion(host);
+}
+
+/**
+ * Scrolling (AI plan rev 3.1 §3p, MO-D1/MO-D7): the look's `scroll` choice → the options the ONE page
+ * scroller starts Lenis with, or `null` for the browser's own scrolling. The table is the contract's
+ * `axes.scrolls`; this only turns its named easing into the function Lenis wants. Pure: the caller asks the
+ * visitor's reduced-motion preference (`prefersReducedMotion`) and passes the answer in.
+ */
+var ScrollEasing;
+(function (ScrollEasing) {
+    ScrollEasing["ExpoOut"] = "expo-out";
+})(ScrollEasing || (ScrollEasing = {}));
+/** The curves `axes.scrolls[].lenis.easing` may name. Expo-out is Lenis's own default curve. */
+const SCROLL_EASINGS = {
+    [ScrollEasing.ExpoOut]: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
+};
+function planScroll(scroll, ctx) {
+    if (ctx.reducedMotion)
+        return null;
+    // An absent or unknown choice plays PRE_MOTION's Smooth — what every site glided with before rev 3.1.
+    const lenis = SPEC_AXES.scrolls[resolveDesignMotion({ scroll }).scroll].lenis;
+    if (!lenis)
+        return null;
+    return {
+        duration: lenis.duration,
+        easing: SCROLL_EASINGS[lenis.easing],
+        wheelMultiplier: lenis.wheelMultiplier,
+        syncTouch: lenis.syncTouch,
+    };
+}
+
+/**
+ * The ONE page scroller (AI plan rev 3.1 §3p). `IoxPageComponent` starts it with the plan of the look's
+ * Scrolling choice (`planScroll`); `scrollTo` actions and the dialog lock go through it whether or not
+ * Lenis runs. Never on the server: there is no window to scroll.
+ */
 class PageScrollProvider {
     constructor() {
-        // inject() (not a ctor param) so subclasses like SsrSafePageScrollProvider keep `super()`.
+        // inject() (not a ctor param) so subclasses like the engine's document-scrolling provider keep `super()`.
         this.zone = inject(NgZone);
+        this.lenis = null;
+        this.wrapper = null;
+        this.lockedOverflow = null;
     }
-    init(options) {
-        if (this.lenis) {
-            this.lenis.destroy();
-        }
-        if (this.rafId != null) {
-            cancelAnimationFrame(this.rafId);
-        }
-        this.lenis = new Lenis(options || {});
+    init(start) {
+        this.destroy();
+        if (typeof window === 'undefined' || typeof requestAnimationFrame === 'undefined')
+            return;
+        this.wrapper = start.wrapper ?? null;
+        if (!start.lenis)
+            return;
+        this.lenis = new Lenis({ ...start.lenis, ...(start.wrapper ? { wrapper: start.wrapper } : {}), ...(start.content ? { content: start.content } : {}) });
         this.startLoop();
     }
+    /** Stop Lenis and its loop; the page falls back to the browser's own scrolling. */
+    destroy() {
+        if (this.rafId != null)
+            cancelAnimationFrame(this.rafId);
+        this.rafId = undefined;
+        this.lenis?.destroy();
+        this.lenis = null;
+        this.unlock();
+    }
     /** Hard-stop page scroll (dialog open, A1b): wheel/touch frozen until start(). */
     stop() {
-        this.lenis?.stop();
+        if (this.lenis) {
+            this.lenis.stop();
+            return;
+        }
+        const el = this.scrollElement();
+        if (!el || this.lockedOverflow !== null)
+            return;
+        this.lockedOverflow = el.style.overflow;
+        el.style.overflow = 'hidden';
     }
     /** Resume after stop() — the dialog's close path, incl. native Esc/backdrop closes. */
     start() {
-        this.lenis?.start();
+        if (this.lenis) {
+            this.lenis.start();
+            return;
+        }
+        this.unlock();
     }
     scrollTo(y, options) {
-        this.instance.scrollTo(y, options);
+        if (this.lenis) {
+            this.lenis.scrollTo(y, options);
+            return;
+        }
+        const behavior = options?.immediate || prefersReducedMotion() ? 'auto' : 'smooth';
+        (this.wrapper ?? (typeof window !== 'undefined' ? window : null))?.scrollTo({ top: y, behavior });
     }
     scrollToTop(options) {
         this.scrollTo(0, options);
     }
+    /** The running Lenis, or null when the page scrolls natively (Normal, reduced motion, the server). */
     get instance() {
-        if (!this.lenis) {
-            throw new Error('PageScrollProvider: call init() before accessing the instance.');
-        }
         return this.lenis;
     }
-    startLoop() {
-        if (!this.lenis) {
+    scrollElement() {
+        return this.wrapper ?? (typeof document !== 'undefined' ? document.documentElement : null);
+    }
+    unlock() {
+        if (this.lockedOverflow === null)
             return;
-        }
+        const el = this.scrollElement();
+        if (el)
+            el.style.overflow = this.lockedOverflow;
+        this.lockedOverflow = null;
+    }
+    startLoop() {
         // Run the perpetual rAF loop OUTSIDE Angular. In-zone, a never-ending requestAnimationFrame
         // keeps ApplicationRef.isStable() permanently false, so SSR hydration never completes
         // (NG0506: "hydration expected isStable() to emit true ... didn't happen within 10000ms").
         this.zone.runOutsideAngular(() => {
             const loop = (time) => {
-                this.lenis.raf(time);
+                this.lenis?.raf(time);
                 this.rafId = requestAnimationFrame(loop);
             };
             this.rafId = requestAnimationFrame(loop);
@@ -445,6 +541,7 @@ class IoxPageComponent {
     constructor(pageScrollProvider) {
         this.pageScrollProvider = pageScrollProvider;
         this.class = '';
+        this.started = false;
         this.scrollEvent = new EventEmitter();
     }
     ngAfterViewInit() {
@@ -452,14 +549,13 @@ class IoxPageComponent {
             this.scrollSubscription = fromEvent(this.page.nativeElement, 'scroll').subscribe((event) => {
                 this.onScroll(event);
             });
-            this.pageScrollProvider.init({
-                wrapper: this.page.nativeElement,
-                content: this.page.nativeElement.querySelector('.page-mask'),
-                duration: 1.2,
-                easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
-            });
+            this.startScroller();
         }
     }
+    ngOnChanges(changes) {
+        if (changes['scroll'] && this.started)
+            this.startScroller();
+    }
     onScroll(event) {
         const target = event.target;
         const scrollTop = target.scrollTop;
@@ -476,14 +572,24 @@ class IoxPageComponent {
             this.scrollSubscription.unsubscribe();
         }
     }
+    startScroller() {
+        this.started = true;
+        this.pageScrollProvider.init({
+            wrapper: this.page.nativeElement,
+            content: this.page.nativeElement.querySelector('.page-mask') ?? undefined,
+            lenis: planScroll(this.scroll, { reducedMotion: prefersReducedMotion() }),
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: IoxPageComponent, deps: [{ token: PageScrollProvider }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: IoxPageComponent, isStandalone: false, selector: "iox-page-component", inputs: { class: "class" }, outputs: { scrollEvent: "scrollEvent" }, viewQueries: [{ propertyName: "page", first: true, predicate: ["page"], descendants: true }], ngImport: i0, template: "<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{position:absolute;inset:0}.iox-page-wrapper{position:relative;width:100%;height:100%;overflow:auto}.page-mask{min-height:100%}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: IoxPageComponent, isStandalone: false, selector: "iox-page-component", inputs: { class: "class", scroll: "scroll" }, outputs: { scrollEvent: "scrollEvent" }, viewQueries: [{ propertyName: "page", first: true, predicate: ["page"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{position:absolute;inset:0}.iox-page-wrapper{position:relative;width:100%;height:100%;overflow:auto}.page-mask{min-height:100%}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: IoxPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'iox-page-component', standalone: false, template: "<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{position:absolute;inset:0}.iox-page-wrapper{position:relative;width:100%;height:100%;overflow:auto}.page-mask{min-height:100%}\n"] }]
         }], ctorParameters: () => [{ type: PageScrollProvider }], propDecorators: { class: [{
                 type: Input
+            }], scroll: [{
+                type: Input
             }], page: [{
                 type: ViewChild,
                 args: ['page']
@@ -1400,30 +1506,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                 args: ['childrenHost', { read: ViewContainerRef, static: true }]
             }] } });
 
-/**
- * Reduced motion (CC1, R1 — complex-components plan §2d). The token sheet already collapses the
- * motion tokens under `prefers-reduced-motion`; everything that moves through SCRIPT must ask the
- * same question, and ask it HERE: the interaction engines (builder canvas + live site), the Slider's
- * autoplay and the Gallery's crossfade loop. Publishable gate #6: reduced motion = motion dial 0.
- */
-const REDUCED_MOTION_QUERY = '(prefers-reduced-motion: reduce)';
-function defaultHost() {
-    return typeof window !== 'undefined' ? window : null;
-}
-/** True when the visitor asked their system for reduced motion. No `matchMedia` (SSR) → false. */
-function prefersReducedMotion(host = defaultHost()) {
-    try {
-        return !!host?.matchMedia?.(REDUCED_MOTION_QUERY)?.matches;
-    }
-    catch {
-        return false;
-    }
-}
-/** True when script may animate. The ONE question every runtime asks before moving anything. */
-function motionAllowed(host = defaultHost()) {
-    return !prefersReducedMotion(host);
-}
-
 // Virtual trait → composed CSS property helpers.
 //
 // Several style traits are "virtual" — they don't map 1:1 to a CSS property but
@@ -3190,309 +3272,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                 args: ['childrenHost', { read: ViewContainerRef, static: true }]
             }] } });
 
-/**
- * Shared data-source resolving pattern — the SINGLE source of truth for how an IoxDataSource
- * becomes a backend fetch, consumed by BOTH the page builder (iox-cms-client bindings panel) and
- * the SSR client engine (iox-client-engine DataSourceResolverService). There must be no second
- * copy of this decision logic; only the transport differs between the two:
- *
- *   builder → authenticated org-scoped controllers (admin session):
- *              single by id → GET admin.../resources/:type/:id   (ContentService.getContentById)
- *              collection    → GET admin.../resources/:type        (ContentService.getContent)
- *   engine  → @Public() controllers (no auth, isPublished filter applied server-side):
- *              single by id → GET api/:type/:id                    (UserResourcesController)
- *              collection    → GET api/:type?filters                (UserResourcesController)
- *
- * The DECISION (by-id vs collection, which id, which filters, how to pick the single result) is
- * identical for both — that's what this module owns. Each app maps the returned {@link DataSourcePlan}
- * onto its own transport. A single item is ALWAYS fetched by its id as a path segment — never a
- * `?_id=` query — to match the builder's getContentById.
- */
-/** The order a query source returns its rows in (CC2, board 4 "Sort" — the data source popover). */
-var DataSourceSortDir;
-(function (DataSourceSortDir) {
-    DataSourceSortDir["Asc"] = "asc";
-    DataSourceSortDir["Desc"] = "desc";
-})(DataSourceSortDir || (DataSourceSortDir = {}));
-/** The query parameter carrying the order: `sort=order` ascending, `sort=-order` descending. A CONTROL like
- *  `limit`, not a field filter — the public controllers split it out (iox-cms `query-controls.ts`). */
-const SORT_PARAM = 'sort';
-const SORT_FIELD = /^[A-Za-z_][A-Za-z0-9_]*(\.[A-Za-z_][A-Za-z0-9_]*)*$/;
-/** `sort`'s wire value, or null when the source sets no (valid) order. */
-function sortParamValue(sort) {
-    const field = sort?.field?.trim();
-    if (!field || !SORT_FIELD.test(field))
-        return null;
-    return sort?.dir === DataSourceSortDir.Desc ? `-${field}` : field;
-}
-/**
- * Match a page route template against an actual path and extract named params.
- *   matchRouteParams('/project/:projectId', 'project/68abc') → { projectId: '68abc' }
- * Both sides are normalised (leading slash stripped) and split on '/'; values are URL-decoded.
- */
-function matchRouteParams(template, actual) {
-    const t = (template ?? '').replace(/^\/+/, '').split('/');
-    const a = (actual ?? '').replace(/^\/+/, '').split('/');
-    const params = {};
-    for (let i = 0; i < t.length; i++) {
-        const seg = t[i];
-        if (seg && seg.startsWith(':'))
-            params[seg.slice(1)] = decodeURIComponent(a[i] ?? '');
-    }
-    return params;
-}
-/**
- * Build the query filter for a data-source request from its filterByRouteParam / filterByQueryParams
- * config. `field` is filtered by the route-param value (falling back to `defaultId`); query filters
- * map each `field` to a query-param value (falling back to `defaultValue`), and a filter with NO
- * `queryParam` is a constant on `defaultValue`. Empty values are omitted so the source isn't
- * accidentally filtered to nothing.
- */
-function buildDataSourceFilter(req, routeParams = {}, queryParams = {}) {
-    const params = {};
-    const byRoute = req?.filterByRouteParam;
-    if (byRoute?.field && byRoute?.routeParam) {
-        const value = routeParams[byRoute.routeParam] ?? byRoute.defaultId;
-        if (value !== undefined && value !== null && value !== '')
-            params[byRoute.field] = value;
-    }
-    for (const q of req?.filterByQueryParams ?? []) {
-        if (!q?.field)
-            continue;
-        // No queryParam → a CONSTANT filter: defaultValue is the value, in the builder preview and
-        // on the live site alike. With a queryParam the URL wins and defaultValue is the fallback.
-        const value = q.queryParam ? (queryParams[q.queryParam] ?? q.defaultValue) : q.defaultValue;
-        if (value !== undefined && value !== null && value !== '')
-            params[q.field] = value;
-    }
-    return params;
-}
-/**
- * Mirrors the builder's getContentById decision. When a SINGLE source is filtered by the item id
- * (`_id`) via a route param, the item is fetched by PATH (`.../:type/:id`), not a `?_id=` query.
- * Returns that id (route-param value, else `defaultId`), or `null` when the source isn't a
- * single-by-id fetch — in which case the caller uses the collection endpoint + filters. The
- * path-based form only applies to the id field; a single source filtered by any other field still
- * goes through the collection endpoint.
- */
-function resolveSingleItemId(req, routeParams = {}) {
-    const byRoute = req?.filterByRouteParam;
-    if (!byRoute?.routeParam)
-        return null;
-    if (byRoute.field && byRoute.field !== '_id')
-        return null;
-    const value = routeParams[byRoute.routeParam] ?? byRoute.defaultId;
-    return value !== undefined && value !== null && value !== '' ? String(value) : null;
-}
-/**
- * Resolve an IoxDataSource into a transport-agnostic {@link DataSourcePlan}. This is the shared
- * decision both the builder and the SSR engine run; each then executes the plan with its own
- * HTTP layer. Single sources with a route-param id resolve to a `by-id` (path) fetch — exactly like
- * the builder's getContentById.
- */
-function planDataSource(ds, routeParams = {}, queryParams = {}) {
-    const mode = ds?.mode === 'single' ? 'single' : 'list';
-    switch (ds?.type) {
-        case 'cms':
-        case 'shop': {
-            const domain = ds.type;
-            const req = domain === 'cms' ? ds.request?.cms : ds.request?.shop;
-            const resource = req?.contentType;
-            if (!resource)
-                return { kind: 'none' };
-            const id = mode === 'single' ? resolveSingleItemId(req, routeParams) : null;
-            if (id)
-                return { kind: 'by-id', domain, resource, id, mode };
-            const filter = buildDataSourceFilter(req, routeParams, queryParams);
-            const plan = { kind: 'collection', domain, resource, filter, mode };
-            if (req?.limit)
-                plan.limit = req.limit;
-            const sort = sortParamValue(req?.sort);
-            if (sort)
-                plan.sort = sort;
-            return plan;
-        }
-        case 'external-api': {
-            const endpoint = ds.request?.endpoint;
-            return endpoint ? { kind: 'external', endpoint, mode } : { kind: 'none' };
-        }
-        case 'static':
-            return { kind: 'static', data: ds.request?.data ?? null, mode };
-        case 'derived': {
-            const d = ds.request?.derived;
-            return d?.from ? { kind: 'derived', from: d.from, path: d.path ?? '', mode } : { kind: 'none' };
-        }
-        case 'variable':
-            // A VARIABLE is a page-local resource whose value is WRITTEN at runtime by an interaction
-            // (setContext), never fetched. It resolves to nothing here on purpose: the page renders
-            // its empty state until something writes it. `request.variable.itemsFrom` only names the
-            // source whose items it holds, so the bind picker can suggest fields.
-            return { kind: 'none' };
-        default:
-            return { kind: 'none' };
-    }
-}
-/**
- * The aliases on a page that are VARIABLES — runtime-written resources, not fetched data.
- *
- * Shared so the builder and the SSR engine agree on which aliases start empty and are filled by
- * interactions. See element-context-state-plan.md.
- */
-function variableAliases(dataSources) {
-    const out = new Set();
-    for (const ds of dataSources ?? []) {
-        if (ds?.type === 'variable' && ds.alias)
-            out.add(ds.alias);
-    }
-    return out;
-}
-/** The source alias whose items a variable holds, if it declares one (for field suggestions). */
-function variableItemsFrom(dataSources, alias) {
-    for (const ds of dataSources ?? []) {
-        if (ds?.type === 'variable' && ds.alias === alias)
-            return ds.request?.variable?.itemsFrom || undefined;
-    }
-    return undefined;
-}
-/**
- * Normalise a collection response into the shape a source expects: unwraps `{items}`/`{data}`
- * envelopes, then returns the first item for a `single` source or the whole array for a `list`.
- * A `by-id` response is already the item, so callers pass it through unchanged.
- */
-function normalizeCollectionResult(mode, data) {
-    const items = Array.isArray(data) ? data : (data?.items ?? data?.data ?? []);
-    return mode === 'single' ? (items[0] ?? null) : items;
-}
-/** Navigate a dot/bracket path into an object, e.g. `gallery`, `details.images`, `variants[0].skus`.
- *  Returns undefined if any segment is missing. Kept minimal + self-contained so it is shareable by
- *  both the builder and the SSR engine (the two have divergent local `resolvePath` copies). */
-function getByPath(obj, path) {
-    if (obj == null || !path)
-        return obj;
-    // Turn `a[0].b` into ['a','0','b'].
-    const segments = path.replace(/\[(\w+)\]/g, '.$1').split('.').filter(Boolean);
-    let cur = obj;
-    for (const seg of segments) {
-        if (cur == null)
-            return undefined;
-        cur = cur[seg];
-    }
-    return cur;
-}
-/**
- * The array a Repeater (or a repeating Slider) iterates over — the SHARED decision so the builder
- * canvas and the SSR engine agree (see data-source-resolving.md).
- * - No `sourcePath`: the resolved source IS the list. An array passes through; a lone object degrades
- *   to a single-row list (back-compat with the old `fetchItems`); null/undefined → `[]`.
- * - With `sourcePath`: the source resolved to a SINGLE resource (e.g. a product); dive into the
- *   nested array property (e.g. `gallery`). Non-array / missing → `[]`.
- */
-/**
- * Fill in `derived` aliases in an already-resolved map. Given the data sources and a map of resolved
- * NON-derived values (by alias), compute each `type:'derived'` alias as `getByPath(parent, path)` in
- * dependency order (chains resolved by iterating until stable). Mutates + returns the map. Used by the
- * SSR engine after it resolves the root sources; the builder resolves derived lazily per alias.
- */
-function resolveDerivedInto(dataSources, resolved) {
-    const derived = (dataSources ?? []).filter(d => d?.type === 'derived' && !!d.alias);
-    let changed = true, guard = 0;
-    while (changed && guard++ < 25) {
-        changed = false;
-        for (const d of derived) {
-            if (d.alias in resolved)
-                continue;
-            const from = d.request?.derived?.from;
-            if (from && from in resolved) {
-                resolved[d.alias] = getByPath(resolved[from], d.request.derived.path ?? '');
-                changed = true;
-            }
-        }
-    }
-    return resolved;
-}
-function resolveRepeaterItems(resolved, sourcePath) {
-    if (sourcePath) {
-        const nested = getByPath(resolved, sourcePath);
-        return Array.isArray(nested) ? nested : [];
-    }
-    if (Array.isArray(resolved))
-        return resolved;
-    return resolved == null ? [] : [resolved];
-}
-// ── Referenced data sources (shared: builder-save + SSR resolve) ─────────────────────────────────
-// Which data-source aliases a node tree uses, so a consumer resolves ONLY what a page/global needs
-// (not the whole org library). Used by cms-client (persist globals' sources) and the SSR engine
-// (resolve the referenced subset per page). See org-data-sources-plan.md.
-/** Aliases referenced anywhere in a node tree: a repeater/slider `source` (a `bindings` entry with
- *  `prop === 'source'`, or `props.source` for the slider) plus every binding's `source`. */
-function collectReferencedAliases(nodes, acc = new Set()) {
-    for (const n of nodes ?? []) {
-        for (const b of n?.bindings ?? []) {
-            if (b?.source)
-                acc.add(b.source);
-        }
-        if (n?.props?.source)
-            acc.add(n.props.source);
-        if (n?.children?.length)
-            collectReferencedAliases(n.children, acc);
-    }
-    return acc;
-}
-/** The subset of `all` whose `alias` is referenced by `nodes` (shallow — direct references only). */
-function referencedDataSources(nodes, all) {
-    const aliases = collectReferencedAliases(nodes);
-    return (all ?? []).filter(ds => aliases.has(ds?.alias));
-}
-/** Like `referencedDataSources`, but also pulls in a referenced source's DEPENDENCIES (transitively),
- *  none of which the layout names directly:
- *   - a `derived` alias needs its `request.derived.from` parent;
- *   - a `relative` (route-context) alias needs its `request.relative.subjectFrom` (the current item)
- *     and `request.relative.from` (the collection it navigates).
- *  Use this when RESOLVING (the engine) so derived views and siblings/related don't resolve to nothing. */
-function referencedDataSourcesDeep(nodes, all) {
-    const byAlias = new Map((all ?? []).map(d => [d?.alias, d]));
-    const wanted = collectReferencedAliases(nodes);
-    const queue = [...wanted];
-    const enqueue = (alias) => {
-        if (alias && !wanted.has(alias)) {
-            wanted.add(alias);
-            queue.push(alias);
-        }
-    };
-    while (queue.length) {
-        const ds = byAlias.get(queue.pop());
-        enqueue(ds?.request?.derived?.from);
-        enqueue(ds?.request?.relative?.subjectFrom);
-        enqueue(ds?.request?.relative?.from);
-    }
-    return (all ?? []).filter(d => wanted.has(d?.alias));
-}
-/**
- * Turn a resolved {@link DataSourcePlan} into the concrete public HTTP request (url + params) — the
- * SINGLE place that decides the URL shape, shared by the builder binding preview and the SSR engine
- * so both hit the SAME public endpoints (no admin, no duplication). Returns `null` for `static` /
- * `none` plans (no HTTP call). A single item is a PATH segment (`/:resource/:id`), never `?_id=`.
- */
-function dataSourcePlanToRequest(plan, endpoints) {
-    const baseFor = (domain) => (domain === 'shop' ? endpoints.shopBase : endpoints.cmsBase);
-    switch (plan.kind) {
-        case 'by-id':
-            return { url: `${baseFor(plan.domain)}${plan.resource}/${encodeURIComponent(plan.id)}`, params: {} };
-        case 'collection': {
-            const params = { ...plan.filter };
-            if (plan.limit)
-                params['limit'] = plan.limit;
-            if (plan.sort)
-                params[SORT_PARAM] = plan.sort;
-            return { url: `${baseFor(plan.domain)}${plan.resource}`, params };
-        }
-        case 'external':
-            return { url: plan.endpoint, params: {} };
-        default:
-            return null;
-    }
-}
-
 /**
  * Gallery — data model + the SHARED "what are the image URLs" resolver.
  *
@@ -6623,177 +6402,6 @@ function compileOwnStyle(style) {
     return css;
 }
 
-/**
- * Shared RELATIVE (route-context) data resolving — the SINGLE source of truth for how a detail page
- * derives values FROM its current route item, consumed by BOTH the page builder (iox-cms-client) and
- * the SSR client engine (iox-client-engine). Companion to `data-source-resolver.ts`.
- *
- * These are the pure, transport-agnostic pieces behind the Route binding scope
- * (`$route` / `$current` / `$siblings` / `$related`). Resolution is a DEPENDENT SECOND PASS: the
- * consumer resolves `$current` first (the existing single by-id fetch via `planDataSource`), then
- * calls these to derive the relative values — there is NO new `DataSourcePlan` kind (`$related` still
- * feeds a normal `collection` plan built from {@link buildRelatedFilter}). See
- * `architecture/builder/relative-data-sources-plan.md`.
- *
- * There must be no second copy of this decision logic; only the transport (which HTTP layer fetches
- * the ordered collection / related list) differs between the two consumers.
- */
-/** Aliases in the Route scope are platform-owned and start with this prefix; a USER alias may never
- *  start with it, which keeps the Route scope structurally collision-proof with Local/Global. Used to
- *  validate new/renamed aliases and to render the reserved (read-only) item state in the bind picker. */
-const RESERVED_ALIAS_PREFIX = '$';
-/** True for a platform-owned Route-scope alias (`$route`, `$current`, `$siblings`, `$related`, …). */
-function isReservedAlias(alias) {
-    return typeof alias === 'string' && alias.startsWith(RESERVED_ALIAS_PREFIX);
-}
-const EMPTY_SIBLINGS = { prev: null, next: null, index: -1, count: 0, isFirst: false, isLast: false };
-/** Generic, deterministic comparator: numbers numerically, Dates by time, everything else by
- *  locale-aware string compare (ISO date strings sort correctly this way). Nullish sorts first. */
-function compareValues(a, b) {
-    if (a == null && b == null)
-        return 0;
-    if (a == null)
-        return -1;
-    if (b == null)
-        return 1;
-    if (typeof a === 'number' && typeof b === 'number')
-        return a - b;
-    const da = a instanceof Date ? a.getTime() : NaN;
-    const db = b instanceof Date ? b.getTime() : NaN;
-    if (!isNaN(da) && !isNaN(db))
-        return da - db;
-    return String(a).localeCompare(String(b));
-}
-/**
- * Locate the current item within an ordered set and return its neighbours + position. Pure: the input
- * list is never mutated (sorting works on a shallow copy). `currentId` is compared to each item's
- * `idField` via string equality (route-param values are strings). When the current id isn't found,
- * `index` is `-1` and `prev`/`next` are `null` (but `count` still reflects the set size).
- */
-function resolveSiblings(items, currentId, options = {}) {
-    const list = Array.isArray(items) ? items.slice() : [];
-    const count = list.length;
-    if (count === 0)
-        return { ...EMPTY_SIBLINGS };
-    const idField = options.idField ?? '_id';
-    if (options.sortBy) {
-        const dir = options.sortDir === 'desc' ? -1 : 1;
-        list.sort((a, b) => dir * compareValues(getByPath(a, options.sortBy), getByPath(b, options.sortBy)));
-    }
-    const cid = currentId == null ? null : String(currentId);
-    const index = cid == null ? -1 : list.findIndex(it => String(getByPath(it, idField)) === cid);
-    if (index === -1)
-        return { prev: null, next: null, index: -1, count, isFirst: false, isLast: false };
-    const canWrap = !!options.wrap && count > 1;
-    const prev = index > 0 ? list[index - 1] : (canWrap ? list[count - 1] : null);
-    const next = index < count - 1 ? list[index + 1] : (canWrap ? list[0] : null);
-    return { prev, next, index, count, isFirst: index === 0, isLast: index === count - 1 };
-}
-/** A value usable as an equality filter param: a non-empty scalar. Objects/arrays/nullish are skipped
- *  so a related query isn't built from an unresolved rel object (surfaced as a config issue in the UI
- *  rather than silently matching everything). Multi-value match is a v2 concern. */
-function isScalarFilterValue(v) {
-    if (v == null)
-        return false;
-    if (typeof v === 'string')
-        return v !== '';
-    if (typeof v === 'number')
-        return Number.isFinite(v);
-    return typeof v === 'boolean';
-}
-/**
- * Build the collection filter for `$related` from the resolved current item: an equality match on
- * each `matchField`'s value (e.g. same `category`). Feeds a normal `collection` plan — no new plan
- * kind. Fields whose value is not a scalar (or is empty) are omitted, matching
- * `buildDataSourceFilter`'s "don't over-filter" rule. Exclude-self is applied to the RESULT via
- * {@link excludeSelf} (the public query controllers are equality-only, so it can't be a `$ne` param).
- */
-function buildRelatedFilter(current, options) {
-    const fields = Array.isArray(options.matchFields) ? options.matchFields : [options.matchFields];
-    const filter = {};
-    for (const field of fields) {
-        if (!field)
-            continue;
-        const value = getByPath(current, field);
-        if (isScalarFilterValue(value))
-            filter[field] = value;
-    }
-    return filter;
-}
-/**
- * Drop the current item from a list by `idField` (default `_id`). Used to exclude self from a
- * `$related` result after fetch. A nullish/empty `currentId` leaves the list unchanged.
- */
-function excludeSelf(items, currentId, idField = '_id') {
-    if (!Array.isArray(items))
-        return [];
-    if (currentId == null || currentId === '')
-        return items;
-    const cid = String(currentId);
-    return items.filter(it => String(getByPath(it, idField)) !== cid);
-}
-/** Resolve kinds in a fixed order so a `siblings`/`related` source may reference `$current` (or any
- *  earlier relative alias) via `subjectFrom` and still see it resolved. */
-const KIND_ORDER = { route: 0, current: 1, siblings: 2, related: 3 };
-/** Does an item satisfy every field in an equality predicate map (string-compared)? */
-function matchesFilter(item, filter) {
-    return Object.keys(filter).every(k => String(getByPath(item, k)) === String(filter[k]));
-}
-/**
- * Compute ONE relative source's value from its already-resolved {@link RelativeInputs} — the SHARED
- * kind→computation decision, so the batch pass ({@link resolveRelativeInto}) and the builder's async
- * per-alias resolver produce identical results with no forked switch. `route` → the route params;
- * `current` → the subject; `siblings` → {@link resolveSiblings} over the collection; `related` → the
- * collection filtered by {@link buildRelatedFilter}'s predicate (+ {@link excludeSelf}).
- */
-function computeRelative(spec, inputs) {
-    const idField = spec.idField ?? '_id';
-    switch (spec.kind) {
-        case 'route':
-            return inputs.routeParams ?? {};
-        case 'current':
-            return inputs.subject ?? null;
-        case 'siblings': {
-            const siblings = resolveSiblings(inputs.collection, getByPath(inputs.subject, idField), {
-                idField, sortBy: spec.sortBy, sortDir: spec.sortDir, wrap: spec.wrap,
-            });
-            // `pick` resolves the source directly to that neighbour item (named-source shape,
-            // e.g. `nextProject`); without it the caller binds a sub-path of the whole object.
-            return spec.pick ? siblings[spec.pick] : siblings;
-        }
-        case 'related': {
-            const filter = buildRelatedFilter(inputs.subject, { matchFields: spec.matchFields ?? [] });
-            const pool = Array.isArray(inputs.collection) ? inputs.collection : [];
-            const items = pool.filter(it => matchesFilter(it, filter));
-            return spec.excludeSelf !== false ? excludeSelf(items, getByPath(inputs.subject, idField), idField) : items;
-        }
-        default:
-            return null;
-    }
-}
-/**
- * Compute every `type:'relative'` source into `resolved` (keyed by alias), IN PLACE. Pure w.r.t. HTTP
- * — it only reads already-resolved roots + the route params, so both consumers run it identically as
- * a second pass. Delegates each source to {@link computeRelative}. `current`'s subject is `from`;
- * `siblings`/`related` take `collection` = `from` and `subject` = `subjectFrom ?? from`. Mutates and
- * returns `resolved`.
- */
-function resolveRelativeInto(dataSources, resolved, routeParams = {}) {
-    const relatives = (dataSources ?? [])
-        .filter(d => d?.type === 'relative' && !!d.alias && !!d.request?.relative)
-        .sort((a, b) => KIND_ORDER[a.request.relative.kind] - KIND_ORDER[b.request.relative.kind]);
-    for (const d of relatives) {
-        const spec = d.request.relative;
-        const subjectAlias = spec.kind === 'current' ? spec.from : (spec.subjectFrom ?? spec.from);
-        resolved[d.alias] = computeRelative(spec, {
-            subject: subjectAlias ? resolved[subjectAlias] : undefined,
-            collection: spec.from ? resolved[spec.from] : undefined,
-            routeParams,
-        });
-    }
-    return resolved;
-}
-
 /**
  * Binding pipes — render-time value transforms (UI label: "Filters").
  *
@@ -8399,6 +8007,51 @@ function effectiveTransitionId(anim) {
         return anim.transition;
     return legacyEnterToTransition(anim.enter);
 }
+const NO_PAGE_TRANSITION = 'none';
+/** The widest viewport a page change treats as a phone (MO-D5): the Mobile landscape breakpoint. */
+const PHONE_TRANSITION_QUERY = `(max-width: ${breakpointDef(Breakpoint.Mobile).maxWidth}px)`;
+/**
+ * The part of the context only the browser knows — is this a phone, does the page read right to left —
+ * read the same way by every runtime that plays a page change (the engine, Preview). No window → neither.
+ */
+function viewportTransitionContext(view, el) {
+    return {
+        phone: !!view?.matchMedia?.(PHONE_TRANSITION_QUERY)?.matches,
+        rtl: !!el && view?.getComputedStyle?.(el)?.direction === 'rtl',
+    };
+}
+/** The page set its own transition (a preset id, or a legacy `enter` that migrates to one). */
+function hasOwnPageTransition(anim) {
+    return !!(anim?.transition || anim?.enter);
+}
+/**
+ * The ONE decision of what plays when a page arrives, for the engine and every builder preview:
+ *  • a page with its own Route animation plays it, exactly as before (an unflagged page too: with none set
+ *    it keeps the platform default, `effectiveTransitionId`);
+ *  • a design-system page with none follows the look's Between pages — never on its initial load (MO-D6:
+ *    no IN half, no server pre-state), as Fade on a phone for Slide and Cinematic (MO-D5), mirrored in RTL.
+ * Reduced motion is the runtime's own question (`motionAllowed`), asked before anything plays.
+ */
+function pageTransitionOf(anim, ctx = {}) {
+    if (!ctx.designSystem || hasOwnPageTransition(anim)) {
+        return {
+            transition: effectiveTransitionId(anim),
+            duration: anim?.duration, easing: anim?.easing, perspective: anim?.perspective, curtainColor: anim?.curtainColor,
+            fromLook: false,
+        };
+    }
+    if (ctx.initial)
+        return { transition: NO_PAGE_TRANSITION, fromLook: true };
+    let choice = SPEC_AXES.betweens[resolveDesignMotion({ between: ctx.between }).between];
+    if (ctx.phone && choice.phone)
+        choice = SPEC_AXES.betweens[choice.phone];
+    const feel = choice.feel ? applyFeel(choice.feel) : undefined;
+    return {
+        transition: ctx.rtl && choice.rtl ? choice.rtl : choice.transition,
+        ...(feel ?? {}),
+        fromLook: true,
+    };
+}
 
 /*
  * Public API Surface of iox-ui
@@ -8408,5 +8061,5 @@ function effectiveTransitionId(anim) {
  * Generated bundle index. Do not edit.
  */
 
-export { A11yAttribute, A11yTrait, ACCESSIBLE_NAME_TYPES, AOSService, ARIA_CURRENT_PAGE, BACKDROP_TWIN_KEY, BACKDROP_WHOLE_KEY, BREAKPOINTS, Breakpoint, BreakpointQueryKind, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, COMPONENT_STATE_SELECTOR, CONTAINER_HTML_TAGS, CONTEXT_ACTION_TYPES, CURRENT_LINK_TYPES, CardComponent, ClientGalleryComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ComponentState, ContainerComponent, ContextStore, DECORATIVE_TYPES, DEFAULT_GALLERY_SCHEDULER, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_PHOSPHOR_WEIGHT, DEFAULT_WIDTH_BY_TYPE, DIALOG_CLOSE_ABOVE_ATTRIBUTE, DIALOG_NODE_TYPE, DataSourceSortDir, DeclarationContext, ENTRANCE_ACTION_TYPES, EXIT_ACTION_TYPES, FormRenderState, FormRuntimeService, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, HOVER_DEFAULT_TRANSITION, HOVER_STATES, INTERACTION_HIDDEN_ATTRIBUTE, IOX_BUILDER_EVENTS, IOX_FORM_MESSAGES, IOX_FORM_NAVIGATOR, IOX_FORM_TRANSPORT, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxDialogComponent, IoxFieldComponent, IoxFormComponent, IoxFormErrorComponent, IoxFormSuccessComponent, IoxPageComponent, IoxPageModule, IoxSubmitButtonComponent, IoxUiModule, IoxVideoComponent, LAST_EMITTED_STATES, LEGACY_DIRECTION_KEY, LEGACY_HOVER_TRANSITION, LEGACY_SWIPER_CONTROLS, LinkedContainerComponent, MANAGED_A11Y_ATTRIBUTES, MAX_LINES_KEY, NAMED_GROUP_ROLES, ON_STATE_ROLES, PAGE_STYLE_TOKENS, PAGE_TOKEN_FALLBACKS, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PART_CLASS_NAMES, PART_PAGINATION_MODIFIER, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, PageStyleField, PageStyleSource, REDUCED_MOTION_QUERY, RESERVED_ALIAS_PREFIX, SLIDER_INPUTS_ATTRIBUTE, SLIDER_INPUT_NAMES, SORT_PARAM, STATE_PSEUDO_CLASS, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_A11Y_OPTIONS, SWIPER_RESPONSIVE_TRAITS, SWIPER_TRIGGER_EVENTS, SectionComponent, SwiperModuleName, TARGETED_STATE_SUFFIX, TEXT_ALIGN_KEY, TEXT_DIRECTION_KEY, TRANSITION_FEELS, TextAlign, TextBlockComponent, VALIDATION_STATES, VALIDATION_STATE_CLASS, VIRTUAL_TRAIT_GROUPS, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, VisibilityActionType, activeActions, applyBindingPipes, applyFeel, bootSlider, breakpointDef, breakpointForWidth, breakpointQueryFor, buildDataSourceFilter, buildInteractionKeyframes, buildPartSelector, buildRelatedFilter, buildSwiperBreakpoints, buildTargetedStateSelector, buildTargetedSuffixSelector, buildTransitionTimeline, cascadeChain, clearInputOverride, clearOverride, closeAboveMediaQuery, collectContextSlotKeys, collectReferencedAliases, compileDeclarations, compilePageStyle, componentStatesFor, composeVirtualTraits, computeRelative, containerHtmlTag, contextActionEffect, contextSlotKeys, countOverrides, dataSourcePlanToRequest, declaredInputNames, decomposeBackdropFilter, defaultHoverTransition, defaultMessageResolver, deriveSeoFromContent, describePageStyle, describeSeoFields, dialogCloseAboveMinWidth, domHasSliderParts, effectiveActionType, effectiveTransitionId, entrancePreStateStyle, excludeSelf, feelFor, finalKeyframe, getByPath, getSeoValue, hasHoverState, hasOwnTransition, initialSlotValues, isActionEnabled, isContextAction, isCurrentLink, isExternalOrFragment, isGradientPaint, isInputOverriddenAt, isLastEmittedStateKey, isOverriddenAt, isReservedAlias, isValidSlotKey, isWholeBackdropSet, keyframePropertyName, keyframeStyleEntries, legacyEnterToTransition, matchRouteParams, mediaQueryFor, mergeSwiperBreakpoints, migrateLegacyDirection, migrateLegacyTextAlign, motionAllowed, nearestCommonAncestorId, needsAccessibleName, needsGroupName, nodeA11yAttributes, nodeCssId, nodeTraitValue, nodeUsesContext, normalizeAppPath, normalizeCollectionResult, normalizeGalleryImage, normalizeIconClass, orderStatesForEmit, parentBreakpoint, parseUrlList, partClassName, planDataSource, planResponsiveRules, planSwiperOptions, prefersReducedMotion, referencedDataSources, referencedDataSourcesDeep, renderDefaultDeclarations, resetPageStyleField, resetSeoField, resolveBoundValue, resolveContextValue, resolveDerivedInto, resolveGalleryEffect, resolveGalleryUrls, resolveInputChain, resolveInputs, resolvePageTransition, resolvePath, resolveRelativeInto, resolveRepeaterItems, resolveSeo, resolveSiblings, resolveSingleItemId, resolveStateStyles, resolveStyleProps, resolveToggleVisibility, resolveValueChain, rewriteViewportUnits, safeSetInput, serializeA11yAttributes, setInputOverride, setOverride, setSeoAuto, setSeoBinding, setSeoOverride, setSeoValue, sliderControlElements, sliderInputsFromProps, sliderInputsOf, sortParamValue, stateNamesIn, statePseudoClass, stateSelectorSuffix, stripSuppressedProps, swiperAutoplayAllowed, swiperLoopOptions, swiperModuleNames, syncNodeA11yAttributes, targetedStateSelector, variableAliases, variableItemsFrom, withContextSlots, withDefaultHoverTransition, wrapInBreakpointQuery, wrapInMediaQuery };
+export { A11yAttribute, A11yTrait, ACCESSIBLE_NAME_TYPES, AOSService, ARIA_CURRENT_PAGE, BACKDROP_TWIN_KEY, BACKDROP_WHOLE_KEY, BREAKPOINTS, Breakpoint, BreakpointQueryKind, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, COMPONENT_STATE_SELECTOR, CONTAINER_HTML_TAGS, CONTEXT_ACTION_TYPES, CURRENT_LINK_TYPES, CardComponent, ClientGalleryComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ComponentState, ContainerComponent, ContextStore, DECORATIVE_TYPES, DEFAULT_GALLERY_SCHEDULER, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_PHOSPHOR_WEIGHT, DEFAULT_WIDTH_BY_TYPE, DIALOG_CLOSE_ABOVE_ATTRIBUTE, DIALOG_NODE_TYPE, DeclarationContext, ENTRANCE_ACTION_TYPES, EXIT_ACTION_TYPES, FormRenderState, FormRuntimeService, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, HOVER_DEFAULT_TRANSITION, HOVER_STATES, INTERACTION_HIDDEN_ATTRIBUTE, IOX_BUILDER_EVENTS, IOX_FORM_MESSAGES, IOX_FORM_NAVIGATOR, IOX_FORM_TRANSPORT, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxDialogComponent, IoxFieldComponent, IoxFormComponent, IoxFormErrorComponent, IoxFormSuccessComponent, IoxPageComponent, IoxPageModule, IoxSubmitButtonComponent, IoxUiModule, IoxVideoComponent, LAST_EMITTED_STATES, LEGACY_DIRECTION_KEY, LEGACY_HOVER_TRANSITION, LEGACY_SWIPER_CONTROLS, LinkedContainerComponent, MANAGED_A11Y_ATTRIBUTES, MAX_LINES_KEY, NAMED_GROUP_ROLES, NO_PAGE_TRANSITION, ON_STATE_ROLES, PAGE_STYLE_TOKENS, PAGE_TOKEN_FALLBACKS, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PART_CLASS_NAMES, PART_PAGINATION_MODIFIER, PHONE_TRANSITION_QUERY, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, PageStyleField, PageStyleSource, REDUCED_MOTION_QUERY, SCROLL_EASINGS, SLIDER_INPUTS_ATTRIBUTE, SLIDER_INPUT_NAMES, STATE_PSEUDO_CLASS, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_A11Y_OPTIONS, SWIPER_RESPONSIVE_TRAITS, SWIPER_TRIGGER_EVENTS, ScrollEasing, SectionComponent, SwiperModuleName, TARGETED_STATE_SUFFIX, TEXT_ALIGN_KEY, TEXT_DIRECTION_KEY, TRANSITION_FEELS, TextAlign, TextBlockComponent, VALIDATION_STATES, VALIDATION_STATE_CLASS, VIRTUAL_TRAIT_GROUPS, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, VisibilityActionType, activeActions, applyBindingPipes, applyFeel, bootSlider, breakpointDef, breakpointForWidth, breakpointQueryFor, buildInteractionKeyframes, buildPartSelector, buildSwiperBreakpoints, buildTargetedStateSelector, buildTargetedSuffixSelector, buildTransitionTimeline, cascadeChain, clearInputOverride, clearOverride, closeAboveMediaQuery, collectContextSlotKeys, compileDeclarations, compilePageStyle, componentStatesFor, composeVirtualTraits, containerHtmlTag, contextActionEffect, contextSlotKeys, countOverrides, declaredInputNames, decomposeBackdropFilter, defaultHoverTransition, defaultMessageResolver, deriveSeoFromContent, describePageStyle, describeSeoFields, dialogCloseAboveMinWidth, domHasSliderParts, effectiveActionType, effectiveTransitionId, entrancePreStateStyle, feelFor, finalKeyframe, getSeoValue, hasHoverState, hasOwnPageTransition, hasOwnTransition, initialSlotValues, isActionEnabled, isContextAction, isCurrentLink, isExternalOrFragment, isGradientPaint, isInputOverriddenAt, isLastEmittedStateKey, isOverriddenAt, isValidSlotKey, isWholeBackdropSet, keyframePropertyName, keyframeStyleEntries, legacyEnterToTransition, mediaQueryFor, mergeSwiperBreakpoints, migrateLegacyDirection, migrateLegacyTextAlign, motionAllowed, nearestCommonAncestorId, needsAccessibleName, needsGroupName, nodeA11yAttributes, nodeCssId, nodeTraitValue, nodeUsesContext, normalizeAppPath, normalizeGalleryImage, normalizeIconClass, orderStatesForEmit, pageTransitionOf, parentBreakpoint, parseUrlList, partClassName, planResponsiveRules, planScroll, planSwiperOptions, prefersReducedMotion, renderDefaultDeclarations, resetPageStyleField, resetSeoField, resolveBoundValue, resolveContextValue, resolveGalleryEffect, resolveGalleryUrls, resolveInputChain, resolveInputs, resolvePageTransition, resolvePath, resolveSeo, resolveStateStyles, resolveStyleProps, resolveToggleVisibility, resolveValueChain, rewriteViewportUnits, safeSetInput, serializeA11yAttributes, setInputOverride, setOverride, setSeoAuto, setSeoBinding, setSeoOverride, setSeoValue, sliderControlElements, sliderInputsFromProps, sliderInputsOf, stateNamesIn, statePseudoClass, stateSelectorSuffix, stripSuppressedProps, swiperAutoplayAllowed, swiperLoopOptions, swiperModuleNames, syncNodeA11yAttributes, targetedStateSelector, viewportTransitionContext, withContextSlots, withDefaultHoverTransition, wrapInBreakpointQuery, wrapInMediaQuery };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map