@vectoriox/iox-ui 5.81.0 → 5.82.1

package/fesm2022/vectoriox-iox-ui.mjs

@@ -1556,7 +1556,15 @@ const MARKER_FUNS = [
     ['markerColor', 'color'],
     ['markerFontSize', 'fontSize'],
 ];
-const TRANSITION_KEYS = ['transitionDuration', 'transitionTimingFunction', 'transitionDelay'];
+const TRANSITION_KEYS = ['transitionDuration', 'transitionTimingFunction', 'transitionDelay', 'transitionProperty'];
+/** The Transition ▸ Properties trait (G2): what a transition names, comma-separated. Unset, the renderers fill in the
+ *  properties the node's states change (`withStateTransitions`); a transition never names `all` unless an author
+ *  typed it. */
+const TRANSITION_PROPERTY_KEY = 'transitionProperty';
+/** The property list a `transitionProperty` value names (`color, transform` → two entries). */
+function transitionPropertyList(value) {
+    return String(value ?? '').split(',').map(p => p.trim()).filter(Boolean);
+}
 // ─── Max lines (line clamp) ─────────────────────────────────────────────────────
 /** "Max lines" (Card v2, board 8 — opt-in on a Title / Text): a whole number clamps the text to that many
  *  lines with an ellipsis. It composes into the four declarations a line clamp takes; anything else
@@ -1740,13 +1748,15 @@ function composeVirtualTraits(raw, base = raw) {
     const transformStr = buildFns(TRANSFORM_FUNS, merged(TRANSFORM_FUNS));
     if (transformStr)
         result['transform'] = transformStr;
-    // transition — only emit when duration is non-zero
+    // transition — only when it is timed (a non-zero duration) and names what it moves: one entry per property
+    // (G2, Emil 183 — never `transition: all`); nothing to name, nothing to transition.
     const dur = raw['transitionDuration'] ?? base['transitionDuration'];
     const ease = raw['transitionTimingFunction'] ?? base['transitionTimingFunction'];
     const del = raw['transitionDelay'] ?? base['transitionDelay'];
-    if (dur && ease && dur !== '0ms' && dur !== '0s') {
+    const props = transitionPropertyList(raw[TRANSITION_PROPERTY_KEY] ?? base[TRANSITION_PROPERTY_KEY]);
+    if (dur && ease && dur !== '0ms' && dur !== '0s' && props.length) {
         const delPart = del && del !== '0ms' && del !== '0s' ? ` ${del}` : '';
-        result['transition'] = `all ${dur} ${ease}${delPart}`;
+        result['transition'] = props.map(p => `${p} ${dur} ${ease}${delPart}`).join(', ');
     }
     // Max lines: the clamp takes over the node's display and overflow.
     const clamp = lineClamp(raw[MAX_LINES_KEY] ?? base[MAX_LINES_KEY]);
@@ -1858,6 +1868,8 @@ const NOOP_INITIAL_VALUES = {
     'aspect-ratio': ['auto'],
     'mix-blend-mode': ['normal'],
     'transform': ['none'], 'box-shadow': ['none'],
+    // G3: the Transform origin trait's default is the CSS initial (the centre) — never emitted on every node.
+    'transform-origin': ['center', 'center center', '50% 50%', '50% 50% 0', '50% 50% 0px'],
     // overflow initial is `visible`. A self-describing node serialises the Overflow trait's default,
     // so WITHOUT this the emitted `overflow: visible` would override component baselines that clip
     // (e.g. `.iox-card__img-wrap`, `.iox-slider`, `.iox-gallery` all set `overflow: hidden`), breaking
@@ -1978,12 +1990,41 @@ var ComponentState;
      *  `targetedStateSelector`. On a node OUTSIDE every item (composite T20, CC4a) the author PICKS the item — "when tab
      *  Night is on" — the same state and the same `:has()` scoped to the nearest common ancestor. */
     ComponentState["ItemOpen"] = "trigger-on";
+    /** G4: a control that cannot be used — a disabled button, or one marked aria-disabled. */
+    ComponentState["Disabled"] = "disabled";
+    /** G4: busy — a submit button while its form sends (`syncSubmitButtons`), a form while it sends. */
+    ComponentState["Busy"] = "busy";
+    /** G4: chosen — a toggle button pressed, an option checked or selected. */
+    ComponentState["Selected"] = "selected";
+    /** G4: the page has scrolled (a header that firms up once the page moves) — `SCROLLED_ATTRIBUTE` on the root. */
+    ComponentState["Scrolled"] = "scrolled";
 })(ComponentState || (ComponentState = {}));
-/** The attribute selector each (non-targeted) component state compiles to. */
+/** The page has scrolled: written on the document element by the live site (and on the canvas page by the builder). */
+const SCROLLED_ATTRIBUTE = 'data-iox-scrolled';
+/** The selector each (non-targeted) component state compiles to — an attribute, or an `:is()` of the ways a node can
+ *  be in it (a native `:disabled` or `aria-disabled`; pressed / checked / selected), so one rule covers every markup. */
 const COMPONENT_STATE_SELECTOR = {
     [ComponentState.Current]: '[aria-current="page"]',
     [ComponentState.On]: '[data-iox-on]',
+    [ComponentState.Disabled]: ':is(:disabled, [aria-disabled="true"])',
+    [ComponentState.Busy]: '[aria-busy="true"]',
+    [ComponentState.Selected]: ':is([aria-pressed="true"], [aria-checked="true"], [aria-selected="true"])',
+    [ComponentState.Scrolled]: `:is([${SCROLLED_ATTRIBUTE}], [${SCROLLED_ATTRIBUTE}] *)`,
 };
+/** Which types offer each control state (G4) in the Style panel's Component state group. */
+const G4_STATE_TYPES = [
+    [ComponentState.Disabled, ['ButtonBlock', 'Button', 'SubmitButton']],
+    [ComponentState.Busy, ['SubmitButton', 'ButtonBlock', 'Form']],
+    [ComponentState.Selected, ['ButtonBlock', 'LinkedContainer']],
+];
+/** Scrolled is offered on the site header and its parts — generation-core's NavRole family (`nav`, `nav.brand`…), the
+ *  drawer's parts aside (the drawer is a dialog over the page). Spelled here — the main entry does not import
+ *  generation-core; style-compiler.spec pins it to the enum. */
+const SCROLLED_STATE_ROLE = 'nav';
+const DRAWER_ROLE_PREFIX = 'nav.drawer';
+function offersScrolled(role) {
+    return !!role && (role === SCROLLED_STATE_ROLE || role.startsWith(`${SCROLLED_STATE_ROLE}.`)) && !role.startsWith(DRAWER_ROLE_PREFIX);
+}
 /** The composite roles that are themselves "on" when their item is open (they carry `data-iox-on`): an accordion's
  *  item, header and panel; a disclosure (its own item), its toggle and its panel (CC2.1); a tab and its panel (CC4a —
  *  "Active"). The main entry does not import composite-core, so the roles are spelled here — `style-compiler.spec` pins
@@ -2008,6 +2049,11 @@ function componentStatesFor(type, role, insideItem = false, itemsToPick = false)
         out.push(ComponentState.Current);
     if (insideItem || itemsToPick)
         out.push(ComponentState.ItemOpen);
+    for (const [state, types] of G4_STATE_TYPES)
+        if (type && types.includes(type))
+            out.push(state);
+    if (offersScrolled(role))
+        out.push(ComponentState.Scrolled);
     return out;
 }
 /**
@@ -2042,29 +2088,73 @@ function hasHoverState(stateStyles) {
  * The base-rule transition a hovering node gets when it declares none of its own, so a hover
  * animates instead of snapping. ONE copy for the builder canvas, the style panel and the engine.
  *
- * Two values, chosen by the element-style MARKER (§3b-bis): a node wearing an element style takes
+ * Two timings, chosen by the element-style MARKER (§3b-bis): a node wearing an element style takes
  * the motion tokens; a node without one (saved before DS2, not adopted) keeps the pre-DS2 literal
- * byte-for-byte — seeding an org's tokens must never change how a legacy page hovers.
+ * timing — seeding an org's tokens must never change how a legacy page hovers. WHAT transitions is the
+ * list of properties the node's states change (G2 — never `transition: all`).
  */
-const HOVER_DEFAULT_TRANSITION = 'all var(--iox-dur-fast) var(--iox-ease-standard)';
-const LEGACY_HOVER_TRANSITION = 'all 0.2s ease';
-/** The default hover transition for a node that wears `elementStyle` (or none). */
-function defaultHoverTransition(elementStyle) {
-    return elementStyle ? HOVER_DEFAULT_TRANSITION : LEGACY_HOVER_TRANSITION;
-}
-/** True when the RAW style map already yields a transition (an explicit one, or the composed
- *  transitionDuration/TimingFunction an element style writes). */
+const HOVER_DEFAULT_TRANSITION_TRAITS = {
+    transitionDuration: 'var(--iox-dur-fast)', transitionTimingFunction: 'var(--iox-ease-standard)',
+};
+const LEGACY_HOVER_TRANSITION_TRAITS = { transitionDuration: '0.2s', transitionTimingFunction: 'ease' };
+/** The default hover timing for a node that wears `elementStyle` (or none). */
+function defaultHoverTransitionTraits(elementStyle) {
+    return elementStyle ? HOVER_DEFAULT_TRANSITION_TRAITS : LEGACY_HOVER_TRANSITION_TRAITS;
+}
+const isFilled = (v) => v !== undefined && v !== null && String(v).trim() !== '';
+const isZeroDuration = (v) => /^-?0+(\.0+)?(ms|s)?$/.test(String(v ?? '').trim());
+/** True when the RAW style map times a transition of its own (an explicit `transition`, or the
+ *  transitionDuration / TimingFunction an element style writes). */
 function hasOwnTransition(styleProps) {
     const sp = styleProps ?? {};
-    if (sp['transition'] !== undefined && sp['transition'] !== null && sp['transition'] !== '')
+    if (isFilled(sp['transition']))
         return true;
-    return composeVirtualTraits(sp)['transition'] !== undefined;
+    return isFilled(sp['transitionDuration']) && !isZeroDuration(sp['transitionDuration']) && isFilled(sp['transitionTimingFunction']);
+}
+/** Keys a composed state map holds that are not properties a transition can name. */
+const NOT_TRANSITIONED = new Set(['__markerStyles', 'WebkitBackdropFilter', 'transition', 'transitionDuration', 'transitionTimingFunction', 'transitionDelay', 'transitionProperty']);
+/**
+ * The CSS properties a node's states change — what its transition names (G2, Emil 183: never `transition: all`).
+ * Every state the node holds, at every breakpoint, composed as the renderers compose it (translateX / scaleX → one
+ * `transform`, a gradient background → `background-image`…), in a stable order so both renderers emit one string.
+ */
+function stateTransitionProperties(stateStyles, responsive, type) {
+    const maps = [];
+    for (const map of Object.values(stateStyles ?? {}))
+        if (map)
+            maps.push(map);
+    for (const layer of Object.values(responsive ?? {}))
+        for (const map of Object.values(layer?.stateStyles ?? {}))
+            if (map)
+                maps.push(map);
+    const out = [];
+    // A prop the type's renderer owns (a Dialog's positioning) never reaches a rule — nor the transition's list.
+    for (const map of maps.map(m => (type ? stripSuppressedProps(type, m) : m))) {
+        for (const key of Object.keys(composeVirtualTraits(map, map))) {
+            if (NOT_TRANSITIONED.has(key))
+                continue;
+            const prop = styleKeyToKebab(key);
+            if (!out.includes(prop))
+                out.push(prop);
+        }
+    }
+    return out;
 }
-/** `styleProps` plus the default hover transition when the node hovers and sets none itself. */
-function withDefaultHoverTransition(styleProps, stateStyles, elementStyle) {
-    return hasHoverState(stateStyles) && !hasOwnTransition(styleProps)
-        ? { ...styleProps, transition: defaultHoverTransition(elementStyle) }
-        : styleProps;
+/**
+ * `styleProps` as a renderer compiles them: a hovering node with no timing of its own takes the default hover timing,
+ * and a node whose transition names no properties gets the ones its states change. An author's own `transitionProperty`
+ * (or a raw `transition`) always wins. Pure: the node's stored styles are never touched.
+ */
+function withStateTransitions(styleProps, stateStyles, elementStyle, responsive, type) {
+    let out = styleProps;
+    if (hasHoverState(stateStyles) && !hasOwnTransition(styleProps))
+        out = { ...out, ...defaultHoverTransitionTraits(elementStyle) };
+    if (!isFilled(out['transitionProperty']) && !isFilled(out['transition'])) {
+        const props = stateTransitionProperties(stateStyles, responsive, type);
+        if (props.length)
+            out = { ...out, transitionProperty: props.join(', ') };
+    }
+    return out;
 }
 /**
  * Per-type default `width` that the builder applies from each component's config
@@ -2088,12 +2178,13 @@ const DEFAULT_WIDTH_BY_TYPE = {
  * behaviour, which the engine must re-apply explicitly for parity. Returns `"prop: value"`
  * declarations to append AFTER the node's own compiled declarations.
  *
+ * The default hover transition is no longer one of them: it is composed into the node's own rule by
+ * `withStateTransitions` (both renderers), listing the properties its states change (G2).
+ *
  * @param type          Node type (registry key).
  * @param styleProps    The node's persisted styleProps.
- * @param hasHoverState Whether the node has a non-empty hover / parent-hover state.
- * @param elementStyle  The element style the node wears — picks the default hover transition.
  */
-function renderDefaultDeclarations(type, styleProps, hasHoverState, elementStyle) {
+function renderDefaultDeclarations(type, styleProps) {
     const sp = styleProps ?? {};
     const out = [];
     const isOutOfFlow = sp['position'] === 'fixed' || sp['position'] === 'absolute';
@@ -2121,12 +2212,6 @@ function renderDefaultDeclarations(type, styleProps, hasHoverState, elementStyle
     if (sp['borderWidth'] && sp['borderStyle'] === undefined) {
         out.push('border-style: solid');
     }
-    // Default transition so own/parent hover animates smoothly (parity with the builder). Skipped
-    // when the node composes its own (an element style's transitionDuration) — appended after the
-    // node's declarations, it would otherwise beat them in the engine only.
-    if (hasHoverState && !hasOwnTransition(sp)) {
-        out.push(`transition: ${defaultHoverTransition(elementStyle)}`);
-    }
     // Image defaults reapplied when unset (the config defaults aren't always persisted). height:auto
     // is only a DEFAULT — when the user sets an explicit height (e.g. 100%) it must WIN, so guard it
     // on `sp['height'] === undefined` (matching the builder, which respects a configured height). An
@@ -6220,6 +6305,20 @@ function splitOuterProps(styles) {
         (OUTER_STYLE_PROPS.has(k) ? outer : inner)[k] = v;
     return { inner, outer };
 }
+/**
+ * The devices a hover rule is for (G1 — Emil 91, mobile-native M1): a phone has no hover, and a tap fires a false
+ * one that STICKS until the next tap elsewhere. Every hover, parent-hover and trigger-hover rule — the node's own and
+ * a part's — is emitted inside this query by both renderers; `:active` (a real press on touch) never is.
+ */
+const HOVER_MEDIA_QUERY = '(hover: hover) and (pointer: fine)';
+/** True for a state driven by a pointer hovering something (its own, its parent's, a chosen trigger's). */
+function isHoverState(state) {
+    return !!state && HOVER_STATES.includes(state);
+}
+/** `css` as it is emitted for `state`: inside `HOVER_MEDIA_QUERY` for a hover state, unchanged otherwise. */
+function gateHoverRule(state, css) {
+    return css && isHoverState(state) ? `@media ${HOVER_MEDIA_QUERY} {\n${css}\n}` : css;
+}
 
 /**
  * "This link is the page you're on" (CC1, N2). ONE decision for the builder canvas and both engine
@@ -6654,6 +6753,145 @@ function finalKeyframe(frames) {
     return typeof last['clipPath'] === 'string' && FULLY_SHOWN_CLIP.test(last['clipPath']) ? { ...last, clipPath: 'none' } : last;
 }
 
+/**
+ * What an interaction's easing may be (G6, decision D8): one of the five CSS keywords, a `cubic-bezier()`, or the
+ * NAME of one of the look's easing tokens — so an author's entrance moves on the same curve as the site's buttons and
+ * dialogs (Emil 21: one token system), and Spring plays the look's spring (a `linear()` curve, `springToLinear`).
+ * Both runtimes resolve it the same way, through the CSS custom property on the element itself.
+ */
+var EasingKeyword;
+(function (EasingKeyword) {
+    EasingKeyword["Linear"] = "linear";
+    EasingKeyword["Ease"] = "ease";
+    EasingKeyword["EaseIn"] = "ease-in";
+    EasingKeyword["EaseOut"] = "ease-out";
+    EasingKeyword["EaseInOut"] = "ease-in-out";
+})(EasingKeyword || (EasingKeyword = {}));
+/** The look's easing tokens an interaction may name (their `--iox-<name>` holds the curve). */
+var EasingToken;
+(function (EasingToken) {
+    EasingToken["Standard"] = "ease-standard";
+    EasingToken["Enter"] = "ease-enter";
+    EasingToken["Exit"] = "ease-exit";
+    EasingToken["Spring"] = "ease-spring";
+})(EasingToken || (EasingToken = {}));
+const EASING_KEYWORDS = Object.values(EasingKeyword);
+const EASING_TOKENS = Object.values(EasingToken);
+/** What an unknown or unresolvable easing plays as: a deceleration, never ease-in (Emil 17). */
+const DEFAULT_INTERACTION_EASING = EasingKeyword.EaseOut;
+const NUMBER = '\\s*(-?\\d*\\.?\\d+)\\s*';
+const CUBIC_BEZIER = new RegExp(`^cubic-bezier\\(${NUMBER},${NUMBER},${NUMBER},${NUMBER}\\)$`);
+/** A well-formed `cubic-bezier(x1, y1, x2, y2)` whose x values sit in [0, 1] (what CSS and WAAPI accept). */
+function isCubicBezier(value) {
+    const m = CUBIC_BEZIER.exec(String(value ?? '').trim());
+    if (!m)
+        return false;
+    const [x1, , x2] = [Number(m[1]), Number(m[2]), Number(m[3])];
+    return x1 >= 0 && x1 <= 1 && x2 >= 0 && x2 <= 1;
+}
+function isEasingToken(value) {
+    return EASING_TOKENS.includes(String(value ?? ''));
+}
+/** True for anything an interaction may store as its easing. */
+function isInteractionEasing(value) {
+    return EASING_KEYWORDS.includes(String(value ?? '')) || isEasingToken(value) || isCubicBezier(value);
+}
+/** A token's value is a timing function WAAPI plays: a keyword, a cubic-bezier, or a `linear()` / `steps()` curve (the
+ *  spring's). Read by shape, so it answers alike in every browser, on the server and in a spec. */
+const TIMING_FUNCTION = /^(linear|steps)\(.+\)$/;
+function supportedEasing(value) {
+    return EASING_KEYWORDS.includes(value) || isCubicBezier(value) || TIMING_FUNCTION.test(value);
+}
+/**
+ * The timing function WAAPI plays for `easing` on `el`: a keyword or a curve as stored; a token name → the token's
+ * value as the element sees it (`--iox-ease-spring` → its `linear()`), so a section scheme or the canvas's token scope
+ * applies; anything else, or a token the element cannot resolve → `fallback`.
+ */
+function resolveInteractionEasing(easing, el, fallback = DEFAULT_INTERACTION_EASING) {
+    const value = String(easing ?? '').trim();
+    if (EASING_KEYWORDS.includes(value) || isCubicBezier(value))
+        return value;
+    if (!isEasingToken(value))
+        return fallback;
+    const resolved = el?.ownerDocument?.defaultView?.getComputedStyle(el).getPropertyValue(`--iox-${value}`)?.trim();
+    return resolved && supportedEasing(resolved) ? resolved : fallback;
+}
+
+/**
+ * When a pointer event should move something (G7 — Emil 85/86/91, mobile-native M1/M5). Both runtimes ask here.
+ *
+ *  · A hover trigger answers a mouse or a pen only: a finger has no hover, and a tap's emulated mouseenter left the
+ *    hover state on until the next tap elsewhere.
+ *  · Press feedback lands on pointer-DOWN, at once — the click (pointer-up) commits. Only an action that is pure
+ *    feedback moves early: an animation of the pressed element itself that hides nothing and shows nothing. Opening,
+ *    closing, navigating and toggling stay on the click, so dragging away still cancels them. A keyboard press (Enter,
+ *    Space) has no pointer-down, so it never animates (Emil 2).
+ */
+var PointerKind;
+(function (PointerKind) {
+    PointerKind["Mouse"] = "mouse";
+    PointerKind["Pen"] = "pen";
+    PointerKind["Touch"] = "touch";
+})(PointerKind || (PointerKind = {}));
+const HOVERING_POINTERS = new Set([PointerKind.Mouse, PointerKind.Pen]);
+/** True for a pointer that really hovers — a mouse or a pen, never a finger. An event with no pointer type (a synthetic
+ *  `mouseenter`) counts as a mouse. */
+function isHoverPointer(event) {
+    const kind = event?.pointerType;
+    return !kind || HOVERING_POINTERS.has(kind);
+}
+/** True for an action that is press FEEDBACK: it animates the pressed element itself and neither hides nor shows it. */
+function isPressFeedback(action) {
+    if (!action || action.disabled)
+        return false;
+    if (action.target && action.target !== 'self')
+        return false;
+    if (ENTRANCE_ACTION_TYPES.has(action.type) || EXIT_ACTION_TYPES.has(action.type) || action.type === VisibilityActionType.Toggle)
+        return false;
+    return !!buildInteractionKeyframes(action.type, action.params);
+}
+/** A click interaction's actions split by when they run: the feedback on pointer-down, the rest on the click. */
+function splitPressFeedback(actions) {
+    const onPress = [];
+    const onClick = [];
+    for (const action of actions ?? [])
+        (isPressFeedback(action) ? onPress : onClick).push(action);
+    return { onPress, onClick };
+}
+
+/** How far the page has to move before it counts as scrolled — past a trackpad's rest jitter. */
+const SCROLLED_THRESHOLD_PX = 8;
+/** True once `offset` has passed the threshold. */
+function isScrolled(offset, threshold = SCROLLED_THRESHOLD_PX) {
+    return Number.isFinite(offset) && offset > threshold;
+}
+/**
+ * Keep `SCROLLED_ATTRIBUTE` on `target` while `source` has scrolled past the threshold — what the Scrolled state (G4)
+ * compiles against, on the live site (the window → the document element) and on the canvas (its scroller → the page).
+ * One passive listener, read once per frame, written only when it changes. Returns the stop.
+ */
+function watchScrolled(source, target, threshold = SCROLLED_THRESHOLD_PX) {
+    let frame = 0;
+    const raf = typeof requestAnimationFrame === 'function' ? requestAnimationFrame : (fn) => setTimeout(() => fn(0), 16);
+    const caf = typeof cancelAnimationFrame === 'function' ? cancelAnimationFrame : (id) => clearTimeout(id);
+    const sync = () => {
+        frame = 0;
+        const scrolled = isScrolled(source.scrollY ?? source.scrollTop ?? 0, threshold);
+        if (scrolled !== target.hasAttribute(SCROLLED_ATTRIBUTE))
+            target.toggleAttribute(SCROLLED_ATTRIBUTE, scrolled);
+    };
+    const onScroll = () => { if (!frame)
+        frame = raf(sync); };
+    source.addEventListener('scroll', onScroll, { passive: true });
+    sync();
+    return () => {
+        source.removeEventListener('scroll', onScroll);
+        if (frame)
+            caf(frame);
+        target.removeAttribute(SCROLLED_ATTRIBUTE);
+    };
+}
+
 /**
  * page-style — the ONE compiler that turns a page's style settings into CSS.
  *
@@ -8721,5 +8959,5 @@ function attachStringForm(form, options = {}) {
  * 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, ENTRANCE_FALLBACK_CSS, ENTRANCE_NOSCRIPT_CSS, ENTRANCE_PRESTATE_ATTRIBUTE, EXIT_ACTION_TYPES, FormRenderState, FormRuntimeService, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, HOVER_DEFAULT_TRANSITION, HOVER_STATES, INTERACTION_ANIMATION_ID, 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, OUTER_STYLE_PROPS, 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, RELATIONAL_STATE_PSEUDO, RevealActionType, SCROLL_EASINGS, SELF_PLAYING_TRIGGERS, SLIDER_INPUTS_ATTRIBUTE, SLIDER_INPUT_NAMES, STATE_PSEUDO_CLASS, STRUCTURAL_STATES, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_A11Y_OPTIONS, SWIPER_RESPONSIVE_TRAITS, SWIPER_TRIGGER_EVENTS, ScrollEasing, SectionComponent, SettleMode, StringFormRuntime, 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, animateAction, applyBindingPipes, applyFeel, attachStringForm, 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, entranceStartsHidden, feelFor, finalKeyframe, framesFromLiveValue, getSeoValue, hasHoverState, hasOwnPageTransition, hasOwnTransition, initialSlotValues, isActionEnabled, isContextAction, isCurrentLink, isExternalOrFragment, isGradientPaint, isInputOverriddenAt, isLastEmittedStateKey, isOverriddenAt, isStructuralState, 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, planPartRule, planResponsiveRules, planScroll, planStateRule, planSwiperOptions, playDualLayerTransition, playInteraction, 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, settleInteraction, settleModeFor, sliderControlElements, sliderInputsFromProps, sliderInputsOf, splitOuterProps, stateNamesIn, statePseudoClass, stateSelectorSuffix, stringFormRuntimeOf, stripSuppressedProps, swiperAutoplayAllowed, swiperLoopOptions, swiperModuleNames, syncNodeA11yAttributes, syncSubmitButtons, targetedStateSelector, viewportTransitionContext, 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_INTERACTION_EASING, 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, EASING_KEYWORDS, EASING_TOKENS, ENTRANCE_ACTION_TYPES, ENTRANCE_FALLBACK_CSS, ENTRANCE_NOSCRIPT_CSS, ENTRANCE_PRESTATE_ATTRIBUTE, EXIT_ACTION_TYPES, EasingKeyword, EasingToken, FormRenderState, FormRuntimeService, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, HOVER_DEFAULT_TRANSITION_TRAITS, HOVER_MEDIA_QUERY, HOVER_STATES, INTERACTION_ANIMATION_ID, 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_TRAITS, LEGACY_SWIPER_CONTROLS, LinkedContainerComponent, MANAGED_A11Y_ATTRIBUTES, MAX_LINES_KEY, NAMED_GROUP_ROLES, NO_PAGE_TRANSITION, ON_STATE_ROLES, OUTER_STYLE_PROPS, 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, PointerKind, REDUCED_MOTION_QUERY, RELATIONAL_STATE_PSEUDO, RevealActionType, SCROLLED_ATTRIBUTE, SCROLLED_STATE_ROLE, SCROLLED_THRESHOLD_PX, SCROLL_EASINGS, SELF_PLAYING_TRIGGERS, SLIDER_INPUTS_ATTRIBUTE, SLIDER_INPUT_NAMES, STATE_PSEUDO_CLASS, STRUCTURAL_STATES, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_A11Y_OPTIONS, SWIPER_RESPONSIVE_TRAITS, SWIPER_TRIGGER_EVENTS, ScrollEasing, SectionComponent, SettleMode, StringFormRuntime, SwiperModuleName, TARGETED_STATE_SUFFIX, TEXT_ALIGN_KEY, TEXT_DIRECTION_KEY, TRANSITION_FEELS, TRANSITION_PROPERTY_KEY, TextAlign, TextBlockComponent, VALIDATION_STATES, VALIDATION_STATE_CLASS, VIRTUAL_TRAIT_GROUPS, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, VisibilityActionType, activeActions, animateAction, applyBindingPipes, applyFeel, attachStringForm, 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, defaultHoverTransitionTraits, defaultMessageResolver, deriveSeoFromContent, describePageStyle, describeSeoFields, dialogCloseAboveMinWidth, domHasSliderParts, effectiveActionType, effectiveTransitionId, entrancePreStateStyle, entranceStartsHidden, feelFor, finalKeyframe, framesFromLiveValue, gateHoverRule, getSeoValue, hasHoverState, hasOwnPageTransition, hasOwnTransition, initialSlotValues, isActionEnabled, isContextAction, isCubicBezier, isCurrentLink, isEasingToken, isExternalOrFragment, isGradientPaint, isHoverPointer, isHoverState, isInputOverriddenAt, isInteractionEasing, isLastEmittedStateKey, isOverriddenAt, isPressFeedback, isScrolled, isStructuralState, 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, planPartRule, planResponsiveRules, planScroll, planStateRule, planSwiperOptions, playDualLayerTransition, playInteraction, prefersReducedMotion, renderDefaultDeclarations, resetPageStyleField, resetSeoField, resolveBoundValue, resolveContextValue, resolveGalleryEffect, resolveGalleryUrls, resolveInputChain, resolveInputs, resolveInteractionEasing, resolvePageTransition, resolvePath, resolveSeo, resolveStateStyles, resolveStyleProps, resolveToggleVisibility, resolveValueChain, rewriteViewportUnits, safeSetInput, serializeA11yAttributes, setInputOverride, setOverride, setSeoAuto, setSeoBinding, setSeoOverride, setSeoValue, settleInteraction, settleModeFor, sliderControlElements, sliderInputsFromProps, sliderInputsOf, splitOuterProps, splitPressFeedback, stateNamesIn, statePseudoClass, stateSelectorSuffix, stateTransitionProperties, stringFormRuntimeOf, stripSuppressedProps, swiperAutoplayAllowed, swiperLoopOptions, swiperModuleNames, syncNodeA11yAttributes, syncSubmitButtons, targetedStateSelector, transitionPropertyList, viewportTransitionContext, watchScrolled, withContextSlots, withStateTransitions, wrapInBreakpointQuery, wrapInMediaQuery };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map