@vectoriox/iox-builder 1.4.26 → 1.4.28

package/package.json

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

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

@@ -802,10 +802,14 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
-     * Set --preview-vh on .preview-scroll so that 100vh fills the visible canvas
-     * frame at the current scale. Value = canvas frame height ÷ scale ÷ 100, so
-     * calc(100 * var(--preview-vh)) equals the frame height in canvas-space pixels.
-     * Falls back to 1vh in the live page (no --preview-vh defined there).
+     * Set --preview-vh / --preview-vw on .preview-scroll so that viewport-relative
+     * units (vh, vw) inside the canvas resolve to the simulated canvas dimensions
+     * rather than the real browser viewport.
+     *
+     * --preview-vh = canvas frame height (unscaled) / 100
+     * --preview-vw = canvas width from viewport state / 100
+     *
+     * Both fall back to their native unit in production (no variables defined).
      */
     private updatePreviewVh;
     private initLenis;
@@ -916,10 +920,12 @@ declare class StyleRegistryService {
     destroy(): void;
     private compile;
     /**
-     * Rewrite bare `vh` values to `calc(N * var(--preview-vh, 1vh))` so they
-     * resolve to the simulated viewport height in the builder canvas.
-     * In production (no --preview-vh defined) the fallback `1vh` preserves the
-     * original behaviour: `calc(50 * 1vh)` == `50vh`.
+     * Rewrite viewport-relative units so they resolve to the simulated canvas
+     * dimensions rather than the real browser viewport.
+     *
+     * --preview-vh / --preview-vw are set by BuilderComponent via ResizeObserver
+     * and viewport-state subscription. In production (no variables defined) the
+     * fallbacks `1vh` / `1vw` restore the original browser behaviour.
      */
     private rewriteVh;
     private toKebabCase;
@@ -1162,6 +1168,7 @@ declare class BuilderContainerComponent implements OnInit, OnDestroy {
     };
     nodeId: string;
     dropListId: string;
+    htmlTag: string;
     childClick: EventEmitter<any>;
     childMouseEnter: EventEmitter<any>;
     childMouseLeave: EventEmitter<void>;
@@ -1171,7 +1178,7 @@ declare class BuilderContainerComponent implements OnInit, OnDestroy {
     get listOrientation(): 'horizontal' | 'vertical';
     onDrop(event: IoxDropEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderContainerComponent, "app-builder-container", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "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<BuilderContainerComponent, "app-builder-container", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "htmlTag": { "alias": "htmlTag"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
 }
 
 declare class BuilderLinkedContainerComponent implements OnInit, OnDestroy {