@vectoriox/iox-ui 5.43.0 → 5.44.0

package/fesm2022/vectoriox-iox-ui.mjs

@@ -6,6 +6,8 @@ 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';
@@ -13,7 +15,6 @@ 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) {
@@ -386,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);
@@ -447,6 +541,7 @@ class IoxPageComponent {
     constructor(pageScrollProvider) {
         this.pageScrollProvider = pageScrollProvider;
         this.class = '';
+        this.started = false;
         this.scrollEvent = new EventEmitter();
     }
     ngAfterViewInit() {
@@ -454,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;
@@ -478,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']
@@ -1402,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
@@ -7927,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
@@ -7936,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, 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, SLIDER_INPUTS_ATTRIBUTE, SLIDER_INPUT_NAMES, 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, 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, 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, parentBreakpoint, parseUrlList, partClassName, planResponsiveRules, 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, 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