@vectoriox/iox-ui 5.12.1 → 5.13.0

package/fesm2022/vectoriox-iox-ui.mjs

@@ -621,7 +621,7 @@ class CardComponent {
             <h2>{{ title }}</h2>
             <p>{{ description }}</p>
         </div>
-    `, isInline: true, styles: [".image-wrapper{width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:var(--iox-card-media-gap, .75rem)}\n", ".card-img{width:100%;height:100%;object-fit:cover}\n", "h2{margin:0 0 var(--iox-card-title-gap, .5rem) 0;font-size:var(--iox-card-title-size, 1.2rem)}\n", "p{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    `, isInline: true, styles: [".image-wrapper{width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:.75rem}\n", ".card-img{width:100%;height:100%;object-fit:cover}\n", "h2{margin:0 0 .5rem;font-size:1.2rem}\n", "p{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
@@ -633,7 +633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
             <h2>{{ title }}</h2>
             <p>{{ description }}</p>
         </div>
-    `, standalone: false, styles: [".image-wrapper{width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:var(--iox-card-media-gap, .75rem)}\n", ".card-img{width:100%;height:100%;object-fit:cover}\n", "h2{margin:0 0 var(--iox-card-title-gap, .5rem) 0;font-size:var(--iox-card-title-size, 1.2rem)}\n", "p{margin:0}\n"] }]
+    `, standalone: false, styles: [".image-wrapper{width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:.75rem}\n", ".card-img{width:100%;height:100%;object-fit:cover}\n", "h2{margin:0 0 .5rem;font-size:1.2rem}\n", "p{margin:0}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], image: [{
@@ -748,7 +748,7 @@ class BuilderLinkComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderLinkComponent, deps: [{ token: IS_PREVIEW, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: BuilderLinkComponent, isStandalone: false, selector: "a[iox-link]", inputs: { nodeId: "nodeId", label: "label", linkType: "linkType", url: "url", pageRoute: "pageRoute", target: "target", style: "style" }, host: { listeners: { "click": "onLinkClick($event)" }, properties: { "attr.href": "isPreview ? resolvedHref : null", "attr.target": "isPreview ? target : null", "style.pointer-events": "isPreview ? null : 'none'", "class": "'builder-link iox-node-' + nodeId" } }, ngImport: i0, template: `{{ label }}`, isInline: true, styles: [":host{display:inline;cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: BuilderLinkComponent, isStandalone: false, selector: "a[iox-link]", inputs: { nodeId: "nodeId", label: "label", linkType: "linkType", url: "url", pageRoute: "pageRoute", target: "target", style: "style" }, host: { listeners: { "click": "onLinkClick($event)" }, properties: { "attr.href": "isPreview ? resolvedHref : null", "attr.target": "isPreview ? target : null", "style.pointer-events": "isPreview ? null : 'none'", "class": "'builder-link iox-node-' + nodeId" } }, ngImport: i0, template: `{{ label }}`, isInline: true, styles: [":host{display:inline;cursor:pointer}:host:where(:not(.iox-es)){color:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderLinkComponent, decorators: [{
             type: Component,
@@ -758,7 +758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                         '[style.pointer-events]': "isPreview ? null : 'none'",
                         '[class]': "'builder-link iox-node-' + nodeId",
                         '(click)': 'onLinkClick($event)',
-                    }, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline;cursor:pointer}\n"] }]
+                    }, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline;cursor:pointer}:host:where(:not(.iox-es)){color:inherit}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -835,7 +835,7 @@ class BuilderButtonComponent {
         this.events.emit('elementselect', { node: this.node, componentRef: null });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderButtonComponent, deps: [{ token: IOX_BUILDER_EVENTS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: BuilderButtonComponent, isStandalone: false, selector: "a[iox-button]", inputs: { label: "label", link: "link", variant: "variant", nodeId: "nodeId", node: "node" }, host: { listeners: { "dblclick": "startEdit($event)", "blur": "commitEdit($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.href": "link", "class": "'builder-btn variant-' + variant + ' iox-node-' + nodeId", "attr.contenteditable": "editing ? 'true' : null" } }, ngImport: i0, template: `{{ label }}`, isInline: true, styles: [":host{display:inline-block;padding:var(--iox-button-pad, .6rem 1.5rem);border-radius:var(--iox-button-radius, 6px);font-size:var(--iox-button-size, .9rem);text-decoration:none;cursor:pointer;text-align:center;transition:opacity var(--iox-dur-fast, .15s)}:host.variant-primary{background:var(--iox-button-primary-bg, #cb9090);color:var(--iox-button-primary-ink, #fff);border:var(--iox-button-border-width, 1px) solid var(--iox-button-primary-border, #cb9090)}:host.variant-outlined{background:var(--iox-button-secondary-bg, transparent);color:var(--iox-button-secondary-ink, #cb9090);border:var(--iox-button-border-width, 1px) solid var(--iox-button-secondary-border, #cb9090)}:host.variant-text{background:transparent;color:var(--iox-button-ghost-ink, #cb9090);border:var(--iox-button-border-width, 1px) solid transparent}:host[contenteditable]{outline:2px solid #cb9090;cursor:text}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: BuilderButtonComponent, isStandalone: false, selector: "a[iox-button]", inputs: { label: "label", link: "link", variant: "variant", nodeId: "nodeId", node: "node" }, host: { listeners: { "dblclick": "startEdit($event)", "blur": "commitEdit($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.href": "link", "class": "'builder-btn variant-' + variant + ' iox-node-' + nodeId", "attr.contenteditable": "editing ? 'true' : null" } }, ngImport: i0, template: `{{ label }}`, isInline: true, styles: [":host{display:inline-block;cursor:pointer;text-align:center}:host:where(:not(.iox-es)){padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;text-decoration:none;transition:opacity .15s}:host.variant-primary:where(:not(.iox-es)){background:#cb9090;color:#fff;border:1px solid #cb9090}:host.variant-outlined:where(:not(.iox-es)){background:transparent;color:#cb9090;border:1px solid #cb9090}:host.variant-text:where(:not(.iox-es)){background:transparent;color:#cb9090;border:1px solid transparent}:host[contenteditable]{outline:2px solid #cb9090;cursor:text}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderButtonComponent, decorators: [{
             type: Component,
@@ -846,7 +846,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                         '(dblclick)': 'startEdit($event)',
                         '(blur)': 'commitEdit($event)',
                         '(keydown)': 'onKeyDown($event)',
-                    }, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;padding:var(--iox-button-pad, .6rem 1.5rem);border-radius:var(--iox-button-radius, 6px);font-size:var(--iox-button-size, .9rem);text-decoration:none;cursor:pointer;text-align:center;transition:opacity var(--iox-dur-fast, .15s)}:host.variant-primary{background:var(--iox-button-primary-bg, #cb9090);color:var(--iox-button-primary-ink, #fff);border:var(--iox-button-border-width, 1px) solid var(--iox-button-primary-border, #cb9090)}:host.variant-outlined{background:var(--iox-button-secondary-bg, transparent);color:var(--iox-button-secondary-ink, #cb9090);border:var(--iox-button-border-width, 1px) solid var(--iox-button-secondary-border, #cb9090)}:host.variant-text{background:transparent;color:var(--iox-button-ghost-ink, #cb9090);border:var(--iox-button-border-width, 1px) solid transparent}:host[contenteditable]{outline:2px solid #cb9090;cursor:text}\n"] }]
+                    }, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;cursor:pointer;text-align:center}:host:where(:not(.iox-es)){padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;text-decoration:none;transition:opacity .15s}:host.variant-primary:where(:not(.iox-es)){background:#cb9090;color:#fff;border:1px solid #cb9090}:host.variant-outlined:where(:not(.iox-es)){background:transparent;color:#cb9090;border:1px solid #cb9090}:host.variant-text:where(:not(.iox-es)){background:transparent;color:#cb9090;border:1px solid transparent}:host[contenteditable]{outline:2px solid #cb9090;cursor:text}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -1317,6 +1317,38 @@ function buildFns(funs, src) {
         .join(' ');
 }
 // ─── Public API ───────────────────────────────────────────────────────────────
+/** True when the whole-value `backdropFilter` trait is SET — it then wins over the composed
+ *  backdrop* controls (`none` / empty is its unset value). The Style panel hides those controls on
+ *  exactly this condition, so what the panel shows live is what the compiler emits. */
+function isWholeBackdropSet(value) {
+    return typeof value === 'string' && value.trim() !== '' && value.trim() !== 'none';
+}
+/** The part controls are 0–3 factor sliders: `140%` reads as `1.4`. */
+const asFactor = (arg) => arg.endsWith('%') ? String(Math.round(parseFloat(arg) * 100) / 10000) : arg;
+const BACKDROP_FN = /^([a-z-]+)\(([^()]*)\)$/;
+/**
+ * The inverse of the backdrop composition: a resolved whole value (`blur(16px) saturate(1.4)`) →
+ * the composed traits, every one of the group present (its default when absent; `140%` → `1.4` for
+ * the factor sliders), so Detach can hand
+ * a token's look back to the part controls. `none` / empty → all defaults. A value using anything
+ * the group cannot express (another function, a `var()`, a percentage-free form it cannot read)
+ * → null: the caller keeps it whole rather than silently dropping part of the look.
+ */
+function decomposeBackdropFilter(value) {
+    const out = Object.fromEntries(BACKDROP_FUNS.map(([trait, , def]) => [trait, def]));
+    const text = (value ?? '').trim();
+    if (!isWholeBackdropSet(text))
+        return out;
+    const parts = text.split(/\s+(?![^(]*\))/);
+    for (const part of parts) {
+        const m = BACKDROP_FN.exec(part);
+        const fun = m && BACKDROP_FUNS.find(([, fn]) => fn === m[1]);
+        if (!m || !fun || m[2].trim() === '' || m[2].includes('var('))
+            return null;
+        out[fun[0]] = fun[1] === 'blur' ? m[2].trim() : asFactor(m[2].trim());
+    }
+    return out;
+}
 /**
  * Strip virtual trait keys from `raw` and emit their composed CSS equivalents.
  *
@@ -1348,7 +1380,7 @@ function composeVirtualTraits(raw, base = raw) {
     // default `none` means unset, so a legacy node's composed blur still applies. The -webkit-
     // twin rides along for Safari (design-system plan T3).
     const whole = raw[BACKDROP_WHOLE_KEY] ?? base[BACKDROP_WHOLE_KEY];
-    const wholeSet = typeof whole === 'string' && whole.trim() !== '' && whole.trim() !== 'none';
+    const wholeSet = isWholeBackdropSet(whole);
     const backdropStr = buildFns(BACKDROP_FUNS, merged(BACKDROP_FUNS));
     if (wholeSet)
         result[BACKDROP_WHOLE_KEY] = whole;
@@ -2851,7 +2883,7 @@ class ClientGalleryComponent {
                  [ngStyle]="slideStyle(i)"></div>
             <div class="iox-gallery__overlay"></div>
         </div>
-    `, isInline: true, styles: [":host{display:block}.iox-gallery{position:relative;overflow:hidden;box-sizing:border-box}.iox-gallery__img{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;opacity:0;filter:var(--iox-gallery-filter, brightness(1.35));-webkit-mask-image:var(--iox-gallery-mask, radial-gradient(circle at 50% 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,.1) 95%, rgba(0,0,0,0) 100%));mask-image:var(--iox-gallery-mask, radial-gradient(circle at 50% 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,.1) 95%, rgba(0,0,0,0) 100%))}.iox-gallery__overlay{position:absolute;inset:0;pointer-events:none;z-index:3;background:var(--iox-gallery-overlay, linear-gradient(to bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,.15) 20%, rgba(0,0,0,.15) 80%, rgba(0,0,0,.5) 100%))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    `, isInline: true, styles: [":host{display:block}.iox-gallery{position:relative;overflow:hidden;box-sizing:border-box}.iox-gallery__img{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;opacity:0;filter:brightness(1.35);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at 50% 50%,#000 80%,#0000001a 95%,#0000)}.iox-gallery__overlay{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom,#00000080,#00000026 20% 80%,#00000080)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: ClientGalleryComponent, decorators: [{
             type: Component,
@@ -2863,7 +2895,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                  [ngStyle]="slideStyle(i)"></div>
             <div class="iox-gallery__overlay"></div>
         </div>
-    `, standalone: false, styles: [":host{display:block}.iox-gallery{position:relative;overflow:hidden;box-sizing:border-box}.iox-gallery__img{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;opacity:0;filter:var(--iox-gallery-filter, brightness(1.35));-webkit-mask-image:var(--iox-gallery-mask, radial-gradient(circle at 50% 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,.1) 95%, rgba(0,0,0,0) 100%));mask-image:var(--iox-gallery-mask, radial-gradient(circle at 50% 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,.1) 95%, rgba(0,0,0,0) 100%))}.iox-gallery__overlay{position:absolute;inset:0;pointer-events:none;z-index:3;background:var(--iox-gallery-overlay, linear-gradient(to bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,.15) 20%, rgba(0,0,0,.15) 80%, rgba(0,0,0,.5) 100%))}\n"] }]
+    `, standalone: false, styles: [":host{display:block}.iox-gallery{position:relative;overflow:hidden;box-sizing:border-box}.iox-gallery__img{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;opacity:0;filter:brightness(1.35);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at 50% 50%,#000 80%,#0000001a 95%,#0000)}.iox-gallery__overlay{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom,#00000080,#00000026 20% 80%,#00000080)}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -4815,6 +4847,16 @@ const NOOP_INITIAL_VALUES = {
 const SUPPRESSED_STYLE_PROPS_BY_TYPE = {
     // An icon's line box is structurally forced to 1 — see the Icon branch of renderDefaultDeclarations.
     Icon: ['lineHeight'],
+    // A Dialog is PLACED by its renderer, never positioned by its node rule: the live twin is a
+    // top-layer <dialog> centred by `inset: 0; margin: auto` (the engine's zero-specificity reset),
+    // the canvas twin a grid stage. Every node serialises the Spacing/Position traits, so a stored
+    // `margin: 0px` (0,1,0) beat the reset and every dialog — the consent banner too — opened in the
+    // top-left corner of the live site (DS2 verification). Placement is the `placement` trait's job.
+    Dialog: [
+        'position', 'inset', 'top', 'right', 'bottom', 'left',
+        'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft',
+        'marginBlock', 'marginBlockStart', 'marginBlockEnd', 'marginInline', 'marginInlineStart', 'marginInlineEnd',
+    ],
 };
 /** Remove the style props whose value a type's render-default always overrides. Returns the map
  *  unchanged (same reference) when the type suppresses nothing. */
@@ -4889,11 +4931,18 @@ 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. Token-driven with today's literal as the fallback (T6), so an
- * unseeded org renders `all 0.2s ease` byte-identically. ONE copy for the builder canvas, the style
- * panel and the engine — it was hand-written in three places.
+ * 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
+ * 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.
  */
-const HOVER_DEFAULT_TRANSITION = 'all var(--iox-dur-fast, 0.2s) var(--iox-ease-standard, ease)';
+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). */
 function hasOwnTransition(styleProps) {
@@ -4903,9 +4952,9 @@ function hasOwnTransition(styleProps) {
     return composeVirtualTraits(sp)['transition'] !== undefined;
 }
 /** `styleProps` plus the default hover transition when the node hovers and sets none itself. */
-function withDefaultHoverTransition(styleProps, stateStyles) {
+function withDefaultHoverTransition(styleProps, stateStyles, elementStyle) {
     return hasHoverState(stateStyles) && !hasOwnTransition(styleProps)
-        ? { ...styleProps, transition: HOVER_DEFAULT_TRANSITION }
+        ? { ...styleProps, transition: defaultHoverTransition(elementStyle) }
         : styleProps;
 }
 /**
@@ -4933,8 +4982,9 @@ const DEFAULT_WIDTH_BY_TYPE = {
  * @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) {
+function renderDefaultDeclarations(type, styleProps, hasHoverState, elementStyle) {
     const sp = styleProps ?? {};
     const out = [];
     const isOutOfFlow = sp['position'] === 'fixed' || sp['position'] === 'absolute';
@@ -4966,7 +5016,7 @@ function renderDefaultDeclarations(type, styleProps, hasHoverState) {
     // 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: ${HOVER_DEFAULT_TRANSITION}`);
+        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
@@ -6991,5 +7041,5 @@ function effectiveTransitionId(anim) {
  * Generated bundle index. Do not edit.
  */
 
-export { AOSService, BACKDROP_TWIN_KEY, BACKDROP_WHOLE_KEY, BREAKPOINTS, Breakpoint, BreakpointQueryKind, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CONTAINER_HTML_TAGS, CONTEXT_ACTION_TYPES, CardComponent, ClientGalleryComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ContainerComponent, ContextStore, 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, DeclarationContext, FormRenderState, FormRuntimeService, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, HOVER_DEFAULT_TRANSITION, HOVER_STATES, 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, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PART_CLASS_NAMES, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, RESERVED_ALIAS_PREFIX, STATE_PSEUDO_CLASS, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_RESPONSIVE_TRAITS, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VALIDATION_STATES, VALIDATION_STATE_CLASS, VIRTUAL_TRAIT_GROUPS, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, activeActions, applyBindingPipes, applyFeel, breakpointDef, breakpointForWidth, breakpointQueryFor, buildDataSourceFilter, buildPartSelector, buildRelatedFilter, buildSwiperBreakpoints, buildTargetedStateSelector, buildTransitionTimeline, cascadeChain, clearInputOverride, clearOverride, collectContextSlotKeys, collectReferencedAliases, compileDeclarations, compilePageStyle, composeVirtualTraits, computeRelative, containerHtmlTag, contextActionEffect, contextSlotKeys, countOverrides, dataSourcePlanToRequest, declaredInputNames, defaultMessageResolver, deriveSeoFromContent, describeSeoFields, effectiveTransitionId, excludeSelf, feelFor, getByPath, getSeoValue, hasHoverState, hasOwnTransition, initialSlotValues, isActionEnabled, isContextAction, isInputOverriddenAt, isOverriddenAt, isReservedAlias, isValidSlotKey, legacyEnterToTransition, matchRouteParams, mediaQueryFor, mergeSwiperBreakpoints, nearestCommonAncestorId, nodeCssId, nodeUsesContext, normalizeCollectionResult, normalizeGalleryImage, normalizeIconClass, parentBreakpoint, parseUrlList, partClassName, planDataSource, planResponsiveRules, referencedDataSources, referencedDataSourcesDeep, renderDefaultDeclarations, resetSeoField, resolveBoundValue, resolveContextValue, resolveDerivedInto, resolveGalleryEffect, resolveGalleryUrls, resolveInputChain, resolveInputs, resolvePageTransition, resolvePath, resolveRelativeInto, resolveRepeaterItems, resolveSeo, resolveSiblings, resolveSingleItemId, resolveStateStyles, resolveStyleProps, resolveValueChain, rewriteViewportUnits, safeSetInput, setInputOverride, setOverride, setSeoAuto, setSeoBinding, setSeoOverride, setSeoValue, stateNamesIn, statePseudoClass, stripSuppressedProps, variableAliases, variableItemsFrom, withContextSlots, withDefaultHoverTransition, wrapInBreakpointQuery, wrapInMediaQuery };
+export { AOSService, BACKDROP_TWIN_KEY, BACKDROP_WHOLE_KEY, BREAKPOINTS, Breakpoint, BreakpointQueryKind, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CONTAINER_HTML_TAGS, CONTEXT_ACTION_TYPES, CardComponent, ClientGalleryComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ContainerComponent, ContextStore, 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, DeclarationContext, FormRenderState, FormRuntimeService, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, HOVER_DEFAULT_TRANSITION, HOVER_STATES, 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, LEGACY_HOVER_TRANSITION, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PART_CLASS_NAMES, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, RESERVED_ALIAS_PREFIX, STATE_PSEUDO_CLASS, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_RESPONSIVE_TRAITS, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VALIDATION_STATES, VALIDATION_STATE_CLASS, VIRTUAL_TRAIT_GROUPS, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, activeActions, applyBindingPipes, applyFeel, breakpointDef, breakpointForWidth, breakpointQueryFor, buildDataSourceFilter, buildPartSelector, buildRelatedFilter, buildSwiperBreakpoints, buildTargetedStateSelector, buildTransitionTimeline, cascadeChain, clearInputOverride, clearOverride, collectContextSlotKeys, collectReferencedAliases, compileDeclarations, compilePageStyle, composeVirtualTraits, computeRelative, containerHtmlTag, contextActionEffect, contextSlotKeys, countOverrides, dataSourcePlanToRequest, declaredInputNames, decomposeBackdropFilter, defaultHoverTransition, defaultMessageResolver, deriveSeoFromContent, describeSeoFields, effectiveTransitionId, excludeSelf, feelFor, getByPath, getSeoValue, hasHoverState, hasOwnTransition, initialSlotValues, isActionEnabled, isContextAction, isInputOverriddenAt, isOverriddenAt, isReservedAlias, isValidSlotKey, isWholeBackdropSet, legacyEnterToTransition, matchRouteParams, mediaQueryFor, mergeSwiperBreakpoints, nearestCommonAncestorId, nodeCssId, nodeUsesContext, normalizeCollectionResult, normalizeGalleryImage, normalizeIconClass, parentBreakpoint, parseUrlList, partClassName, planDataSource, planResponsiveRules, referencedDataSources, referencedDataSourcesDeep, renderDefaultDeclarations, resetSeoField, resolveBoundValue, resolveContextValue, resolveDerivedInto, resolveGalleryEffect, resolveGalleryUrls, resolveInputChain, resolveInputs, resolvePageTransition, resolvePath, resolveRelativeInto, resolveRepeaterItems, resolveSeo, resolveSiblings, resolveSingleItemId, resolveStateStyles, resolveStyleProps, resolveValueChain, rewriteViewportUnits, safeSetInput, setInputOverride, setOverride, setSeoAuto, setSeoBinding, setSeoOverride, setSeoValue, stateNamesIn, statePseudoClass, stripSuppressedProps, variableAliases, variableItemsFrom, withContextSlots, withDefaultHoverTransition, wrapInBreakpointQuery, wrapInMediaQuery };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map