@vectoriox/iox-builder 4.3.0 → 4.4.0

package/index.d.ts

@@ -1,24 +1,24 @@
 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 * as i28 from '@vectoriox/iox-ui';
+import * as i29 from '@vectoriox/iox-ui';
 import { ResponsiveOverrides, RelativeSourceSpec, Breakpoint, DataSourceEndpoints } from '@vectoriox/iox-ui';
 export { ComponentInstanceRegistryService, IoxContextSlot, SetContextParams, VIRTUAL_TRAIT_KEYS, composeVirtualTraits } from '@vectoriox/iox-ui';
 import * as rxjs from 'rxjs';
 import { Subject, Subscription, BehaviorSubject, Observable } from 'rxjs';
 import * as _vectoriox_iox_builder from '@vectoriox/iox-builder';
-import * as i23 from 'primeng/popover';
+import * as i24 from 'primeng/popover';
 import { Popover } from 'primeng/popover';
 import { HttpClient } from '@angular/common/http';
-import * as i20 from '@angular/cdk/drag-drop';
+import * as i21 from '@angular/cdk/drag-drop';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i18 from '@angular/common';
-import * as i19 from '@angular/forms';
-import * as i21 from 'primeng/accordion';
-import * as i22 from 'primeng/button';
-import * as i24 from 'primeng/inputtext';
-import * as i25 from 'primeng/select';
-import * as i26 from 'primeng/tooltip';
-import * as i27 from 'primeng/dialog';
+import * as i19 from '@angular/common';
+import * as i20 from '@angular/forms';
+import * as i22 from 'primeng/accordion';
+import * as i23 from 'primeng/button';
+import * as i25 from 'primeng/inputtext';
+import * as i26 from 'primeng/select';
+import * as i27 from 'primeng/tooltip';
+import * as i28 from 'primeng/dialog';
 
 declare enum StyleCategory {
     Layout = "Layout",
@@ -1359,6 +1359,111 @@ declare class ViewportService {
 /** Override counts per breakpoint — what the breakpoint bar's dots show. Base is never present. */
 type BreakpointCounts = Partial<Record<Breakpoint, number>>;
 
+/**
+ * STRUCTURE OPS (A4) — the one-click layout changes people actually make at a narrow width, as pure
+ * "what to write" functions. Each returns a flat style map the caller stores in the node's
+ * `responsive[bp]` layer (or in the base styles at Base) through the shared `setOverride`.
+ *
+ * All of it is ordinary CSS the SSR engine already renders — there is no second tree and no
+ * per-width HTML. See responsive-breakpoints-plan.md (D5).
+ */
+type StyleMap = Record<string, any>;
+/**
+ * Hide / show at a width. Hiding is `display: none` INSIDE that breakpoint's rules — the node stays
+ * in the DOM and in the SSR output (one HTML document serves every width), so hidden content still
+ * ships bytes and is still indexed. Showing again clears the override rather than guessing a value.
+ *
+ * @returns the props to write, or `null` meaning "clear the display override at this breakpoint".
+ */
+declare function visibilityProps(hidden: boolean): StyleMap | null;
+/** True when this node is hidden by the resolved styles at some width. */
+declare function isHiddenAt(resolvedStyleProps: StyleMap | null | undefined): boolean;
+/**
+ * Stack a container's children in one column — the most common mobile edit, and four separate
+ * controls today (display, direction, wrap, columns). A grid becomes a single-column grid; anything
+ * else becomes a column flex box.
+ */
+declare function stackChildrenProps(resolvedStyleProps: StyleMap | null | undefined): StyleMap;
+/**
+ * Collapse a grid to `count` columns (a flex row is stacked instead — it has no column track).
+ * `count` is clamped to at least 1.
+ */
+declare function collapseColumnsProps(resolvedStyleProps: StyleMap | null | undefined, count: number): StyleMap;
+/** How many equal columns a `repeat(N, …)` track list describes, or null when it isn't one. */
+declare function columnCountOf(resolvedStyleProps: StyleMap | null | undefined): number | null;
+/**
+ * Make fixed pixel sizes fluid: `width: 520px` → `width: 100%` with the original kept as
+ * `max-width`, so the element still never exceeds its designed size on a wide screen. `minWidth` in
+ * px is dropped to 0 — it is what actually forces horizontal scrolling on a phone.
+ *
+ * @returns the props to write; EMPTY when there is nothing fixed to fluidise.
+ */
+declare function fluidiseProps(resolvedStyleProps: StyleMap | null | undefined): StyleMap;
+/** True when `fluidiseProps` would change anything — drives the button's disabled state. */
+declare function canFluidise(resolvedStyleProps: StyleMap | null | undefined): boolean;
+/**
+ * Reorder children AT ONE WIDTH using CSS `order`, leaving the tree — and so the DOM and
+ * screen-reader order — untouched. Returns one value per child BY CHILD INDEX: the `order` it must
+ * take, or `null` for "no override needed".
+ *
+ * Either every child gets an explicit `order` or none does: CSS defaults `order` to 0, so a partial
+ * set would mix overridden children with unordered ones and read as an arbitrary interleave.
+ *
+ * @param count  How many children there are.
+ * @param from   Index of the child being moved.
+ * @param to     Index it should occupy.
+ */
+declare function reorderProps(count: number, from: number, to: number): Array<number | null>;
+
+/**
+ * RESPONSIVE AUDIT (A5) — find what is broken at a width, from the node tree plus ONE measurement
+ * pass. A builder that lets you author five widths must also tell you which of them are broken.
+ *
+ * Pure: the caller measures (one `getBoundingClientRect` per node, off the animation path) and
+ * passes the numbers in. Every finding that can be repaired carries the exact props to write, so a
+ * fix is one `setOverride` per key — one undo step, and it shows as an ordinary override.
+ */
+declare enum AuditCode {
+    Overflow = "overflow",
+    FixedWidth = "fixed-width",
+    TapTarget = "tap-target",
+    TinyText = "tiny-text",
+    UnboundedImage = "unbounded-image"
+}
+declare enum AuditSeverity {
+    Error = "error",
+    Warning = "warning",
+    Info = "info"
+}
+/** One node, resolved at the width being audited. */
+interface AuditNode {
+    id: string;
+    type: string;
+    label?: string;
+    /** Styles RESOLVED at this breakpoint (base + every wider layer + this one). */
+    styleProps: StyleMap;
+    /** Laid-out size in CSS px at this width. */
+    width: number;
+    height: number;
+}
+interface AuditFinding {
+    nodeId: string;
+    nodeName: string;
+    code: AuditCode;
+    severity: AuditSeverity;
+    /** Human summary — the builder library is English-only, like the rest of its chrome. */
+    message: string;
+    /** Props to write into this breakpoint's layer to repair it; absent when no safe auto-fix. */
+    fix?: StyleMap;
+}
+/**
+ * Audit nodes laid out at `viewportWidth`. Returns findings ordered by severity (errors first),
+ * then by the order the nodes were given — so the worst thing is at the top of the list.
+ */
+declare function auditNodes(nodes: readonly AuditNode[], viewportWidth: number): AuditFinding[];
+/** Counts per severity — the per-breakpoint summary strip. */
+declare function summarise(findings: readonly AuditFinding[]): Record<AuditSeverity, number>;
+
 interface BuilderClipboard {
     node?: ComponentNode;
     presetId?: string;
@@ -1416,6 +1521,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     private appRef;
     private moveableCanvas;
     private selectoCanvas;
+    private styleRegistry;
     private contextStore;
     /**
      * Re-apply context-bound inputs on the CANVAS when a slot changes — the builder twin of the
@@ -1470,6 +1576,28 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     breakpointCounts: BreakpointCounts;
     /** Deadline for swallowing the canvas click that completes an overlay action. */
     private _ignoreCanvasClickUntil;
+    /** Findings for the width being edited; the panel is open while `auditOpen`. */
+    auditFindings: AuditFinding[];
+    auditOpen: boolean;
+    auditRunning: boolean;
+    get auditBreakpointLabel(): string;
+    toggleAudit(): void;
+    /**
+     * Audit every rendered node at the width being edited: resolve its styles for this breakpoint
+     * and measure it ONCE (on demand — never on the animation path). Measurements are divided by the
+     * canvas scale, so findings are in CSS px whatever the zoom. The rules are pure — see
+     * `utils/responsive-audit.util.ts`.
+     */
+    runAudit(): void;
+    /** Apply one finding's fix into the current breakpoint's layer (or the base styles at Base). */
+    applyAuditFix(finding: AuditFinding): void;
+    /** Apply every fixable finding, then re-measure. */
+    applyAllAuditFixes(): void;
+    /** Select the node a finding is about. */
+    selectAuditNode(finding: AuditFinding): void;
+    /** A node's full base style map, flattened from its styleTraits. */
+    private baseStyleMapOf;
+    private findNodeById;
     activeZoom: number;
     activeScreenWidth: number;
     selectedItem: ComponentNode | null;
@@ -1530,7 +1658,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     get canvasMinHeight(): number;
     private sub?;
     private registrySub?;
-    constructor(registry: ComponentRegistryService, overlayService: OverlayService, panelEventService: PanelEventService, dragEngine: DragEngineService, dsRegistry: DataSourceRegistryService, viewportService: ViewportService, interactionEngine: InteractionEngineService, interactionPresetRegistry: InteractionPresetRegistryService, clipboard: BuilderClipboardService, symbolRegistry: SymbolRegistryService, cdr: ChangeDetectorRef, appRef: ApplicationRef, moveableCanvas: MoveableCanvasService, selectoCanvas: SelectoCanvasService);
+    constructor(registry: ComponentRegistryService, overlayService: OverlayService, panelEventService: PanelEventService, dragEngine: DragEngineService, dsRegistry: DataSourceRegistryService, viewportService: ViewportService, interactionEngine: InteractionEngineService, interactionPresetRegistry: InteractionPresetRegistryService, clipboard: BuilderClipboardService, symbolRegistry: SymbolRegistryService, cdr: ChangeDetectorRef, appRef: ApplicationRef, moveableCanvas: MoveableCanvasService, selectoCanvas: SelectoCanvasService, styleRegistry: StyleRegistryService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -1905,6 +2033,9 @@ declare class ToolbarComponent {
     activeBreakpoint: Breakpoint;
     /** Overrides per breakpoint — for the selection, or the page when nothing is selected. */
     breakpointCounts: BreakpointCounts;
+    /** Findings at the current width — shown as a count on the audit button. */
+    auditCount: number;
+    auditOpen: boolean;
     activeZoom: number;
     activeScreenWidth: number;
     canUndo: boolean;
@@ -1913,6 +2044,7 @@ declare class ToolbarComponent {
     pageStatus: string;
     modeChange: EventEmitter<BuilderMode>;
     breakpointChange: EventEmitter<Breakpoint>;
+    auditToggle: EventEmitter<void>;
     zoomChange: EventEmitter<number | "fit">;
     screenWidthChange: EventEmitter<number>;
     undo: EventEmitter<void>;
@@ -1950,7 +2082,7 @@ declare class ToolbarComponent {
     toggleZoomPopover(event: Event): void;
     selectZoom(value: number | 'fit'): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "app-toolbar", never, { "activeMode": { "alias": "activeMode"; "required": false; }; "activeBreakpoint": { "alias": "activeBreakpoint"; "required": false; }; "breakpointCounts": { "alias": "breakpointCounts"; "required": false; }; "activeZoom": { "alias": "activeZoom"; "required": false; }; "activeScreenWidth": { "alias": "activeScreenWidth"; "required": false; }; "canUndo": { "alias": "canUndo"; "required": false; }; "canRedo": { "alias": "canRedo"; "required": false; }; "isSaving": { "alias": "isSaving"; "required": false; }; "pageStatus": { "alias": "pageStatus"; "required": false; }; }, { "modeChange": "modeChange"; "breakpointChange": "breakpointChange"; "zoomChange": "zoomChange"; "screenWidthChange": "screenWidthChange"; "undo": "undo"; "redo": "redo"; "save": "save"; "preview": "preview"; "publishToggle": "publishToggle"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "app-toolbar", never, { "activeMode": { "alias": "activeMode"; "required": false; }; "activeBreakpoint": { "alias": "activeBreakpoint"; "required": false; }; "breakpointCounts": { "alias": "breakpointCounts"; "required": false; }; "auditCount": { "alias": "auditCount"; "required": false; }; "auditOpen": { "alias": "auditOpen"; "required": false; }; "activeZoom": { "alias": "activeZoom"; "required": false; }; "activeScreenWidth": { "alias": "activeScreenWidth"; "required": false; }; "canUndo": { "alias": "canUndo"; "required": false; }; "canRedo": { "alias": "canRedo"; "required": false; }; "isSaving": { "alias": "isSaving"; "required": false; }; "pageStatus": { "alias": "pageStatus"; "required": false; }; }, { "modeChange": "modeChange"; "breakpointChange": "breakpointChange"; "auditToggle": "auditToggle"; "zoomChange": "zoomChange"; "screenWidthChange": "screenWidthChange"; "undo": "undo"; "redo": "redo"; "save": "save"; "preview": "preview"; "publishToggle": "publishToggle"; }, never, never, false, never>;
 }
 
 /**
@@ -2457,9 +2589,33 @@ declare class BreadcrumbBarComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbBarComponent, "app-breadcrumb-bar", never, { "path": { "alias": "path"; "required": false; }; }, { "nodeSelect": "nodeSelect"; "nodePeek": "nodePeek"; }, never, never, false, never>;
 }
 
+/**
+ * The responsive audit list (A5) — what is broken at the width being edited, worst first.
+ * Presentational: the builder runs the audit (it owns the tree and the canvas measurements) and
+ * applies the fixes; this only renders and emits.
+ */
+declare class AuditPanelComponent {
+    findings: AuditFinding[];
+    /** Name of the breakpoint being audited, for the header. */
+    breakpointLabel: string;
+    running: boolean;
+    select: EventEmitter<AuditFinding>;
+    fix: EventEmitter<AuditFinding>;
+    fixAll: EventEmitter<void>;
+    rerun: EventEmitter<void>;
+    closePanel: EventEmitter<void>;
+    readonly severities: typeof AuditSeverity;
+    trackFinding(_index: number, finding: AuditFinding): string;
+    /** Findings that carry a safe auto-fix — what "Fix all" would apply. */
+    get fixableCount(): number;
+    iconFor(severity: AuditSeverity): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuditPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuditPanelComponent, "app-audit-panel", never, { "findings": { "alias": "findings"; "required": false; }; "breakpointLabel": { "alias": "breakpointLabel"; "required": false; }; "running": { "alias": "running"; "required": false; }; }, { "select": "select"; "fix": "fix"; "fixAll": "fixAll"; "rerun": "rerun"; "closePanel": "closePanel"; }, never, never, false, never>;
+}
+
 declare class IoxBuilderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IoxBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxBuilderModule, [typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, typeof SliderContainerComponent, typeof SliderSlideComponent, typeof PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent, typeof BreadcrumbBarComponent], [typeof i18.CommonModule, typeof i19.FormsModule, typeof i20.DragDropModule, typeof i21.AccordionModule, typeof i22.ButtonModule, typeof i23.PopoverModule, typeof i24.InputTextModule, typeof i25.SelectModule, typeof i26.TooltipModule, typeof i27.DialogModule, typeof i28.IoxPageModule], [typeof i18.CommonModule, typeof i19.FormsModule, typeof i20.DragDropModule, typeof i21.AccordionModule, typeof i22.ButtonModule, typeof i23.PopoverModule, typeof i24.InputTextModule, typeof i25.SelectModule, typeof i26.TooltipModule, typeof i27.DialogModule, typeof i28.IoxPageModule, typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, typeof SliderContainerComponent, typeof SliderSlideComponent, typeof PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent, typeof BreadcrumbBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxBuilderModule, [typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, typeof SliderContainerComponent, typeof SliderSlideComponent, typeof PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent, typeof BreadcrumbBarComponent, typeof AuditPanelComponent], [typeof i19.CommonModule, typeof i20.FormsModule, typeof i21.DragDropModule, typeof i22.AccordionModule, typeof i23.ButtonModule, typeof i24.PopoverModule, typeof i25.InputTextModule, typeof i26.SelectModule, typeof i27.TooltipModule, typeof i28.DialogModule, typeof i29.IoxPageModule], [typeof i19.CommonModule, typeof i20.FormsModule, typeof i21.DragDropModule, typeof i22.AccordionModule, typeof i23.ButtonModule, typeof i24.PopoverModule, typeof i25.InputTextModule, typeof i26.SelectModule, typeof i27.TooltipModule, typeof i28.DialogModule, typeof i29.IoxPageModule, typeof BuilderComponent, typeof RenderDirective, typeof IoxDraggableDirective, typeof IoxDropzoneDirective, typeof OverlayComponent, typeof ToolbarComponent, typeof SectionComponent, typeof BuilderContainerComponent, typeof BuilderLinkedContainerComponent, typeof BuilderRepeaterComponent, typeof BuilderButtonBlockComponent, typeof SliderContainerComponent, typeof SliderSlideComponent, typeof PanelComponent, typeof PanelChildComponent, typeof LayerTreeComponent, typeof BreadcrumbBarComponent, typeof AuditPanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IoxBuilderModule>;
 }
 
@@ -2600,62 +2756,6 @@ declare function resolveInsertTarget<T extends TreePathNode & {
     children?: T[] | null;
 }>(roots: T[], selected: T | null | undefined, isContainer: (node: T) => boolean): InsertTarget<T>;
 
-/**
- * STRUCTURE OPS (A4) — the one-click layout changes people actually make at a narrow width, as pure
- * "what to write" functions. Each returns a flat style map the caller stores in the node's
- * `responsive[bp]` layer (or in the base styles at Base) through the shared `setOverride`.
- *
- * All of it is ordinary CSS the SSR engine already renders — there is no second tree and no
- * per-width HTML. See responsive-breakpoints-plan.md (D5).
- */
-type StyleMap = Record<string, any>;
-/**
- * Hide / show at a width. Hiding is `display: none` INSIDE that breakpoint's rules — the node stays
- * in the DOM and in the SSR output (one HTML document serves every width), so hidden content still
- * ships bytes and is still indexed. Showing again clears the override rather than guessing a value.
- *
- * @returns the props to write, or `null` meaning "clear the display override at this breakpoint".
- */
-declare function visibilityProps(hidden: boolean): StyleMap | null;
-/** True when this node is hidden by the resolved styles at some width. */
-declare function isHiddenAt(resolvedStyleProps: StyleMap | null | undefined): boolean;
-/**
- * Stack a container's children in one column — the most common mobile edit, and four separate
- * controls today (display, direction, wrap, columns). A grid becomes a single-column grid; anything
- * else becomes a column flex box.
- */
-declare function stackChildrenProps(resolvedStyleProps: StyleMap | null | undefined): StyleMap;
-/**
- * Collapse a grid to `count` columns (a flex row is stacked instead — it has no column track).
- * `count` is clamped to at least 1.
- */
-declare function collapseColumnsProps(resolvedStyleProps: StyleMap | null | undefined, count: number): StyleMap;
-/** How many equal columns a `repeat(N, …)` track list describes, or null when it isn't one. */
-declare function columnCountOf(resolvedStyleProps: StyleMap | null | undefined): number | null;
-/**
- * Make fixed pixel sizes fluid: `width: 520px` → `width: 100%` with the original kept as
- * `max-width`, so the element still never exceeds its designed size on a wide screen. `minWidth` in
- * px is dropped to 0 — it is what actually forces horizontal scrolling on a phone.
- *
- * @returns the props to write; EMPTY when there is nothing fixed to fluidise.
- */
-declare function fluidiseProps(resolvedStyleProps: StyleMap | null | undefined): StyleMap;
-/** True when `fluidiseProps` would change anything — drives the button's disabled state. */
-declare function canFluidise(resolvedStyleProps: StyleMap | null | undefined): boolean;
-/**
- * Reorder children AT ONE WIDTH using CSS `order`, leaving the tree — and so the DOM and
- * screen-reader order — untouched. Returns one value per child BY CHILD INDEX: the `order` it must
- * take, or `null` for "no override needed".
- *
- * Either every child gets an explicit `order` or none does: CSS defaults `order` to 0, so a partial
- * set would mix overridden children with unordered ones and read as an arbitrary interleave.
- *
- * @param count  How many children there are.
- * @param from   Index of the child being moved.
- * @param to     Index it should occupy.
- */
-declare function reorderProps(count: number, from: number, to: number): Array<number | null>;
-
 /**
  * ESSENTIALS (B3) — the handful of style controls that matter first for each component type.
  *
@@ -2778,5 +2878,5 @@ declare class TextBlockComponentConfig extends ComponentConfig {
     constructor();
 }
 
-export { ACTION_TYPE_OPTIONS, BREAKPOINT_PRESENTATION, BUILDER_CANVAS_CONTAINER, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BreadcrumbBarComponent, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, DEFAULT_ESSENTIAL_TRAITS, DRAG_HANDLE_ATTR, DataSourceRegistryService, DataSourceType, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, ESSENTIAL_TRAITS_BY_TYPE, EffectsGroupStyleConfig, GalleryConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_DATA_SOURCE_ENDPOINTS, IOX_FONT_MANAGER, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, 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, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, buildFullStyleTraits, buildPresetStyleTraits, canFluidise, collapseColumnsProps, columnCountOf, defaultPageSettings, dropTargetLabel, essentialTraitsFor, findNodeLocation, findParentOf, flattenSchemaFields, fluidiseProps, generateNodeId, isHiddenAt, matchesControlSearch, nodeAncestorPath, nodeAncestorPathInEither, reorderProps, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, stackChildrenProps, visibilityProps, wrapNode };
-export type { BreakpointPresentation, BuilderClipboard, ComponentEventDef, ComponentMethodDef, ComponentNode, ComponentTrait, Crumb, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, HistoryEntry, InsertTarget, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxDataSource, IoxDropEvent, IoxFontManager, IoxInteraction, IoxSymbol, NodeRef, OverlayBoxModel, OverlayBoxSpacing, OverlayEntry, PageRouteAnimationSettings, PageScrollSettings, PageSettings, PageStyleSettings, PanelEvent, QuadSizeSegment, RouteAnimationPreset, ScreenWidthOption, SelectionBadge, StyleMap, StylePreset, StyleTrait, StyleTraitGroup, TraitOptionMap, TraitSelectOption, TraitShowCondition, TreePathNode, ViewportState, ZoomOption };
+export { ACTION_TYPE_OPTIONS, AuditCode, AuditPanelComponent, AuditSeverity, BREAKPOINT_PRESENTATION, BUILDER_CANVAS_CONTAINER, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BreadcrumbBarComponent, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, DEFAULT_ESSENTIAL_TRAITS, DRAG_HANDLE_ATTR, DataSourceRegistryService, DataSourceType, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, ESSENTIAL_TRAITS_BY_TYPE, EffectsGroupStyleConfig, GalleryConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_DATA_SOURCE_ENDPOINTS, IOX_FONT_MANAGER, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, 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, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, auditNodes, buildFullStyleTraits, buildPresetStyleTraits, canFluidise, collapseColumnsProps, columnCountOf, defaultPageSettings, dropTargetLabel, essentialTraitsFor, findNodeLocation, findParentOf, flattenSchemaFields, fluidiseProps, generateNodeId, isHiddenAt, matchesControlSearch, nodeAncestorPath, nodeAncestorPathInEither, reorderProps, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, stackChildrenProps, summarise, visibilityProps, wrapNode };
+export type { AuditFinding, AuditNode, BreakpointPresentation, BuilderClipboard, ComponentEventDef, ComponentMethodDef, ComponentNode, ComponentTrait, Crumb, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, HistoryEntry, InsertTarget, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxDataSource, IoxDropEvent, IoxFontManager, IoxInteraction, IoxSymbol, NodeRef, OverlayBoxModel, OverlayBoxSpacing, OverlayEntry, PageRouteAnimationSettings, PageScrollSettings, PageSettings, PageStyleSettings, PanelEvent, QuadSizeSegment, RouteAnimationPreset, ScreenWidthOption, SelectionBadge, StyleMap, StylePreset, StyleTrait, StyleTraitGroup, TraitOptionMap, TraitSelectOption, TraitShowCondition, TreePathNode, ViewportState, ZoomOption };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectoriox/iox-builder",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",