@vectoriox/iox-builder 1.7.11 → 1.7.12

package/package.json

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

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

@@ -843,8 +843,14 @@ declare class MoveableCanvasService {
     /** Called after a geometry commit (resize) so the host can emit LAYOUT_CHANGED (undo/save). */
     onLayoutChanged: (() => void) | null;
     constructor(dragEngine: DragEngineService, styleRegistry: StyleRegistryService);
-    /** Wire the Moveable control box into `container`; `scaleGetter` returns the live canvas zoom. */
-    init(container: HTMLElement, scaleGetter: () => number): void;
+    /** Preview device viewport size (CSS px) — reference for vw/vh unit conversion on resize. */
+    private viewportGetter;
+    /** Wire the Moveable control box into `container`; `scaleGetter` returns the live canvas zoom;
+     *  `viewportGetter` returns the previewed device viewport size (for vw/vh resize conversion). */
+    init(container: HTMLElement, scaleGetter: () => number, viewportGetter?: () => {
+        width: number;
+        height: number;
+    }): void;
     /** Point Moveable at the selected element (skips inline-edit + preview-clone targets). */
     select(element: HTMLElement | null, node: ComponentNode | null): void;
     /** Recompute the control-box position (call on scroll/zoom/layout changes). */
@@ -857,6 +863,11 @@ declare class MoveableCanvasService {
     private destroyMoveable;
     private commitDrag;
     private commitResize;
+    /** The node's currently-configured value for a style trait (e.g. '100%', '120px'). */
+    private currentStyleValue;
+    /** Convert a pixel measurement into the unit the user configured, so resizing from the canvas
+     *  preserves %, vw/vh, em/rem etc. instead of always writing px. */
+    private toConfiguredUnit;
     /** Write geometry changes into the node's styleTraits (the serialized source of truth) and the
      *  central stylesheet, so the style panel, save (self-describing), and SSR engine all agree. */
     private applyStyle;