@shopify/react-native-skia 0.1.147 → 0.1.148

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Gradient.ts"],"names":["transformOrigin","origin","transform","translateX","x","translateY","y","processGradientProps","Skia","colors","positions","mode","flags","localMatrix","Matrix","map","color","Color","TileMode","getRect","props","width","height","rect","undefined","XYWHRect"],"mappings":";;;;;;;AACA;;AAGA;;AACA;;AAEO,MAAMA,eAAe,GAAG,CAACC,MAAD,EAAiBC,SAAjB,KAA6C,CAC1E;AAAEC,EAAAA,UAAU,EAAEF,MAAM,CAACG;AAArB,CAD0E,EAE1E;AAAEC,EAAAA,UAAU,EAAEJ,MAAM,CAACK;AAArB,CAF0E,EAG1E,GAAGJ,SAHuE,EAI1E;AAAEC,EAAAA,UAAU,EAAE,CAACF,MAAM,CAACG;AAAtB,CAJ0E,EAK1E;AAAEC,EAAAA,UAAU,EAAE,CAACJ,MAAM,CAACK;AAAtB,CAL0E,CAArE;;;;AAQA,MAAMC,oBAAoB,GAAG,CAClCC,IADkC,WAG/B;AAAA,MADH;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,KAA3B;AAAkC,OAAGV;AAArC,GACG;AACH,QAAMW,WAAW,GAAGL,IAAI,CAACM,MAAL,EAApB;AACA,wCAAsBD,WAAtB,EAAmCX,SAAnC;AACA,SAAO;AACLO,IAAAA,MAAM,EAAEA,MAAM,CAACM,GAAP,CAAYC,KAAD,IAAWR,IAAI,CAACS,KAAL,CAAWD,KAAX,CAAtB,CADH;AAELN,IAAAA,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe,IAFnB;AAGLC,IAAAA,IAAI,EAAEO,gBAAS,mBAAQP,IAAR,aAAQA,IAAR,cAAQA,IAAR,GAAgB,OAAhB,CAAT,CAHD;AAILC,IAAAA,KAJK;AAKLC,IAAAA;AALK,GAAP;AAOD,CAbM;;;;AAeA,MAAMM,OAAO,GAAG,CACrBX,IADqB,EAErBY,KAFqB,KAGE;AACvB,QAAM;AAAEhB,IAAAA,CAAF;AAAKE,IAAAA,CAAL;AAAQe,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0BF,KAAhC;;AACA,MAAIA,KAAK,CAACG,IAAV,EAAgB;AACd,WAAOH,KAAK,CAACG,IAAb;AACD,GAFD,MAEO,IACLnB,CAAC,KAAKoB,SAAN,IACAlB,CAAC,KAAKkB,SADN,IAEAH,KAAK,KAAKG,SAFV,IAGAF,MAAM,KAAKE,SAJN,EAKL;AACA,WAAOhB,IAAI,CAACiB,QAAL,CAAcrB,CAAd,EAAiBE,CAAjB,EAAoBe,KAApB,EAA2BC,MAA3B,CAAP;AACD,GAPM,MAOA;AACL,WAAOE,SAAP;AACD;AACF,CAjBM","sourcesContent":["import type { Skia, SkRect, Transforms2d, 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: Transforms2d) => [\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"]}

package/lib/commonjs/{renderer/processors/Paths.js → dom/nodes/datatypes/Path.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.processPath = exports.isPathDef = void 0;
 
-var _types = require("../../skia/types");
+var _types = require("../../../skia/types");
 
 const processPath = (Skia, rawPath) => {
   const path = typeof rawPath === "string" ? Skia.Path.MakeFromSVGString(rawPath) : rawPath;
@@ -23,4 +23,4 @@ exports.processPath = processPath;
 const isPathDef = def => typeof def === "string" || (0, _types.isPath)(def);
 
 exports.isPathDef = isPathDef;
-//# sourceMappingURL=Paths.js.map
+//# sourceMappingURL=Path.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Path.ts"],"names":["processPath","Skia","rawPath","path","Path","MakeFromSVGString","Error","isPathDef","def"],"mappings":";;;;;;;AACA;;AAGO,MAAMA,WAAW,GAAG,CAACC,IAAD,EAAaC,OAAb,KAAkC;AAC3D,QAAMC,IAAI,GACR,OAAOD,OAAP,KAAmB,QAAnB,GACID,IAAI,CAACG,IAAL,CAAUC,iBAAV,CAA4BH,OAA5B,CADJ,GAEIA,OAHN;;AAIA,MAAI,CAACC,IAAL,EAAW;AACT,UAAM,IAAIG,KAAJ,CAAU,mBAAmBJ,OAA7B,CAAN;AACD;;AACD,SAAOC,IAAP;AACD,CATM,C,CAWP;;;;;AACO,MAAMI,SAAS,GAAIC,GAAD,IACvB,OAAOA,GAAP,KAAe,QAAf,IAA2B,mBAAOA,GAAP,CADtB","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"]}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Radius.ts"],"names":["processRadius","Skia","radius","Point"],"mappings":";;;;;;;AAGO,MAAMA,aAAa,GAAG,CAACC,IAAD,EAAaC,MAAb,KAAwC;AACnE,MAAI,OAAOA,MAAP,KAAkB,QAAtB,EAAgC;AAC9B,WAAOD,IAAI,CAACE,KAAL,CAAWD,MAAX,EAAmBA,MAAnB,CAAP;AACD;;AACD,SAAOA,MAAP;AACD,CALM","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"]}

package/lib/commonjs/{renderer/processors/Rects.js → dom/nodes/datatypes/Rect.js}

@@ -38,4 +38,4 @@ const processRRect = (Skia, def) => {
 };
 
 exports.processRRect = processRRect;
-//# sourceMappingURL=Rects.js.map
+//# sourceMappingURL=Rect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Rect.ts"],"names":["isEdge","pos","b","x","y","width","height","isRRectCtor","def","rect","undefined","isRectCtor","processRect","Skia","XYWHRect","processRRect","r","RRectXY"],"mappings":";;;;;;;AAIA;;AAJA;AAMO,MAAMA,MAAM,GAAG,CAACC,GAAD,EAAcC,CAAd,KACpBD,GAAG,CAACE,CAAJ,KAAUD,CAAC,CAACC,CAAZ,IAAiBF,GAAG,CAACG,CAAJ,KAAUF,CAAC,CAACE,CAA7B,IAAkCH,GAAG,CAACE,CAAJ,KAAUD,CAAC,CAACG,KAA9C,IAAuDJ,GAAG,CAACG,CAAJ,KAAUF,CAAC,CAACI,MAD9D,C,CAGP;;;;;AACA,MAAMC,WAAW,GAAIC,GAAD,IACjBA,GAAD,CAAaC,IAAb,KAAsBC,SADxB,C,CAEA;;;AACA,MAAMC,UAAU,GAAIH,GAAD,IAChBA,GAAD,CAAaC,IAAb,KAAsBC,SADxB;;AAGO,MAAME,WAAW,GAAG,CAACC,IAAD,EAAaL,GAAb,KAA8B;AACvD,MAAIG,UAAU,CAACH,GAAD,CAAd,EAAqB;AACnB,WAAOK,IAAI,CAACC,QAAL,CAAcN,GAAG,CAACL,CAAlB,EAAqBK,GAAG,CAACJ,CAAzB,EAA4BI,GAAG,CAACH,KAAhC,EAAuCG,GAAG,CAACF,MAA3C,CAAP;AACD,GAFD,MAEO;AACL,WAAOE,GAAG,CAACC,IAAX;AACD;AACF,CANM;;;;AAQA,MAAMM,YAAY,GAAG,CAACF,IAAD,EAAaL,GAAb,KAA+B;AACzD,MAAID,WAAW,CAACC,GAAD,CAAf,EAAsB;AACpB,UAAMQ,CAAC,GAAG,2BAAcH,IAAd,EAAoBL,GAAG,CAACQ,CAAxB,CAAV;AACA,WAAOH,IAAI,CAACI,OAAL,CACLJ,IAAI,CAACC,QAAL,CAAcN,GAAG,CAACL,CAAlB,EAAqBK,GAAG,CAACJ,CAAzB,EAA4BI,GAAG,CAACH,KAAhC,EAAuCG,GAAG,CAACF,MAA3C,CADK,EAELU,CAAC,CAACb,CAFG,EAGLa,CAAC,CAACZ,CAHG,CAAP;AAKD,GAPD,MAOO;AACL,WAAOI,GAAG,CAACC,IAAX;AACD;AACF,CAXM","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  pos.x === b.x || pos.y === b.y || pos.x === b.width || pos.y === b.height;\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, def.y, 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);\n    return Skia.RRectXY(\n      Skia.XYWHRect(def.x, def.y, def.width, def.height),\n      r.x,\n      r.y\n    );\n  } else {\n    return def.rect;\n  }\n};\n"]}

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

@@ -0,0 +1,42 @@
+"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.identity();
+      m3.concat(matrix);
+    }
+  } else if (transform) {
+    m3.identity();
+
+    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,"sources":["Transform.ts"],"names":["processTransformProps","m3","props","transform","origin","matrix","translate","x","y","concat","identity"],"mappings":";;;;;;;AAEA;;AAEO,MAAMA,qBAAqB,GAAG,CAACC,EAAD,EAAeC,KAAf,KAAyC;AAC5E,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,MAAb;AAAqBC,IAAAA;AAArB,MAAgCH,KAAtC;;AACA,MAAIG,MAAJ,EAAY;AACV,QAAID,MAAJ,EAAY;AACVH,MAAAA,EAAE,CAACK,SAAH,CAAaF,MAAM,CAACG,CAApB,EAAuBH,MAAM,CAACI,CAA9B;AACAP,MAAAA,EAAE,CAACQ,MAAH,CAAUJ,MAAV;AACAJ,MAAAA,EAAE,CAACK,SAAH,CAAa,CAACF,MAAM,CAACG,CAArB,EAAwB,CAACH,MAAM,CAACI,CAAhC;AACD,KAJD,MAIO;AACLP,MAAAA,EAAE,CAACS,QAAH;AACAT,MAAAA,EAAE,CAACQ,MAAH,CAAUJ,MAAV;AACD;AACF,GATD,MASO,IAAIF,SAAJ,EAAe;AACpBF,IAAAA,EAAE,CAACS,QAAH;;AACA,QAAIN,MAAJ,EAAY;AACVH,MAAAA,EAAE,CAACK,SAAH,CAAaF,MAAM,CAACG,CAApB,EAAuBH,MAAM,CAACI,CAA9B;AACD;;AACD,iCAAiBP,EAAjB,EAAqBE,SAArB;;AACA,QAAIC,MAAJ,EAAY;AACVH,MAAAA,EAAE,CAACK,SAAH,CAAa,CAACF,MAAM,CAACG,CAArB,EAAwB,CAACH,MAAM,CAACI,CAAhC;AACD;AACF;AACF,CArBM","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.identity();\n      m3.concat(matrix);\n    }\n  } else if (transform) {\n    m3.identity();\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"]}

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

@@ -0,0 +1,123 @@
+"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 _Color = require("./Color");
+
+Object.keys(_Color).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Color[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Color[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,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Enum\";\nexport * from \"./Path\";\nexport * from \"./Fitting\";\nexport * from \"./Color\";\nexport * from \"./Rect\";\nexport * from \"./Radius\";\nexport * from \"./Circle\";\nexport * from \"./Gradient\";\nexport * from \"./Transform\";\n"]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackdropFilterNode = void 0;
+
+var _types = require("../../../skia/types");
+
+var _types2 = require("../../types");
+
+var _DrawingNode = require("../DrawingNode");
+
+var _Node = require("../Node");
+
+class BackdropFilterNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.BackdropFilter, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas
+    } = _ref;
+    const child = this._children[0];
+    const filter = child instanceof _Node.JsiDeclarationNode ? child.materialize() : null;
+    canvas.saveLayer(undefined, null, (0, _types.isColorFilter)(filter) ? this.Skia.ImageFilter.MakeColorFilter(filter, null) : filter);
+    canvas.restore();
+  }
+
+}
+
+exports.BackdropFilterNode = BackdropFilterNode;
+//# sourceMappingURL=BackdropFilterNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["BackdropFilterNode.ts"],"names":["BackdropFilterNode","JsiDrawingNode","constructor","ctx","props","NodeType","BackdropFilter","deriveProps","draw","canvas","child","_children","filter","JsiDeclarationNode","materialize","saveLayer","undefined","Skia","ImageFilter","MakeColorFilter","restore"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AAEO,MAAMA,kBAAN,SAAiCC,2BAAjC,CAAqE;AAC1EC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAyC;AAClD,UAAMD,GAAN,EAAWE,iBAASC,cAApB,EAAoCF,KAApC;AACD;;AAESG,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,YAAYG,wBAAjB,GAAsCH,KAAK,CAACI,WAAN,EAAtC,GAA4D,IAD9D;AAEAL,IAAAA,MAAM,CAACM,SAAP,CACEC,SADF,EAEE,IAFF,EAGE,0BAAcJ,MAAd,IACI,KAAKK,IAAL,CAAUC,WAAV,CAAsBC,eAAtB,CAAsCP,MAAtC,EAA8C,IAA9C,CADJ,GAEIA,MALN;AAOAH,IAAAA,MAAM,CAACW,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/commonjs/dom/nodes/drawings/Box.js

@@ -0,0 +1,105 @@
+"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 _datatypes = require("../datatypes");
+
+var _RenderNode = require("../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);
+};
+
+class BoxShadowNode extends _Node.JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.DeclarationType.Unknown, _types2.NodeType.Box, props);
+  }
+
+  materialize() {
+    return this.props;
+  }
+
+}
+
+exports.BoxShadowNode = BoxShadowNode;
+
+class BoxNode extends _RenderNode.JsiRenderNode {
+  constructor(ctx, props) {
+    super(ctx, _types2.NodeType.Box, props);
+  }
+
+  renderNode(_ref) {
+    let {
+      canvas,
+      paint,
+      opacity
+    } = _ref;
+    const {
+      box: defaultBox
+    } = this.props;
+    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((0, _datatypes.processColor)(this.Skia, color, 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((0, _datatypes.processColor)(this.Skia, color, 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,"sources":["Box.ts"],"names":["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","Box","materialize","BoxNode","JsiRenderNode","renderNode","canvas","paint","opacity","defaultBox","shadows","_children","map","node","filter","n","shadow","inner","color","blur","spread","lPaint","Paint","setColor","setMaskFilter","MaskFilter","MakeBlur","BlurStyle","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","ClipOp","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/commonjs/dom/nodes/drawings/CircleNode.js

@@ -0,0 +1,43 @@
+"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(_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);
+  }
+
+}
+
+exports.CircleNode = CircleNode;
+//# sourceMappingURL=CircleNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CircleNode.ts"],"names":["CircleNode","JsiDrawingNode","constructor","ctx","props","NodeType","Circle","deriveProps","Skia","c","draw","canvas","paint","derived","Error","x","y","drawCircle","r"],"mappings":";;;;;;;AAEA;;AACA;;AACA;;AAGO,MAAMA,UAAN,SAAyBC,2BAAzB,CAA8D;AACnEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAuC;AAChD,UAAMD,GAAN,EAAWE,gBAASC,MAApB,EAA4BF,KAA5B;AACD;;AAESG,EAAAA,WAAW,GAAG;AACtB,WAAO,8BAAc,KAAKC,IAAnB,EAAyB,KAAKJ,KAA9B,EAAqCK,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,KAAKZ,KAAL,CAAWc,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/commonjs/dom/nodes/drawings/CustomDrawingNode.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomDrawingNode = void 0;
+
+var _types = require("../../types");
+
+var _DrawingNode = require("../DrawingNode");
+
+class CustomDrawingNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Drawing, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(ctx) {
+    this.props.drawing(ctx);
+  }
+
+}
+
+exports.CustomDrawingNode = CustomDrawingNode;
+//# sourceMappingURL=CustomDrawingNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CustomDrawingNode.ts"],"names":["CustomDrawingNode","JsiDrawingNode","constructor","ctx","props","NodeType","Drawing","deriveProps","draw","drawing"],"mappings":";;;;;;;AACA;;AACA;;AAGO,MAAMA,iBAAN,SAAgCC,2BAAhC,CAGL;AACAC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAkD;AAC3D,UAAMD,GAAN,EAAWE,gBAASC,OAApB,EAA6BF,KAA7B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,WAAO,IAAP;AACD;;AAEDC,EAAAA,IAAI,CAACL,GAAD,EAAsB;AACxB,SAAKC,KAAL,CAAWK,OAAX,CAAmBN,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/commonjs/dom/nodes/drawings/DiffRectNode.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DiffRectNode = void 0;
+
+var _types = require("../../types");
+
+var _DrawingNode = require("../DrawingNode");
+
+class DiffRectNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.DiffRect, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    const {
+      outer,
+      inner
+    } = this.props;
+    canvas.drawDRRect(outer, inner, paint);
+  }
+
+}
+
+exports.DiffRectNode = DiffRectNode;
+//# sourceMappingURL=DiffRectNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DiffRectNode.ts"],"names":["DiffRectNode","JsiDrawingNode","constructor","ctx","props","NodeType","DiffRect","deriveProps","draw","canvas","paint","outer","inner","drawDRRect"],"mappings":";;;;;;;AACA;;AACA;;AAGO,MAAMA,YAAN,SAA2BC,2BAA3B,CAA+D;AACpEC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAyC;AAClD,UAAMD,GAAN,EAAWE,gBAASC,QAApB,EAA8BF,KAA9B;AACD;;AAEDG,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,KAAKR,KAA9B;AACAK,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/commonjs/dom/nodes/drawings/FillNode.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FillNode = void 0;
+
+var _types = require("../../types");
+
+var _DrawingNode = require("../DrawingNode");
+
+class FillNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx) {
+    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    super(ctx, _types.NodeType.Fill, props);
+  }
+
+  deriveProps() {
+    return null;
+  }
+
+  draw(_ref) {
+    let {
+      canvas,
+      paint
+    } = _ref;
+    canvas.drawPaint(paint);
+  }
+
+}
+
+exports.FillNode = FillNode;
+//# sourceMappingURL=FillNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FillNode.ts"],"names":["FillNode","JsiDrawingNode","constructor","ctx","props","NodeType","Fill","deriveProps","draw","canvas","paint","drawPaint"],"mappings":";;;;;;;AACA;;AACA;;AAGO,MAAMA,QAAN,SAAuBC,2BAAvB,CAA8D;AACnEC,EAAAA,WAAW,CAACC,GAAD,EAAiD;AAAA,QAA9BC,KAA8B,uEAAJ,EAAI;AAC1D,UAAMD,GAAN,EAAWE,gBAASC,IAApB,EAA0BF,KAA1B;AACD;;AAEDG,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/commonjs/dom/nodes/drawings/ImageNode.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageNode = void 0;
+
+var _types = require("../../types");
+
+var _datatypes = require("../datatypes");
+
+var _DrawingNode = require("../DrawingNode");
+
+class ImageNode extends _DrawingNode.JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, _types.NodeType.Image, props);
+  }
+
+  deriveProps() {
+    const {
+      image,
+      fit
+    } = this.props;
+    const rect = (0, _datatypes.processRect)(this.Skia, this.props);
+    const {
+      src,
+      dst
+    } = (0, _datatypes.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);
+  }
+
+}
+
+exports.ImageNode = ImageNode;
+//# sourceMappingURL=ImageNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageNode.ts"],"names":["ImageNode","JsiDrawingNode","constructor","ctx","props","NodeType","Image","deriveProps","image","fit","rect","Skia","src","dst","x","y","width","height","draw","canvas","paint","derived","Error","drawImageRect"],"mappings":";;;;;;;AAEA;;AACA;;AACA;;AAGO,MAAMA,SAAN,SAAwBC,2BAAxB,CAGL;AACAC,EAAAA,WAAW,CAACC,GAAD,EAAmBC,KAAnB,EAAsC;AAC/C,UAAMD,GAAN,EAAWE,gBAASC,KAApB,EAA2BF,KAA3B;AACD;;AAEDG,EAAAA,WAAW,GAAG;AACZ,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,QAAiB,KAAKL,KAA5B;AACA,UAAMM,IAAI,GAAG,4BAAY,KAAKC,IAAjB,EAAuB,KAAKP,KAA5B,CAAb;AACA,UAAM;AAAEQ,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAe,yBACnBJ,GADmB,EAEnB;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,KAFmB,EAQnBP,IARmB,CAArB;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,KAAKJ,KAAvB;;AACA,QAAI,CAAC,KAAKiB,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"]}