@shopify/react-native-skia 0.1.146 → 0.1.148

package/lib/module/dom/nodes/drawings/BackdropFilterNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BackdropFilterNode.ts"],"names":["isColorFilter","NodeType","JsiDrawingNode","JsiDeclarationNode","BackdropFilterNode","constructor","ctx","props","BackdropFilter","deriveProps","draw","canvas","child","_children","filter","materialize","saveLayer","undefined","Skia","ImageFilter","MakeColorFilter","restore"],"mappings":"AAAA,SAASA,aAAT,QAA8B,qBAA9B;AAEA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAEA,SAASC,kBAAT,QAAmC,SAAnC;AAEA,OAAO,MAAMC,kBAAN,SAAiCF,cAAjC,CAAqE;AAC1EG,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAyC;AAClD,UAAMD,GAAN,EAAWL,QAAQ,CAACO,cAApB,EAAoCD,KAApC;AACD;;AAESE,EAAAA,WAAW,GAAG;AACtB,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAA6B;AAAA,QAA5B;AAAEC,MAAAA;AAAF,KAA4B;AAC/B,UAAMC,KAAK,GAAG,KAAKC,SAAL,CAAe,CAAf,CAAd;AACA,UAAMC,MAAM,GACVF,KAAK,YAAYT,kBAAjB,GAAsCS,KAAK,CAACG,WAAN,EAAtC,GAA4D,IAD9D;AAEAJ,IAAAA,MAAM,CAACK,SAAP,CACEC,SADF,EAEE,IAFF,EAGEjB,aAAa,CAACc,MAAD,CAAb,GACI,KAAKI,IAAL,CAAUC,WAAV,CAAsBC,eAAtB,CAAsCN,MAAtC,EAA8C,IAA9C,CADJ,GAEIA,MALN;AAOAH,IAAAA,MAAM,CAACU,OAAP;AACD;;AArByE","sourcesContent":["import { isColorFilter } from \"../../../skia/types\";\nimport type { ChildrenProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\n\nexport class BackdropFilterNode extends JsiDrawingNode<ChildrenProps, null> {\n  constructor(ctx: NodeContext, props: ChildrenProps) {\n    super(ctx, NodeType.BackdropFilter, props);\n  }\n\n  protected deriveProps() {\n    return null;\n  }\n\n  draw({ canvas }: DrawingContext) {\n    const child = this._children[0];\n    const filter =\n      child instanceof JsiDeclarationNode ? child.materialize() : null;\n    canvas.saveLayer(\n      undefined,\n      null,\n      isColorFilter(filter)\n        ? this.Skia.ImageFilter.MakeColorFilter(filter, null)\n        : filter\n    );\n    canvas.restore();\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/Box.js

@@ -0,0 +1,89 @@
+import { BlurStyle, ClipOp, isRRect } from "../../../skia/types";
+import { DeclarationType, NodeType } from "../../types";
+import { JsiDeclarationNode } from "../Node";
+import { processColor } from "../datatypes";
+import { JsiRenderNode } from "../RenderNode";
+
+const inflate = function (Skia, box, dx, dy) {
+  let tx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let ty = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+  return Skia.RRectXY(Skia.XYWHRect(box.rect.x - dx + tx, box.rect.y - dy + ty, box.rect.width + 2 * dx, box.rect.height + 2 * dy), box.rx + dx, box.ry + dy);
+};
+
+const deflate = function (Skia, box, dx, dy) {
+  let tx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let ty = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+  return inflate(Skia, box, -dx, -dy, tx, ty);
+};
+
+export class BoxShadowNode extends JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, DeclarationType.Unknown, NodeType.Box, props);
+  }
+
+  materialize() {
+    return this.props;
+  }
+
+}
+export class BoxNode extends JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Box, props);
+  }
+
+  renderNode(_ref) {
+    let {
+      canvas,
+      paint,
+      opacity
+    } = _ref;
+    const {
+      box: defaultBox
+    } = this.props;
+    const box = isRRect(defaultBox) ? defaultBox : this.Skia.RRectXY(defaultBox, 0, 0);
+
+    const shadows = this._children.map(node => {
+      if (node instanceof BoxShadowNode) {
+        return node.materialize();
+      }
+
+      return null;
+    }).filter(n => n !== null);
+
+    shadows.filter(shadow => !shadow.inner).map(shadow => {
+      const {
+        color = "black",
+        blur,
+        spread = 0,
+        dx = 0,
+        dy = 0
+      } = shadow;
+      const lPaint = this.Skia.Paint();
+      lPaint.setColor(processColor(this.Skia, color, opacity));
+      lPaint.setMaskFilter(this.Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true));
+      canvas.drawRRect(inflate(this.Skia, box, spread, spread, dx, dy), lPaint);
+    });
+    canvas.drawRRect(box, paint);
+    shadows.filter(shadow => shadow.inner).map(shadow => {
+      const {
+        color = "black",
+        blur,
+        spread = 0,
+        dx = 0,
+        dy = 0
+      } = shadow;
+      const delta = this.Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));
+      canvas.save();
+      canvas.clipRRect(box, ClipOp.Intersect, false);
+      const lPaint = this.Skia.Paint();
+      lPaint.setColor(processColor(this.Skia, color, opacity));
+      lPaint.setMaskFilter(this.Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true));
+      const inner = deflate(this.Skia, box, spread, spread, dx, dy);
+      const outer = inflate(this.Skia, box, delta.x, delta.y);
+      canvas.drawDRRect(outer, inner, lPaint);
+      canvas.restore();
+    });
+  }
+
+}
+//# sourceMappingURL=Box.js.map

package/lib/module/dom/nodes/drawings/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Box.ts"],"names":["BlurStyle","ClipOp","isRRect","DeclarationType","NodeType","JsiDeclarationNode","processColor","JsiRenderNode","inflate","Skia","box","dx","dy","tx","ty","RRectXY","XYWHRect","rect","x","y","width","height","rx","ry","deflate","BoxShadowNode","constructor","ctx","props","Unknown","Box","materialize","BoxNode","renderNode","canvas","paint","opacity","defaultBox","shadows","_children","map","node","filter","n","shadow","inner","color","blur","spread","lPaint","Paint","setColor","setMaskFilter","MaskFilter","MakeBlur","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","Intersect","outer","drawDRRect","restore"],"mappings":"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","sourcesContent":["import type { SkRRect, Skia } from \"../../../skia/types\";\nimport { BlurStyle, ClipOp, isRRect } from \"../../../skia/types\";\nimport type { DrawingContext } from \"../../types\";\nimport { DeclarationType, NodeType } from \"../../types\";\nimport type { BoxShadowProps, BoxProps } from \"../../types/Drawings\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport { processColor } from \"../datatypes\";\nimport { JsiRenderNode } from \"../RenderNode\";\n\nconst inflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) =>\n  Skia.RRectXY(\n    Skia.XYWHRect(\n      box.rect.x - dx + tx,\n      box.rect.y - dy + ty,\n      box.rect.width + 2 * dx,\n      box.rect.height + 2 * dy\n    ),\n    box.rx + dx,\n    box.ry + dy\n  );\n\nconst deflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) => inflate(Skia, box, -dx, -dy, tx, ty);\n\nexport class BoxShadowNode extends JsiDeclarationNode<\n  BoxShadowProps,\n  BoxShadowProps\n> {\n  constructor(ctx: NodeContext, props: BoxShadowProps) {\n    super(ctx, DeclarationType.Unknown, NodeType.Box, props);\n  }\n\n  materialize() {\n    return this.props;\n  }\n}\n\nexport class BoxNode extends JsiRenderNode<BoxProps> {\n  constructor(ctx: NodeContext, props: BoxProps) {\n    super(ctx, NodeType.Box, props);\n  }\n\n  renderNode({ canvas, paint, opacity }: DrawingContext) {\n    const { box: defaultBox } = this.props;\n    const box = isRRect(defaultBox)\n      ? defaultBox\n      : this.Skia.RRectXY(defaultBox, 0, 0);\n    const shadows = this._children\n      .map((node) => {\n        if (node instanceof BoxShadowNode) {\n          return node.materialize();\n        }\n        return null;\n      })\n      .filter((n): n is BoxShadowProps => n !== null);\n    shadows\n      .filter((shadow) => !shadow.inner)\n      .map((shadow) => {\n        const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n        const lPaint = this.Skia.Paint();\n        lPaint.setColor(processColor(this.Skia, color, opacity));\n        lPaint.setMaskFilter(\n          this.Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n        );\n        canvas.drawRRect(\n          inflate(this.Skia, box, spread, spread, dx, dy),\n          lPaint\n        );\n      });\n\n    canvas.drawRRect(box, paint);\n\n    shadows\n      .filter((shadow) => shadow.inner)\n      .map((shadow) => {\n        const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n        const delta = this.Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));\n        canvas.save();\n        canvas.clipRRect(box, ClipOp.Intersect, false);\n        const lPaint = this.Skia.Paint();\n        lPaint.setColor(processColor(this.Skia, color, opacity));\n        lPaint.setMaskFilter(\n          this.Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n        );\n        const inner = deflate(this.Skia, box, spread, spread, dx, dy);\n        const outer = inflate(this.Skia, box, delta.x, delta.y);\n        canvas.drawDRRect(outer, inner, lPaint);\n        canvas.restore();\n      });\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/CircleNode.js

@@ -0,0 +1,31 @@
+import { NodeType } from "../../types";
+import { processCircle } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class CircleNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Circle, props);
+  }
+
+  deriveProps() {
+    return processCircle(this.Skia, this.props).c;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+
+    if (!this.derived) {
+      throw new Error("CircleNode: c is undefined");
+    }
+
+    const {
+      x,
+      y
+    } = this.derived;
+    canvas.drawCircle(x, y, this.props.r, paint);
+  }
+
+}
+//# sourceMappingURL=CircleNode.js.map

package/lib/module/dom/nodes/drawings/CircleNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CircleNode.ts"],"names":["NodeType","processCircle","JsiDrawingNode","CircleNode","constructor","ctx","props","Circle","deriveProps","Skia","c","draw","canvas","paint","derived","Error","x","y","drawCircle","r"],"mappings":"AAEA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,aAAT,QAA8B,cAA9B;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,UAAN,SAAyBD,cAAzB,CAA8D;AACnEE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAuC;AAChD,UAAMD,GAAN,EAAWL,QAAQ,CAACO,MAApB,EAA4BD,KAA5B;AACD;;AAESE,EAAAA,WAAW,GAAG;AACtB,WAAOP,aAAa,CAAC,KAAKQ,IAAN,EAAY,KAAKH,KAAjB,CAAb,CAAqCI,CAA5C;AACD;;AAEDC,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;;AACtC,QAAI,CAAC,KAAKC,OAAV,EAAmB;AACjB,YAAM,IAAIC,KAAJ,CAAU,4BAAV,CAAN;AACD;;AACD,UAAM;AAAEC,MAAAA,CAAF;AAAKC,MAAAA;AAAL,QAAW,KAAKH,OAAtB;AACAF,IAAAA,MAAM,CAACM,UAAP,CAAkBF,CAAlB,EAAqBC,CAArB,EAAwB,KAAKX,KAAL,CAAWa,CAAnC,EAAsCN,KAAtC;AACD;;AAfkE","sourcesContent":["import type { SkPoint } from \"../../../skia/types\";\nimport type { CircleProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processCircle } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class CircleNode extends JsiDrawingNode<CircleProps, SkPoint> {\n  constructor(ctx: NodeContext, props: CircleProps) {\n    super(ctx, NodeType.Circle, props);\n  }\n\n  protected deriveProps() {\n    return processCircle(this.Skia, this.props).c;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"CircleNode: c is undefined\");\n    }\n    const { x, y } = this.derived;\n    canvas.drawCircle(x, y, this.props.r, paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/CustomDrawingNode.js

@@ -0,0 +1,17 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class CustomDrawingNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Drawing, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(ctx) {
+    this.props.drawing(ctx);
+  }
+
+}
+//# sourceMappingURL=CustomDrawingNode.js.map

package/lib/module/dom/nodes/drawings/CustomDrawingNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CustomDrawingNode.ts"],"names":["NodeType","JsiDrawingNode","CustomDrawingNode","constructor","ctx","props","Drawing","deriveProps","draw","drawing"],"mappings":"AACA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,iBAAN,SAAgCD,cAAhC,CAGL;AACAE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAkD;AAC3D,UAAMD,GAAN,EAAWJ,QAAQ,CAACM,OAApB,EAA6BD,KAA7B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,CAACJ,GAAD,EAAsB;AACxB,SAAKC,KAAL,CAAWI,OAAX,CAAmBL,GAAnB;AACD;;AAXD","sourcesContent":["import type { CustomDrawingNodeProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class CustomDrawingNode extends JsiDrawingNode<\n  CustomDrawingNodeProps,\n  null\n> {\n  constructor(ctx: NodeContext, props: CustomDrawingNodeProps) {\n    super(ctx, NodeType.Drawing, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw(ctx: DrawingContext) {\n    this.props.drawing(ctx);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/DiffRectNode.js

@@ -0,0 +1,25 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class DiffRectNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.DiffRect, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      outer,
+      inner
+    } = this.props;
+    canvas.drawDRRect(outer, inner, paint);
+  }
+
+}
+//# sourceMappingURL=DiffRectNode.js.map

package/lib/module/dom/nodes/drawings/DiffRectNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DiffRectNode.ts"],"names":["NodeType","JsiDrawingNode","DiffRectNode","constructor","ctx","props","DiffRect","deriveProps","draw","canvas","paint","outer","inner","drawDRRect"],"mappings":"AACA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,YAAN,SAA2BD,cAA3B,CAA+D;AACpEE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAyC;AAClD,UAAMD,GAAN,EAAWJ,QAAQ,CAACM,QAApB,EAA8BD,KAA9B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtC,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,QAAmB,KAAKP,KAA9B;AACAI,IAAAA,MAAM,CAACI,UAAP,CAAkBF,KAAlB,EAAyBC,KAAzB,EAAgCF,KAAhC;AACD;;AAZmE","sourcesContent":["import type { DiffRectProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class DiffRectNode extends JsiDrawingNode<DiffRectProps, null> {\n  constructor(ctx: NodeContext, props: DiffRectProps) {\n    super(ctx, NodeType.DiffRect, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { outer, inner } = this.props;\n    canvas.drawDRRect(outer, inner, paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/FillNode.js

@@ -0,0 +1,22 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class FillNode extends JsiDrawingNode {
+  constructor(ctx) {
+    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    super(ctx, NodeType.Fill, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    canvas.drawPaint(paint);
+  }
+
+}
+//# sourceMappingURL=FillNode.js.map

package/lib/module/dom/nodes/drawings/FillNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FillNode.ts"],"names":["NodeType","JsiDrawingNode","FillNode","constructor","ctx","props","Fill","deriveProps","draw","canvas","paint","drawPaint"],"mappings":"AACA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,QAAN,SAAuBD,cAAvB,CAA8D;AACnEE,EAAAA,WAAW,CAACC,GAAD,EAAiD;AAAA,QAA9BC,KAA8B,uEAAJ,EAAI;AAC1D,UAAMD,GAAN,EAAWJ,QAAQ,CAACM,IAApB,EAA0BD,KAA1B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtCD,IAAAA,MAAM,CAACE,SAAP,CAAiBD,KAAjB;AACD;;AAXkE","sourcesContent":["import type { DrawingContext, DrawingNodeProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class FillNode extends JsiDrawingNode<DrawingNodeProps, null> {\n  constructor(ctx: NodeContext, props: DrawingNodeProps = {}) {\n    super(ctx, NodeType.Fill, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    canvas.drawPaint(paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/ImageNode.js

@@ -0,0 +1,51 @@
+import { NodeType } from "../../types";
+import { fitRects, processRect } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class ImageNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Image, props);
+  }
+
+  deriveProps() {
+    const {
+      image,
+      fit
+    } = this.props;
+    const rect = processRect(this.Skia, this.props);
+    const {
+      src,
+      dst
+    } = fitRects(fit, {
+      x: 0,
+      y: 0,
+      width: image.width(),
+      height: image.height()
+    }, rect);
+    return {
+      src,
+      dst
+    };
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      image
+    } = this.props;
+
+    if (!this.derived) {
+      throw new Error("ImageNode: src and dst are undefined");
+    }
+
+    const {
+      src,
+      dst
+    } = this.derived;
+    canvas.drawImageRect(image, src, dst, paint);
+  }
+
+}
+//# sourceMappingURL=ImageNode.js.map

package/lib/module/dom/nodes/drawings/ImageNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageNode.ts"],"names":["NodeType","fitRects","processRect","JsiDrawingNode","ImageNode","constructor","ctx","props","Image","deriveProps","image","fit","rect","Skia","src","dst","x","y","width","height","draw","canvas","paint","derived","Error","drawImageRect"],"mappings":"AAEA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,QAAT,EAAmBC,WAAnB,QAAsC,cAAtC;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,SAAN,SAAwBD,cAAxB,CAGL;AACAE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;AAC/C,UAAMD,GAAN,EAAWN,QAAQ,CAACQ,KAApB,EAA2BD,KAA3B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,QAAiB,KAAKJ,KAA5B;AACA,UAAMK,IAAI,GAAGV,WAAW,CAAC,KAAKW,IAAN,EAAY,KAAKN,KAAjB,CAAxB;AACA,UAAM;AAAEO,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAed,QAAQ,CAC3BU,GAD2B,EAE3B;AACEK,MAAAA,CAAC,EAAE,CADL;AAEEC,MAAAA,CAAC,EAAE,CAFL;AAGEC,MAAAA,KAAK,EAAER,KAAK,CAACQ,KAAN,EAHT;AAIEC,MAAAA,MAAM,EAAET,KAAK,CAACS,MAAN;AAJV,KAF2B,EAQ3BP,IAR2B,CAA7B;AAUA,WAAO;AAAEE,MAAAA,GAAF;AAAOC,MAAAA;AAAP,KAAP;AACD;;AAEDK,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtC,UAAM;AAAEZ,MAAAA;AAAF,QAAY,KAAKH,KAAvB;;AACA,QAAI,CAAC,KAAKgB,OAAV,EAAmB;AACjB,YAAM,IAAIC,KAAJ,CAAU,sCAAV,CAAN;AACD;;AACD,UAAM;AAAEV,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAe,KAAKQ,OAA1B;AACAF,IAAAA,MAAM,CAACI,aAAP,CAAqBf,KAArB,EAA4BI,GAA5B,EAAiCC,GAAjC,EAAsCO,KAAtC;AACD;;AA5BD","sourcesContent":["import type { SkRect } from \"../../../skia/types\";\nimport type { DrawingContext, ImageProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { fitRects, processRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class ImageNode extends JsiDrawingNode<\n  ImageProps,\n  { src: SkRect; dst: SkRect }\n> {\n  constructor(ctx: NodeContext, props: ImageProps) {\n    super(ctx, NodeType.Image, props);\n  }\n\n  deriveProps() {\n    const { image, fit } = this.props;\n    const rect = processRect(this.Skia, this.props);\n    const { src, dst } = fitRects(\n      fit,\n      {\n        x: 0,\n        y: 0,\n        width: image.width(),\n        height: image.height(),\n      },\n      rect\n    );\n    return { src, dst };\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { image } = this.props;\n    if (!this.derived) {\n      throw new Error(\"ImageNode: src and dst are undefined\");\n    }\n    const { src, dst } = this.derived;\n    canvas.drawImageRect(image, src, dst, paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/ImageSVG.js

@@ -0,0 +1,33 @@
+import { NodeType } from "../../types";
+import { processRect } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class ImageSVGNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.ImageSVG, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas
+    } = _ref;
+    const {
+      svg
+    } = this.props;
+    const {
+      x,
+      y,
+      width,
+      height
+    } = processRect(this.Skia, this.props);
+    canvas.save();
+    canvas.translate(x, y);
+    canvas.drawSvg(svg, width, height);
+    canvas.restore();
+  }
+
+}
+//# sourceMappingURL=ImageSVG.js.map

package/lib/module/dom/nodes/drawings/ImageSVG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageSVG.ts"],"names":["NodeType","processRect","JsiDrawingNode","ImageSVGNode","constructor","ctx","props","ImageSVG","deriveProps","draw","canvas","svg","x","y","width","height","Skia","save","translate","drawSvg","restore"],"mappings":"AACA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,WAAT,QAA4B,cAA5B;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,YAAN,SAA2BD,cAA3B,CAA+D;AACpEE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAyC;AAClD,UAAMD,GAAN,EAAWL,QAAQ,CAACO,QAApB,EAA8BD,KAA9B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAA6B;AAAA,QAA5B;AAAEC,MAAAA;AAAF,KAA4B;AAC/B,UAAM;AAAEC,MAAAA;AAAF,QAAU,KAAKL,KAArB;AACA,UAAM;AAAEM,MAAAA,CAAF;AAAKC,MAAAA,CAAL;AAAQC,MAAAA,KAAR;AAAeC,MAAAA;AAAf,QAA0Bd,WAAW,CAAC,KAAKe,IAAN,EAAY,KAAKV,KAAjB,CAA3C;AACAI,IAAAA,MAAM,CAACO,IAAP;AACAP,IAAAA,MAAM,CAACQ,SAAP,CAAiBN,CAAjB,EAAoBC,CAApB;AACAH,IAAAA,MAAM,CAACS,OAAP,CAAeR,GAAf,EAAoBG,KAApB,EAA2BC,MAA3B;AACAL,IAAAA,MAAM,CAACU,OAAP;AACD;;AAhBmE","sourcesContent":["import type { DrawingContext, ImageSVGProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class ImageSVGNode extends JsiDrawingNode<ImageSVGProps, null> {\n  constructor(ctx: NodeContext, props: ImageSVGProps) {\n    super(ctx, NodeType.ImageSVG, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas }: DrawingContext) {\n    const { svg } = this.props;\n    const { x, y, width, height } = processRect(this.Skia, this.props);\n    canvas.save();\n    canvas.translate(x, y);\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/LineNode.js

@@ -0,0 +1,25 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class LineNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Line, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      p1,
+      p2
+    } = this.props;
+    canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);
+  }
+
+}
+//# sourceMappingURL=LineNode.js.map

package/lib/module/dom/nodes/drawings/LineNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LineNode.ts"],"names":["NodeType","JsiDrawingNode","LineNode","constructor","ctx","props","Line","deriveProps","draw","canvas","paint","p1","p2","drawLine","x","y"],"mappings":"AACA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,QAAN,SAAuBD,cAAvB,CAAuD;AAC5DE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAqC;AAC9C,UAAMD,GAAN,EAAWJ,QAAQ,CAACM,IAApB,EAA0BD,KAA1B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtC,UAAM;AAAEC,MAAAA,EAAF;AAAMC,MAAAA;AAAN,QAAa,KAAKP,KAAxB;AACAI,IAAAA,MAAM,CAACI,QAAP,CAAgBF,EAAE,CAACG,CAAnB,EAAsBH,EAAE,CAACI,CAAzB,EAA4BH,EAAE,CAACE,CAA/B,EAAkCF,EAAE,CAACG,CAArC,EAAwCL,KAAxC;AACD;;AAZ2D","sourcesContent":["import type { DrawingContext, LineProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class LineNode extends JsiDrawingNode<LineProps, null> {\n  constructor(ctx: NodeContext, props: LineProps) {\n    super(ctx, NodeType.Line, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { p1, p2 } = this.props;\n    canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/OvalNode.js

@@ -0,0 +1,27 @@
+import { NodeType } from "../../types";
+import { processRect } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class OvalNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Oval, props);
+  }
+
+  deriveProps() {
+    return processRect(this.Skia, this.props);
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+
+    if (this.derived === undefined) {
+      throw new Error("OvalNode: rect is undefined");
+    }
+
+    canvas.drawOval(this.derived, paint);
+  }
+
+}
+//# sourceMappingURL=OvalNode.js.map

package/lib/module/dom/nodes/drawings/OvalNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["OvalNode.ts"],"names":["NodeType","processRect","JsiDrawingNode","OvalNode","constructor","ctx","props","Oval","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawOval"],"mappings":"AAEA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,WAAT,QAA4B,cAA5B;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,QAAN,SAAuBD,cAAvB,CAAyD;AAC9DE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAqC;AAC9C,UAAMD,GAAN,EAAWL,QAAQ,CAACO,IAApB,EAA0BD,KAA1B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAOP,WAAW,CAAC,KAAKQ,IAAN,EAAY,KAAKH,KAAjB,CAAlB;AACD;;AAEDI,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;;AACtC,QAAI,KAAKC,OAAL,KAAiBC,SAArB,EAAgC;AAC9B,YAAM,IAAIC,KAAJ,CAAU,6BAAV,CAAN;AACD;;AACDJ,IAAAA,MAAM,CAACK,QAAP,CAAgB,KAAKH,OAArB,EAA8BD,KAA9B;AACD;;AAd6D","sourcesContent":["import type { SkRect } from \"../../../skia/types\";\nimport type { DrawingContext, OvalProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class OvalNode extends JsiDrawingNode<OvalProps, SkRect> {\n  constructor(ctx: NodeContext, props: OvalProps) {\n    super(ctx, NodeType.Oval, props);\n  }\n\n  deriveProps() {\n    return processRect(this.Skia, this.props);\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (this.derived === undefined) {\n      throw new Error(\"OvalNode: rect is undefined\");\n    }\n    canvas.drawOval(this.derived, paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/PatchNode.js

@@ -0,0 +1,56 @@
+import { BlendMode } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { ALPHA, enumKey, processColor } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class PatchNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Patch, props);
+  }
+
+  deriveProps() {
+    const {
+      colors,
+      blendMode,
+      patch
+    } = this.props;
+    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;
+    const mode = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode; // Patch requires a path with the following constraints:
+    // M tl
+    // C c1 c2 br
+    // C c1 c2 bl
+    // C c1 c2 tl (the redundant point in the last command is removed)
+
+    return {
+      mode,
+      points: [patch[0].pos, patch[0].c2, patch[1].c1, patch[1].pos, patch[1].c2, patch[2].c1, patch[2].pos, patch[2].c2, patch[3].c1, patch[3].pos, patch[3].c2, patch[0].c1],
+      colors: colors ? colors.map(c => processColor(this.Skia, c, 1)) : undefined
+    };
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint,
+      opacity
+    } = _ref;
+
+    if (!this.derived) {
+      throw new Error("PatchNode: derived props not set");
+    }
+
+    const {
+      texture
+    } = this.props;
+    const {
+      colors,
+      points,
+      mode
+    } = this.derived;
+    canvas.drawPatch(points, opacity === 1 ? colors : colors && colors.map(c => {
+      c[ALPHA] = c[ALPHA] * opacity;
+      return c;
+    }), texture, mode, paint);
+  }
+
+}
+//# sourceMappingURL=PatchNode.js.map

package/lib/module/dom/nodes/drawings/PatchNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PatchNode.ts"],"names":["BlendMode","NodeType","ALPHA","enumKey","processColor","JsiDrawingNode","PatchNode","constructor","ctx","props","Patch","deriveProps","colors","blendMode","patch","defaultBlendMode","DstOver","SrcOver","mode","points","pos","c2","c1","map","c","Skia","undefined","draw","canvas","paint","opacity","derived","Error","texture","drawPatch"],"mappings":"AACA,SAASA,SAAT,QAA0B,qBAA1B;AAEA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,KAAT,EAAgBC,OAAhB,EAAyBC,YAAzB,QAA6C,cAA7C;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,SAAN,SAAwBD,cAAxB,CAGL;AACAE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;AAC/C,UAAMD,GAAN,EAAWP,QAAQ,CAACS,KAApB,EAA2BD,KAA3B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,UAAM;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,SAAV;AAAqBC,MAAAA;AAArB,QAA+B,KAAKL,KAA1C;AACA,UAAMM,gBAAgB,GAAGH,MAAM,GAAGZ,SAAS,CAACgB,OAAb,GAAuBhB,SAAS,CAACiB,OAAhE;AACA,UAAMC,IAAI,GAAGL,SAAS,GAAGb,SAAS,CAACG,OAAO,CAACU,SAAD,CAAR,CAAZ,GAAmCE,gBAAzD,CAHY,CAIZ;AACA;AACA;AACA;AACA;;AACA,WAAO;AACLG,MAAAA,IADK;AAELC,MAAAA,MAAM,EAAE,CACNL,KAAK,CAAC,CAAD,CAAL,CAASM,GADH,EAENN,KAAK,CAAC,CAAD,CAAL,CAASO,EAFH,EAGNP,KAAK,CAAC,CAAD,CAAL,CAASQ,EAHH,EAINR,KAAK,CAAC,CAAD,CAAL,CAASM,GAJH,EAKNN,KAAK,CAAC,CAAD,CAAL,CAASO,EALH,EAMNP,KAAK,CAAC,CAAD,CAAL,CAASQ,EANH,EAONR,KAAK,CAAC,CAAD,CAAL,CAASM,GAPH,EAQNN,KAAK,CAAC,CAAD,CAAL,CAASO,EARH,EASNP,KAAK,CAAC,CAAD,CAAL,CAASQ,EATH,EAUNR,KAAK,CAAC,CAAD,CAAL,CAASM,GAVH,EAWNN,KAAK,CAAC,CAAD,CAAL,CAASO,EAXH,EAYNP,KAAK,CAAC,CAAD,CAAL,CAASQ,EAZH,CAFH;AAgBLV,MAAAA,MAAM,EAAEA,MAAM,GACVA,MAAM,CAACW,GAAP,CAAYC,CAAD,IAAOpB,YAAY,CAAC,KAAKqB,IAAN,EAAYD,CAAZ,EAAe,CAAf,CAA9B,CADU,GAEVE;AAlBC,KAAP;AAoBD;;AAEDC,EAAAA,IAAI,OAA6C;AAAA,QAA5C;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,KAAV;AAAiBC,MAAAA;AAAjB,KAA4C;;AAC/C,QAAI,CAAC,KAAKC,OAAV,EAAmB;AACjB,YAAM,IAAIC,KAAJ,CAAU,kCAAV,CAAN;AACD;;AACD,UAAM;AAAEC,MAAAA;AAAF,QAAc,KAAKxB,KAAzB;AACA,UAAM;AAAEG,MAAAA,MAAF;AAAUO,MAAAA,MAAV;AAAkBD,MAAAA;AAAlB,QAA2B,KAAKa,OAAtC;AACAH,IAAAA,MAAM,CAACM,SAAP,CACEf,MADF,EAEEW,OAAO,KAAK,CAAZ,GACIlB,MADJ,GAEIA,MAAM,IACJA,MAAM,CAACW,GAAP,CAAYC,CAAD,IAAO;AAChBA,MAAAA,CAAC,CAACtB,KAAD,CAAD,GAAWsB,CAAC,CAACtB,KAAD,CAAD,GAAW4B,OAAtB;AACA,aAAON,CAAP;AACD,KAHD,CALR,EASES,OATF,EAUEf,IAVF,EAWEW,KAXF;AAaD;;AAvDD","sourcesContent":["import type { SkColor, SkPoint } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport type { DrawingContext, PatchProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { ALPHA, enumKey, processColor } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class PatchNode extends JsiDrawingNode<\n  PatchProps,\n  { points: SkPoint[]; colors: SkColor[] | undefined; mode: BlendMode }\n> {\n  constructor(ctx: NodeContext, props: PatchProps) {\n    super(ctx, NodeType.Patch, props);\n  }\n\n  deriveProps() {\n    const { colors, blendMode, patch } = this.props;\n    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;\n    const mode = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n    // Patch requires a path with the following constraints:\n    // M tl\n    // C c1 c2 br\n    // C c1 c2 bl\n    // C c1 c2 tl (the redundant point in the last command is removed)\n    return {\n      mode,\n      points: [\n        patch[0].pos,\n        patch[0].c2,\n        patch[1].c1,\n        patch[1].pos,\n        patch[1].c2,\n        patch[2].c1,\n        patch[2].pos,\n        patch[2].c2,\n        patch[3].c1,\n        patch[3].pos,\n        patch[3].c2,\n        patch[0].c1,\n      ],\n      colors: colors\n        ? colors.map((c) => processColor(this.Skia, c, 1))\n        : undefined,\n    };\n  }\n\n  draw({ canvas, paint, opacity }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"PatchNode: derived props not set\");\n    }\n    const { texture } = this.props;\n    const { colors, points, mode } = this.derived;\n    canvas.drawPatch(\n      points,\n      opacity === 1\n        ? colors\n        : colors &&\n            colors.map((c) => {\n              c[ALPHA] = c[ALPHA] * opacity;\n              return c;\n            }),\n      texture,\n      mode,\n      paint\n    );\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/PathNode.js

@@ -0,0 +1,55 @@
+import { FillType } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { enumKey, processPath } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class PathNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Path, props);
+  }
+
+  deriveProps() {
+    const {
+      start,
+      end,
+      fillType,
+      stroke,
+      ...pathProps
+    } = this.props;
+    const hasStartOffset = start !== 0;
+    const hasEndOffset = end !== 1;
+    const hasStrokeOptions = stroke !== undefined;
+    const hasFillType = !!fillType;
+    const willMutatePath = hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;
+    const pristinePath = processPath(this.Skia, pathProps.path);
+    const path = willMutatePath ? pristinePath.copy() : pristinePath;
+
+    if (hasFillType) {
+      path.setFillType(FillType[enumKey(fillType)]);
+    }
+
+    if (hasStrokeOptions) {
+      path.stroke(stroke);
+    }
+
+    if (hasStartOffset || hasEndOffset) {
+      path.trim(start, end, false);
+    }
+
+    return path;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+
+    if (!this.derived) {
+      throw new Error("Path not initialized");
+    }
+
+    canvas.drawPath(this.derived, paint);
+  }
+
+}
+//# sourceMappingURL=PathNode.js.map

package/lib/module/dom/nodes/drawings/PathNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PathNode.ts"],"names":["FillType","NodeType","enumKey","processPath","JsiDrawingNode","PathNode","constructor","ctx","props","Path","deriveProps","start","end","fillType","stroke","pathProps","hasStartOffset","hasEndOffset","hasStrokeOptions","undefined","hasFillType","willMutatePath","pristinePath","Skia","path","copy","setFillType","trim","draw","canvas","paint","derived","Error","drawPath"],"mappings":"AAAA,SAASA,QAAT,QAAyB,qBAAzB;AAGA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,OAAT,EAAkBC,WAAlB,QAAqC,cAArC;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,QAAN,SAAuBD,cAAvB,CAAyD;AAC9DE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAqC;AAC9C,UAAMD,GAAN,EAAWN,QAAQ,CAACQ,IAApB,EAA0BD,KAA1B;AACD;;AAESE,EAAAA,WAAW,GAAG;AACtB,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA,GAAT;AAAcC,MAAAA,QAAd;AAAwBC,MAAAA,MAAxB;AAAgC,SAAGC;AAAnC,QAAiD,KAAKP,KAA5D;AACA,UAAMQ,cAAc,GAAGL,KAAK,KAAK,CAAjC;AACA,UAAMM,YAAY,GAAGL,GAAG,KAAK,CAA7B;AACA,UAAMM,gBAAgB,GAAGJ,MAAM,KAAKK,SAApC;AACA,UAAMC,WAAW,GAAG,CAAC,CAACP,QAAtB;AACA,UAAMQ,cAAc,GAClBL,cAAc,IAAIC,YAAlB,IAAkCC,gBAAlC,IAAsDE,WADxD;AAEA,UAAME,YAAY,GAAGnB,WAAW,CAAC,KAAKoB,IAAN,EAAYR,SAAS,CAACS,IAAtB,CAAhC;AACA,UAAMA,IAAI,GAAGH,cAAc,GAAGC,YAAY,CAACG,IAAb,EAAH,GAAyBH,YAApD;;AACA,QAAIF,WAAJ,EAAiB;AACfI,MAAAA,IAAI,CAACE,WAAL,CAAiB1B,QAAQ,CAACE,OAAO,CAACW,QAAD,CAAR,CAAzB;AACD;;AACD,QAAIK,gBAAJ,EAAsB;AACpBM,MAAAA,IAAI,CAACV,MAAL,CAAYA,MAAZ;AACD;;AACD,QAAIE,cAAc,IAAIC,YAAtB,EAAoC;AAClCO,MAAAA,IAAI,CAACG,IAAL,CAAUhB,KAAV,EAAiBC,GAAjB,EAAsB,KAAtB;AACD;;AACD,WAAOY,IAAP;AACD;;AAEDI,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;;AACtC,QAAI,CAAC,KAAKC,OAAV,EAAmB;AACjB,YAAM,IAAIC,KAAJ,CAAU,sBAAV,CAAN;AACD;;AACDH,IAAAA,MAAM,CAACI,QAAP,CAAgB,KAAKF,OAArB,EAA8BD,KAA9B;AACD;;AAhC6D","sourcesContent":["import { FillType } from \"../../../skia/types\";\nimport type { SkPath } from \"../../../skia/types\";\nimport type { DrawingContext, PathProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { enumKey, processPath } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class PathNode extends JsiDrawingNode<PathProps, SkPath> {\n  constructor(ctx: NodeContext, props: PathProps) {\n    super(ctx, NodeType.Path, props);\n  }\n\n  protected deriveProps() {\n    const { start, end, fillType, stroke, ...pathProps } = this.props;\n    const hasStartOffset = start !== 0;\n    const hasEndOffset = end !== 1;\n    const hasStrokeOptions = stroke !== undefined;\n    const hasFillType = !!fillType;\n    const willMutatePath =\n      hasStartOffset || hasEndOffset || hasStrokeOptions || hasFillType;\n    const pristinePath = processPath(this.Skia, pathProps.path);\n    const path = willMutatePath ? pristinePath.copy() : pristinePath;\n    if (hasFillType) {\n      path.setFillType(FillType[enumKey(fillType)]);\n    }\n    if (hasStrokeOptions) {\n      path.stroke(stroke);\n    }\n    if (hasStartOffset || hasEndOffset) {\n      path.trim(start, end, false);\n    }\n    return path;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"Path not initialized\");\n    }\n    canvas.drawPath(this.derived, paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/PictureNode.js

@@ -0,0 +1,23 @@
+import { NodeType } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+export class PictureNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Picture, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas
+    } = _ref;
+    const {
+      picture
+    } = this.props;
+    canvas.drawPicture(picture);
+  }
+
+}
+//# sourceMappingURL=PictureNode.js.map

package/lib/module/dom/nodes/drawings/PictureNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PictureNode.ts"],"names":["NodeType","JsiDrawingNode","PictureNode","constructor","ctx","props","Picture","deriveProps","draw","canvas","picture","drawPicture"],"mappings":"AACA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,WAAN,SAA0BD,cAA1B,CAA6D;AAClEE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAwC;AACjD,UAAMD,GAAN,EAAWJ,QAAQ,CAACM,OAApB,EAA6BD,KAA7B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAA6B;AAAA,QAA5B;AAAEC,MAAAA;AAAF,KAA4B;AAC/B,UAAM;AAAEC,MAAAA;AAAF,QAAc,KAAKL,KAAzB;AACAI,IAAAA,MAAM,CAACE,WAAP,CAAmBD,OAAnB;AACD;;AAZiE","sourcesContent":["import type { DrawingContext, PictureProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class PictureNode extends JsiDrawingNode<PictureProps, null> {\n  constructor(ctx: NodeContext, props: PictureProps) {\n    super(ctx, NodeType.Picture, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas }: DrawingContext) {\n    const { picture } = this.props;\n    canvas.drawPicture(picture);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/PointsNode.js

@@ -0,0 +1,27 @@
+import { PointMode } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { enumKey } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class PointsNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Points, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      points,
+      mode
+    } = this.props;
+    canvas.drawPoints(PointMode[enumKey(mode)], points, paint);
+  }
+
+}
+//# sourceMappingURL=PointsNode.js.map

package/lib/module/dom/nodes/drawings/PointsNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PointsNode.ts"],"names":["PointMode","NodeType","enumKey","JsiDrawingNode","PointsNode","constructor","ctx","props","Points","deriveProps","draw","canvas","paint","points","mode","drawPoints"],"mappings":"AAAA,SAASA,SAAT,QAA0B,qBAA1B;AAEA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,OAAT,QAAwB,cAAxB;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,UAAN,SAAyBD,cAAzB,CAA2D;AAChEE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAuC;AAChD,UAAMD,GAAN,EAAWL,QAAQ,CAACO,MAApB,EAA4BD,KAA5B;AACD;;AAEDE,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;AACtC,UAAM;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,QAAmB,KAAKP,KAA9B;AACAI,IAAAA,MAAM,CAACI,UAAP,CAAkBf,SAAS,CAACE,OAAO,CAACY,IAAD,CAAR,CAA3B,EAA4CD,MAA5C,EAAoDD,KAApD;AACD;;AAZ+D","sourcesContent":["import { PointMode } from \"../../../skia/types\";\nimport type { DrawingContext, PointsProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class PointsNode extends JsiDrawingNode<PointsProps, null> {\n  constructor(ctx: NodeContext, props: PointsProps) {\n    super(ctx, NodeType.Points, props);\n  }\n\n  deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { points, mode } = this.props;\n    canvas.drawPoints(PointMode[enumKey(mode)], points, paint);\n  }\n}\n"]}

package/lib/module/dom/nodes/drawings/RRectNode.js

@@ -0,0 +1,31 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { NodeType } from "../../types";
+import { processRRect } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class RRectNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.RRect, props);
+
+    _defineProperty(this, "rect", void 0);
+  }
+
+  deriveProps() {
+    return processRRect(this.Skia, this.props);
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+
+    if (this.derived === undefined) {
+      throw new Error("RRectNode: rect is undefined");
+    }
+
+    canvas.drawRRect(this.derived, paint);
+  }
+
+}
+//# sourceMappingURL=RRectNode.js.map

package/lib/module/dom/nodes/drawings/RRectNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RRectNode.ts"],"names":["NodeType","processRRect","JsiDrawingNode","RRectNode","constructor","ctx","props","RRect","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawRRect"],"mappings":";;AAEA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,YAAT,QAA6B,cAA7B;AACA,SAASC,cAAT,QAA+B,gBAA/B;AAGA,OAAO,MAAMC,SAAN,SAAwBD,cAAxB,CAAkE;AAGvEE,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAA4C;AACrD,UAAMD,GAAN,EAAWL,QAAQ,CAACO,KAApB,EAA2BD,KAA3B;;AADqD;AAEtD;;AAESE,EAAAA,WAAW,GAAG;AACtB,WAAOP,YAAY,CAAC,KAAKQ,IAAN,EAAY,KAAKH,KAAjB,CAAnB;AACD;;AAEDI,EAAAA,IAAI,OAAoC;AAAA,QAAnC;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAmC;;AACtC,QAAI,KAAKC,OAAL,KAAiBC,SAArB,EAAgC;AAC9B,YAAM,IAAIC,KAAJ,CAAU,8BAAV,CAAN;AACD;;AACDJ,IAAAA,MAAM,CAACK,SAAP,CAAiB,KAAKH,OAAtB,EAA+BD,KAA/B;AACD;;AAhBsE","sourcesContent":["import type { SkRRect } from \"../../../skia/types\";\nimport type { DrawingContext, RoundedRectProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processRRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class RRectNode extends JsiDrawingNode<RoundedRectProps, SkRRect> {\n  rect?: SkRRect;\n\n  constructor(ctx: NodeContext, props: RoundedRectProps) {\n    super(ctx, NodeType.RRect, props);\n  }\n\n  protected deriveProps() {\n    return processRRect(this.Skia, this.props);\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (this.derived === undefined) {\n      throw new Error(\"RRectNode: rect is undefined\");\n    }\n    canvas.drawRRect(this.derived, paint);\n  }\n}\n"]}