@wire-dsl/engine 0.5.0 → 0.7.0

package/dist/index.d.cts

@@ -290,8 +290,8 @@ interface IRComponentNode {
 interface IRNodeStyle {
     padding?: string;
     gap?: string;
-    align?: 'left' | 'center' | 'right' | 'justify';
-    justify?: 'start' | 'center' | 'end';
+    justify?: 'start' | 'center' | 'end' | 'stretch' | 'spaceBetween' | 'spaceAround';
+    align?: 'start' | 'center' | 'end';
     background?: string;
 }
 interface IRMeta {
@@ -480,6 +480,19 @@ declare class LayoutEngine {
     private wrapTextToLines;
     private getIntrinsicComponentHeight;
     private getControlLabelOffset;
+    /**
+     * Returns true when a container's width can be calculated from its children
+     * (i.e. it is a horizontal non-stretch stack). False means the container
+     * behaves like `flex-grow:1` and should absorb remaining space.
+     */
+    private containerHasIntrinsicWidth;
+    /**
+     * Returns the natural (intrinsic) width of any node — component or container.
+     * For horizontal non-stretch containers the width is the sum of their children's
+     * intrinsic widths plus gaps, capped at `availableWidth`. All other containers
+     * are assumed to take the full available width (they stretch or grow).
+     */
+    private getIntrinsicWidth;
     private getIntrinsicComponentWidth;
     private calculateChildHeight;
     private calculateChildWidth;
@@ -690,6 +703,7 @@ declare class SVGRenderer {
     protected renderTable(node: IRComponentNode, pos: any): string;
     protected renderChartPlaceholder(node: IRComponentNode, pos: any): string;
     protected renderText(node: IRComponentNode, pos: any): string;
+    protected renderParagraph(node: IRComponentNode, pos: any): string;
     protected renderLabel(node: IRComponentNode, pos: any): string;
     protected renderCode(node: IRComponentNode, pos: any): string;
     protected renderTextarea(node: IRComponentNode, pos: any): string;
@@ -986,6 +1000,7 @@ declare class SketchSVGRenderer extends SVGRenderer {
      * Render text with Comic Sans
      */
     protected renderText(node: IRComponentNode, pos: any): string;
+    protected renderParagraph(node: IRComponentNode, pos: any): string;
     /**
      * Render label with Comic Sans
      */
@@ -1054,10 +1069,6 @@ declare class SketchSVGRenderer extends SVGRenderer {
      * Render icon (same as base, icons don't need filter)
      */
     protected renderIcon(node: IRComponentNode, pos: any): string;
-    /**
-     * Render chart placeholder with sketch filter and Comic Sans
-     */
-    protected renderChartPlaceholder(node: IRComponentNode, pos: any): string;
     /**
      * Helper method to get icon SVG
      */

package/dist/index.d.ts

@@ -290,8 +290,8 @@ interface IRComponentNode {
 interface IRNodeStyle {
     padding?: string;
     gap?: string;
-    align?: 'left' | 'center' | 'right' | 'justify';
-    justify?: 'start' | 'center' | 'end';
+    justify?: 'start' | 'center' | 'end' | 'stretch' | 'spaceBetween' | 'spaceAround';
+    align?: 'start' | 'center' | 'end';
     background?: string;
 }
 interface IRMeta {
@@ -480,6 +480,19 @@ declare class LayoutEngine {
     private wrapTextToLines;
     private getIntrinsicComponentHeight;
     private getControlLabelOffset;
+    /**
+     * Returns true when a container's width can be calculated from its children
+     * (i.e. it is a horizontal non-stretch stack). False means the container
+     * behaves like `flex-grow:1` and should absorb remaining space.
+     */
+    private containerHasIntrinsicWidth;
+    /**
+     * Returns the natural (intrinsic) width of any node — component or container.
+     * For horizontal non-stretch containers the width is the sum of their children's
+     * intrinsic widths plus gaps, capped at `availableWidth`. All other containers
+     * are assumed to take the full available width (they stretch or grow).
+     */
+    private getIntrinsicWidth;
     private getIntrinsicComponentWidth;
     private calculateChildHeight;
     private calculateChildWidth;
@@ -690,6 +703,7 @@ declare class SVGRenderer {
     protected renderTable(node: IRComponentNode, pos: any): string;
     protected renderChartPlaceholder(node: IRComponentNode, pos: any): string;
     protected renderText(node: IRComponentNode, pos: any): string;
+    protected renderParagraph(node: IRComponentNode, pos: any): string;
     protected renderLabel(node: IRComponentNode, pos: any): string;
     protected renderCode(node: IRComponentNode, pos: any): string;
     protected renderTextarea(node: IRComponentNode, pos: any): string;
@@ -986,6 +1000,7 @@ declare class SketchSVGRenderer extends SVGRenderer {
      * Render text with Comic Sans
      */
     protected renderText(node: IRComponentNode, pos: any): string;
+    protected renderParagraph(node: IRComponentNode, pos: any): string;
     /**
      * Render label with Comic Sans
      */
@@ -1054,10 +1069,6 @@ declare class SketchSVGRenderer extends SVGRenderer {
      * Render icon (same as base, icons don't need filter)
      */
     protected renderIcon(node: IRComponentNode, pos: any): string;
-    /**
-     * Render chart placeholder with sketch filter and Comic Sans
-     */
-    protected renderChartPlaceholder(node: IRComponentNode, pos: any): string;
     /**
      * Helper method to get icon SVG
      */