@vectoriox/iox-ui 5.34.0 → 5.36.0

package/fesm2022/vectoriox-iox-ui.mjs

@@ -1042,12 +1042,12 @@ class BuilderHeadingComponent {
         this.events.emit('elementselect', { node: this.node, componentRef: null, isCanvasUpdate: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderHeadingComponent, deps: [{ token: IOX_BUILDER_EVENTS, optional: true }, { token: i0.ChangeDetectorRef }, { token: IS_PREVIEW, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: BuilderHeadingComponent, isStandalone: false, selector: "h1[iox-heading],h2[iox-heading],h3[iox-heading],h4[iox-heading],h5[iox-heading],h6[iox-heading]", inputs: { content: "content", level: "level", nodeId: "nodeId", node: "node", linkType: "linkType", url: "url", pageRoute: "pageRoute", target: "target" }, host: { listeners: { "mousedown": "onMouseDown($event)", "dblclick": "startEdit($event)", "blur": "commitEdit($event)", "keydown": "onKeyDown($event)" }, properties: { "class": "'iox-node-' + nodeId", "attr.contenteditable": "editing ? 'true' : null" } }, ngImport: i0, template: `@if (href) {<a [class]="linkClass" [attr.href]="href" [attr.target]="linkTarget" [attr.rel]="linkRel"
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.31", type: BuilderHeadingComponent, isStandalone: false, selector: "h1[iox-heading],h2[iox-heading],h3[iox-heading],h4[iox-heading],h5[iox-heading],h6[iox-heading],span[iox-heading]", inputs: { content: "content", level: "level", nodeId: "nodeId", node: "node", linkType: "linkType", url: "url", pageRoute: "pageRoute", target: "target" }, host: { listeners: { "mousedown": "onMouseDown($event)", "dblclick": "startEdit($event)", "blur": "commitEdit($event)", "keydown": "onKeyDown($event)" }, properties: { "class": "'iox-node-' + nodeId", "attr.contenteditable": "editing ? 'true' : null" } }, ngImport: i0, template: `@if (href) {<a [class]="linkClass" [attr.href]="href" [attr.target]="linkTarget" [attr.rel]="linkRel"
         [attr.data-iox-canvas]="isPreview ? null : ''" (click)="onLinkClick($event)" (auxclick)="onLinkClick($event)">{{ content }}</a>} @else {<ng-container>{{ content }}</ng-container>}`, isInline: true, styles: [":host{margin:0}:host[contenteditable]{outline:none;cursor:text}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderHeadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'h1[iox-heading],h2[iox-heading],h3[iox-heading],h4[iox-heading],h5[iox-heading],h6[iox-heading]', template: `@if (href) {<a [class]="linkClass" [attr.href]="href" [attr.target]="linkTarget" [attr.rel]="linkRel"
+            args: [{ selector: 'h1[iox-heading],h2[iox-heading],h3[iox-heading],h4[iox-heading],h5[iox-heading],h6[iox-heading],span[iox-heading]', template: `@if (href) {<a [class]="linkClass" [attr.href]="href" [attr.target]="linkTarget" [attr.rel]="linkRel"
         [attr.data-iox-canvas]="isPreview ? null : ''" (click)="onLinkClick($event)" (auxclick)="onLinkClick($event)">{{ content }}</a>} @else {<ng-container>{{ content }}</ng-container>}`, host: {
                         '[class]': "'iox-node-' + nodeId",
                         '[attr.contenteditable]': "editing ? 'true' : null",
@@ -1245,7 +1245,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
 
 /** `click` covers plain and modified clicks; a middle click opens a tab through `auxclick` alone. */
 const NAVIGATING_CLICKS = ['click', 'auxclick'];
-/** Directive-host linked container: the `<a>` IS the host — no wrapper, no inner/outer split. */
+/**
+ * Directive-host linked container: the `<a>` IS the host — no wrapper, no inner/outer split. An Accordion's
+ * HEADER (CC2, role `accordion.trigger`) is created on a `<button>` instead — a button that opens its item,
+ * never a link; the engine puts it inside the `<hN>` its question's level names.
+ */
 class LinkedContainerComponent {
     constructor(elRef, isPreview) {
         this.elRef = elRef;
@@ -1258,31 +1262,36 @@ class LinkedContainerComponent {
         this.capturePreventDefault = (e) => e.preventDefault();
     }
     ngOnInit() {
-        if (!this.isPreview) {
+        if (!this.isPreview && !this.isButton) {
             for (const type of NAVIGATING_CLICKS)
                 this.elRef.nativeElement.addEventListener(type, this.capturePreventDefault, true);
         }
     }
     ngOnDestroy() {
-        if (!this.isPreview) {
+        if (!this.isPreview && !this.isButton) {
             for (const type of NAVIGATING_CLICKS)
                 this.elRef.nativeElement.removeEventListener(type, this.capturePreventDefault, true);
         }
     }
+    /** True when created on a <button> (an Accordion header) — it never navigates. */
+    get isButton() {
+        return this.elRef.nativeElement.tagName === 'BUTTON';
+    }
     get resolvedHref() {
         if (this.linkType !== 'page')
             return this.url || '#';
         return this.pageRoute || '#';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: LinkedContainerComponent, deps: [{ token: i0.ElementRef }, { token: IS_PREVIEW, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: LinkedContainerComponent, isStandalone: false, selector: "a[iox-linked-container]", inputs: { nodeId: "nodeId", linkType: "linkType", url: "url", pageRoute: "pageRoute", target: "target" }, host: { properties: { "attr.href": "resolvedHref", "attr.target": "target", "class": "'linked-container-root iox-node-' + nodeId" } }, viewQueries: [{ propertyName: "childrenHost", first: true, predicate: ["childrenHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `<ng-container #childrenHost></ng-container>`, isInline: true, styles: [":host{box-sizing:border-box;text-decoration:none;cursor:pointer}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: LinkedContainerComponent, isStandalone: false, selector: "a[iox-linked-container],button[iox-linked-container]", inputs: { nodeId: "nodeId", linkType: "linkType", url: "url", pageRoute: "pageRoute", target: "target" }, host: { properties: { "attr.href": "isButton ? null : resolvedHref", "attr.target": "isButton ? null : target", "attr.type": "isButton ? 'button' : null", "class": "'linked-container-root iox-node-' + nodeId + (isButton ? ' iox-accordion-button' : '')" } }, viewQueries: [{ propertyName: "childrenHost", first: true, predicate: ["childrenHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `<ng-container #childrenHost></ng-container>`, isInline: true, styles: [":host{box-sizing:border-box;text-decoration:none;cursor:pointer}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: LinkedContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'a[iox-linked-container]', template: `<ng-container #childrenHost></ng-container>`, host: {
-                        '[attr.href]': 'resolvedHref',
-                        '[attr.target]': 'target',
-                        '[class]': "'linked-container-root iox-node-' + nodeId",
+            args: [{ selector: 'a[iox-linked-container],button[iox-linked-container]', template: `<ng-container #childrenHost></ng-container>`, host: {
+                        '[attr.href]': 'isButton ? null : resolvedHref',
+                        '[attr.target]': 'isButton ? null : target',
+                        '[attr.type]': "isButton ? 'button' : null",
+                        '[class]': "'linked-container-root iox-node-' + nodeId + (isButton ? ' iox-accordion-button' : '')",
                     }, standalone: false, styles: [":host{box-sizing:border-box;text-decoration:none;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Optional
@@ -1480,6 +1489,34 @@ function migrateLegacyDirection(styleProps) {
         rest[TEXT_DIRECTION_KEY] = legacy;
     return rest;
 }
+// ─── Text alignment ──────────────────────────────────────────────────────────────
+/** The Align trait's values: LOGICAL, so a text starts at the inline start of whatever direction it
+ *  reads in — the left in LTR, the right in RTL (vectoriox/iox-ui#16). */
+var TextAlign;
+(function (TextAlign) {
+    TextAlign["Start"] = "start";
+    TextAlign["Center"] = "center";
+    TextAlign["End"] = "end";
+    TextAlign["Justify"] = "justify";
+})(TextAlign || (TextAlign = {}));
+const TEXT_ALIGN_KEY = 'textAlign';
+/** Until iox-ui#16 the trait's default was the PHYSICAL `left`, serialised onto every node — so in a
+ *  node's own styleProps a stored `left` records no choice (the old panel showed Left already selected)
+ *  and compiles as `start`: identical in LTR, where it still overrides a centred parent as `left` did,
+ *  and the right edge in RTL. In a sparse layer (a state, a breakpoint) only an edit is stored, so there
+ *  `left` is the author's and stays physical. `right`, `center` and `justify` were always chosen. */
+const LEGACY_DEFAULT_TEXT_ALIGN = 'left';
+const isLegacyDefaultAlign = (v) => typeof v === 'string' && v.trim().toLowerCase() === LEGACY_DEFAULT_TEXT_ALIGN;
+/**
+ * A saved node's own style map with the serialised default `textAlign: left` read as the logical
+ * `start` it compiles to — so the builder's panel highlights Start, and the next save stores it.
+ * Pure; returns the map unchanged (same reference) when there is nothing to move.
+ */
+function migrateLegacyTextAlign(styleProps) {
+    if (!styleProps || !isLegacyDefaultAlign(styleProps[TEXT_ALIGN_KEY]))
+        return styleProps;
+    return { ...styleProps, [TEXT_ALIGN_KEY]: TextAlign.Start };
+}
 // ─── Gradient backgrounds ──────────────────────────────────────────────────────
 /** A Background value that is a gradient (the colour control offers one; the `media-scrim` element style
  *  writes one). `background-color` cannot hold an image, so it composes into `background-image`. */
@@ -1608,6 +1645,8 @@ function composeVirtualTraits(raw, base = raw) {
     const direction = composeDirection(raw, base);
     if (direction)
         result[DIRECTION_OUTPUT] = direction;
+    if (raw === base && isLegacyDefaultAlign(result[TEXT_ALIGN_KEY]))
+        result[TEXT_ALIGN_KEY] = TextAlign.Start;
     // A gradient Background is an IMAGE. A solid one over a wider/base gradient (a hover, a breakpoint)
     // must cancel that image, or the gradient keeps showing through.
     const background = result['backgroundColor'];
@@ -2558,6 +2597,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
  * 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' }
@@ -2640,6 +2696,9 @@ function planDataSource(ds, 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': {
@@ -2812,6 +2871,8 @@ function dataSourcePlanToRequest(plan, endpoints) {
             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':
@@ -4030,7 +4091,8 @@ var InteractiveTag;
  * rule. Pinned to the engine components' selectors by `interactive-hosts.spec.ts`.
  */
 const INTERACTIVE_HOST_TAGS = Object.freeze({
-    LinkedContainer: [InteractiveTag.Anchor],
+    // A LinkedContainer is an <a>, or — as an Accordion's header (CC2) — a <button>.
+    LinkedContainer: [InteractiveTag.Anchor, InteractiveTag.Button],
     Link: [InteractiveTag.Anchor],
     Button: [InteractiveTag.Anchor],
     ButtonBlock: [InteractiveTag.Anchor, InteractiveTag.Button],
@@ -5446,14 +5508,33 @@ function statePseudoClass(state) {
 var ComponentState;
 (function (ComponentState) {
     ComponentState["Current"] = "current";
+    /** A composite part that IS on — an open accordion item, its header, its panel (board 9 "Open"). */
+    ComponentState["On"] = "on";
+    /** A part INSIDE an item, styled by its item being open (board 9 "Item open") — a TARGETED state: its
+     *  trigger is the item (`stateTriggers['trigger-on']`), compiled through `targetedStateSelector`. */
+    ComponentState["ItemOpen"] = "trigger-on";
 })(ComponentState || (ComponentState = {}));
-/** The attribute selector each component state compiles to. */
+/** The attribute selector each (non-targeted) component state compiles to. */
 const COMPONENT_STATE_SELECTOR = {
     [ComponentState.Current]: '[aria-current="page"]',
+    [ComponentState.On]: '[data-iox-on]',
 };
-/** The component states a type offers in the Style panel's "Component state" group. */
-function componentStatesFor(type) {
-    return type && CURRENT_LINK_TYPES.includes(type) ? [ComponentState.Current] : [];
+/** The composite roles that are themselves "on" when their item is open (they carry `data-iox-on`). */
+const ON_STATE_ROLES = ['accordion.item', 'accordion.trigger', 'accordion.panel'];
+/**
+ * The component states a node offers in the Style panel's "Component state" group: Current page (a link),
+ * Open (an accordion's item, header or panel), Item open (any other part inside an item — `insideItem`).
+ */
+function componentStatesFor(type, role, insideItem = false) {
+    // An accordion's header is a button that opens its item, never a link to a page: Open, not Current page.
+    if (role && ON_STATE_ROLES.includes(role))
+        return [ComponentState.On];
+    const out = [];
+    if (type && CURRENT_LINK_TYPES.includes(type))
+        out.push(ComponentState.Current);
+    if (insideItem)
+        out.push(ComponentState.ItemOpen);
+    return out;
 }
 /**
  * What follows `.iox-node-<id>` in a stored state's rule: `:hover`, `:focus-visible`, or a component
@@ -5670,13 +5751,35 @@ function nearestCommonAncestorId(root, styledCssId, triggerCssId) {
  * `scopeCssId` MUST be a value returned by `nearestCommonAncestorId` for the same pair.
  */
 function buildTargetedStateSelector(scopeCssId, triggerCssId, styledCssId, base) {
+    return buildTargetedSuffixSelector(scopeCssId, triggerCssId, styledCssId, `:${base}`);
+}
+/**
+ * The same three topologies for any trigger SUFFIX — a pseudo-class (`:hover`) or an attribute the renderers
+ * write (`[data-iox-on]`, CC2's "Item open").
+ */
+function buildTargetedSuffixSelector(scopeCssId, triggerCssId, styledCssId, suffix) {
     if (scopeCssId === styledCssId) {
-        return `iox-node-${styledCssId}:has(.iox-node-${triggerCssId}:${base})`;
+        return `iox-node-${styledCssId}:has(.iox-node-${triggerCssId}${suffix})`;
     }
     if (scopeCssId === triggerCssId) {
-        return `iox-node-${triggerCssId}:${base} .iox-node-${styledCssId}`;
+        return `iox-node-${triggerCssId}${suffix} .iox-node-${styledCssId}`;
     }
-    return `iox-node-${scopeCssId}:has(.iox-node-${triggerCssId}:${base}) .iox-node-${styledCssId}`;
+    return `iox-node-${scopeCssId}:has(.iox-node-${triggerCssId}${suffix}) .iox-node-${styledCssId}`;
+}
+/**
+ * The targeted states and what follows the TRIGGER's class in each: `trigger-hover` — the chosen element is
+ * hovered; `trigger-on` — the chosen item is open (CC2: an Icon turns when ITS item opens; the trigger is the
+ * item, an ancestor, so the rule is `.item[data-iox-on] .icon`). Shared by the builder canvas and both
+ * engine paths.
+ */
+const TARGETED_STATE_SUFFIX = {
+    'trigger-hover': ':hover',
+    'trigger-on': '[data-iox-on]',
+};
+/** The selector body of a targeted state's rule, or null for a state that is not targeted. */
+function targetedStateSelector(state, scopeCssId, triggerCssId, styledCssId) {
+    const suffix = TARGETED_STATE_SUFFIX[state];
+    return suffix ? buildTargetedSuffixSelector(scopeCssId, triggerCssId, styledCssId, suffix) : null;
 }
 
 /**
@@ -7905,5 +8008,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, LEGACY_DIRECTION_KEY, LEGACY_HOVER_TRANSITION, LinkedContainerComponent, MANAGED_A11Y_ATTRIBUTES, MAX_LINES_KEY, PAGE_STYLE_TOKENS, PAGE_TOKEN_FALLBACKS, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PART_CLASS_NAMES, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, PageStyleField, PageStyleSource, REDUCED_MOTION_QUERY, RESERVED_ALIAS_PREFIX, STATE_PSEUDO_CLASS, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_A11Y_OPTIONS, SWIPER_RESPONSIVE_TRAITS, SectionComponent, SwiperModuleName, TEXT_DIRECTION_KEY, TRANSITION_FEELS, TextBlockComponent, VALIDATION_STATES, VALIDATION_STATE_CLASS, VIRTUAL_TRAIT_GROUPS, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, VisibilityActionType, activeActions, applyBindingPipes, applyFeel, breakpointDef, breakpointForWidth, breakpointQueryFor, buildDataSourceFilter, buildInteractionKeyframes, buildPartSelector, buildRelatedFilter, buildSwiperBreakpoints, buildTargetedStateSelector, 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, effectiveActionType, effectiveTransitionId, entrancePreStateStyle, excludeSelf, feelFor, finalKeyframe, getByPath, getSeoValue, hasHoverState, hasOwnTransition, initialSlotValues, isActionEnabled, isContextAction, isCurrentLink, isExternalOrFragment, isGradientPaint, isInputOverriddenAt, isOverriddenAt, isReservedAlias, isValidSlotKey, isWholeBackdropSet, keyframePropertyName, keyframeStyleEntries, legacyEnterToTransition, matchRouteParams, mediaQueryFor, mergeSwiperBreakpoints, migrateLegacyDirection, motionAllowed, nearestCommonAncestorId, needsAccessibleName, nodeA11yAttributes, nodeCssId, nodeTraitValue, nodeUsesContext, normalizeAppPath, normalizeCollectionResult, normalizeGalleryImage, normalizeIconClass, parentBreakpoint, parseUrlList, partClassName, planDataSource, planResponsiveRules, 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, stateNamesIn, statePseudoClass, stateSelectorSuffix, stripSuppressedProps, swiperAutoplayAllowed, swiperModuleNames, syncNodeA11yAttributes, 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, 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, LEGACY_DIRECTION_KEY, LEGACY_HOVER_TRANSITION, LinkedContainerComponent, MANAGED_A11Y_ATTRIBUTES, MAX_LINES_KEY, ON_STATE_ROLES, PAGE_STYLE_TOKENS, PAGE_TOKEN_FALLBACKS, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PART_CLASS_NAMES, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, PageStyleField, PageStyleSource, REDUCED_MOTION_QUERY, RESERVED_ALIAS_PREFIX, SORT_PARAM, STATE_PSEUDO_CLASS, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_A11Y_OPTIONS, SWIPER_RESPONSIVE_TRAITS, 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, 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, effectiveActionType, effectiveTransitionId, entrancePreStateStyle, excludeSelf, feelFor, finalKeyframe, getByPath, getSeoValue, hasHoverState, hasOwnTransition, initialSlotValues, isActionEnabled, isContextAction, isCurrentLink, isExternalOrFragment, isGradientPaint, isInputOverriddenAt, isOverriddenAt, isReservedAlias, isValidSlotKey, isWholeBackdropSet, keyframePropertyName, keyframeStyleEntries, legacyEnterToTransition, matchRouteParams, mediaQueryFor, mergeSwiperBreakpoints, migrateLegacyDirection, migrateLegacyTextAlign, motionAllowed, nearestCommonAncestorId, needsAccessibleName, nodeA11yAttributes, nodeCssId, nodeTraitValue, nodeUsesContext, normalizeAppPath, normalizeCollectionResult, normalizeGalleryImage, normalizeIconClass, parentBreakpoint, parseUrlList, partClassName, planDataSource, planResponsiveRules, 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, sortParamValue, stateNamesIn, statePseudoClass, stateSelectorSuffix, stripSuppressedProps, swiperAutoplayAllowed, swiperModuleNames, syncNodeA11yAttributes, targetedStateSelector, variableAliases, variableItemsFrom, withContextSlots, withDefaultHoverTransition, wrapInBreakpointQuery, wrapInMediaQuery };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map