@vectoriox/iox-ui 5.35.0 → 5.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/actions-core/index.d.ts +12 -3
  2. package/composite-core/index.d.ts +500 -2
  3. package/design-core/index.d.ts +417 -0
  4. package/fesm2022/vectoriox-iox-ui-actions-core.mjs +26 -2
  5. package/fesm2022/vectoriox-iox-ui-actions-core.mjs.map +1 -1
  6. package/fesm2022/vectoriox-iox-ui-composite-core.mjs +1205 -2
  7. package/fesm2022/vectoriox-iox-ui-composite-core.mjs.map +1 -1
  8. package/fesm2022/vectoriox-iox-ui-design-core.mjs +489 -0
  9. package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
  10. package/fesm2022/vectoriox-iox-ui-forms-core.mjs +2 -1
  11. package/fesm2022/vectoriox-iox-ui-forms-core.mjs.map +1 -1
  12. package/fesm2022/vectoriox-iox-ui-generation-core.mjs +113 -8
  13. package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
  14. package/fesm2022/vectoriox-iox-ui.mjs +94 -19
  15. package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
  16. package/generation-core/index.d.ts +53 -3
  17. package/index.d.ts +60 -10
  18. package/package.json +1 -1
  19. package/src/actions-core/action.model.ts +4 -2
  20. package/src/actions-core/element-actions.ts +29 -1
  21. package/src/composite-core/accordion-runtime.ts +443 -0
  22. package/src/composite-core/accordion.ts +694 -0
  23. package/src/composite-core/composite-kinds.ts +110 -0
  24. package/src/composite-core/composite-node.ts +16 -0
  25. package/src/composite-core/disclosure.ts +125 -0
  26. package/src/composite-core/public-api.ts +7 -1
  27. package/src/composite-core/structure.ts +14 -0
  28. package/src/design-core/flavor-spec.generated.ts +489 -0
  29. package/src/forms-core/nesting.ts +2 -1
  30. package/src/generation-core/compose-site.ts +49 -1
  31. package/src/generation-core/node-baselines.generated.ts +6 -2
  32. package/src/generation-core/patterns.ts +10 -0
  33. package/src/generation-core/serialized-node.ts +4 -0
  34. package/src/generation-core/site-spec.generated.ts +46 -1
  35. package/src/generation-core/validate-site-plan.ts +5 -4
  36. package/styles/iox-design.css +30 -0
@@ -1042,12 +1042,12 @@ class BuilderHeadingComponent {
1042
1042
  this.events.emit('elementselect', { node: this.node, componentRef: null, isCanvasUpdate: true });
1043
1043
  }
1044
1044
  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 }); }
1045
- 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"
1045
+ 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"
1046
1046
  [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 }); }
1047
1047
  }
1048
1048
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: BuilderHeadingComponent, decorators: [{
1049
1049
  type: Component,
1050
- 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"
1050
+ 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"
1051
1051
  [attr.data-iox-canvas]="isPreview ? null : ''" (click)="onLinkClick($event)" (auxclick)="onLinkClick($event)">{{ content }}</a>} @else {<ng-container>{{ content }}</ng-container>}`, host: {
1052
1052
  '[class]': "'iox-node-' + nodeId",
1053
1053
  '[attr.contenteditable]': "editing ? 'true' : null",
@@ -1245,7 +1245,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
1245
1245
 
1246
1246
  /** `click` covers plain and modified clicks; a middle click opens a tab through `auxclick` alone. */
1247
1247
  const NAVIGATING_CLICKS = ['click', 'auxclick'];
1248
- /** Directive-host linked container: the `<a>` IS the host — no wrapper, no inner/outer split. */
1248
+ /**
1249
+ * Directive-host linked container: the `<a>` IS the host — no wrapper, no inner/outer split. An Accordion's
1250
+ * HEADER (CC2, role `accordion.trigger`) is created on a `<button>` instead — a button that opens its item,
1251
+ * never a link; the engine puts it inside the `<hN>` its question's level names.
1252
+ */
1249
1253
  class LinkedContainerComponent {
1250
1254
  constructor(elRef, isPreview) {
1251
1255
  this.elRef = elRef;
@@ -1258,31 +1262,36 @@ class LinkedContainerComponent {
1258
1262
  this.capturePreventDefault = (e) => e.preventDefault();
1259
1263
  }
1260
1264
  ngOnInit() {
1261
- if (!this.isPreview) {
1265
+ if (!this.isPreview && !this.isButton) {
1262
1266
  for (const type of NAVIGATING_CLICKS)
1263
1267
  this.elRef.nativeElement.addEventListener(type, this.capturePreventDefault, true);
1264
1268
  }
1265
1269
  }
1266
1270
  ngOnDestroy() {
1267
- if (!this.isPreview) {
1271
+ if (!this.isPreview && !this.isButton) {
1268
1272
  for (const type of NAVIGATING_CLICKS)
1269
1273
  this.elRef.nativeElement.removeEventListener(type, this.capturePreventDefault, true);
1270
1274
  }
1271
1275
  }
1276
+ /** True when created on a <button> (an Accordion header) — it never navigates. */
1277
+ get isButton() {
1278
+ return this.elRef.nativeElement.tagName === 'BUTTON';
1279
+ }
1272
1280
  get resolvedHref() {
1273
1281
  if (this.linkType !== 'page')
1274
1282
  return this.url || '#';
1275
1283
  return this.pageRoute || '#';
1276
1284
  }
1277
1285
  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 }); }
1278
- 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"] }); }
1286
+ 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"] }); }
1279
1287
  }
1280
1288
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: LinkedContainerComponent, decorators: [{
1281
1289
  type: Component,
1282
- args: [{ selector: 'a[iox-linked-container]', template: `<ng-container #childrenHost></ng-container>`, host: {
1283
- '[attr.href]': 'resolvedHref',
1284
- '[attr.target]': 'target',
1285
- '[class]': "'linked-container-root iox-node-' + nodeId",
1290
+ args: [{ selector: 'a[iox-linked-container],button[iox-linked-container]', template: `<ng-container #childrenHost></ng-container>`, host: {
1291
+ '[attr.href]': 'isButton ? null : resolvedHref',
1292
+ '[attr.target]': 'isButton ? null : target',
1293
+ '[attr.type]': "isButton ? 'button' : null",
1294
+ '[class]': "'linked-container-root iox-node-' + nodeId + (isButton ? ' iox-accordion-button' : '')",
1286
1295
  }, standalone: false, styles: [":host{box-sizing:border-box;text-decoration:none;cursor:pointer}\n"] }]
1287
1296
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
1288
1297
  type: Optional
@@ -2588,6 +2597,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
2588
2597
  * onto its own transport. A single item is ALWAYS fetched by its id as a path segment — never a
2589
2598
  * `?_id=` query — to match the builder's getContentById.
2590
2599
  */
2600
+ /** The order a query source returns its rows in (CC2, board 4 "Sort" — the data source popover). */
2601
+ var DataSourceSortDir;
2602
+ (function (DataSourceSortDir) {
2603
+ DataSourceSortDir["Asc"] = "asc";
2604
+ DataSourceSortDir["Desc"] = "desc";
2605
+ })(DataSourceSortDir || (DataSourceSortDir = {}));
2606
+ /** The query parameter carrying the order: `sort=order` ascending, `sort=-order` descending. A CONTROL like
2607
+ * `limit`, not a field filter — the public controllers split it out (iox-cms `query-controls.ts`). */
2608
+ const SORT_PARAM = 'sort';
2609
+ const SORT_FIELD = /^[A-Za-z_][A-Za-z0-9_]*(\.[A-Za-z_][A-Za-z0-9_]*)*$/;
2610
+ /** `sort`'s wire value, or null when the source sets no (valid) order. */
2611
+ function sortParamValue(sort) {
2612
+ const field = sort?.field?.trim();
2613
+ if (!field || !SORT_FIELD.test(field))
2614
+ return null;
2615
+ return sort?.dir === DataSourceSortDir.Desc ? `-${field}` : field;
2616
+ }
2591
2617
  /**
2592
2618
  * Match a page route template against an actual path and extract named params.
2593
2619
  * matchRouteParams('/project/:projectId', 'project/68abc') → { projectId: '68abc' }
@@ -2670,6 +2696,9 @@ function planDataSource(ds, routeParams = {}, queryParams = {}) {
2670
2696
  const plan = { kind: 'collection', domain, resource, filter, mode };
2671
2697
  if (req?.limit)
2672
2698
  plan.limit = req.limit;
2699
+ const sort = sortParamValue(req?.sort);
2700
+ if (sort)
2701
+ plan.sort = sort;
2673
2702
  return plan;
2674
2703
  }
2675
2704
  case 'external-api': {
@@ -2842,6 +2871,8 @@ function dataSourcePlanToRequest(plan, endpoints) {
2842
2871
  const params = { ...plan.filter };
2843
2872
  if (plan.limit)
2844
2873
  params['limit'] = plan.limit;
2874
+ if (plan.sort)
2875
+ params[SORT_PARAM] = plan.sort;
2845
2876
  return { url: `${baseFor(plan.domain)}${plan.resource}`, params };
2846
2877
  }
2847
2878
  case 'external':
@@ -4060,7 +4091,8 @@ var InteractiveTag;
4060
4091
  * rule. Pinned to the engine components' selectors by `interactive-hosts.spec.ts`.
4061
4092
  */
4062
4093
  const INTERACTIVE_HOST_TAGS = Object.freeze({
4063
- LinkedContainer: [InteractiveTag.Anchor],
4094
+ // A LinkedContainer is an <a>, or — as an Accordion's header (CC2) — a <button>.
4095
+ LinkedContainer: [InteractiveTag.Anchor, InteractiveTag.Button],
4064
4096
  Link: [InteractiveTag.Anchor],
4065
4097
  Button: [InteractiveTag.Anchor],
4066
4098
  ButtonBlock: [InteractiveTag.Anchor, InteractiveTag.Button],
@@ -5476,14 +5508,35 @@ function statePseudoClass(state) {
5476
5508
  var ComponentState;
5477
5509
  (function (ComponentState) {
5478
5510
  ComponentState["Current"] = "current";
5511
+ /** A composite part that IS on — an open accordion item, its header, its panel (board 9 "Open"). */
5512
+ ComponentState["On"] = "on";
5513
+ /** A part INSIDE an item, styled by its item being open (board 9 "Item open") — a TARGETED state: its
5514
+ * trigger is the item (`stateTriggers['trigger-on']`), compiled through `targetedStateSelector`. */
5515
+ ComponentState["ItemOpen"] = "trigger-on";
5479
5516
  })(ComponentState || (ComponentState = {}));
5480
- /** The attribute selector each component state compiles to. */
5517
+ /** The attribute selector each (non-targeted) component state compiles to. */
5481
5518
  const COMPONENT_STATE_SELECTOR = {
5482
5519
  [ComponentState.Current]: '[aria-current="page"]',
5520
+ [ComponentState.On]: '[data-iox-on]',
5483
5521
  };
5484
- /** The component states a type offers in the Style panel's "Component state" group. */
5485
- function componentStatesFor(type) {
5486
- return type && CURRENT_LINK_TYPES.includes(type) ? [ComponentState.Current] : [];
5522
+ /** The composite roles that are themselves "on" when their item is open (they carry `data-iox-on`): an accordion's
5523
+ * item, header and panel; a disclosure (its own item), its toggle and its panel (CC2.1). The main entry does not
5524
+ * import composite-core, so the roles are spelled here — `style-compiler.spec` pins them to its enums. */
5525
+ const ON_STATE_ROLES = ['accordion.item', 'accordion.trigger', 'accordion.panel', 'disclosure', 'disclosure.trigger', 'disclosure.panel'];
5526
+ /**
5527
+ * The component states a node offers in the Style panel's "Component state" group: Current page (a link),
5528
+ * Open (an accordion's item, header or panel), Item open (any other part inside an item — `insideItem`).
5529
+ */
5530
+ function componentStatesFor(type, role, insideItem = false) {
5531
+ // An accordion's header is a button that opens its item, never a link to a page: Open, not Current page.
5532
+ if (role && ON_STATE_ROLES.includes(role))
5533
+ return [ComponentState.On];
5534
+ const out = [];
5535
+ if (type && CURRENT_LINK_TYPES.includes(type))
5536
+ out.push(ComponentState.Current);
5537
+ if (insideItem)
5538
+ out.push(ComponentState.ItemOpen);
5539
+ return out;
5487
5540
  }
5488
5541
  /**
5489
5542
  * What follows `.iox-node-<id>` in a stored state's rule: `:hover`, `:focus-visible`, or a component
@@ -5700,13 +5753,35 @@ function nearestCommonAncestorId(root, styledCssId, triggerCssId) {
5700
5753
  * `scopeCssId` MUST be a value returned by `nearestCommonAncestorId` for the same pair.
5701
5754
  */
5702
5755
  function buildTargetedStateSelector(scopeCssId, triggerCssId, styledCssId, base) {
5756
+ return buildTargetedSuffixSelector(scopeCssId, triggerCssId, styledCssId, `:${base}`);
5757
+ }
5758
+ /**
5759
+ * The same three topologies for any trigger SUFFIX — a pseudo-class (`:hover`) or an attribute the renderers
5760
+ * write (`[data-iox-on]`, CC2's "Item open").
5761
+ */
5762
+ function buildTargetedSuffixSelector(scopeCssId, triggerCssId, styledCssId, suffix) {
5703
5763
  if (scopeCssId === styledCssId) {
5704
- return `iox-node-${styledCssId}:has(.iox-node-${triggerCssId}:${base})`;
5764
+ return `iox-node-${styledCssId}:has(.iox-node-${triggerCssId}${suffix})`;
5705
5765
  }
5706
5766
  if (scopeCssId === triggerCssId) {
5707
- return `iox-node-${triggerCssId}:${base} .iox-node-${styledCssId}`;
5767
+ return `iox-node-${triggerCssId}${suffix} .iox-node-${styledCssId}`;
5708
5768
  }
5709
- return `iox-node-${scopeCssId}:has(.iox-node-${triggerCssId}:${base}) .iox-node-${styledCssId}`;
5769
+ return `iox-node-${scopeCssId}:has(.iox-node-${triggerCssId}${suffix}) .iox-node-${styledCssId}`;
5770
+ }
5771
+ /**
5772
+ * The targeted states and what follows the TRIGGER's class in each: `trigger-hover` — the chosen element is
5773
+ * hovered; `trigger-on` — the chosen item is open (CC2: an Icon turns when ITS item opens; the trigger is the
5774
+ * item, an ancestor, so the rule is `.item[data-iox-on] .icon`). Shared by the builder canvas and both
5775
+ * engine paths.
5776
+ */
5777
+ const TARGETED_STATE_SUFFIX = {
5778
+ 'trigger-hover': ':hover',
5779
+ 'trigger-on': '[data-iox-on]',
5780
+ };
5781
+ /** The selector body of a targeted state's rule, or null for a state that is not targeted. */
5782
+ function targetedStateSelector(state, scopeCssId, triggerCssId, styledCssId) {
5783
+ const suffix = TARGETED_STATE_SUFFIX[state];
5784
+ return suffix ? buildTargetedSuffixSelector(scopeCssId, triggerCssId, styledCssId, suffix) : null;
5710
5785
  }
5711
5786
 
5712
5787
  /**
@@ -7935,5 +8010,5 @@ function effectiveTransitionId(anim) {
7935
8010
  * Generated bundle index. Do not edit.
7936
8011
  */
7937
8012
 
7938
- 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_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, 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, stateNamesIn, statePseudoClass, stateSelectorSuffix, stripSuppressedProps, swiperAutoplayAllowed, swiperModuleNames, syncNodeA11yAttributes, variableAliases, variableItemsFrom, withContextSlots, withDefaultHoverTransition, wrapInBreakpointQuery, wrapInMediaQuery };
8013
+ 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 };
7939
8014
  //# sourceMappingURL=vectoriox-iox-ui.mjs.map