@vectoriox/iox-ui 5.85.0 → 5.86.1

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 (31) hide show
  1. package/actions-core/index.d.ts +30 -2
  2. package/design-core/index.d.ts +1488 -224
  3. package/fesm2022/vectoriox-iox-ui-actions-core.mjs +136 -70
  4. package/fesm2022/vectoriox-iox-ui-actions-core.mjs.map +1 -1
  5. package/fesm2022/vectoriox-iox-ui-design-core.mjs +1751 -279
  6. package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
  7. package/fesm2022/vectoriox-iox-ui-forms-core.mjs +27 -4
  8. package/fesm2022/vectoriox-iox-ui-forms-core.mjs.map +1 -1
  9. package/fesm2022/vectoriox-iox-ui-generation-core.mjs +223 -12
  10. package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
  11. package/fesm2022/vectoriox-iox-ui-scene-core.mjs +3 -4
  12. package/fesm2022/vectoriox-iox-ui-scene-core.mjs.map +1 -1
  13. package/fesm2022/vectoriox-iox-ui.mjs +1272 -69
  14. package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
  15. package/forms-core/index.d.ts +23 -4
  16. package/generation-core/index.d.ts +5 -1
  17. package/index.d.ts +426 -22
  18. package/package.json +1 -1
  19. package/src/actions-core/action.model.ts +1 -1
  20. package/src/actions-core/dialog-opener.ts +9 -3
  21. package/src/actions-core/element-actions.ts +25 -1
  22. package/src/actions-core/popover-opener.ts +50 -0
  23. package/src/actions-core/public-api.ts +1 -0
  24. package/src/design-core/flavor-spec.generated.ts +1750 -277
  25. package/src/forms-core/submit-lifecycle.ts +30 -3
  26. package/src/generation-core/baseline-roles.ts +1 -0
  27. package/src/generation-core/node-baselines.generated.ts +214 -8
  28. package/src/generation-core/pictures.ts +8 -4
  29. package/src/scene-core/scroll-driver.ts +2 -1
  30. package/styles/iox-design.css +216 -14
  31. package/styles/iox-forms.css +24 -2
@@ -10,7 +10,7 @@ import { CompositeItemAction } from '@vectoriox/iox-ui/composite-core';
10
10
  /** How a step executes — decides which editor fields appear (timing only for `animated`). */
11
11
  type ActionKind = 'animated' | 'instant' | 'server';
12
12
  /** Picker grouping. Flat lists die at ~10 entries; the group is data, never a second list. */
13
- type ActionGroup = 'motion' | 'visibility' | 'navigate' | 'dialog' | 'item' | 'form' | 'data' | 'consent' | 'service';
13
+ type ActionGroup = 'motion' | 'visibility' | 'navigate' | 'dialog' | 'popover' | 'notice' | 'item' | 'form' | 'data' | 'consent' | 'service';
14
14
  /**
15
15
  * What a step does inside the live builder canvas (the canvas RUNS interactions):
16
16
  * `run` for real (open the dialog), `simulate` announce-only (navigate), `inert` with a
@@ -109,6 +109,8 @@ declare const SERVER_ELEMENT_ACTION_TYPES: ReadonlySet<string>;
109
109
  /** The Tier-A behaviour executors' dispatch set (A1c) — the engines branch on it beside
110
110
  * DIALOG/SWIPER. Dialog actions have their own set; context/visibility stay in the legacy path. */
111
111
  declare const BEHAVIOUR_ACTION_TYPES: ReadonlySet<string>;
112
+ /** The toast action's dispatch set (premium M5) — the engines branch on it beside DIALOG / POPOVER. */
113
+ declare const TOAST_ACTION_TYPES: ReadonlySet<string>;
112
114
  /** The item actions' dispatch set (T14) and what each does to its item — the engines branch on it beside
113
115
  * DIALOG/BEHAVIOUR, and composite-core `runCompositeItemAction` runs it on the target item's own runtime. */
114
116
  declare const ITEM_ACTION_TYPES: Readonly<Record<string, CompositeItemAction>>;
@@ -169,6 +171,9 @@ interface OpenerInteractionLike {
169
171
  interface OpenerNodeLike {
170
172
  interactions?: ReadonlyArray<OpenerInteractionLike> | null;
171
173
  }
174
+ /** The node id the element's click opens through one of `openerTypes` (its first enabled such action), or null —
175
+ * the ONE reading every opener kind shares (a dialog's, a popover's). */
176
+ declare function openedTargetId(node: OpenerNodeLike | null | undefined, openerTypes: ReadonlySet<string>): string | null;
172
177
  /** The Dialog node id the element's click opens (its first enabled opener action), or null. */
173
178
  declare function openedDialogId(node: OpenerNodeLike | null | undefined): string | null;
174
179
  /**
@@ -180,6 +185,29 @@ declare function dialogOpenerAttributes(node: OpenerNodeLike | null | undefined,
180
185
  /** The selector of every opener of one dialog (by its DOM id) — what a runtime updates on open/close. */
181
186
  declare function dialogOpenersSelector(dialogDomIdValue: string): string;
182
187
 
188
+ /**
189
+ * What an element that OPENS a popover says about itself (premium components M5, N4 — the APG disclosure pattern over a
190
+ * non-modal dialog): `aria-haspopup="dialog"`, `aria-controls` = the popover's DOM id, and `aria-expanded` — `false` in
191
+ * the server render, kept in step by the runtime. ONE decision for every renderer, read the way a dialog opener is
192
+ * (`openedTargetId`); the popover's DOM id comes from `popoverDomId`, the one place that names it.
193
+ */
194
+ /** The Popover node type. */
195
+ declare const POPOVER_NODE_TYPE = "Popover";
196
+ /** The actions that open a popover (close-only actions do not make an opener). */
197
+ declare const POPOVER_OPENER_ACTION_TYPES: ReadonlySet<string>;
198
+ /** Every action that opens, closes or toggles a popover — what the engines dispatch. */
199
+ declare const POPOVER_ACTION_TYPE_SET: ReadonlySet<string>;
200
+ /** The DOM id of a Popover node's panel — what an opener's `aria-controls` names. */
201
+ declare function popoverDomId(nodeId: string): string;
202
+ /** The node id a popover DOM id names, or null. */
203
+ declare function nodeIdOfPopoverDomId(domId: string | null | undefined): string | null;
204
+ /** The Popover node id the element's click opens, or null. */
205
+ declare function openedPopoverId(node: OpenerNodeLike | null | undefined): string | null;
206
+ /** The opener attributes for a node: `{}` when its click opens no popover. */
207
+ declare function popoverOpenerAttributes(node: OpenerNodeLike | null | undefined, open?: boolean): Record<string, string>;
208
+ /** The selector of every opener of one popover (by its DOM id). */
209
+ declare function popoverOpenersSelector(popoverDomIdValue: string): string;
210
+
183
211
  /**
184
212
  * How a dialog LEAVES (CC1 follow-up — the drawer that vanished). Opening is pure CSS (`@starting-style`
185
213
  * in the shared `iox-design.css`); closing needs one beat of script, because `dialog.close()` drops the
@@ -257,5 +285,5 @@ interface FocusableSheet {
257
285
  */
258
286
  declare function focusDialogSheet(dialog: FocusableSheet | null | undefined): boolean;
259
287
 
260
- export { BEHAVIOUR_ACTION_TYPES, CONSENT_ACTION_TYPES, DIALOG_ACTION_TYPE_SET, DIALOG_CLOSING_ATTRIBUTE, DIALOG_EXIT_TIMEOUT_MS, DIALOG_OPENER_ACTION_TYPES, DIALOG_OPENER_TRIGGER, DIALOG_SELECTOR, ELEMENT_ACTION_DESCRIPTORS, ELEMENT_ACTION_GROUP_ORDER, FORM_SUBMIT_ACTION_DESCRIPTORS, ITEM_ACTION_TYPES, OpenerAttribute, SERVER_ELEMENT_ACTION_TYPES, addableActions, cancelExit, closeDialogAnimated, dialogDomId, dialogOpenerAttributes, dialogOpenersSelector, dialogTogglesClosed, focusDialogSheet, groupedElementActions, isExiting, itemActionOf, nodeIdOfDialogDomId, openedDialogId, opensAtClickedItem, resolveActionAvailability, runExitMotion };
288
+ export { BEHAVIOUR_ACTION_TYPES, CONSENT_ACTION_TYPES, DIALOG_ACTION_TYPE_SET, DIALOG_CLOSING_ATTRIBUTE, DIALOG_EXIT_TIMEOUT_MS, DIALOG_OPENER_ACTION_TYPES, DIALOG_OPENER_TRIGGER, DIALOG_SELECTOR, ELEMENT_ACTION_DESCRIPTORS, ELEMENT_ACTION_GROUP_ORDER, FORM_SUBMIT_ACTION_DESCRIPTORS, ITEM_ACTION_TYPES, OpenerAttribute, POPOVER_ACTION_TYPE_SET, POPOVER_NODE_TYPE, POPOVER_OPENER_ACTION_TYPES, SERVER_ELEMENT_ACTION_TYPES, TOAST_ACTION_TYPES, addableActions, cancelExit, closeDialogAnimated, dialogDomId, dialogOpenerAttributes, dialogOpenersSelector, dialogTogglesClosed, focusDialogSheet, groupedElementActions, isExiting, itemActionOf, nodeIdOfDialogDomId, nodeIdOfPopoverDomId, openedDialogId, openedPopoverId, openedTargetId, opensAtClickedItem, popoverDomId, popoverOpenerAttributes, popoverOpenersSelector, resolveActionAvailability, runExitMotion };
261
289
  export type { ActionAvailability, ActionAvailabilityContext, ActionAvailabilityState, ActionDescriptor, ActionGroup, ActionKind, ActionParamSpec, ActionTargetSpec, BuilderBehaviour, DialogElementLike, ExitAnimationLike, ExitMotionElement, ExitMotionOptions, FocusableSheet, OpenerActionLike, OpenerInteractionLike, OpenerNodeLike };