@meonode/canvas 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/esm/canvas/canvas.helper.js

@@ -14,25 +14,31 @@ const drawBorders = ({ ctx, node, x, y, width, height, radii, borderColor, borde
         ctx.lineCap = 'butt';
         ctx.lineJoin = 'miter'; // Use miter for sharp corners unless rounded
         const setDash = (width) => {
-            if (borderStyle === Style.Border.Dashed && width > 0) {
+            if (borderStyle === Style.Border.Dotted && width > 0) {
+                // Dotted: tight spacing with round caps for circular dots
+                ctx.lineCap = 'round';
+                ctx.setLineDash([0, width * 2]); // 0-length dash with spacing creates dots with round caps
+            }
+            else if (borderStyle === Style.Border.Dashed && width > 0) {
+                ctx.lineCap = 'butt';
                 const dashLength = Math.max(2, width * 1.5);
                 const gapLength = Math.max(1, width);
                 ctx.setLineDash([dashLength, gapLength]);
             }
             else {
+                ctx.lineCap = 'butt';
                 ctx.setLineDash([]); // Solid line
             }
         };
         /**
          * Draws a rounded corner arc for the border.
-         *
-         * @param cx - The x-coordinate of the visual center of the corner curve.
-         * @param cy - The y-coordinate of the visual center of the corner curve.
-         * @param radius - The visual radius of the corner curve.
-         * @param startAngle - The starting angle of the arc in radians.
-         * @param endAngle - The ending angle of the arc in radians.
-         * @param border1 - The border width leading into the corner.
-         * @param border2 - The border width leading out of the corner.
+         * @param cx The x-coordinate of the visual center of the corner curve.
+         * @param cy The y-coordinate of the visual center of the corner curve.
+         * @param radius The visual radius of the corner curve.
+         * @param startAngle The starting angle of the arc in radians.
+         * @param endAngle The ending angle of the arc in radians.
+         * @param border1 The border width leading into the corner.
+         * @param border2 The border width leading out of the corner.
          */
         const drawCornerArc = (cx, cy, radius, startAngle, endAngle, border1, border2) => {
             if (radius <= 0)
@@ -68,12 +74,11 @@ const drawBorders = ({ ctx, node, x, y, width, height, radii, borderColor, borde
         };
         /**
          * Draws a straight line segment for the border.
-         *
-         * @param x1 - The x-coordinate of the starting point.
-         * @param y1 - The y-coordinate of the starting point.
-         * @param x2 - The x-coordinate of the ending point.
-         * @param y2 - The y-coordinate of the ending point.
-         * @param borderWidth - The width of the border.
+         * @param x1 The x-coordinate of the starting point.
+         * @param y1 The y-coordinate of the starting point.
+         * @param x2 The x-coordinate of the ending point.
+         * @param y2 The y-coordinate of the ending point.
+         * @param borderWidth The width of the border.
          */
         const drawLine = (x1, y1, x2, y2, borderWidth) => {
             if (borderWidth <= 0)
@@ -101,34 +106,34 @@ const drawBorders = ({ ctx, node, x, y, width, height, radii, borderColor, borde
         // For content-box, coordinates are offset *outwards* from x, y, width, height
         if (boxSizing === Style.BoxSizing.ContentBox) {
             // Top line segment
-            drawLine(x + rTL, y - halfBt, x + width - rTR, y - halfBt, borderTop);
+            void drawLine(x + rTL, y - halfBt, x + width - rTR, y - halfBt, borderTop);
             // Right line segment
-            drawLine(x + width + halfBr, y + rTR, x + width + halfBr, y + height - rBR, borderRight);
+            void drawLine(x + width + halfBr, y + rTR, x + width + halfBr, y + height - rBR, borderRight);
             // Bottom line segment
-            drawLine(x + width - rBR, y + height + halfBb, x + rBL, y + height + halfBb, borderBottom);
+            void drawLine(x + width - rBR, y + height + halfBb, x + rBL, y + height + halfBb, borderBottom);
             // Left line segment
-            drawLine(x - halfBl, y + height - rBL, x - halfBl, y + rTL, borderLeft);
-            drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop);
-            drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight);
-            drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom);
-            drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft);
+            void drawLine(x - halfBl, y + height - rBL, x - halfBl, y + rTL, borderLeft);
+            void drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop);
+            void drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight);
+            void drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom);
+            void drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft);
         }
         else {
             // For border-box, coordinates are offset *inwards* from x, y, width, height
             // Top line segment
-            drawLine(x + rTL, y + halfBt, x + width - rTR, y + halfBt, borderTop);
+            void drawLine(x + rTL, y + halfBt, x + width - rTR, y + halfBt, borderTop);
             // Right line segment
-            drawLine(x + width - halfBr, y + rTR, x + width - halfBr, y + height - rBR, borderRight);
+            void drawLine(x + width - halfBr, y + rTR, x + width - halfBr, y + height - rBR, borderRight);
             // Bottom line segment
-            drawLine(x + width - rBR, y + height - halfBb, x + rBL, y + height - halfBb, borderBottom);
+            void drawLine(x + width - rBR, y + height - halfBb, x + rBL, y + height - halfBb, borderBottom);
             // Left line segment
-            drawLine(x + halfBl, y + height - rBL, x + halfBl, y + rTL, borderLeft);
+            void drawLine(x + halfBl, y + height - rBL, x + halfBl, y + rTL, borderLeft);
             // Draw corner arcs (centers relative to layout box corners, adjusted for inward border)
             // Pass visual radius (rTL, rTR etc.) to drawCornerArc
-            drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop); // Top-Left
-            drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight); // Top-Right
-            drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom); // Bottom-Right
-            drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft); // Bottom-Left
+            void drawCornerArc(x + rTL, y + rTL, rTL, Math.PI, 1.5 * Math.PI, borderLeft, borderTop); // Top-Left
+            void drawCornerArc(x + width - rTR, y + rTR, rTR, 1.5 * Math.PI, 2 * Math.PI, borderTop, borderRight); // Top-Right
+            void drawCornerArc(x + width - rBR, y + height - rBR, rBR, 0, 0.5 * Math.PI, borderRight, borderBottom); // Bottom-Right
+            void drawCornerArc(x + rBL, y + height - rBL, rBL, 0.5 * Math.PI, Math.PI, borderBottom, borderLeft); // Bottom-Left
         }
     }
 };
@@ -136,13 +141,12 @@ const drawBorders = ({ ctx, node, x, y, width, height, radii, borderColor, borde
  * Draws an optimized rounded rectangle path on the canvas context.
  * Automatically clamps radius values to prevent visual artifacts based on box dimensions.
  * Uses arc-based rendering for crisp corners and consistent border appearance.
- *
- * @param ctx - The canvas 2D rendering context to draw on
- * @param x - Left position of the rectangle
- * @param y - Top position of the rectangle
- * @param width - Width of the rectangle
- * @param height - Height of the rectangle
- * @param radii - Corner radius values for each corner. Values are clamped to box constraints.
+ * @param ctx The canvas 2D rendering context to draw on
+ * @param x Left position of the rectangle
+ * @param y Top position of the rectangle
+ * @param width Width of the rectangle
+ * @param height Height of the rectangle
+ * @param radii Corner radius values for each corner. Values are clamped to box constraints.
  */
 const drawRoundedRectPath = (ctx, x, y, width, height, radii) => {
     if (width <= 0 || height <= 0) {
@@ -163,14 +167,10 @@ const drawRoundedRectPath = (ctx, x, y, width, height, radii) => {
     clampedTR > 0 ? ctx.arc(x + width - clampedTR, y + clampedTR, clampedTR, 1.5 * Math.PI, 0) : ctx.lineTo(x + width, y);
     // Draw right edge and bottom-right corner
     ctx.lineTo(x + width, y + height - clampedBR);
-    clampedBR > 0
-        ? ctx.arc(x + width - clampedBR, y + height - clampedBR, clampedBR, 0, 0.5 * Math.PI)
-        : ctx.lineTo(x + width, y + height);
+    clampedBR > 0 ? ctx.arc(x + width - clampedBR, y + height - clampedBR, clampedBR, 0, 0.5 * Math.PI) : ctx.lineTo(x + width, y + height);
     // Draw bottom edge and bottom-left corner
     ctx.lineTo(x + clampedBL, y + height);
-    clampedBL > 0
-        ? ctx.arc(x + clampedBL, y + height - clampedBL, clampedBL, 0.5 * Math.PI, Math.PI)
-        : ctx.lineTo(x, y + height);
+    clampedBL > 0 ? ctx.arc(x + clampedBL, y + height - clampedBL, clampedBL, 0.5 * Math.PI, Math.PI) : ctx.lineTo(x, y + height);
     // Draw left edge and top-left corner
     ctx.lineTo(x, y + clampedTL);
     clampedTL > 0 ? ctx.arc(x + clampedTL, y + clampedTL, clampedTL, Math.PI, 1.5 * Math.PI) : ctx.lineTo(x, y);
@@ -178,7 +178,7 @@ const drawRoundedRectPath = (ctx, x, y, width, height, radii) => {
 };
 /**
  * Calculates border radius values from props
- * @param radiusProp - Border radius property value
+ * @param radiusProp Border radius property value
  * @returns Calculated border radii for all corners
  */
 const parseBorderRadius = (radiusProp) => {
@@ -196,9 +196,8 @@ const parseBorderRadius = (radiusProp) => {
 };
 /**
  * Parses a percentage value or a number, returning the calculated value based on the base.
- *
- * @param value - The value to parse, can be a number, a percentage string, or undefined.
- * @param base - The base value to calculate the percentage from.
+ * @param value The value to parse, can be a number, a percentage string, or undefined.
+ * @param base The base value to calculate the percentage from.
  * @returns The parsed number, or 0 if the value is not a number or a valid percentage.
  */
 function parsePercentage(value, base) {

package/dist/esm/canvas/canvas.type.d.ts

@@ -1,10 +1,9 @@
-import * as StylePropTypes from 'yoga-layout';
 import { BoxNode } from '../canvas/layout.canvas.util.js';
 import type { TextNode } from '../canvas/text.canvas.util.js';
 import type { ImageNode } from '../canvas/image.canvas.util.js';
 import type { GridNode } from '../canvas/grid.canvas.util.js';
 import type { FontVariantSetting } from 'skia-canvas';
-import { Style } from '../constant/common.const.js';
+import * as Style from '../constant/common.const.js';
 export interface BaseProps {
     /**
      * Optional display name for debugging purposes.
@@ -156,40 +155,40 @@ export interface BoxProps extends BaseProps {
     maxHeight?: number | `${number}%`;
     /**
      * Defines the direction of the main axis for flex items within this container.
-     * @see StylePropTypes.FlexDirection (`COLUMN`, `ROW`, `COLUMN_REVERSE`, `ROW_REVERSE`)
+     * @see Style.FlexDirection (`COLUMN`, `ROW`, `COLUMN_REVERSE`, `ROW_REVERSE`)
      * @default Yoga default (`COLUMN`)
      * @see https://yogalayout.dev/docs/styling/flex-direction
      */
-    flexDirection?: StylePropTypes.FlexDirection;
+    flexDirection?: Style.FlexDirection;
     /**
      * Defines how flex items are distributed along the main axis of the container.
-     * @see StylePropTypes.Justify (`FLEX_START`, `CENTER`, `FLEX_END`, `SPACE_BETWEEN`, `SPACE_AROUND`, `SPACE_EVENLY`)
+     * @see Style.Justify (`FLEX_START`, `CENTER`, `FLEX_END`, `SPACE_BETWEEN`, `SPACE_AROUND`, `SPACE_EVENLY`)
      * @default Yoga default (`FLEX_START`)
      * @see https://yogalayout.dev/docs/styling/justify-content
      */
-    justifyContent?: StylePropTypes.Justify;
+    justifyContent?: Style.Justify;
     /**
      * Defines how flex items are aligned along the cross axis of the container.
-     * @see StylePropTypes.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
+     * @see Style.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
      * @default Yoga default (`STRETCH`)
      * @see https://yogalayout.dev/docs/styling/align-items-self
      */
-    alignItems?: StylePropTypes.Align;
+    alignItems?: Style.Align;
     /**
      * Allows overriding the parent's `alignItems` value for a specific flex item.
-     * @see StylePropTypes.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
+     * @see Style.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
      * @default Yoga default (`AUTO`) - Inherits from `alignItems`.
      * @see https://yogalayout.dev/docs/styling/align-items-self
      */
-    alignSelf?: StylePropTypes.Align;
+    alignSelf?: Style.Align;
     /**
      * Defines how lines are distributed along the cross axis when `flexWrap` is `WRAP` or `WRAP_REVERSE`.
      * Has no effect when there is only one line of flex items.
-     * @see StylePropTypes.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
+     * @see Style.Align (`AUTO`, `FLEX_START`, `CENTER`, `FLEX_END`, `STRETCH`, `BASELINE`, `SPACE_BETWEEN`, `SPACE_AROUND`)
      * @default Yoga default (`FLEX_START`)
      * @see https://yogalayout.dev/docs/styling/align-content
      */
-    alignContent?: StylePropTypes.Align;
+    alignContent?: Style.Align;
     /**
      * Defines the ability of a flex item to grow if necessary, relative to other items.
      * A non-negative number indicating the proportion of available space the item should take.
@@ -215,11 +214,11 @@ export interface BoxProps extends BaseProps {
      * Specifies the positioning method used for the node.
      * `RELATIVE`: Positioned according to the normal flow, then offset relative to that position.
      * `ABSOLUTE`: Positioned relative to its nearest positioned ancestor (or the root). Layout calculation ignores this node.
-     * @see StylePropTypes.PositionType (`RELATIVE`, `ABSOLUTE`)
+     * @see Style.PositionType (`RELATIVE`, `ABSOLUTE`)
      * @default Yoga default (`RELATIVE`)
      * @see https://yogalayout.dev/docs/styling/position
      */
-    positionType?: StylePropTypes.PositionType;
+    positionType?: Style.PositionType;
     /**
      * Specifies the offset distances for positioned elements (`positionType: 'ABSOLUTE'` or `RELATIVE`).
      * Can be a single number for all edges or an object specifying individual edges (`Top`, `Right`, `Bottom`, `Left`, `Start`, `End`).
@@ -228,7 +227,7 @@ export interface BoxProps extends BaseProps {
      * @default Yoga default (undefined for each edge)
      * @see https://yogalayout.dev/docs/styling/position
      */
-    position?: Partial<Record<keyof typeof StylePropTypes.Edge, number | `${number}%`>> | number | `${number}%`;
+    position?: Partial<Record<keyof typeof Style.Edge, number | `${number}%`>> | number | `${number}%`;
     /**
      * Sets the margin space on the outside of the node's border.
      * Can be a single number for all edges or an object specifying individual edges.
@@ -236,7 +235,7 @@ export interface BoxProps extends BaseProps {
      * @default Yoga default (0 for each edge)
      * @see https://yogalayout.dev/docs/styling/margin-padding-border
      */
-    margin?: Partial<Record<keyof typeof StylePropTypes.Edge, number | `${number}%` | 'auto'>> | number | `${number}%` | 'auto';
+    margin?: Partial<Record<keyof typeof Style.Edge, number | `${number}%` | 'auto'>> | number | `${number}%` | 'auto';
     /**
      * Sets the padding space on the inside of the node's border, around the content.
      * Can be a single number for all edges or an object specifying individual edges.
@@ -244,7 +243,7 @@ export interface BoxProps extends BaseProps {
      * @default Yoga default (0 for each edge)
      * @see https://yogalayout.dev/docs/styling/margin-padding-border
      */
-    padding?: Partial<Record<keyof typeof StylePropTypes.Edge, number | `${number}%`>> | number | `${number}%`;
+    padding?: Partial<Record<keyof typeof Style.Edge, number | `${number}%`>> | number | `${number}%`;
     /**
      * Sets the width of the node's border.
      * Can be a single number for all edges or an object specifying individual edges.
@@ -252,7 +251,7 @@ export interface BoxProps extends BaseProps {
      * @default Yoga default (0 for each edge)
      * @see https://yogalayout.dev/docs/styling/margin-padding-border
      */
-    border?: Partial<Record<keyof typeof StylePropTypes.Edge, number>> | number;
+    border?: Partial<Record<keyof typeof Style.Edge, number>> | number;
     /**
      * Sets the color of the node's border.
      * Accepts standard CSS color strings (e.g., 'red', '#FF0000', 'rgba(255,0,0,0.5)').
@@ -263,9 +262,10 @@ export interface BoxProps extends BaseProps {
      * Sets the style of the node's border.
      * @see Style.Border.Solid (0)
      * @see Style.Border.Dashed (1)
+     * @see Style.Border.Dotted (2)
      * @default Style.Border.Solid (set in BoxNode constructor)
      */
-    borderStyle?: typeof Style.Border.Solid | typeof Style.Border.Dashed;
+    borderStyle?: typeof Style.Border.Solid | typeof Style.Border.Dashed | typeof Style.Border.Dotted;
     /**
      * Sets the radius of the node's corners, creating rounded effects.
      * Can be a single number for all corners or an object specifying individual corners (`TopLeft`, `TopRight`, `BottomLeft`, `BottomRight`).
@@ -291,51 +291,51 @@ export interface BoxProps extends BaseProps {
      * `VISIBLE`: Content is not clipped and may render outside the node's box.
      * `HIDDEN`: Content is clipped and the rest is invisible.
      * `SCROLL`: Content is clipped, but Yoga calculates layout as if it were visible (used for scrollable containers, though an actual scrolling mechanism is external).
-     * @see StylePropTypes.Overflow (`VISIBLE`, `HIDDEN`, `SCROLL`)
+     * @see Style.Overflow (`VISIBLE`, `HIDDEN`, `SCROLL`)
      * @default Yoga default (`VISIBLE`)
      * @see https://yogalayout.dev/docs/styling/overflow
      */
-    overflow?: StylePropTypes.Overflow;
+    overflow?: Style.Overflow;
     /**
      * Controls whether the node and its children are included in the layout calculation and rendering.
      * `FLEX`: The node participates in a flex layout.
      * `NONE`: The node and its subtree are ignored by layout and rendering.
-     * @see StylePropTypes.Display (`FLEX`, `NONE`)
+     * @see Style.Display (`FLEX`, `NONE`)
      * @default Yoga default (`FLEX`)
      * @see https://yogalayout.dev/docs/styling/display
      */
-    display?: StylePropTypes.Display;
+    display?: Style.Display;
     /**
      * Sets the primary text and layout direction (Left-to-Right or Right-to-Left).
      * Affects the meaning of `Start` and `End` edges for properties like `position`, `margin`, `padding`, `border`.
      * `INHERIT`: Uses the direction of the parent node.
-     * @see StylePropTypes.Direction (`INHERIT`, `LTR`, `RTL`)
+     * @see Style.Direction (`INHERIT`, `LTR`, `RTL`)
      * @default `Style.DIRECTION_LTR` (set in `setLayout`)
      * @see https://yogalayout.dev/docs/styling/layout-direction
      */
-    direction?: StylePropTypes.Direction;
+    direction?: Style.Direction;
     /**
      * Controls whether flex items are forced onto a single line or can wrap onto multiple lines.
-     * @see StylePropTypes.Wrap (`NO_WRAP`, `WRAP`, `WRAP_REVERSE`)
+     * @see Style.Wrap (`NO_WRAP`, `WRAP`, `WRAP_REVERSE`)
      * @default Yoga default (`NO_WRAP`)
      * @see https://yogalayout.dev/docs/styling/flex-wrap
      */
-    flexWrap?: StylePropTypes.Wrap;
+    flexWrap?: Style.Wrap;
     /**
      * Defines the space between flex items along the main axis.
      * @unit Pixels.
      * @default Yoga default (0)
      * @see https://yogalayout.dev/docs/styling/gap
      */
-    gap?: Partial<Record<keyof typeof StylePropTypes.Gutter, number | `${number}%`>> | number | `${number}%`;
+    gap?: Partial<Record<keyof typeof Style.Gutter, number | `${number}%`>> | number | `${number}%`;
     /**
      * Defines how the `width` and `height` properties are interpreted regarding padding and border.
      * `CONTENT_BOX`: Width/height apply only to the content area. Padding and border are added outside.
      * `BORDER_BOX`: Width/height include content, padding, and border.
-     * @see StylePropTypes.BoxSizing (`CONTENT_BOX`, `BORDER_BOX`)
+     * @see Style.BoxSizing (`CONTENT_BOX`, `BORDER_BOX`)
      * @default `Style.BOX_SIZING_BORDER_BOX` (set in `setLayout`)
      */
-    boxSizing?: StylePropTypes.BoxSizing;
+    boxSizing?: Style.BoxSizing;
     /**
      * Sets the background color of the node. Drawn beneath the content and padding, extending to the border edge.
      * Accepts standard CSS color strings.
@@ -650,7 +650,7 @@ export interface ImageProps extends Omit<BoxProps, 'children'> {
     onLoad?: () => void;
     /**
      * Callback function that executes when the image fails to load.
-     * @param error - The error that occurred during loading.
+     * @param error The error that occurred during loading.
      */
     onError?: (error: Error) => void;
 }

package/dist/esm/canvas/canvas.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.type.d.ts","sourceRoot":"","sources":["../../../src/canvas/canvas.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"canvas.type.d.ts","sourceRoot":"","sources":["../../../src/canvas/canvas.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAA;AAEnD,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;AAEpF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAElC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAElC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE/B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,SAAS;IACzC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAEhC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAEjC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAEhC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAEjC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAEnC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,OAAO,CAAA;IAE9B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAA;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,KAAK,CAAA;IAEvB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,KAAK,CAAA;IAE1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE1C;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAEjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAElG;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAA;IAElH;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAEjG;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAA;IAElE;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,MAAM,EAAE,CAAA;IAEnC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAA;IAEjG;;;;;OAKG;IACH,YAAY,CAAC,EACT,OAAO,CAAC;QACN,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,WAAW,EAAE,MAAM,CAAA;KACpB,CAAC,GACF,MAAM,CAAA;IAEV;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAA;IAEzB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAA;IAEvB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE3B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAA;IAErB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE/F;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;;;;OAKG;IACH,QAAQ,CAAC,EACL;QACE,IAAI,EAAE,QAAQ,CAAA;QACd,MAAM,EAAE,MAAM,EAAE,CAAA;QAChB,SAAS,EACL,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAChC,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,CAAA;KACrB,GACD;QACE,IAAI,EAAE,QAAQ,CAAA;QACd,MAAM,EAAE,MAAM,EAAE,CAAA;QAChB,SAAS,CAAC,EACN,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAChC,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,CAAA;KACrB,CAAA;IAEL;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAA;IAI7C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAE/G;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAE/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;IAErE;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAE3C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAEhC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,GAAG,QAAQ,CAAA;IAEjE;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,GAAG,QAAQ,CAAA;IAG/D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAA;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;CAChE;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC/B,CAAC,CAAC,EAAE,OAAO,CAAA;IACX,CAAC,CAAC,EAAE,OAAO,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,KAAK,GAAG,eAAe,GAAG,gBAAgB,GAAG,cAAc,GAAG,YAAY,CAAC;IACxI,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAE3B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;CACjD;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5D;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;IAErC;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAA;IAEhE;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,CAAA;IAE5F;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;IAE5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACjC"}

package/dist/esm/canvas/grid.canvas.util.d.ts

@@ -12,14 +12,14 @@ export declare class GridNode extends RowNode {
     private readonly isVertical;
     /**
      * Creates a new grid layout node
-     * @param props - Grid configuration properties
+     * @param props Grid configuration properties
      */
     constructor(props: GridProps);
     /**
      * Appends a child node to this grid.
      * Overridden primarily for documentation/clarity, functionality is inherited.
-     * @param child - Child node to append
-     * @param index - Index at which to insert the child
+     * @param child Child node to append
+     * @param index Index at which to insert the child
      */
     protected appendChild(child: BoxNode, index: number): void;
     /**
@@ -32,7 +32,7 @@ export declare class GridNode extends RowNode {
 }
 /**
  * Factory function to create a new GridNode instance.
- * @param props - Grid configuration properties.
+ * @param props Grid configuration properties.
  * @returns A new GridNode instance.
  */
 export declare const Grid: (props: GridProps) => GridNode;

package/dist/esm/canvas/grid.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/grid.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGjE;;;;GAIG;AACH,qBAAa,QAAS,SAAQ,OAAO;IACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAuB;IACtD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;IAEpC;;;OAGG;gBACS,KAAK,EAAE,SAAS;IAsD5B;;;;;OAKG;cACgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAI5D;;;;;OAKG;cACgB,+BAA+B;CAsMnD;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,aAAwB,CAAA"}
+{"version":3,"file":"grid.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/grid.canvas.util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGjE;;;;GAIG;AACH,qBAAa,QAAS,SAAQ,OAAO;IACnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAuB;IACtD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;IAEpC;;;OAGG;gBACS,KAAK,EAAE,SAAS;IAqE5B;;;;;OAKG;cACgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAI5D;;;;;OAKG;cACgB,+BAA+B;CAwLnD;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,aAAwB,CAAA"}

package/dist/esm/canvas/grid.canvas.util.js

@@ -1,6 +1,7 @@
 import { RowNode } from './layout.canvas.util.js';
 import { Style } from '../constant/common.const.js';
 
+// TODO: Add comprehensive unit tests for this file.
 /**
  * Grid layout node that arranges children in a configurable number of columns or rows.
  * Uses Yoga's flexbox capabilities with wrapping and gap properties to simulate a grid.
@@ -13,7 +14,7 @@ class GridNode extends RowNode {
     isVertical; // True if the main axis is vertical (flexDirection: column or column-reverse)
     /**
      * Creates a new grid layout node
-     * @param props - Grid configuration properties
+     * @param props Grid configuration properties
      */
     constructor(props) {
         const columns = Math.max(1, props.columns || 1);
@@ -58,17 +59,33 @@ class GridNode extends RowNode {
             ...props,
             // Explicitly remove the 'direction' prop passed to super, as it's handled by flexDirection
             direction: undefined,
+            // Pass undefined for gap to prevent BoxNode from trying to parse it
+            gap: undefined,
         });
         this.columns = columns;
         this.columnGapValue = columnGap;
         this.rowGapValue = rowGap;
         this.isVertical = isVertical;
+        // Explicitly set gaps on this.node after super() call
+        // These will be updated again in updateLayoutBasedOnComputedSize, but this ensures initial setup
+        if (typeof columnGap === 'number') {
+            this.node.setGap(Style.Gutter.Column, columnGap);
+        }
+        else if (typeof columnGap === 'string' && columnGap.endsWith('%')) {
+            this.node.setGapPercent(Style.Gutter.Column, parseFloat(columnGap));
+        }
+        if (typeof rowGap === 'number') {
+            this.node.setGap(Style.Gutter.Row, rowGap);
+        }
+        else if (typeof rowGap === 'string' && rowGap.endsWith('%')) {
+            this.node.setGapPercent(Style.Gutter.Row, parseFloat(rowGap));
+        }
     }
     /**
      * Appends a child node to this grid.
      * Overridden primarily for documentation/clarity, functionality is inherited.
-     * @param child - Child node to append
-     * @param index - Index at which to insert the child
+     * @param child Child node to append
+     * @param index Index at which to insert the child
      */
     appendChild(child, index) {
         super.appendChild(child, index);
@@ -251,7 +268,7 @@ class GridNode extends RowNode {
 }
 /**
  * Factory function to create a new GridNode instance.
- * @param props - Grid configuration properties.
+ * @param props Grid configuration properties.
  * @returns A new GridNode instance.
  */
 const Grid = (props) => new GridNode(props);

package/dist/esm/canvas/image.canvas.util.d.ts

@@ -15,7 +15,6 @@ export declare class ImageNode extends BoxNode {
     /**
      * Loads and processes an image from various sources (URL, file path, or Buffer).
      * Handles SVG color modifications and sets natural dimensions with an aspect ratio.
-     *
      * @returns Promise that resolves when image loading completes
      * @throws Error if image loading fails
      */

package/dist/esm/canvas/image.canvas.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/image.canvas.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,KAAK,wBAAwB,EAAmC,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAsBxD;;;GAGG;AACH,qBAAa,SAAU,SAAQ,OAAO;IAC5B,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;IACrC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6B;gBAEhD,KAAK,EAAE,UAAU;IAc7B;;;;;;OAMG;IACH,OAAO,CAAC,UAAU;IAoHX,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzC;;;OAGG;cACgB,cAAc,CAC/B,GAAG,EAAE,wBAAwB,EAC7B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM;CAuJjB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,cAAyB,CAAA"}
+{"version":3,"file":"image.canvas.util.d.ts","sourceRoot":"","sources":["../../../src/canvas/image.canvas.util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,KAAK,wBAAwB,EAAmC,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAsBxD;;;GAGG;AACH,qBAAa,SAAU,SAAQ,OAAO;IAC5B,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;IACrC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6B;gBAEhD,KAAK,EAAE,UAAU;IAc7B;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IA8GX,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzC;;;OAGG;cACgB,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAoJrH;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,cAAyB,CAAA"}