@vectoriox/iox-builder 1.1.1 → 1.1.2

package/package.json

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

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

@@ -765,18 +765,24 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
 /**
  * StyleRegistryService — manages a single <style> tag for the builder canvas.
  *
- * Each builder component gets a unique CSS class `.iox-node-{id}` applied to its
- * first inner element. onUpdate() in the style panel calls upsert() to compile
- * the flat style-trait map into a CSS rule and flush it to the stylesheet.
+ * Each builder component gets two CSS classes:
+ *   .iox-node-{id}  — applied to the inner element; handles layout/visual props
+ *                     (display, flex, background, border, padding, etc.)
+ *   .iox-outer-{id} — applied to the host element by RenderDirective; handles
+ *                     properties that participate in the PARENT flow (margin,
+ *                     align-self, flex-grow/shrink/basis, order).
  *
- * This replaces the old [ngStyle] binding, enabling future support for
- * hover states, breakpoints, and pseudo-selectors without DOM modifications.
+ * This split is necessary because margin on an inner wrapper only adds internal
+ * space — it does not push sibling elements. Applying margin to the host element
+ * (which IS the flex/block child in the parent container) makes it work correctly.
  *
  * Scoped to PageUiComponent.providers[] — one stylesheet per builder instance.
  */
 declare class StyleRegistryService {
     private rules;
     private styleEl;
+    /** Properties that must live on the host element to affect the parent layout. */
+    private static readonly OUTER_PROPS;
     init(): void;
     upsert(nodeId: string, styles: Record<string, any>): void;
     remove(nodeId: string): void;