@vectoriox/iox-builder 7.0.2 → 8.1.0

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { ComponentRef, Type, ChangeDetectorRef, OnInit, AfterViewInit, OnChanges, OnDestroy, EventEmitter, ElementRef, ApplicationRef, SimpleChanges, ViewContainerRef, Injector, EnvironmentInjector, InjectionToken, TemplateRef, AfterContentInit, QueryList } from '@angular/core';
+import { ComponentRef, Type, InjectionToken, ChangeDetectorRef, OnInit, AfterViewInit, OnChanges, OnDestroy, EventEmitter, ElementRef, ApplicationRef, SimpleChanges, ViewContainerRef, Injector, EnvironmentInjector, TemplateRef, AfterContentInit, QueryList } from '@angular/core';
 import * as i30 from '@vectoriox/iox-ui';
-import { ResponsiveOverrides, RelativeSourceSpec, Breakpoint, PageStyleSettings, FormRenderState, DesignTokenLike, DesignMode, ComponentInstanceRegistryService, DataSourceEndpoints, PalettePreset, syncNodeDesignClasses } from '@vectoriox/iox-ui';
+import { ResponsiveOverrides, RelativeSourceSpec, Breakpoint, PageStyleSettings, FormRenderState, AdoptContext, DesignTokenLike, DesignMode, ComponentInstanceRegistryService, DataSourceEndpoints, PalettePreset, syncNodeDesignClasses } from '@vectoriox/iox-ui';
 export { ComponentInstanceRegistryService, IoxContextSlot, PageStyleSettings, SetContextParams, VIRTUAL_TRAIT_KEYS, composeVirtualTraits } from '@vectoriox/iox-ui';
 import * as rxjs from 'rxjs';
 import { Subject, Subscription, BehaviorSubject, Observable } from 'rxjs';
@@ -906,6 +906,11 @@ declare class ComponentRegistryService {
     createBaseConfig(type: string): any | null;
     /** The unstyled base style map of a NEW node of the type — `switchElementStyle`'s baseline. */
     baselineStyleProps(type: string): Record<string, unknown>;
+    /** What an untouched SAVED node of the type holds — its constructor defaults, nothing on top.
+     *  Adopt (DS7) rewrites an owned trait only while it still holds this. */
+    adoptionBaseline(type: string): Record<string, unknown>;
+    /** The context `adoptElementStyles` (design-core) reads baselines from. */
+    adoptionContext(): AdoptContext;
     register(type: string, component: Type<any>, config: any): void;
     getAll(): {
         type: string;
@@ -916,6 +921,79 @@ declare class ComponentRegistryService {
     static ɵprov: i0.ɵɵInjectableDeclaration<ComponentRegistryService>;
 }
 
+/**
+ * Canvas data preview used to come from host-provided content services (IOX_CONTENT_SERVICE /
+ * IOX_SHOP_SERVICE), whose `getContent(contentType, orgId)` hit the ADMIN resources endpoint and
+ * accepted no filters — so the Repeater/Slider ignored every data-source filter. Data now flows
+ * through BuilderDataSourceService + the shared planDataSource, configured with
+ * IOX_DATA_SOURCE_ENDPOINTS. Those tokens are gone; do not reintroduce a fetch that bypasses it.
+ */
+/**
+ * True for nodes rendered on the EDITING canvas — provided by `BuilderComponent` at component level,
+ * so it reaches every `[ioxRender]` under `<app-builder>` and nothing else (Preview renders the same
+ * directive outside it). It answers "is this the editor?" — the canvas-only "Add image" label hangs off
+ * it. `IS_PREVIEW` answers the other question, "is this a preview/live render?" (links navigate,
+ * sliders run live), and is provided ONLY by Preview (component level) and the engine; neither token
+ * implies the other — a design sampler, for one, is neither.
+ */
+declare const IOX_BUILDER_CANVAS: InjectionToken<boolean>;
+/**
+ * Translates the builder library's OWN chrome.
+ *
+ * The library cannot depend on ngx-translate — that is the host app's choice — but its toolbar was
+ * hardcoded English, which shows through as untranslated controls in a Hebrew/RTL admin. This token
+ * lets the host route those strings through its own i18n while the library keeps working standalone:
+ * unprovided, `defaultBuilderLabels` returns the English text, so nothing ever renders a raw key.
+ *
+ * Keys are namespaced `builder.chrome.*` and listed in `BUILDER_CHROME_EN` below — that object is
+ * the contract. A host providing this token should add those keys to its own bundles.
+ */
+declare const IOX_BUILDER_LABELS: InjectionToken<BuilderLabelResolver>;
+type BuilderLabelResolver = (key: string, fallback: string) => string;
+/** Standalone behaviour: the English text the library ships with. */
+declare const defaultBuilderLabels: BuilderLabelResolver;
+/**
+ * Every user-visible string in the builder's own chrome, so a host can copy this into its bundles
+ * in one go rather than discovering keys one missing label at a time.
+ */
+declare const BUILDER_CHROME_EN: Readonly<Record<string, string>>;
+declare const CANVAS_EMPTY_IMAGE_LABEL_KEY = "builder.chrome.addImage";
+declare const CANVAS_EMPTY_IMAGE_LABEL_EN: string;
+/**
+ * Marks an element the builder draws on the canvas that the live site never has — drop placeholders,
+ * repeat badges, the empty slider hint. A page thumbnail is a picture of the SITE, so its capture
+ * leaves every marked element out.
+ */
+declare const EDITOR_CHROME_ATTRIBUTE = "data-iox-chrome";
+
+/**
+ * What may NOT be placed where — the ONE rule every insert path asks (drag, click-to-insert, quick-add,
+ * the Form presets, paste, duplicate). Everything not refused here is accepted: any container-capable
+ * node takes any child, a Form included.
+ */
+declare enum InsertRefusal {
+    /** A form inside a form — fields belong to their NEAREST form (forms plan D1), and HTML forbids it. */
+    NestedForm = "nestedForm",
+    /** A Success / Error block is part of its form's state machine; it is never placed on its own. */
+    StateBlockAlone = "stateBlockAlone"
+}
+declare const FORM_STATE_BLOCK_TYPES: ReadonlySet<string>;
+/** The builder-chrome label that says each refusal on screen (English in `BUILDER_CHROME_EN`). */
+declare const INSERT_REFUSAL_LABEL_KEYS: Readonly<Record<InsertRefusal, string>>;
+/** The refusal in the host's language (the library's English when no host resolver is provided). */
+declare function insertRefusalLabel(reason: InsertRefusal, labels?: BuilderLabelResolver): string;
+interface TypedNode {
+    type?: string;
+    children?: TypedNode[] | null;
+}
+/**
+ * Why `node` may not be inserted under `ancestors` (outermost first, the new parent last; empty = the page),
+ * or null when it may. `node` is the whole subtree being placed — a Container holding a Form is refused
+ * inside a Form just as a bare Form is. Reordering a node inside its CURRENT parent is not an insert and
+ * never asks.
+ */
+declare function insertRefusal(node: TypedNode | null | undefined, ancestors: readonly TypedNode[]): InsertRefusal | null;
+
 /**
  * SymbolRegistryService — in-memory store for org-level symbols.
  *
@@ -955,11 +1033,33 @@ interface IoxDropEvent {
     targetId: string;
     insertIndex: number;
 }
+/** An insert the builder refused — `message` is the on-screen sentence, in the host's language. */
+interface InsertRefusedEvent {
+    reason: InsertRefusal;
+    message: string;
+}
+/** The node a drop target names: canvas-root ancestors outermost first, the dropzone's own node last. */
+type AncestorNode = Pick<ComponentNode, 'type' | 'children'>;
+/** On the drop-target overlay while the target refuses the dragged payload (styled by the host). */
+declare const DROP_REFUSED_CLASS = "iox-drop-target-overlay--refused";
 declare class DragEngineService {
     private registry;
     private symbolRegistry;
     private overlayService;
-    constructor(registry: ComponentRegistryService, symbolRegistry: SymbolRegistryService, overlayService: OverlayService);
+    private readonly labels;
+    constructor(registry: ComponentRegistryService, symbolRegistry: SymbolRegistryService, overlayService: OverlayService, labels?: BuilderLabelResolver | null);
+    /** Every insert the builder refused, for the host to say on screen (a toast). */
+    readonly insertRefused$: Subject<InsertRefusedEvent>;
+    /**
+     * The ONE acceptance check for every insert path: null when `data` (a panel payload or a node) may go
+     * under `ancestors`; otherwise the refusal, already announced on `insertRefused$`.
+     */
+    refuseInsert(data: unknown, ancestors: readonly AncestorNode[]): InsertRefusal | null;
+    /** The node a payload WOULD insert, without building it: a type string, a block/symbol, or a node. */
+    private payloadNode;
+    /** The nodes a dropzone sits in, outermost first, its own node last — read from the DOM, which is
+     *  where a dropzone id lives. Empty for the page itself. */
+    dropzoneAncestors(id: string): AncestorNode[];
     handleDrop(children: ComponentNode[], event: IoxDropEvent, dropListId: string, cdr: ChangeDetectorRef, afterDrop?: () => void): void;
     /**
      * Turn a components-panel payload into a fresh ComponentNode: a built-in type string via the
@@ -976,7 +1076,7 @@ declare class DragEngineService {
      * `dropComplete$` exactly like a drop, so the builder selects the new node and records one undo
      * step through the same path. Returns the inserted node, or null if the payload was unusable.
      */
-    insertPayload(children: ComponentNode[], index: number, data: unknown): ComponentNode | null;
+    insertPayload(children: ComponentNode[], index: number, data: unknown, ancestors?: readonly AncestorNode[]): ComponentNode | null;
     /** True when `children` is a registered drop zone's array — i.e. a real container that can hold
      *  children. Click-to-insert uses the same test a drag does, so it can't insert where a drop
      *  couldn't. */
@@ -1027,8 +1127,11 @@ declare class DragEngineService {
     setScale(scale: number): void;
     private _dropzoneRectCache;
     private _snapshotRects;
-    private readonly ROOT_ESCAPE_PX;
     private _rootEscapeActiveFor;
+    /** The root container whose inner region held the previous sample. */
+    private _innerRootId;
+    /** Why the current target would refuse the dragged payload; null = it accepts. */
+    private _targetRefusal;
     private _getEl;
     registerDropzone(id: string, el: HTMLElement, data: any[], cdr: ChangeDetectorRef, dropCb: (e: IoxDropEvent) => void, postDrop?: () => void): void;
     unregisterDropzone(id: string, el: HTMLElement): void;
@@ -1055,6 +1158,17 @@ declare class DragEngineService {
     private _ghostFollowStep;
     private _stopGhostFollow;
     private _updateDeepTarget;
+    /** Near a ROOT container's edge, after moving there from its inner region, the drop goes to the page. */
+    private _applyRootEscape;
+    /** The ROOT-level dropzone (a direct child zone of the page) that holds dropzone `id`, or null when it
+     *  is not on the page canvas (the global-elements layer). */
+    private _rootContainerOf;
+    /** Why the dragged payload may not land in `targetId` (null = it may). Reordering inside the source
+     *  container is not an insert. */
+    private _refusalAt;
+    /** The node a dropzone element belongs to — the element itself or the nearest registered ancestor
+     *  (a LinkedContainer, a Dialog, a Repeater or a slide registers an INNER element as its zone). */
+    private _ownerNode;
     /** Call on every canvas scroll tick to keep the fixed-position drop-target
      *  overlay aligned with the container element that moved in the viewport. */
     refreshDragOverlays(): void;
@@ -1062,18 +1176,11 @@ declare class DragEngineService {
     private _removeTargetOverlay;
     /** Name the drop target and the slot: "into Card grid · position 2 of 4". */
     private _updateTargetChip;
-    private _isRootContainer;
-    /**
-     * Returns true if the dropzone with `childId` is a DOM descendant of the
-     * dropzone with `parentId`. Used to decide whether the cursor was already
-     * "inside" a root section before triggering root-escape.
-     */
-    private _isDescendantDropzone;
     private _updateIndicator;
     private _positionIndicator;
     private _removeIndicator;
     calcInsertIndex(containerId: string): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DragEngineService, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragEngineService, [null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DragEngineService>;
 }
 
@@ -2072,6 +2179,8 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
         clientHeight: number;
         scrollPercentage?: number;
     }): void;
+    /** The nodes a sibling of `node` sits under — `node`'s ancestors, outermost first (empty at a root). */
+    private siblingAncestors;
     private findNodeInTree;
     /** Immediate parent of `target` within `children`, or null at a root. Derives from the
      *  shared `nodeAncestorPath` walk in `utils/node-path.util.ts` — one tree recursion to
@@ -2381,51 +2490,6 @@ declare class OverlayComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<OverlayComponent, "app-overlay", never, {}, { "toolbarAction": "toolbarAction"; }, never, never, false, never>;
 }
 
-/**
- * Canvas data preview used to come from host-provided content services (IOX_CONTENT_SERVICE /
- * IOX_SHOP_SERVICE), whose `getContent(contentType, orgId)` hit the ADMIN resources endpoint and
- * accepted no filters — so the Repeater/Slider ignored every data-source filter. Data now flows
- * through BuilderDataSourceService + the shared planDataSource, configured with
- * IOX_DATA_SOURCE_ENDPOINTS. Those tokens are gone; do not reintroduce a fetch that bypasses it.
- */
-/**
- * True for nodes rendered on the EDITING canvas — provided by `BuilderComponent` at component level,
- * so it reaches every `[ioxRender]` under `<app-builder>` and nothing else (Preview renders the same
- * directive outside it). It answers "is this the editor?" — the canvas-only "Add image" label hangs off
- * it. `IS_PREVIEW` answers the other question, "is this a preview/live render?" (links navigate,
- * sliders run live), and is provided ONLY by Preview (component level) and the engine; neither token
- * implies the other — a design sampler, for one, is neither.
- */
-declare const IOX_BUILDER_CANVAS: InjectionToken<boolean>;
-/**
- * Translates the builder library's OWN chrome.
- *
- * The library cannot depend on ngx-translate — that is the host app's choice — but its toolbar was
- * hardcoded English, which shows through as untranslated controls in a Hebrew/RTL admin. This token
- * lets the host route those strings through its own i18n while the library keeps working standalone:
- * unprovided, `defaultBuilderLabels` returns the English text, so nothing ever renders a raw key.
- *
- * Keys are namespaced `builder.chrome.*` and listed in `BUILDER_CHROME_EN` below — that object is
- * the contract. A host providing this token should add those keys to its own bundles.
- */
-declare const IOX_BUILDER_LABELS: InjectionToken<BuilderLabelResolver>;
-type BuilderLabelResolver = (key: string, fallback: string) => string;
-/** Standalone behaviour: the English text the library ships with. */
-declare const defaultBuilderLabels: BuilderLabelResolver;
-/**
- * Every user-visible string in the builder's own chrome, so a host can copy this into its bundles
- * in one go rather than discovering keys one missing label at a time.
- */
-declare const BUILDER_CHROME_EN: Readonly<Record<string, string>>;
-declare const CANVAS_EMPTY_IMAGE_LABEL_KEY = "builder.chrome.addImage";
-declare const CANVAS_EMPTY_IMAGE_LABEL_EN: string;
-/**
- * Marks an element the builder draws on the canvas that the live site never has — drop placeholders,
- * repeat badges, the empty slider hint. A page thumbnail is a picture of the SITE, so its capture
- * leaves every marked element out.
- */
-declare const EDITOR_CHROME_ATTRIBUTE = "data-iox-chrome";
-
 declare class ToolbarComponent {
     private readonly labels;
     activeMode: BuilderMode;
@@ -2947,6 +3011,7 @@ interface TreeNode {
 declare class LayerTreeComponent implements OnInit, OnDestroy {
     private registry;
     private overlayService;
+    private dragEngine;
     layout: ComponentNode[];
     globalElements: ComponentNode[];
     nodeSelect: EventEmitter<ComponentNode>;
@@ -2968,7 +3033,7 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
     /** Last-seen structural signature — used by ngDoCheck to skip no-op rebuilds. */
     private _layoutSig;
     private _globalSig;
-    constructor(registry: ComponentRegistryService, overlayService: OverlayService);
+    constructor(registry: ComponentRegistryService, overlayService: OverlayService, dragEngine: DragEngineService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngDoCheck(): void;
@@ -3118,14 +3183,31 @@ declare function findNodeLocation(roots: ComponentNode[], target: ComponentNode)
  */
 declare function wrapNode(roots: ComponentNode[], target: ComponentNode, wrapper: ComponentNode): ComponentNode | null;
 
+/**
+ * State OUTSIDE the layout that one step changed together with it — e.g. adopting a page's element
+ * styles (DS7) also sets the page's design-system flag and links its global elements. Opaque here;
+ * the host owns its shape and restores it.
+ */
+interface HistoryChange<S = unknown> {
+    before: S;
+    after: S;
+}
 interface HistoryEntry {
     layout: ComponentNode[];
     timestamp: number;
+    change?: HistoryChange;
+}
+/** What undo / redo hand back: the layout to show, and — when the step carried a change — the
+ *  state to restore (`before` on undo, `after` on redo). */
+interface HistoryStep<S = unknown> {
+    layout: ComponentNode[];
+    restore?: S;
 }
 /**
  * BuilderHistoryService — snapshot-based undo/redo for the page builder.
  *
- * Snapshots are JSON deep-clones of the full layout array.
+ * Snapshots are JSON deep-clones of the full layout array; a step that also changed state outside
+ * the layout records that change, so one undo reverts both.
  * Session-only — not persisted to the backend.
  * Scoped to PageUiComponent.providers[] — one history stack per builder instance.
  */
@@ -3134,10 +3216,11 @@ declare class BuilderHistoryService {
     private _future;
     get canUndo(): boolean;
     get canRedo(): boolean;
-    push(layout: ComponentNode[]): void;
-    undo(): ComponentNode[] | null;
-    redo(): ComponentNode[] | null;
+    push(layout: ComponentNode[], change?: HistoryChange): void;
+    undo(): HistoryStep | null;
+    redo(): HistoryStep | null;
     clear(): void;
+    private step;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderHistoryService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BuilderHistoryService>;
 }
@@ -3375,6 +3458,43 @@ declare const FORM_TYPE = "Form";
  */
 declare function nearestFormNode(path: readonly ComponentNode[] | null | undefined): ComponentNode | null;
 
+/**
+ * ROOT ESCAPE — near the top or bottom edge of a ROOT-level container the drop goes to the PAGE, between
+ * root containers, instead of inside the container. This file is the decision; DragEngineService only
+ * measures and applies it.
+ *
+ * ⚠️ The bug this replaced (2026-10-19, "a Form cannot be inserted into a Section / Container / Linked
+ * Container"): escape switched on when the pointer was in the edge band and the PREVIOUS target was the
+ * same container — which is also true on the second sample after ENTERING through the band — and it only
+ * switched off once the pointer LEFT the container. So approaching a root container from above or below
+ * locked every drop inside it to the page, even at its centre; an empty (short) container was almost
+ * always entered that way. Now escape needs a move OUTWARD — from the container's inner region to its
+ * edge — and it ends as soon as the pointer is back in the inner region.
+ */
+/** The edge band on a tall container, in screen px. */
+declare const ROOT_ESCAPE_PX = 14;
+declare enum RootZone {
+    Outside = "outside",
+    Edge = "edge",
+    Inner = "inner"
+}
+/** The band shrinks on a short container (a quarter of its height), so its middle stays a drop target. */
+declare function rootEscapeBand(height: number): number;
+/** Where the pointer's y sits relative to a root container's vertical extent. */
+declare function rootZone(py: number, top: number, bottom: number): RootZone;
+interface RootEscapeMemory {
+    /** The root container a drop is currently escaping, if any. */
+    escapingFor: string | null;
+    /** The root container whose INNER region held the previous sample, if any. */
+    innerOf: string | null;
+}
+/**
+ * Whether this sample escapes `rootId` to the page: the pointer is on its edge band AND it either was
+ * already escaping it or has just moved out to the edge from its inner region. Entering from outside
+ * through the band never escapes.
+ */
+declare function escapesRoot(rootId: string, zone: RootZone, memory: RootEscapeMemory): boolean;
+
 /**
  * The text on the drop indicator's chip — "into Card grid · position 2 of 3" (B2).
  *
@@ -3553,5 +3673,5 @@ declare class TextBlockComponentConfig extends ComponentConfig {
     constructor();
 }
 
-export { ACTION_TYPE_OPTIONS, AuditCode, AuditPanelComponent, AuditSeverity, BODY_CRUMB_LABEL, BREAKPOINT_PRESENTATION, BUILDER_CANVAS_CONTAINER, BUILDER_CHROME_EN, BUILDER_FONT_LINK_ATTR, BUILDER_TOKEN_SCOPE_CLASS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BreadcrumbBarComponent, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDialogComponent, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CANVAS_EMPTY_IMAGE_LABEL_EN, CANVAS_EMPTY_IMAGE_LABEL_KEY, CANVAS_ROOT_RESET_CSS, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, DEFAULT_ESSENTIAL_TRAITS, DRAG_HANDLE_ATTR, DataSourceRegistryService, DataSourceType, DialogComponentConfig, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EDITOR_CHROME_ATTRIBUTE, ESSENTIAL_TRAITS_BY_TYPE, EffectsGroupStyleConfig, FIELD_KIND_PRESETS, FIELD_PARTS, FORM_PRESETS, FORM_TYPE, FieldComponentConfig, FieldGroupComponentConfig, FormComponentConfig, FormErrorComponentConfig, FormStateService, FormSuccessComponentConfig, GalleryConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_BUILDER_CANVAS, IOX_BUILDER_LABELS, IOX_DATA_SOURCE_ENDPOINTS, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LAYOUT_PRESETS, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PALETTE_PRESET_DEFS, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SubmitButtonComponentConfig, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VALIDATION_STATES, VALIDATION_STATE_CLASS, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, auditNodes, buildConsentPreset, buildElementStyleSpecimen, buildFieldKindPreset, buildFlavorSpecimen, buildFormPreset, buildFullStyleTraits, buildLayoutPreset, buildPalettePreset, buildPresetStyleTraits, canFluidise, canvasEmptyImageLabel, collapseColumnsProps, columnCountOf, defaultBuilderLabels, defaultPageSettings, dropTargetLabel, essentialTraitsFor, findNodeLocation, findParentOf, flattenSchemaFields, fluidiseProps, generateNodeId, isHiddenAt, isSpecimen, markSpecimen, matchesControlSearch, nearestFormNode, nodeAncestorPath, nodeAncestorPathInEither, reorderProps, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, setStyleTrait, setTrait, stackChildrenProps, summarise, syncEmptyImagePlaceholder, syncNodeDesign, textNode, visibilityProps, wrapNode };
-export type { AuditFinding, AuditNode, BreakpointPresentation, BuilderClipboard, BuilderLabelResolver, ComponentEventDef, ComponentMethodDef, ComponentNode, ComponentTrait, ConsentPreset, CreateConfig, Crumb, DesignSpecimenCopy, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, FieldKindDef, FormPresetDef, FormPresetField, FormStateSnapshot, HistoryEntry, InsertTarget, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxDataSource, IoxDropEvent, IoxInteraction, IoxSymbol, LayoutPresetChildStyles, LayoutPresetDef, NodeRef, OverlayBoxModel, OverlayBoxSpacing, OverlayEntry, PageRouteAnimationSettings, PageScrollSettings, PageSettings, PalettePresetDef, PanelEvent, QuadSizeSegment, RouteAnimationPreset, ScreenWidthOption, SelectionBadge, StyleMap, StylePart, StylePreset, StyleTrait, StyleTraitGroup, TraitOptionMap, TraitSelectOption, TraitShowCondition, TreePathNode, UpsertTokensOptions, ViewportState, ZoomOption };
+export { ACTION_TYPE_OPTIONS, AuditCode, AuditPanelComponent, AuditSeverity, BODY_CRUMB_LABEL, BREAKPOINT_PRESENTATION, BUILDER_CANVAS_CONTAINER, BUILDER_CHROME_EN, BUILDER_FONT_LINK_ATTR, BUILDER_TOKEN_SCOPE_CLASS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BreadcrumbBarComponent, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDialogComponent, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CANVAS_EMPTY_IMAGE_LABEL_EN, CANVAS_EMPTY_IMAGE_LABEL_KEY, CANVAS_ROOT_RESET_CSS, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, DEFAULT_ESSENTIAL_TRAITS, DRAG_HANDLE_ATTR, DROP_REFUSED_CLASS, DataSourceRegistryService, DataSourceType, DialogComponentConfig, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EDITOR_CHROME_ATTRIBUTE, ESSENTIAL_TRAITS_BY_TYPE, EffectsGroupStyleConfig, FIELD_KIND_PRESETS, FIELD_PARTS, FORM_PRESETS, FORM_STATE_BLOCK_TYPES, FORM_TYPE, FieldComponentConfig, FieldGroupComponentConfig, FormComponentConfig, FormErrorComponentConfig, FormStateService, FormSuccessComponentConfig, GalleryConfig, GroupStyleConfig, INSERT_REFUSAL_LABEL_KEYS, INTERACTION_STATES, INVERSE_ACTION, IOX_BUILDER_CANVAS, IOX_BUILDER_LABELS, IOX_DATA_SOURCE_ENDPOINTS, InsertRefusal, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LAYOUT_PRESETS, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PALETTE_PRESET_DEFS, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, ROOT_ESCAPE_PX, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, RootZone, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SubmitButtonComponentConfig, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VALIDATION_STATES, VALIDATION_STATE_CLASS, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, auditNodes, buildConsentPreset, buildElementStyleSpecimen, buildFieldKindPreset, buildFlavorSpecimen, buildFormPreset, buildFullStyleTraits, buildLayoutPreset, buildPalettePreset, buildPresetStyleTraits, canFluidise, canvasEmptyImageLabel, collapseColumnsProps, columnCountOf, defaultBuilderLabels, defaultPageSettings, dropTargetLabel, escapesRoot, essentialTraitsFor, findNodeLocation, findParentOf, flattenSchemaFields, fluidiseProps, generateNodeId, insertRefusal, insertRefusalLabel, isHiddenAt, isSpecimen, markSpecimen, matchesControlSearch, nearestFormNode, nodeAncestorPath, nodeAncestorPathInEither, reorderProps, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, rootEscapeBand, rootZone, setStyleTrait, setTrait, stackChildrenProps, summarise, syncEmptyImagePlaceholder, syncNodeDesign, textNode, visibilityProps, wrapNode };
+export type { AuditFinding, AuditNode, BreakpointPresentation, BuilderClipboard, BuilderLabelResolver, ComponentEventDef, ComponentMethodDef, ComponentNode, ComponentTrait, ConsentPreset, CreateConfig, Crumb, DesignSpecimenCopy, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, FieldKindDef, FormPresetDef, FormPresetField, FormStateSnapshot, HistoryChange, HistoryEntry, HistoryStep, InsertRefusedEvent, InsertTarget, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxDataSource, IoxDropEvent, IoxInteraction, IoxSymbol, LayoutPresetChildStyles, LayoutPresetDef, NodeRef, OverlayBoxModel, OverlayBoxSpacing, OverlayEntry, PageRouteAnimationSettings, PageScrollSettings, PageSettings, PalettePresetDef, PanelEvent, QuadSizeSegment, RootEscapeMemory, RouteAnimationPreset, ScreenWidthOption, SelectionBadge, StyleMap, StylePart, StylePreset, StyleTrait, StyleTraitGroup, TraitOptionMap, TraitSelectOption, TraitShowCondition, TreePathNode, UpsertTokensOptions, ViewportState, ZoomOption };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@vectoriox/iox-builder",
-  "version": "7.0.2",
+  "version": "8.1.0",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
     "@angular/animations": ">=20.0.0",
     "@angular/cdk": ">=20.0.0",
-    "@vectoriox/iox-ui": ">=5.21.0",
+    "@vectoriox/iox-ui": ">=5.22.0",
     "interactjs": "^1.10.27",
     "primeng": ">=20.0.0",
     "swiper": ">=12.0.0",