@vectoriox/iox-builder 2.0.4 → 2.1.1

package/package.json

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

package/types/vectoriox-iox-builder.d.ts

@@ -1364,12 +1364,23 @@ declare class RenderDirective implements OnInit, OnDestroy {
     private interactionEngine;
     private cdr;
     private panelEventService;
+    private dragEngine;
     ioxRender: ComponentNode | null;
+    /**
+     * WRAPPER-COLLAPSE opt-in (task 9c). When a parent renders a child DIRECTLY (no `iox-outer`
+     * wrapper div), it passes the parent dropzone id here. The RenderDirective then puts the
+     * `iox-outer-{id}` class on the node HOST (so the host is the single flex/grid item carrying both
+     * `iox-outer` + `iox-node`, like the SSR engine) and registers drag on the host. When unset
+     * (`null`), the legacy path is byte-identical — the parent's wrapper owns `iox-outer` + drag.
+     */
+    ioxDragSourceId: string | null;
     onClick: EventEmitter<any>;
     onMouseEnter: EventEmitter<any>;
     onMouseLeave: EventEmitter<any>;
     private childSubs;
-    constructor(vcr: ViewContainerRef, injector: Injector, envInjector: EnvironmentInjector, doc: Document, registryService: ComponentRegistryService, overlayService: OverlayService, styleRegistry: StyleRegistryService, interactionEngine: InteractionEngineService, cdr: ChangeDetectorRef, panelEventService: PanelEventService);
+    /** Host element drag was registered on (collapsed path) — unregistered on destroy. */
+    private hostDragEl;
+    constructor(vcr: ViewContainerRef, injector: Injector, envInjector: EnvironmentInjector, doc: Document, registryService: ComponentRegistryService, overlayService: OverlayService, styleRegistry: StyleRegistryService, interactionEngine: InteractionEngineService, cdr: ChangeDetectorRef, panelEventService: PanelEventService, dragEngine: DragEngineService);
     /**
      * Tag for a variable-tag directive-host (whose selector lists several tags, so
      * `vcr.createComponent` would always pick the first). Reads the value from the node's traits.
@@ -1394,7 +1405,7 @@ declare class RenderDirective implements OnInit, OnDestroy {
     /** Try setInput(); fall back to direct assignment for non-@Input properties. */
     private safeSetInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<RenderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RenderDirective, "[ioxRender]", never, { "ioxRender": { "alias": "ioxRender"; "required": false; }; }, { "onClick": "onClick"; "onMouseEnter": "onMouseEnter"; "onMouseLeave": "onMouseLeave"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RenderDirective, "[ioxRender]", never, { "ioxRender": { "alias": "ioxRender"; "required": false; }; "ioxDragSourceId": { "alias": "ioxDragSourceId"; "required": false; }; }, { "onClick": "onClick"; "onMouseEnter": "onMouseEnter"; "onMouseLeave": "onMouseLeave"; }, never, never, false, never>;
 }
 
 declare class IoxDraggableDirective implements OnInit, OnDestroy {
@@ -1771,7 +1782,22 @@ declare class BuilderRepeaterComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<BuilderRepeaterComponent, "app-builder-repeater", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "source": { "alias": "source"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
 }
 
+/**
+ * Directive-host ButtonBlock (wrapper collapse, task 9c). The real `<button>`/`<a>` IS the host —
+ * chosen by RenderDirective via `hostElement` from the `tag` trait (`variableTag`), NOT an internal
+ * `<button>` in the template. This matches the SSR engine's `button[iox-button-block]` component and
+ * every other collapsed builder component (Container/Section/List/…): ONE element per node carrying
+ * BOTH `iox-outer-{id}` (margin/width) + `iox-node-{id}` (visual props). Previously this component
+ * kept the OLD pattern — a custom-element selector plus a template that rendered its own
+ * `<button class="button-block-root">` — so RenderDirective's host `<button>` (iox-outer) wrapped a
+ * second `<button>` (iox-node): button-in-button, and width (outer) + aspect-ratio (inner) split
+ * across two elements so aspect-ratio never resolved. Collapsing to the single host fixes both.
+ *
+ * The `button`/`a` UA resets (border, background, text-decoration) live in the builder app's global
+ * styles.scss, kept OFF `:host` so styleProps (`.iox-node-{id}`) can override them.
+ */
 declare class BuilderButtonBlockComponent implements OnInit, OnDestroy {
+    private elRef;
     private dragEngine;
     private cdr;
     children: ComponentNode[];
@@ -1787,12 +1813,12 @@ declare class BuilderButtonBlockComponent implements OnInit, OnDestroy {
     childClick: EventEmitter<any>;
     childMouseEnter: EventEmitter<any>;
     childMouseLeave: EventEmitter<void>;
-    constructor(dragEngine: DragEngineService, cdr: ChangeDetectorRef);
+    constructor(elRef: ElementRef<HTMLElement>, dragEngine: DragEngineService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onDrop(event: IoxDropEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderButtonBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderButtonBlockComponent, "app-builder-button-block", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderButtonBlockComponent, "button[iox-button-block],a[iox-button-block]", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
 }
 
 declare class SliderContainerComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {