@vectoriox/iox-builder 1.4.6 → 1.4.8

package/package.json

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

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

@@ -332,6 +332,8 @@ interface DeviceOption {
     label: string;
     icon: string;
     width: number;
+    /** Simulated browser viewport height in CSS px. */
+    height: number;
 }
 declare const DEVICE_OPTIONS: DeviceOption[];
 interface ZoomOption {
@@ -608,7 +610,9 @@ interface ViewportState {
     device: DeviceMode;
     /** Real canvas width in CSS pixels (e.g., 1440 for desktop). */
     width: number;
-    /** Visual scale factor (0–1+). Canvas is rendered at `width` then scaled. */
+    /** Real canvas height in CSS pixels (e.g., 900 for desktop). Simulates the browser viewport. */
+    height: number;
+    /** Visual scale factor (0–1+). Canvas is rendered at `width × height` then scaled. */
     scale: number;
 }
 declare class ViewportService {
@@ -623,9 +627,17 @@ declare class ViewportService {
     /**
      * Calculate the scale that makes the canvas fit inside the available editor width.
      * @param availableWidth The pixel width of the editor area that holds the canvas.
-     * @param padding Optional horizontal padding to subtract (default 20px each side).
+     * @param padding Optional horizontal padding to subtract (default 40px total).
      */
     fitToWidth(availableWidth: number, padding?: number): void;
+    /**
+     * Calculate the scale that makes the canvas fit both the available width AND height.
+     * Uses the smaller of the two scale factors so the entire viewport frame is visible.
+     * @param containerWidth  Available container width in screen pixels.
+     * @param containerHeight Available container height in screen pixels.
+     * @param padding         Total padding to subtract from both dimensions (default 40px).
+     */
+    fitToSize(containerWidth: number, containerHeight: number, padding?: number): void;
     /**
      * Convert a screen-space coordinate to canvas-space (unscaled).
      * Call this when translating pointer events into canvas-relative positions.
@@ -833,6 +845,13 @@ declare class StyleRegistryService {
     remove(nodeId: string): void;
     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`.
+     */
+    private rewriteVh;
     private toKebabCase;
     private flush;
     static ɵfac: i0.ɵɵFactoryDeclaration<StyleRegistryService, never>;