@shopify/react-native-skia 1.0.1 → 1.0.2

package/lib/commonjs/dom/nodes/datatypes/Gradient.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformOrigin = exports.processGradientProps = exports.getRect = void 0;
+var _types = require("../../../skia/types");
+var _Enum = require("./Enum");
+var _Transform = require("./Transform");
+const transformOrigin = (origin, transform) => [{
+  translateX: origin.x
+}, {
+  translateY: origin.y
+}, ...transform, {
+  translateX: -origin.x
+}, {
+  translateY: -origin.y
+}];
+exports.transformOrigin = transformOrigin;
+const processGradientProps = (Skia, {
+  colors,
+  positions,
+  mode,
+  flags,
+  ...transform
+}) => {
+  const localMatrix = Skia.Matrix();
+  (0, _Transform.processTransformProps)(localMatrix, transform);
+  return {
+    colors: colors.map(color => Skia.Color(color)),
+    positions: positions !== null && positions !== void 0 ? positions : null,
+    mode: _types.TileMode[(0, _Enum.enumKey)(mode !== null && mode !== void 0 ? mode : "clamp")],
+    flags,
+    localMatrix
+  };
+};
+exports.processGradientProps = processGradientProps;
+const getRect = (Skia, props) => {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = props;
+  if (props.rect) {
+    return props.rect;
+  } else if (x !== undefined && y !== undefined && width !== undefined && height !== undefined) {
+    return Skia.XYWHRect(x, y, width, height);
+  } else {
+    return undefined;
+  }
+};
+exports.getRect = getRect;
+//# sourceMappingURL=Gradient.js.map

package/lib/commonjs/dom/nodes/datatypes/Gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_Enum","_Transform","transformOrigin","origin","transform","translateX","x","translateY","y","exports","processGradientProps","Skia","colors","positions","mode","flags","localMatrix","Matrix","processTransformProps","map","color","Color","TileMode","enumKey","getRect","props","width","height","rect","undefined","XYWHRect"],"sources":["Gradient.ts"],"sourcesContent":["import type { Skia, SkRect, Transforms3d, Vector } from \"../../../skia/types\";\nimport { TileMode } from \"../../../skia/types\";\nimport type { GradientProps, ImageShaderProps } from \"../../types\";\n\nimport { enumKey } from \"./Enum\";\nimport { processTransformProps } from \"./Transform\";\n\nexport const transformOrigin = (origin: Vector, transform: Transforms3d) => [\n  { translateX: origin.x },\n  { translateY: origin.y },\n  ...transform,\n  { translateX: -origin.x },\n  { translateY: -origin.y },\n];\n\nexport const processGradientProps = (\n  Skia: Skia,\n  { colors, positions, mode, flags, ...transform }: GradientProps\n) => {\n  const localMatrix = Skia.Matrix();\n  processTransformProps(localMatrix, transform);\n  return {\n    colors: colors.map((color) => Skia.Color(color)),\n    positions: positions ?? null,\n    mode: TileMode[enumKey(mode ?? \"clamp\")],\n    flags,\n    localMatrix,\n  };\n};\n\nexport const getRect = (\n  Skia: Skia,\n  props: Omit<ImageShaderProps, \"tx\" | \"ty\" | \"fm\" | \"mm\" | \"fit\" | \"image\">\n): SkRect | undefined => {\n  const { x, y, width, height } = props;\n  if (props.rect) {\n    return props.rect;\n  } else if (\n    x !== undefined &&\n    y !== undefined &&\n    width !== undefined &&\n    height !== undefined\n  ) {\n    return Skia.XYWHRect(x, y, width, height);\n  } else {\n    return undefined;\n  }\n};\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,eAAe,GAAGA,CAACC,MAAc,EAAEC,SAAuB,KAAK,CAC1E;EAAEC,UAAU,EAAEF,MAAM,CAACG;AAAE,CAAC,EACxB;EAAEC,UAAU,EAAEJ,MAAM,CAACK;AAAE,CAAC,EACxB,GAAGJ,SAAS,EACZ;EAAEC,UAAU,EAAE,CAACF,MAAM,CAACG;AAAE,CAAC,EACzB;EAAEC,UAAU,EAAE,CAACJ,MAAM,CAACK;AAAE,CAAC,CAC1B;AAACC,OAAA,CAAAP,eAAA,GAAAA,eAAA;AAEK,MAAMQ,oBAAoB,GAAGA,CAClCC,IAAU,EACV;EAAEC,MAAM;EAAEC,SAAS;EAAEC,IAAI;EAAEC,KAAK;EAAE,GAAGX;AAAyB,CAAC,KAC5D;EACH,MAAMY,WAAW,GAAGL,IAAI,CAACM,MAAM,CAAC,CAAC;EACjC,IAAAC,gCAAqB,EAACF,WAAW,EAAEZ,SAAS,CAAC;EAC7C,OAAO;IACLQ,MAAM,EAAEA,MAAM,CAACO,GAAG,CAAEC,KAAK,IAAKT,IAAI,CAACU,KAAK,CAACD,KAAK,CAAC,CAAC;IAChDP,SAAS,EAAEA,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,IAAI;IAC5BC,IAAI,EAAEQ,eAAQ,CAAC,IAAAC,aAAO,EAACT,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,OAAO,CAAC,CAAC;IACxCC,KAAK;IACLC;EACF,CAAC;AACH,CAAC;AAACP,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEK,MAAMc,OAAO,GAAGA,CACrBb,IAAU,EACVc,KAA0E,KACnD;EACvB,MAAM;IAAEnB,CAAC;IAAEE,CAAC;IAAEkB,KAAK;IAAEC;EAAO,CAAC,GAAGF,KAAK;EACrC,IAAIA,KAAK,CAACG,IAAI,EAAE;IACd,OAAOH,KAAK,CAACG,IAAI;EACnB,CAAC,MAAM,IACLtB,CAAC,KAAKuB,SAAS,IACfrB,CAAC,KAAKqB,SAAS,IACfH,KAAK,KAAKG,SAAS,IACnBF,MAAM,KAAKE,SAAS,EACpB;IACA,OAAOlB,IAAI,CAACmB,QAAQ,CAACxB,CAAC,EAAEE,CAAC,EAAEkB,KAAK,EAAEC,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAOE,SAAS;EAClB;AACF,CAAC;AAACpB,OAAA,CAAAe,OAAA,GAAAA,OAAA"}

package/lib/commonjs/dom/nodes/datatypes/Path.d.ts

@@ -0,0 +1,4 @@
+import type { Skia } from "../../../skia/types";
+import type { PathDef } from "../../types";
+export declare const processPath: (Skia: Skia, rawPath: PathDef) => import("../../../skia/types").SkPath;
+export declare const isPathDef: (def: any) => def is PathDef;

package/lib/commonjs/dom/nodes/datatypes/Path.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processPath = exports.isPathDef = void 0;
+var _types = require("../../../skia/types");
+const processPath = (Skia, rawPath) => {
+  const path = typeof rawPath === "string" ? Skia.Path.MakeFromSVGString(rawPath) : rawPath;
+  if (!path) {
+    throw new Error("Invalid path: " + rawPath);
+  }
+  return path;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.processPath = processPath;
+const isPathDef = def => typeof def === "string" || (0, _types.isPath)(def);
+exports.isPathDef = isPathDef;
+//# sourceMappingURL=Path.js.map

package/lib/commonjs/dom/nodes/datatypes/Path.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","processPath","Skia","rawPath","path","Path","MakeFromSVGString","Error","exports","isPathDef","def","isPath"],"sources":["Path.ts"],"sourcesContent":["import type { Skia } from \"../../../skia/types\";\nimport { isPath } from \"../../../skia/types\";\nimport type { PathDef } from \"../../types\";\n\nexport const processPath = (Skia: Skia, rawPath: PathDef) => {\n  const path =\n    typeof rawPath === \"string\"\n      ? Skia.Path.MakeFromSVGString(rawPath)\n      : rawPath;\n  if (!path) {\n    throw new Error(\"Invalid path: \" + rawPath);\n  }\n  return path;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const isPathDef = (def: any): def is PathDef =>\n  typeof def === \"string\" || isPath(def);\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,WAAW,GAAGA,CAACC,IAAU,EAAEC,OAAgB,KAAK;EAC3D,MAAMC,IAAI,GACR,OAAOD,OAAO,KAAK,QAAQ,GACvBD,IAAI,CAACG,IAAI,CAACC,iBAAiB,CAACH,OAAO,CAAC,GACpCA,OAAO;EACb,IAAI,CAACC,IAAI,EAAE;IACT,MAAM,IAAIG,KAAK,CAAC,gBAAgB,GAAGJ,OAAO,CAAC;EAC7C;EACA,OAAOC,IAAI;AACb,CAAC;;AAED;AAAAI,OAAA,CAAAP,WAAA,GAAAA,WAAA;AACO,MAAMQ,SAAS,GAAIC,GAAQ,IAChC,OAAOA,GAAG,KAAK,QAAQ,IAAI,IAAAC,aAAM,EAACD,GAAG,CAAC;AAACF,OAAA,CAAAC,SAAA,GAAAA,SAAA"}

package/lib/commonjs/dom/nodes/datatypes/Radius.d.ts

@@ -0,0 +1,3 @@
+import type { Skia, Vector } from "../../../skia/types";
+import type { Radius } from "../../types";
+export declare const processRadius: (Skia: Skia, radius: Radius) => Vector;

package/lib/commonjs/dom/nodes/datatypes/Radius.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processRadius = void 0;
+const processRadius = (Skia, radius) => {
+  if (typeof radius === "number") {
+    return Skia.Point(radius, radius);
+  }
+  return radius;
+};
+exports.processRadius = processRadius;
+//# sourceMappingURL=Radius.js.map

package/lib/commonjs/dom/nodes/datatypes/Radius.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processRadius","Skia","radius","Point","exports"],"sources":["Radius.ts"],"sourcesContent":["import type { Skia, Vector } from \"../../../skia/types\";\nimport type { Radius } from \"../../types\";\n\nexport const processRadius = (Skia: Skia, radius: Radius): Vector => {\n  if (typeof radius === \"number\") {\n    return Skia.Point(radius, radius);\n  }\n  return radius;\n};\n"],"mappings":";;;;;;AAGO,MAAMA,aAAa,GAAGA,CAACC,IAAU,EAAEC,MAAc,KAAa;EACnE,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAOD,IAAI,CAACE,KAAK,CAACD,MAAM,EAAEA,MAAM,CAAC;EACnC;EACA,OAAOA,MAAM;AACf,CAAC;AAACE,OAAA,CAAAJ,aAAA,GAAAA,aAAA"}

package/lib/commonjs/dom/nodes/datatypes/Rect.d.ts

@@ -0,0 +1,5 @@
+import type { Skia, SkRect, Vector } from "../../../skia/types";
+import type { RectDef, RRectDef } from "../../types";
+export declare const isEdge: (pos: Vector, b: SkRect) => boolean;
+export declare const processRect: (Skia: Skia, def: RectDef) => SkRect;
+export declare const processRRect: (Skia: Skia, def: RRectDef) => import("../../../skia/types").InputRRect;

package/lib/commonjs/dom/nodes/datatypes/Rect.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processRect = exports.processRRect = exports.isEdge = void 0;
+var _Radius = require("./Radius");
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+const isEdge = (pos, b) => {
+  "worklet";
+
+  return pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height;
+};
+
+// We have an issue to check property existence on JSI backed instances
+exports.isEdge = isEdge;
+const isRRectCtor = def => def.rect === undefined;
+// We have an issue to check property existence on JSI backed instances
+const isRectCtor = def => def.rect === undefined;
+const processRect = (Skia, def) => {
+  if (isRectCtor(def)) {
+    var _def$x, _def$y;
+    return Skia.XYWHRect((_def$x = def.x) !== null && _def$x !== void 0 ? _def$x : 0, (_def$y = def.y) !== null && _def$y !== void 0 ? _def$y : 0, def.width, def.height);
+  } else {
+    return def.rect;
+  }
+};
+exports.processRect = processRect;
+const processRRect = (Skia, def) => {
+  if (isRRectCtor(def)) {
+    var _def$r, _def$x2, _def$y2;
+    const r = (0, _Radius.processRadius)(Skia, (_def$r = def.r) !== null && _def$r !== void 0 ? _def$r : 0);
+    return Skia.RRectXY(Skia.XYWHRect((_def$x2 = def.x) !== null && _def$x2 !== void 0 ? _def$x2 : 0, (_def$y2 = def.y) !== null && _def$y2 !== void 0 ? _def$y2 : 0, def.width, def.height), r.x, r.y);
+  } else {
+    return def.rect;
+  }
+};
+exports.processRRect = processRRect;
+//# sourceMappingURL=Rect.js.map

package/lib/commonjs/dom/nodes/datatypes/Rect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Radius","require","isEdge","pos","b","x","y","width","height","exports","isRRectCtor","def","rect","undefined","isRectCtor","processRect","Skia","_def$x","_def$y","XYWHRect","processRRect","_def$r","_def$x2","_def$y2","r","processRadius","RRectXY"],"sources":["Rect.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Skia, SkRect, Vector } from \"../../../skia/types\";\nimport type { RectCtor, RectDef, RRectCtor, RRectDef } from \"../../types\";\n\nimport { processRadius } from \"./Radius\";\n\nexport const isEdge = (pos: Vector, b: SkRect) => {\n  \"worklet\";\n  return (\n    pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height\n  );\n};\n\n// We have an issue to check property existence on JSI backed instances\nconst isRRectCtor = (def: RRectDef): def is RRectCtor =>\n  (def as any).rect === undefined;\n// We have an issue to check property existence on JSI backed instances\nconst isRectCtor = (def: RectDef): def is RectCtor =>\n  (def as any).rect === undefined;\n\nexport const processRect = (Skia: Skia, def: RectDef) => {\n  if (isRectCtor(def)) {\n    return Skia.XYWHRect(def.x ?? 0, def.y ?? 0, def.width, def.height);\n  } else {\n    return def.rect;\n  }\n};\n\nexport const processRRect = (Skia: Skia, def: RRectDef) => {\n  if (isRRectCtor(def)) {\n    const r = processRadius(Skia, def.r ?? 0);\n    return Skia.RRectXY(\n      Skia.XYWHRect(def.x ?? 0, def.y ?? 0, def.width, def.height),\n      r.x,\n      r.y\n    );\n  } else {\n    return def.rect;\n  }\n};\n"],"mappings":";;;;;;AAIA,IAAAA,OAAA,GAAAC,OAAA;AAJA;;AAMO,MAAMC,MAAM,GAAGA,CAACC,GAAW,EAAEC,CAAS,KAAK;EAChD,SAAS;;EACT,OACED,GAAG,CAACE,CAAC,KAAKD,CAAC,CAACC,CAAC,IAAIF,GAAG,CAACG,CAAC,KAAKF,CAAC,CAACE,CAAC,IAAIH,GAAG,CAACE,CAAC,KAAKD,CAAC,CAACG,KAAK,IAAIJ,GAAG,CAACG,CAAC,KAAKF,CAAC,CAACI,MAAM;AAE7E,CAAC;;AAED;AAAAC,OAAA,CAAAP,MAAA,GAAAA,MAAA;AACA,MAAMQ,WAAW,GAAIC,GAAa,IAC/BA,GAAG,CAASC,IAAI,KAAKC,SAAS;AACjC;AACA,MAAMC,UAAU,GAAIH,GAAY,IAC7BA,GAAG,CAASC,IAAI,KAAKC,SAAS;AAE1B,MAAME,WAAW,GAAGA,CAACC,IAAU,EAAEL,GAAY,KAAK;EACvD,IAAIG,UAAU,CAACH,GAAG,CAAC,EAAE;IAAA,IAAAM,MAAA,EAAAC,MAAA;IACnB,OAAOF,IAAI,CAACG,QAAQ,EAAAF,MAAA,GAACN,GAAG,CAACN,CAAC,cAAAY,MAAA,cAAAA,MAAA,GAAI,CAAC,GAAAC,MAAA,GAAEP,GAAG,CAACL,CAAC,cAAAY,MAAA,cAAAA,MAAA,GAAI,CAAC,EAAEP,GAAG,CAACJ,KAAK,EAAEI,GAAG,CAACH,MAAM,CAAC;EACrE,CAAC,MAAM;IACL,OAAOG,GAAG,CAACC,IAAI;EACjB;AACF,CAAC;AAACH,OAAA,CAAAM,WAAA,GAAAA,WAAA;AAEK,MAAMK,YAAY,GAAGA,CAACJ,IAAU,EAAEL,GAAa,KAAK;EACzD,IAAID,WAAW,CAACC,GAAG,CAAC,EAAE;IAAA,IAAAU,MAAA,EAAAC,OAAA,EAAAC,OAAA;IACpB,MAAMC,CAAC,GAAG,IAAAC,qBAAa,EAACT,IAAI,GAAAK,MAAA,GAAEV,GAAG,CAACa,CAAC,cAAAH,MAAA,cAAAA,MAAA,GAAI,CAAC,CAAC;IACzC,OAAOL,IAAI,CAACU,OAAO,CACjBV,IAAI,CAACG,QAAQ,EAAAG,OAAA,GAACX,GAAG,CAACN,CAAC,cAAAiB,OAAA,cAAAA,OAAA,GAAI,CAAC,GAAAC,OAAA,GAAEZ,GAAG,CAACL,CAAC,cAAAiB,OAAA,cAAAA,OAAA,GAAI,CAAC,EAAEZ,GAAG,CAACJ,KAAK,EAAEI,GAAG,CAACH,MAAM,CAAC,EAC5DgB,CAAC,CAACnB,CAAC,EACHmB,CAAC,CAAClB,CACJ,CAAC;EACH,CAAC,MAAM;IACL,OAAOK,GAAG,CAACC,IAAI;EACjB;AACF,CAAC;AAACH,OAAA,CAAAW,YAAA,GAAAA,YAAA"}

package/lib/commonjs/dom/nodes/datatypes/Transform.d.ts

@@ -0,0 +1,3 @@
+import type { TransformProps } from "../../types";
+import type { SkMatrix } from "../../../skia/types";
+export declare const processTransformProps: (m3: SkMatrix, props: TransformProps) => void;

package/lib/commonjs/dom/nodes/datatypes/Transform.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processTransformProps = void 0;
+var _types = require("../../../skia/types");
+const processTransformProps = (m3, props) => {
+  const {
+    transform,
+    origin,
+    matrix
+  } = props;
+  if (matrix) {
+    if (origin) {
+      m3.translate(origin.x, origin.y);
+      m3.concat(matrix);
+      m3.translate(-origin.x, -origin.y);
+    } else {
+      m3.concat(matrix);
+    }
+  } else if (transform) {
+    if (origin) {
+      m3.translate(origin.x, origin.y);
+    }
+    (0, _types.processTransform)(m3, transform);
+    if (origin) {
+      m3.translate(-origin.x, -origin.y);
+    }
+  }
+};
+exports.processTransformProps = processTransformProps;
+//# sourceMappingURL=Transform.js.map

package/lib/commonjs/dom/nodes/datatypes/Transform.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","processTransformProps","m3","props","transform","origin","matrix","translate","x","y","concat","processTransform","exports"],"sources":["Transform.ts"],"sourcesContent":["import type { TransformProps } from \"../../types\";\nimport type { SkMatrix } from \"../../../skia/types\";\nimport { processTransform } from \"../../../skia/types\";\n\nexport const processTransformProps = (m3: SkMatrix, props: TransformProps) => {\n  const { transform, origin, matrix } = props;\n  if (matrix) {\n    if (origin) {\n      m3.translate(origin.x, origin.y);\n      m3.concat(matrix);\n      m3.translate(-origin.x, -origin.y);\n    } else {\n      m3.concat(matrix);\n    }\n  } else if (transform) {\n    if (origin) {\n      m3.translate(origin.x, origin.y);\n    }\n    processTransform(m3, transform);\n    if (origin) {\n      m3.translate(-origin.x, -origin.y);\n    }\n  }\n};\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,qBAAqB,GAAGA,CAACC,EAAY,EAAEC,KAAqB,KAAK;EAC5E,MAAM;IAAEC,SAAS;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGH,KAAK;EAC3C,IAAIG,MAAM,EAAE;IACV,IAAID,MAAM,EAAE;MACVH,EAAE,CAACK,SAAS,CAACF,MAAM,CAACG,CAAC,EAAEH,MAAM,CAACI,CAAC,CAAC;MAChCP,EAAE,CAACQ,MAAM,CAACJ,MAAM,CAAC;MACjBJ,EAAE,CAACK,SAAS,CAAC,CAACF,MAAM,CAACG,CAAC,EAAE,CAACH,MAAM,CAACI,CAAC,CAAC;IACpC,CAAC,MAAM;MACLP,EAAE,CAACQ,MAAM,CAACJ,MAAM,CAAC;IACnB;EACF,CAAC,MAAM,IAAIF,SAAS,EAAE;IACpB,IAAIC,MAAM,EAAE;MACVH,EAAE,CAACK,SAAS,CAACF,MAAM,CAACG,CAAC,EAAEH,MAAM,CAACI,CAAC,CAAC;IAClC;IACA,IAAAE,uBAAgB,EAACT,EAAE,EAAEE,SAAS,CAAC;IAC/B,IAAIC,MAAM,EAAE;MACVH,EAAE,CAACK,SAAS,CAAC,CAACF,MAAM,CAACG,CAAC,EAAE,CAACH,MAAM,CAACI,CAAC,CAAC;IACpC;EACF;AACF,CAAC;AAACG,OAAA,CAAAX,qBAAA,GAAAA,qBAAA"}

package/lib/commonjs/dom/nodes/datatypes/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./Enum";
+export * from "./Path";
+export * from "./Fitting";
+export * from "./Rect";
+export * from "./Radius";
+export * from "./Circle";
+export * from "./Gradient";
+export * from "./Transform";

package/lib/commonjs/dom/nodes/datatypes/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Enum = require("./Enum");
+Object.keys(_Enum).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Enum[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Enum[key];
+    }
+  });
+});
+var _Path = require("./Path");
+Object.keys(_Path).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Path[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Path[key];
+    }
+  });
+});
+var _Fitting = require("./Fitting");
+Object.keys(_Fitting).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Fitting[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Fitting[key];
+    }
+  });
+});
+var _Rect = require("./Rect");
+Object.keys(_Rect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Rect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Rect[key];
+    }
+  });
+});
+var _Radius = require("./Radius");
+Object.keys(_Radius).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Radius[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Radius[key];
+    }
+  });
+});
+var _Circle = require("./Circle");
+Object.keys(_Circle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Circle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Circle[key];
+    }
+  });
+});
+var _Gradient = require("./Gradient");
+Object.keys(_Gradient).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Gradient[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Gradient[key];
+    }
+  });
+});
+var _Transform = require("./Transform");
+Object.keys(_Transform).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Transform[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Transform[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/dom/nodes/datatypes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Enum","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Path","_Fitting","_Rect","_Radius","_Circle","_Gradient","_Transform"],"sources":["index.ts"],"sourcesContent":["export * from \"./Enum\";\nexport * from \"./Path\";\nexport * from \"./Fitting\";\nexport * from \"./Rect\";\nexport * from \"./Radius\";\nexport * from \"./Circle\";\nexport * from \"./Gradient\";\nexport * from \"./Transform\";\n"],"mappings":"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"}

package/lib/commonjs/dom/nodes/drawings/AtlasNode.d.ts

@@ -0,0 +1,8 @@
+import type { AtlasProps, DrawingContext } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class AtlasNode extends JsiDrawingNode<AtlasProps, null> {
+    protected deriveProps(): null;
+    constructor(ctx: NodeContext, props: AtlasProps);
+    draw({ canvas, paint }: DrawingContext): void;
+}

package/lib/commonjs/dom/nodes/drawings/AtlasNode.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AtlasNode = void 0;
+var _types = require("../../../skia/types");
+var _types2 = require("../../types");
+var _DrawingNode = require("../DrawingNode");
+var _datatypes = require("../datatypes");
+class AtlasNode extends _DrawingNode.JsiDrawingNode {
+  deriveProps() {
+    return null;
+  }
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Atlas, props);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      image,
+      sprites,
+      transforms,
+      colors,
+      blendMode
+    } = this.props;
+    const blend = blendMode ? _types.BlendMode[(0, _datatypes.enumKey)(blendMode)] : undefined;
+    if (image) {
+      canvas.drawAtlas(image, sprites, transforms, paint, blend, colors);
+    }
+  }
+}
+exports.AtlasNode = AtlasNode;
+//# sourceMappingURL=AtlasNode.js.map

package/lib/commonjs/dom/nodes/drawings/AtlasNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_types2","_DrawingNode","_datatypes","AtlasNode","JsiDrawingNode","deriveProps","constructor","ctx","props","NodeType","Atlas","draw","canvas","paint","image","sprites","transforms","colors","blendMode","blend","BlendMode","enumKey","undefined","drawAtlas","exports"],"sources":["AtlasNode.ts"],"sourcesContent":["import { BlendMode } from \"../../../skia/types\";\nimport type { AtlasProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\nimport { enumKey } from \"../datatypes\";\n\nexport class AtlasNode extends JsiDrawingNode<AtlasProps, null> {\n  protected deriveProps() {\n    return null;\n  }\n\n  constructor(ctx: NodeContext, props: AtlasProps) {\n    super(ctx, NodeType.Atlas, props);\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { image, sprites, transforms, colors, blendMode } = this.props;\n    const blend = blendMode ? BlendMode[enumKey(blendMode)] : undefined;\n    if (image) {\n      canvas.drawAtlas(image, sprites, transforms, paint, blend, colors);\n    }\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAEO,MAAMI,SAAS,SAASC,2BAAc,CAAmB;EACpDC,WAAWA,CAAA,EAAG;IACtB,OAAO,IAAI;EACb;EAEAC,WAAWA,CAACC,GAAgB,EAAEC,KAAiB,EAAE;IAC/C,KAAK,CAACD,GAAG,EAAEE,gBAAQ,CAACC,KAAK,EAAEF,KAAK,CAAC;EACnC;EAEAG,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEC,KAAK;MAAEC,OAAO;MAAEC,UAAU;MAAEC,MAAM;MAAEC;IAAU,CAAC,GAAG,IAAI,CAACV,KAAK;IACpE,MAAMW,KAAK,GAAGD,SAAS,GAAGE,gBAAS,CAAC,IAAAC,kBAAO,EAACH,SAAS,CAAC,CAAC,GAAGI,SAAS;IACnE,IAAIR,KAAK,EAAE;MACTF,MAAM,CAACW,SAAS,CAACT,KAAK,EAAEC,OAAO,EAAEC,UAAU,EAAEH,KAAK,EAAEM,KAAK,EAAEF,MAAM,CAAC;IACpE;EACF;AACF;AAACO,OAAA,CAAArB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/dom/nodes/drawings/BackdropFilterNode.d.ts

@@ -0,0 +1,8 @@
+import type { ChildrenProps, DrawingContext } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class BackdropFilterNode extends JsiDrawingNode<ChildrenProps, null> {
+    constructor(ctx: NodeContext, props: ChildrenProps);
+    protected deriveProps(): null;
+    draw({ canvas, declarationCtx }: DrawingContext): void;
+}

package/lib/commonjs/dom/nodes/drawings/BackdropFilterNode.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackdropFilterNode = void 0;
+var _types = require("../../types");
+var _DrawingNode = require("../DrawingNode");
+var _Node = require("../Node");
+class BackdropFilterNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.BackdropFilter, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    declarationCtx
+  }) {
+    const child = this._children[0];
+    let imageFilter = null;
+    if (child instanceof _Node.JsiDeclarationNode) {
+      declarationCtx.save();
+      child.decorate(declarationCtx);
+      const imgf = declarationCtx.imageFilters.pop();
+      if (imgf) {
+        imageFilter = imgf;
+      } else {
+        const cf = declarationCtx.colorFilters.pop();
+        if (cf) {
+          imageFilter = this.Skia.ImageFilter.MakeColorFilter(cf, null);
+        }
+      }
+      declarationCtx.restore();
+    }
+    canvas.saveLayer(undefined, null, imageFilter);
+    canvas.restore();
+  }
+}
+exports.BackdropFilterNode = BackdropFilterNode;
+//# sourceMappingURL=BackdropFilterNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_DrawingNode","_Node","BackdropFilterNode","JsiDrawingNode","constructor","ctx","props","NodeType","BackdropFilter","deriveProps","draw","canvas","declarationCtx","child","_children","imageFilter","JsiDeclarationNode","save","decorate","imgf","imageFilters","pop","cf","colorFilters","Skia","ImageFilter","MakeColorFilter","restore","saveLayer","undefined","exports"],"sources":["BackdropFilterNode.ts"],"sourcesContent":["import type { ChildrenProps, DrawingContext } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type { SkImageFilter } from \"../../../skia/types/ImageFilter/ImageFilter\";\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, declarationCtx }: DrawingContext) {\n    const child = this._children[0];\n    let imageFilter: SkImageFilter | null = null;\n    if (child instanceof JsiDeclarationNode) {\n      declarationCtx.save();\n      child.decorate(declarationCtx);\n      const imgf = declarationCtx.imageFilters.pop();\n      if (imgf) {\n        imageFilter = imgf;\n      } else {\n        const cf = declarationCtx.colorFilters.pop();\n        if (cf) {\n          imageFilter = this.Skia.ImageFilter.MakeColorFilter(cf, null);\n        }\n      }\n      declarationCtx.restore();\n    }\n    canvas.saveLayer(undefined, null, imageFilter);\n    canvas.restore();\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAGO,MAAMG,kBAAkB,SAASC,2BAAc,CAAsB;EAC1EC,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,cAAc,EAAEF,KAAK,CAAC;EAC5C;EAEUG,WAAWA,CAAA,EAAG;IACtB,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAA+B,CAAC,EAAE;IAC/C,MAAMC,KAAK,GAAG,IAAI,CAACC,SAAS,CAAC,CAAC,CAAC;IAC/B,IAAIC,WAAiC,GAAG,IAAI;IAC5C,IAAIF,KAAK,YAAYG,wBAAkB,EAAE;MACvCJ,cAAc,CAACK,IAAI,CAAC,CAAC;MACrBJ,KAAK,CAACK,QAAQ,CAACN,cAAc,CAAC;MAC9B,MAAMO,IAAI,GAAGP,cAAc,CAACQ,YAAY,CAACC,GAAG,CAAC,CAAC;MAC9C,IAAIF,IAAI,EAAE;QACRJ,WAAW,GAAGI,IAAI;MACpB,CAAC,MAAM;QACL,MAAMG,EAAE,GAAGV,cAAc,CAACW,YAAY,CAACF,GAAG,CAAC,CAAC;QAC5C,IAAIC,EAAE,EAAE;UACNP,WAAW,GAAG,IAAI,CAACS,IAAI,CAACC,WAAW,CAACC,eAAe,CAACJ,EAAE,EAAE,IAAI,CAAC;QAC/D;MACF;MACAV,cAAc,CAACe,OAAO,CAAC,CAAC;IAC1B;IACAhB,MAAM,CAACiB,SAAS,CAACC,SAAS,EAAE,IAAI,EAAEd,WAAW,CAAC;IAC9CJ,MAAM,CAACgB,OAAO,CAAC,CAAC;EAClB;AACF;AAACG,OAAA,CAAA5B,kBAAA,GAAAA,kBAAA"}

package/lib/commonjs/dom/nodes/drawings/Box.d.ts

@@ -0,0 +1,15 @@
+import type { DrawingContext } from "../../types";
+import type { BoxShadowProps, BoxProps } from "../../types/Drawings";
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import { JsiRenderNode } from "../RenderNode";
+import type { DeclarationContext } from "../../types/DeclarationContext";
+export declare class BoxShadowNode extends JsiDeclarationNode<BoxShadowProps> {
+    constructor(ctx: NodeContext, props: BoxShadowProps);
+    decorate(_ctx: DeclarationContext): void;
+    materialize(): BoxShadowProps;
+}
+export declare class BoxNode extends JsiRenderNode<BoxProps> {
+    constructor(ctx: NodeContext, props: BoxProps);
+    renderNode({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoxShadowNode = exports.BoxNode = void 0;
+var _types = require("../../../skia/types");
+var _types2 = require("../../types");
+var _Node = require("../Node");
+var _RenderNode = require("../RenderNode");
+const inflate = (Skia, box, dx, dy, tx = 0, ty = 0) => 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 = (Skia, box, dx, dy, tx = 0, ty = 0) => inflate(Skia, box, -dx, -dy, tx, ty);
+class BoxShadowNode extends _Node.JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.DeclarationType.Unknown, _types2.NodeType.BoxShadow, props);
+  }
+  decorate(_ctx) {
+    // do nothing
+  }
+  materialize() {
+    return this.props;
+  }
+}
+exports.BoxShadowNode = BoxShadowNode;
+class BoxNode extends _RenderNode.JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Box, props);
+  }
+  renderNode({
+    canvas,
+    paint
+  }) {
+    const {
+      box: defaultBox
+    } = this.props;
+    const opacity = paint.getAlphaf();
+    const box = (0, _types.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(this.Skia.Color(color));
+      lPaint.setAlphaf(paint.getAlphaf() * opacity);
+      lPaint.setMaskFilter(this.Skia.MaskFilter.MakeBlur(_types.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, _types.ClipOp.Intersect, false);
+      const lPaint = this.Skia.Paint();
+      lPaint.setColor(this.Skia.Color(color));
+      lPaint.setAlphaf(paint.getAlphaf() * opacity);
+      lPaint.setMaskFilter(this.Skia.MaskFilter.MakeBlur(_types.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();
+    });
+  }
+}
+exports.BoxNode = BoxNode;
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_types2","_Node","_RenderNode","inflate","Skia","box","dx","dy","tx","ty","RRectXY","XYWHRect","rect","x","y","width","height","rx","ry","deflate","BoxShadowNode","JsiDeclarationNode","constructor","ctx","props","DeclarationType","Unknown","NodeType","BoxShadow","decorate","_ctx","materialize","exports","BoxNode","JsiRenderNode","Box","renderNode","canvas","paint","defaultBox","opacity","getAlphaf","isRRect","shadows","_children","map","node","filter","n","shadow","inner","color","blur","spread","lPaint","Paint","setColor","Color","setAlphaf","setMaskFilter","MaskFilter","MakeBlur","BlurStyle","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","ClipOp","Intersect","outer","drawDRRect","restore"],"sources":["Box.ts"],"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 { JsiRenderNode } from \"../RenderNode\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\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<BoxShadowProps> {\n  constructor(ctx: NodeContext, props: BoxShadowProps) {\n    super(ctx, DeclarationType.Unknown, NodeType.BoxShadow, props);\n  }\n\n  decorate(_ctx: DeclarationContext) {\n    // do nothing\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 }: DrawingContext) {\n    const { box: defaultBox } = this.props;\n    const opacity = paint.getAlphaf();\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(this.Skia.Color(color));\n        lPaint.setAlphaf(paint.getAlphaf() * 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(this.Skia.Color(color));\n        lPaint.setAlphaf(paint.getAlphaf() * opacity);\n\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"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAGA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAGA,MAAMI,OAAO,GAAGA,CACdC,IAAU,EACVC,GAAY,EACZC,EAAU,EACVC,EAAU,EACVC,EAAE,GAAG,CAAC,EACNC,EAAE,GAAG,CAAC,KAENL,IAAI,CAACM,OAAO,CACVN,IAAI,CAACO,QAAQ,CACXN,GAAG,CAACO,IAAI,CAACC,CAAC,GAAGP,EAAE,GAAGE,EAAE,EACpBH,GAAG,CAACO,IAAI,CAACE,CAAC,GAAGP,EAAE,GAAGE,EAAE,EACpBJ,GAAG,CAACO,IAAI,CAACG,KAAK,GAAG,CAAC,GAAGT,EAAE,EACvBD,GAAG,CAACO,IAAI,CAACI,MAAM,GAAG,CAAC,GAAGT,EACxB,CAAC,EACDF,GAAG,CAACY,EAAE,GAAGX,EAAE,EACXD,GAAG,CAACa,EAAE,GAAGX,EACX,CAAC;AAEH,MAAMY,OAAO,GAAGA,CACdf,IAAU,EACVC,GAAY,EACZC,EAAU,EACVC,EAAU,EACVC,EAAE,GAAG,CAAC,EACNC,EAAE,GAAG,CAAC,KACHN,OAAO,CAACC,IAAI,EAAEC,GAAG,EAAE,CAACC,EAAE,EAAE,CAACC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC;AAElC,MAAMW,aAAa,SAASC,wBAAkB,CAAiB;EACpEC,WAAWA,CAACC,GAAgB,EAAEC,KAAqB,EAAE;IACnD,KAAK,CAACD,GAAG,EAAEE,uBAAe,CAACC,OAAO,EAAEC,gBAAQ,CAACC,SAAS,EAAEJ,KAAK,CAAC;EAChE;EAEAK,QAAQA,CAACC,IAAwB,EAAE;IACjC;EAAA;EAGFC,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACP,KAAK;EACnB;AACF;AAACQ,OAAA,CAAAZ,aAAA,GAAAA,aAAA;AAEM,MAAMa,OAAO,SAASC,yBAAa,CAAW;EACnDZ,WAAWA,CAACC,GAAgB,EAAEC,KAAe,EAAE;IAC7C,KAAK,CAACD,GAAG,EAAEI,gBAAQ,CAACQ,GAAG,EAAEX,KAAK,CAAC;EACjC;EAEAY,UAAUA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IAC5C,MAAM;MAAEjC,GAAG,EAAEkC;IAAW,CAAC,GAAG,IAAI,CAACf,KAAK;IACtC,MAAMgB,OAAO,GAAGF,KAAK,CAACG,SAAS,CAAC,CAAC;IACjC,MAAMpC,GAAG,GAAG,IAAAqC,cAAO,EAACH,UAAU,CAAC,GAC3BA,UAAU,GACV,IAAI,CAACnC,IAAI,CAACM,OAAO,CAAC6B,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;IACvC,MAAMI,OAAO,GAAG,IAAI,CAACC,SAAS,CAC3BC,GAAG,CAAEC,IAAI,IAAK;MACb,IAAIA,IAAI,YAAY1B,aAAa,EAAE;QACjC,OAAO0B,IAAI,CAACf,WAAW,CAAC,CAAC;MAC3B;MACA,OAAO,IAAI;IACb,CAAC,CAAC,CACDgB,MAAM,CAAEC,CAAC,IAA0BA,CAAC,KAAK,IAAI,CAAC;IACjDL,OAAO,CACJI,MAAM,CAAEE,MAAM,IAAK,CAACA,MAAM,CAACC,KAAK,CAAC,CACjCL,GAAG,CAAEI,MAAM,IAAK;MACf,MAAM;QAAEE,KAAK,GAAG,OAAO;QAAEC,IAAI;QAAEC,MAAM,GAAG,CAAC;QAAE/C,EAAE,GAAG,CAAC;QAAEC,EAAE,GAAG;MAAE,CAAC,GAAG0C,MAAM;MACpE,MAAMK,MAAM,GAAG,IAAI,CAAClD,IAAI,CAACmD,KAAK,CAAC,CAAC;MAChCD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAACpD,IAAI,CAACqD,KAAK,CAACN,KAAK,CAAC,CAAC;MACvCG,MAAM,CAACI,SAAS,CAACpB,KAAK,CAACG,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;MAC7Cc,MAAM,CAACK,aAAa,CAClB,IAAI,CAACvD,IAAI,CAACwD,UAAU,CAACC,QAAQ,CAACC,gBAAS,CAACC,MAAM,EAAEX,IAAI,EAAE,IAAI,CAC5D,CAAC;MACDf,MAAM,CAAC2B,SAAS,CACd7D,OAAO,CAAC,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAEgD,MAAM,EAAEA,MAAM,EAAE/C,EAAE,EAAEC,EAAE,CAAC,EAC/C+C,MACF,CAAC;IACH,CAAC,CAAC;IAEJjB,MAAM,CAAC2B,SAAS,CAAC3D,GAAG,EAAEiC,KAAK,CAAC;IAE5BK,OAAO,CACJI,MAAM,CAAEE,MAAM,IAAKA,MAAM,CAACC,KAAK,CAAC,CAChCL,GAAG,CAAEI,MAAM,IAAK;MACf,MAAM;QAAEE,KAAK,GAAG,OAAO;QAAEC,IAAI;QAAEC,MAAM,GAAG,CAAC;QAAE/C,EAAE,GAAG,CAAC;QAAEC,EAAE,GAAG;MAAE,CAAC,GAAG0C,MAAM;MACpE,MAAMgB,KAAK,GAAG,IAAI,CAAC7D,IAAI,CAAC8D,KAAK,CAAC,EAAE,GAAGC,IAAI,CAACC,GAAG,CAAC9D,EAAE,CAAC,EAAE,EAAE,GAAG6D,IAAI,CAACC,GAAG,CAAC7D,EAAE,CAAC,CAAC;MACnE8B,MAAM,CAACgC,IAAI,CAAC,CAAC;MACbhC,MAAM,CAACiC,SAAS,CAACjE,GAAG,EAAEkE,aAAM,CAACC,SAAS,EAAE,KAAK,CAAC;MAC9C,MAAMlB,MAAM,GAAG,IAAI,CAAClD,IAAI,CAACmD,KAAK,CAAC,CAAC;MAChCD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAACpD,IAAI,CAACqD,KAAK,CAACN,KAAK,CAAC,CAAC;MACvCG,MAAM,CAACI,SAAS,CAACpB,KAAK,CAACG,SAAS,CAAC,CAAC,GAAGD,OAAO,CAAC;MAE7Cc,MAAM,CAACK,aAAa,CAClB,IAAI,CAACvD,IAAI,CAACwD,UAAU,CAACC,QAAQ,CAACC,gBAAS,CAACC,MAAM,EAAEX,IAAI,EAAE,IAAI,CAC5D,CAAC;MACD,MAAMF,KAAK,GAAG/B,OAAO,CAAC,IAAI,CAACf,IAAI,EAAEC,GAAG,EAAEgD,MAAM,EAAEA,MAAM,EAAE/C,EAAE,EAAEC,EAAE,CAAC;MAC7D,MAAMkE,KAAK,GAAGtE,OAAO,CAAC,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAE4D,KAAK,CAACpD,CAAC,EAAEoD,KAAK,CAACnD,CAAC,CAAC;MACvDuB,MAAM,CAACqC,UAAU,CAACD,KAAK,EAAEvB,KAAK,EAAEI,MAAM,CAAC;MACvCjB,MAAM,CAACsC,OAAO,CAAC,CAAC;IAClB,CAAC,CAAC;EACN;AACF;AAAC3C,OAAA,CAAAC,OAAA,GAAAA,OAAA"}

package/lib/commonjs/dom/nodes/drawings/CircleNode.d.ts

@@ -0,0 +1,9 @@
+import type { SkPoint } from "../../../skia/types";
+import type { CircleProps, DrawingContext } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class CircleNode extends JsiDrawingNode<CircleProps, SkPoint> {
+    constructor(ctx: NodeContext, props: CircleProps);
+    protected deriveProps(): SkPoint;
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CircleNode = void 0;
+var _types = require("../../types");
+var _datatypes = require("../datatypes");
+var _DrawingNode = require("../DrawingNode");
+class CircleNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Circle, props);
+  }
+  deriveProps() {
+    return (0, _datatypes.processCircle)(this.Skia, this.props).c;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (!this.derived) {
+      throw new Error("CircleNode: c is undefined");
+    }
+    const {
+      x,
+      y
+    } = this.derived;
+    canvas.drawCircle(x, y, this.props.r, paint);
+  }
+}
+exports.CircleNode = CircleNode;
+//# sourceMappingURL=CircleNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_datatypes","_DrawingNode","CircleNode","JsiDrawingNode","constructor","ctx","props","NodeType","Circle","deriveProps","processCircle","Skia","c","draw","canvas","paint","derived","Error","x","y","drawCircle","r","exports"],"sources":["CircleNode.ts"],"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"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAGO,MAAMG,UAAU,SAASC,2BAAc,CAAuB;EACnEC,WAAWA,CAACC,GAAgB,EAAEC,KAAkB,EAAE;IAChD,KAAK,CAACD,GAAG,EAAEE,eAAQ,CAACC,MAAM,EAAEF,KAAK,CAAC;EACpC;EAEUG,WAAWA,CAAA,EAAG;IACtB,OAAO,IAAAC,wBAAa,EAAC,IAAI,CAACC,IAAI,EAAE,IAAI,CAACL,KAAK,CAAC,CAACM,CAAC;EAC/C;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,IAAI,CAAC,IAAI,CAACC,OAAO,EAAE;MACjB,MAAM,IAAIC,KAAK,CAAC,4BAA4B,CAAC;IAC/C;IACA,MAAM;MAAEC,CAAC;MAAEC;IAAE,CAAC,GAAG,IAAI,CAACH,OAAO;IAC7BF,MAAM,CAACM,UAAU,CAACF,CAAC,EAAEC,CAAC,EAAE,IAAI,CAACb,KAAK,CAACe,CAAC,EAAEN,KAAK,CAAC;EAC9C;AACF;AAACO,OAAA,CAAApB,UAAA,GAAAA,UAAA"}

package/lib/commonjs/dom/nodes/drawings/DiffRectNode.d.ts

@@ -0,0 +1,8 @@
+import type { DiffRectProps, DrawingContext } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class DiffRectNode extends JsiDrawingNode<DiffRectProps, null> {
+    constructor(ctx: NodeContext, props: DiffRectProps);
+    deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}