@vectoriox/iox-builder 4.29.0 → 4.31.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 * as i30 from '@vectoriox/iox-ui';
-import { ResponsiveOverrides, RelativeSourceSpec, Breakpoint, PageStyleSettings, FormRenderState, DataSourceEndpoints, ComponentInstanceRegistryService } from '@vectoriox/iox-ui';
+import { ResponsiveOverrides, RelativeSourceSpec, Breakpoint, PageStyleSettings, FormRenderState, ComponentInstanceRegistryService, DataSourceEndpoints } 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';
@@ -1979,7 +1979,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     private readNodeDisplay;
     private handlePanelEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderComponent, "app-builder", never, { "layout": { "alias": "layout"; "required": false; }; "dataSources": { "alias": "dataSources"; "required": false; }; "orgId": { "alias": "orgId"; "required": false; }; "routeParams": { "alias": "routeParams"; "required": false; }; "pageName": { "alias": "pageName"; "required": false; }; "isSaving": { "alias": "isSaving"; "required": false; }; "pageStatus": { "alias": "pageStatus"; "required": false; }; "pageSettings": { "alias": "pageSettings"; "required": false; }; "globalElements": { "alias": "globalElements"; "required": false; }; "canUndo": { "alias": "canUndo"; "required": false; }; "canRedo": { "alias": "canRedo"; "required": false; }; "moveableMode": { "alias": "moveableMode"; "required": false; }; }, { "save": "save"; "undo": "undo"; "redo": "redo"; "back": "back"; "preview": "preview"; "publishToggle": "publishToggle"; "pageSettingsChange": "pageSettingsChange"; "applyAnimationToAll": "applyAnimationToAll"; "saveBlock": "saveBlock"; "globalElementsChange": "globalElementsChange"; }, never, ["[builderPages]", "[builderComponents]", "[builderTokens]", "[builderPanel]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderComponent, "app-builder", never, { "layout": { "alias": "layout"; "required": false; }; "dataSources": { "alias": "dataSources"; "required": false; }; "orgId": { "alias": "orgId"; "required": false; }; "routeParams": { "alias": "routeParams"; "required": false; }; "pageName": { "alias": "pageName"; "required": false; }; "isSaving": { "alias": "isSaving"; "required": false; }; "pageStatus": { "alias": "pageStatus"; "required": false; }; "pageSettings": { "alias": "pageSettings"; "required": false; }; "globalElements": { "alias": "globalElements"; "required": false; }; "canUndo": { "alias": "canUndo"; "required": false; }; "canRedo": { "alias": "canRedo"; "required": false; }; "moveableMode": { "alias": "moveableMode"; "required": false; }; }, { "save": "save"; "undo": "undo"; "redo": "redo"; "back": "back"; "preview": "preview"; "publishToggle": "publishToggle"; "pageSettingsChange": "pageSettingsChange"; "applyAnimationToAll": "applyAnimationToAll"; "saveBlock": "saveBlock"; "globalElementsChange": "globalElementsChange"; }, never, ["[builderToolbarActions]", "[builderPages]", "[builderComponents]", "[builderTokens]", "[builderPanel]"], false, never>;
 }
 
 /**
@@ -2119,6 +2119,8 @@ declare class PresetRegistryService {
 }
 
 declare class OverlayComponent implements OnInit, OnDestroy {
+    private elRef;
+    private instanceRegistry;
     private overlayService;
     private viewportService;
     private presetRegistry;
@@ -2151,6 +2153,9 @@ declare class OverlayComponent implements OnInit, OnDestroy {
     hiMarginStyle: Record<string, string>;
     hiPaddingStyle: Record<string, string>;
     selectOutlineStyle: Record<string, string>;
+    /** Toolbar flips INSIDE the outline near the canvas top — it must never sit on the
+     *  breadcrumb band (builder chrome never overlaps builder chrome; live find 2026-10-09). */
+    toolbarInside: boolean;
     moreMenuVisible: boolean;
     moreMenuStyle: Record<string, string>;
     badgeMenuVisible: boolean;
@@ -2170,7 +2175,7 @@ declare class OverlayComponent implements OnInit, OnDestroy {
     private boundUpdate;
     private boundScrollUpdate;
     private activeScrollContainer;
-    constructor(overlayService: OverlayService, viewportService: ViewportService, presetRegistry: PresetRegistryService, symbolRegistry: SymbolRegistryService, interactionPresetRegistry: InteractionPresetRegistryService, interactionEngine: InteractionEngineService, clipboard: BuilderClipboardService, styleRegistry: StyleRegistryService, panelEventService: PanelEventService, cdr: ChangeDetectorRef, dragEngine: DragEngineService);
+    constructor(elRef: ElementRef<HTMLElement>, instanceRegistry: ComponentInstanceRegistryService, overlayService: OverlayService, viewportService: ViewportService, presetRegistry: PresetRegistryService, symbolRegistry: SymbolRegistryService, interactionPresetRegistry: InteractionPresetRegistryService, interactionEngine: InteractionEngineService, clipboard: BuilderClipboardService, styleRegistry: StyleRegistryService, panelEventService: PanelEventService, cdr: ChangeDetectorRef, dragEngine: DragEngineService);
     /** Resolves the selected node's OWNING dropzone id dynamically — the drag-handle isn't
      *  rendered inside any container (it's overlay chrome), so it has no source id of its own. */
     get dragHandleSourceId(): string | null;
@@ -2227,6 +2232,11 @@ declare class OverlayComponent implements OnInit, OnDestroy {
     onCopyInteractionPreset(event: MouseEvent): void;
     onPasteInteractionPreset(event: MouseEvent): void;
     get isSliderContainer(): boolean;
+    /** Boards A4/A5: a closed dialog has NO canvas presence — this toolbar eye (and the layer
+     *  tree row) is how an author opens and closes it for design. */
+    get isDialog(): boolean;
+    get dialogDesignOpen(): boolean;
+    onToggleDialogOpen(event: MouseEvent): void;
     onAddSlide(event: MouseEvent): void;
     onDetachSymbol(event: MouseEvent): void;
     onResyncSymbol(event: MouseEvent): void;
@@ -2342,7 +2352,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; }; "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>;
+    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, ["*"], false, never>;
 }
 
 /**
@@ -2613,13 +2623,17 @@ declare class BuilderButtonBlockComponent implements OnInit, OnDestroy {
  * The Dialog's CANVAS twin (actions plan A1b / boards A4–A5). Two render strategies, one model:
  * the live site uses a real `<dialog>` (top layer); here the overlay is `position: fixed`, which
  * a transformed ancestor CONTAINS — so it fills the page frame, not the admin viewport, at every
- * zoom. Closed it renders as a compact chip in flow (A4's "closed later? reopen from the chip"),
- * and a freshly dropped EMPTY dialog opens itself — you land designing it, not hunting it.
+ * zoom. CLOSED IT RENDERS NOTHING (board A4): the dialog's handles are the LAYER TREE row and
+ * the selection toolbar's eye — a chip in the page flow was a live-test deviation (2026-10-09)
+ * that polluted the canvas and hid the node's name. Selecting the node (tree, breadcrumb)
+ * reopens it; a freshly dropped EMPTY dialog opens itself — you land designing it, not hunting
+ * it. `placement` (A5: "placement is a style choice") positions the surface on both twins.
  * Open/close/toggle actions reach it through the instance registry, same as Swiper's methods.
  */
 declare class BuilderDialogComponent implements OnInit, OnDestroy {
     private dragEngine;
     private instanceRegistry;
+    private overlayService;
     private cdr;
     children: ComponentNode[];
     style: {
@@ -2629,18 +2643,21 @@ declare class BuilderDialogComponent implements OnInit, OnDestroy {
     dropListId: string;
     closeOnBackdrop: boolean | string;
     showCloseButton: boolean | string;
+    placement: string;
     childClick: EventEmitter<any>;
     childMouseEnter: EventEmitter<any>;
     childMouseLeave: EventEmitter<void>;
     /** Canvas-only visibility. Never serialised; the live site always starts closed. */
     designOpen: boolean;
-    constructor(dragEngine: DragEngineService, instanceRegistry: ComponentInstanceRegistryService, cdr: ChangeDetectorRef);
+    get placementValue(): string;
+    private selectSub?;
+    constructor(dragEngine: DragEngineService, instanceRegistry: ComponentInstanceRegistryService, overlayService: OverlayService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onBackdrop(): void;
     onDrop(event: IoxDropEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderDialogComponent, "app-builder-dialog", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderDialogComponent, "app-builder-dialog", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
 }
 
 declare class SliderContainerComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {

package/package.json

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