@vectoriox/iox-builder 1.4.8 → 1.4.10

package/package.json

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

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

@@ -726,6 +726,14 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     get globalElementsAfter(): ComponentNode[];
     /** Canvas width in CSS pixels (driven by ViewportService). */
     get viewportWidth(): number;
+    /** Canvas viewport height in CSS pixels (driven by ViewportService). */
+    get viewportHeight(): number;
+    /** Visual (scaled) canvas height — used to cap .preview-scroll so the canvas
+     *  frame shows exactly one device viewport, matching 100vh = device.height exactly. */
+    get viewportScaledHeight(): number;
+    /** CSS height for .preview-scroll: the lesser of the scaled viewport height
+     *  and the available canvas area. Keeps the canvas frame viewport-sized. */
+    get previewScrollHeight(): string;
     /** Visual (scaled) canvas width — used to size the scroll container so the
      *  scrollbar aligns with the right edge of the canvas, not the CMS shell. */
     get viewportScaledWidth(): number;
@@ -739,10 +747,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
      * not unscaled CSS px — correct at any zoom level.
      */
     get scaledContentHeight(): number;
-    /**
-     * The canvas min-height simulates a real browser viewport.
-     * We subtract the builder header (~49px) and some padding from window.innerHeight.
-     */
+    /** The canvas starts at the simulated viewport height, just like a real empty browser page. */
     get canvasMinHeight(): number;
     private sub?;
     private registrySub?;
@@ -751,6 +756,13 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    /**
+     * Set --preview-vh on .preview-scroll so that vh values rewritten by
+     * StyleRegistryService resolve to the SIMULATED viewport height, not the
+     * real browser viewport. e.g. desktop (900px): --preview-vh = 9px → 100vh = 900px.
+     * Falls back to 1vh in production where --preview-vh is never defined.
+     */
+    private updatePreviewVh;
     private initLenis;
     private destroyLenis;
     addComponent(name: string): void;