@pompadour/react-native-skia 1.0.0

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

@@ -0,0 +1,23 @@
+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({
+    canvas,
+    paint
+  }) {
+    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,"names":["PointMode","NodeType","enumKey","JsiDrawingNode","PointsNode","constructor","ctx","props","Points","deriveProps","draw","canvas","paint","points","mode","drawPoints"],"sources":["PointsNode.ts"],"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"],"mappings":"AAAA,SAASA,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,UAAU,SAASD,cAAc,CAAoB;EAChEE,WAAWA,CAACC,GAAgB,EAAEC,KAAkB,EAAE;IAChD,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,MAAM,EAAED,KAAK,CAAC;EACpC;EAEAE,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEC,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACP,KAAK;IACnCI,MAAM,CAACI,UAAU,CAACf,SAAS,CAACE,OAAO,CAACY,IAAI,CAAC,CAAC,EAAED,MAAM,EAAED,KAAK,CAAC;EAC5D;AACF"}

package/lib/module/dom/nodes/drawings/RRectNode.d.ts

@@ -0,0 +1,10 @@
+import type { InputRRect, SkRRect } from "../../../skia/types";
+import type { DrawingContext, RoundedRectProps } from "../../types";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class RRectNode extends JsiDrawingNode<RoundedRectProps, InputRRect> {
+    rect?: SkRRect;
+    constructor(ctx: NodeContext, props: RoundedRectProps);
+    protected deriveProps(): InputRRect;
+    draw({ canvas, paint }: DrawingContext): void;
+}

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

@@ -0,0 +1,25 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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({
+    canvas,
+    paint
+  }) {
+    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,"names":["NodeType","processRRect","JsiDrawingNode","RRectNode","constructor","ctx","props","RRect","_defineProperty","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawRRect"],"sources":["RRectNode.ts"],"sourcesContent":["import type { InputRRect, 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, InputRRect> {\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"],"mappings":";;;AAEA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,YAAY,QAAQ,cAAc;AAC3C,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,SAAS,SAASD,cAAc,CAA+B;EAG1EE,WAAWA,CAACC,GAAgB,EAAEC,KAAuB,EAAE;IACrD,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,KAAK,EAAED,KAAK,CAAC;IAACE,eAAA;EACpC;EAEUC,WAAWA,CAAA,EAAG;IACtB,OAAOR,YAAY,CAAC,IAAI,CAACS,IAAI,EAAE,IAAI,CAACJ,KAAK,CAAC;EAC5C;EAEAK,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,IAAI,IAAI,CAACC,OAAO,KAAKC,SAAS,EAAE;MAC9B,MAAM,IAAIC,KAAK,CAAC,8BAA8B,CAAC;IACjD;IACAJ,MAAM,CAACK,SAAS,CAAC,IAAI,CAACH,OAAO,EAAED,KAAK,CAAC;EACvC;AACF"}

package/lib/module/dom/nodes/drawings/RectNode.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","processRect","JsiDrawingNode","RectNode","constructor","ctx","props","Rect","deriveProps","Skia","draw","canvas","paint","derived","undefined","Error","drawRect"],"sources":["RectNode.ts"],"sourcesContent":["import type { SkRect } from \"../../../skia/types/Rect\";\nimport type { DrawingContext, RectProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processRect } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class RectNode extends JsiDrawingNode<RectProps, SkRect> {\n  constructor(ctx: NodeContext, props: RectProps) {\n    super(ctx, NodeType.Rect, 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(\"RectNode: rect is undefined\");\n    }\n    canvas.drawRect(this.derived, paint);\n  }\n}\n"],"mappings":"AAEA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,WAAW,QAAQ,cAAc;AAC1C,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,QAAQ,SAASD,cAAc,CAAoB;EAC9DE,WAAWA,CAACC,GAAgB,EAAEC,KAAgB,EAAE;IAC9C,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,IAAI,EAAED,KAAK,CAAC;EAClC;EAEAE,WAAWA,CAAA,EAAG;IACZ,OAAOP,WAAW,CAAC,IAAI,CAACQ,IAAI,EAAE,IAAI,CAACH,KAAK,CAAC;EAC3C;EAEAI,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,IAAI,IAAI,CAACC,OAAO,KAAKC,SAAS,EAAE;MAC9B,MAAM,IAAIC,KAAK,CAAC,6BAA6B,CAAC;IAChD;IACAJ,MAAM,CAACK,QAAQ,CAAC,IAAI,CAACH,OAAO,EAAED,KAAK,CAAC;EACtC;AACF"}

package/lib/module/dom/nodes/drawings/Text.d.ts

@@ -0,0 +1,30 @@
+import type { SkTextBlob, SkPoint, SkFont } from "../../../skia/types";
+import type { DrawingContext, TextBlobProps, TextPathProps, TextProps } from "../../types";
+import type { GlyphsProps } from "../../types/Drawings";
+import { JsiDrawingNode } from "../DrawingNode";
+import type { NodeContext } from "../Node";
+export declare class TextNode extends JsiDrawingNode<TextProps, SkFont | null> {
+    constructor(ctx: NodeContext, props: TextProps);
+    protected deriveProps(): SkFont | null;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+export declare class TextPathNode extends JsiDrawingNode<TextPathProps, SkTextBlob | null> {
+    constructor(ctx: NodeContext, props: TextPathProps);
+    deriveProps(): SkTextBlob | null;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+export declare class TextBlobNode extends JsiDrawingNode<TextBlobProps, null> {
+    constructor(ctx: NodeContext, props: TextBlobProps);
+    protected deriveProps(): null;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+interface ProcessedGlyphs {
+    glyphs: number[];
+    positions: SkPoint[];
+}
+export declare class GlyphsNode extends JsiDrawingNode<GlyphsProps, ProcessedGlyphs> {
+    constructor(ctx: NodeContext, props: GlyphsProps);
+    deriveProps(): ProcessedGlyphs;
+    draw({ canvas, paint }: DrawingContext): void;
+}
+export {};

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

@@ -0,0 +1,149 @@
+import { NodeType } from "../../types";
+import { processPath } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class TextNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Text, props);
+  }
+  deriveProps() {
+    const {
+      font
+    } = this.props;
+    if (!font) {
+      return null;
+    }
+    return font;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      text,
+      x,
+      y
+    } = this.props;
+    const font = this.derived;
+    if (font === undefined) {
+      throw new Error("TextNode: font hasn't been derived");
+    }
+    if (font != null) {
+      canvas.drawText(text, x, y, paint, font);
+    }
+  }
+}
+export class TextPathNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.TextPath, props);
+  }
+  deriveProps() {
+    const path = processPath(this.Skia, this.props.path);
+    const {
+      font,
+      initialOffset
+    } = this.props;
+    if (!font) {
+      return null;
+    }
+    let {
+      text
+    } = this.props;
+    const ids = font.getGlyphIDs(text);
+    const widths = font.getGlyphWidths(ids);
+    const rsx = [];
+    const meas = this.Skia.ContourMeasureIter(path, false, 1);
+    let cont = meas.next();
+    let dist = initialOffset;
+    for (let i = 0; i < text.length && cont; i++) {
+      const width = widths[i];
+      dist += width / 2;
+      if (dist > cont.length()) {
+        // jump to next contour
+        cont = meas.next();
+        if (!cont) {
+          // We have come to the end of the path - terminate the string
+          // right here.
+          text = text.substring(0, i);
+          break;
+        }
+        dist = width / 2;
+      }
+      // Gives us the (x, y) coordinates as well as the cos/sin of the tangent
+      // line at that position.
+      const [p, t] = cont.getPosTan(dist);
+      const adjustedX = p.x - width / 2 * t.x;
+      const adjustedY = p.y - width / 2 * t.y;
+      rsx.push(this.Skia.RSXform(t.x, t.y, adjustedX, adjustedY));
+      dist += width / 2;
+    }
+    return this.Skia.TextBlob.MakeFromRSXform(text, rsx, font);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (!this.derived) {
+      throw new Error("TextPathNode: blob is null");
+    }
+    canvas.drawTextBlob(this.derived, 0, 0, paint);
+  }
+}
+export class TextBlobNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.TextBlob, props);
+  }
+  deriveProps() {
+    return null;
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      blob,
+      x,
+      y
+    } = this.props;
+    canvas.drawTextBlob(blob, x, y, paint);
+  }
+}
+export class GlyphsNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Glyphs, props);
+  }
+  deriveProps() {
+    return this.props.glyphs.reduce((acc, glyph) => {
+      const {
+        id,
+        pos
+      } = glyph;
+      acc.glyphs.push(id);
+      acc.positions.push(pos);
+      return acc;
+    }, {
+      glyphs: [],
+      positions: []
+    });
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    if (!this.derived) {
+      throw new Error("GlyphsNode: processedGlyphs is null");
+    }
+    const {
+      glyphs,
+      positions
+    } = this.derived;
+    const {
+      x,
+      y,
+      font
+    } = this.props;
+    if (font) {
+      canvas.drawGlyphs(glyphs, positions, x, y, font, paint);
+    }
+  }
+}
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","processPath","JsiDrawingNode","TextNode","constructor","ctx","props","Text","deriveProps","font","draw","canvas","paint","text","x","y","derived","undefined","Error","drawText","TextPathNode","TextPath","path","Skia","initialOffset","ids","getGlyphIDs","widths","getGlyphWidths","rsx","meas","ContourMeasureIter","cont","next","dist","i","length","width","substring","p","t","getPosTan","adjustedX","adjustedY","push","RSXform","TextBlob","MakeFromRSXform","drawTextBlob","TextBlobNode","blob","GlyphsNode","Glyphs","glyphs","reduce","acc","glyph","id","pos","positions","drawGlyphs"],"sources":["Text.ts"],"sourcesContent":["import type {\n  SkRSXform,\n  SkTextBlob,\n  SkPoint,\n  SkFont,\n} from \"../../../skia/types\";\nimport type {\n  DrawingContext,\n  TextBlobProps,\n  TextPathProps,\n  TextProps,\n} from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { processPath } from \"../datatypes\";\nimport type { GlyphsProps } from \"../../types/Drawings\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class TextNode extends JsiDrawingNode<TextProps, SkFont | null> {\n  constructor(ctx: NodeContext, props: TextProps) {\n    super(ctx, NodeType.Text, props);\n  }\n\n  protected deriveProps() {\n    const { font } = this.props;\n    if (!font) {\n      return null;\n    }\n    return font;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { text, x, y } = this.props;\n    const font = this.derived;\n    if (font === undefined) {\n      throw new Error(\"TextNode: font hasn't been derived\");\n    }\n    if (font != null) {\n      canvas.drawText(text, x, y, paint, font);\n    }\n  }\n}\n\nexport class TextPathNode extends JsiDrawingNode<\n  TextPathProps,\n  SkTextBlob | null\n> {\n  constructor(ctx: NodeContext, props: TextPathProps) {\n    super(ctx, NodeType.TextPath, props);\n  }\n\n  deriveProps() {\n    const path = processPath(this.Skia, this.props.path);\n    const { font, initialOffset } = this.props;\n    if (!font) {\n      return null;\n    }\n    let { text } = this.props;\n    const ids = font.getGlyphIDs(text);\n    const widths = font.getGlyphWidths(ids);\n    const rsx: SkRSXform[] = [];\n    const meas = this.Skia.ContourMeasureIter(path, false, 1);\n    let cont = meas.next();\n    let dist = initialOffset;\n    for (let i = 0; i < text.length && cont; i++) {\n      const width = widths[i];\n      dist += width / 2;\n      if (dist > cont.length()) {\n        // jump to next contour\n        cont = meas.next();\n        if (!cont) {\n          // We have come to the end of the path - terminate the string\n          // right here.\n          text = text.substring(0, i);\n          break;\n        }\n        dist = width / 2;\n      }\n      // Gives us the (x, y) coordinates as well as the cos/sin of the tangent\n      // line at that position.\n      const [p, t] = cont.getPosTan(dist);\n      const adjustedX = p.x - (width / 2) * t.x;\n      const adjustedY = p.y - (width / 2) * t.y;\n      rsx.push(this.Skia.RSXform(t.x, t.y, adjustedX, adjustedY));\n      dist += width / 2;\n    }\n    return this.Skia.TextBlob.MakeFromRSXform(text, rsx, font);\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"TextPathNode: blob is null\");\n    }\n    canvas.drawTextBlob(this.derived, 0, 0, paint);\n  }\n}\n\nexport class TextBlobNode extends JsiDrawingNode<TextBlobProps, null> {\n  constructor(ctx: NodeContext, props: TextBlobProps) {\n    super(ctx, NodeType.TextBlob, props);\n  }\n\n  protected deriveProps() {\n    return null;\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { blob, x, y } = this.props;\n    canvas.drawTextBlob(blob, x, y, paint);\n  }\n}\n\ninterface ProcessedGlyphs {\n  glyphs: number[];\n  positions: SkPoint[];\n}\n\nexport class GlyphsNode extends JsiDrawingNode<GlyphsProps, ProcessedGlyphs> {\n  constructor(ctx: NodeContext, props: GlyphsProps) {\n    super(ctx, NodeType.Glyphs, props);\n  }\n\n  deriveProps() {\n    return this.props.glyphs.reduce<ProcessedGlyphs>(\n      (acc, glyph) => {\n        const { id, pos } = glyph;\n        acc.glyphs.push(id);\n        acc.positions.push(pos);\n        return acc;\n      },\n      { glyphs: [], positions: [] }\n    );\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    if (!this.derived) {\n      throw new Error(\"GlyphsNode: processedGlyphs is null\");\n    }\n    const { glyphs, positions } = this.derived;\n    const { x, y, font } = this.props;\n    if (font) {\n      canvas.drawGlyphs(glyphs, positions, x, y, font, paint);\n    }\n  }\n}\n"],"mappings":"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"}

package/lib/module/dom/nodes/drawings/VerticesNode.d.ts

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

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

@@ -0,0 +1,36 @@
+import { VertexMode, BlendMode } from "../../../skia/types";
+import { NodeType } from "../../types";
+import { enumKey } from "../datatypes";
+import { JsiDrawingNode } from "../DrawingNode";
+export class VerticesNode extends JsiDrawingNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Vertices, props);
+  }
+  deriveProps() {
+    const {
+      mode,
+      vertices,
+      textures,
+      colors,
+      indices
+    } = this.props;
+    const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;
+    return this.Skia.MakeVertices(vertexMode, vertices, textures, colors ? colors.map(c => this.Skia.Color(c)) : undefined, indices);
+  }
+  draw({
+    canvas,
+    paint
+  }) {
+    const {
+      colors,
+      blendMode
+    } = this.props;
+    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;
+    const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;
+    if (this.derived === undefined) {
+      throw new Error("VerticesNode: vertices is undefined");
+    }
+    canvas.drawVertices(this.derived, blend, paint);
+  }
+}
+//# sourceMappingURL=VerticesNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["VertexMode","BlendMode","NodeType","enumKey","JsiDrawingNode","VerticesNode","constructor","ctx","props","Vertices","deriveProps","mode","vertices","textures","colors","indices","vertexMode","Triangles","Skia","MakeVertices","map","c","Color","undefined","draw","canvas","paint","blendMode","defaultBlendMode","DstOver","SrcOver","blend","derived","Error","drawVertices"],"sources":["VerticesNode.ts"],"sourcesContent":["import type { SkVertices } from \"../../../skia/types\";\nimport { VertexMode, BlendMode } from \"../../../skia/types\";\nimport type { DrawingContext, VerticesProps } from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes\";\nimport { JsiDrawingNode } from \"../DrawingNode\";\nimport type { NodeContext } from \"../Node\";\n\nexport class VerticesNode extends JsiDrawingNode<VerticesProps, SkVertices> {\n  constructor(ctx: NodeContext, props: VerticesProps) {\n    super(ctx, NodeType.Vertices, props);\n  }\n\n  protected deriveProps() {\n    const { mode, vertices, textures, colors, indices } = this.props;\n    const vertexMode = mode ? VertexMode[enumKey(mode)] : VertexMode.Triangles;\n    return this.Skia.MakeVertices(\n      vertexMode,\n      vertices,\n      textures,\n      colors ? colors.map((c) => this.Skia.Color(c)) : undefined,\n      indices\n    );\n  }\n\n  draw({ canvas, paint }: DrawingContext) {\n    const { colors, blendMode } = this.props;\n    const defaultBlendMode = colors ? BlendMode.DstOver : BlendMode.SrcOver;\n    const blend = blendMode ? BlendMode[enumKey(blendMode)] : defaultBlendMode;\n    if (this.derived === undefined) {\n      throw new Error(\"VerticesNode: vertices is undefined\");\n    }\n    canvas.drawVertices(this.derived, blend, paint);\n  }\n}\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,SAAS,QAAQ,qBAAqB;AAE3D,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAG/C,OAAO,MAAMC,YAAY,SAASD,cAAc,CAA4B;EAC1EE,WAAWA,CAACC,GAAgB,EAAEC,KAAoB,EAAE;IAClD,KAAK,CAACD,GAAG,EAAEL,QAAQ,CAACO,QAAQ,EAAED,KAAK,CAAC;EACtC;EAEUE,WAAWA,CAAA,EAAG;IACtB,MAAM;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACP,KAAK;IAChE,MAAMQ,UAAU,GAAGL,IAAI,GAAGX,UAAU,CAACG,OAAO,CAACQ,IAAI,CAAC,CAAC,GAAGX,UAAU,CAACiB,SAAS;IAC1E,OAAO,IAAI,CAACC,IAAI,CAACC,YAAY,CAC3BH,UAAU,EACVJ,QAAQ,EACRC,QAAQ,EACRC,MAAM,GAAGA,MAAM,CAACM,GAAG,CAAEC,CAAC,IAAK,IAAI,CAACH,IAAI,CAACI,KAAK,CAACD,CAAC,CAAC,CAAC,GAAGE,SAAS,EAC1DR,OACF,CAAC;EACH;EAEAS,IAAIA,CAAC;IAAEC,MAAM;IAAEC;EAAsB,CAAC,EAAE;IACtC,MAAM;MAAEZ,MAAM;MAAEa;IAAU,CAAC,GAAG,IAAI,CAACnB,KAAK;IACxC,MAAMoB,gBAAgB,GAAGd,MAAM,GAAGb,SAAS,CAAC4B,OAAO,GAAG5B,SAAS,CAAC6B,OAAO;IACvE,MAAMC,KAAK,GAAGJ,SAAS,GAAG1B,SAAS,CAACE,OAAO,CAACwB,SAAS,CAAC,CAAC,GAAGC,gBAAgB;IAC1E,IAAI,IAAI,CAACI,OAAO,KAAKT,SAAS,EAAE;MAC9B,MAAM,IAAIU,KAAK,CAAC,qCAAqC,CAAC;IACxD;IACAR,MAAM,CAACS,YAAY,CAAC,IAAI,CAACF,OAAO,EAAED,KAAK,EAAEL,KAAK,CAAC;EACjD;AACF"}

package/lib/module/dom/nodes/drawings/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./AtlasNode";
+export * from "./CircleNode";
+export * from "./FillNode";
+export * from "./ImageNode";
+export * from "./PointsNode";
+export * from "./PathNode";
+export * from "./RectNode";
+export * from "./RRectNode";
+export * from "./OvalNode";
+export * from "./LineNode";
+export * from "./PatchNode";
+export * from "./VerticesNode";
+export * from "./Text";
+export * from "./PictureNode";
+export * from "./DiffRectNode";
+export * from "./ImageSVG";
+export * from "./BackdropFilterNode";
+export * from "./Box";

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

@@ -0,0 +1,19 @@
+export * from "./AtlasNode";
+export * from "./CircleNode";
+export * from "./FillNode";
+export * from "./ImageNode";
+export * from "./PointsNode";
+export * from "./PathNode";
+export * from "./RectNode";
+export * from "./RRectNode";
+export * from "./OvalNode";
+export * from "./LineNode";
+export * from "./PatchNode";
+export * from "./VerticesNode";
+export * from "./Text";
+export * from "./PictureNode";
+export * from "./DiffRectNode";
+export * from "./ImageSVG";
+export * from "./BackdropFilterNode";
+export * from "./Box";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AtlasNode\";\nexport * from \"./CircleNode\";\nexport * from \"./FillNode\";\nexport * from \"./ImageNode\";\nexport * from \"./PointsNode\";\nexport * from \"./PathNode\";\nexport * from \"./RectNode\";\nexport * from \"./RRectNode\";\nexport * from \"./OvalNode\";\nexport * from \"./LineNode\";\nexport * from \"./PatchNode\";\nexport * from \"./VerticesNode\";\nexport * from \"./Text\";\nexport * from \"./PictureNode\";\nexport * from \"./DiffRectNode\";\nexport * from \"./ImageSVG\";\nexport * from \"./BackdropFilterNode\";\nexport * from \"./Box\";\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,gBAAgB;AAC9B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,sBAAsB;AACpC,cAAc,OAAO"}

package/lib/module/dom/nodes/index.d.ts

@@ -0,0 +1,3 @@
+export * from "../types";
+export * from "./JsiSkDOM";
+export * from "./datatypes";

package/lib/module/dom/nodes/index.js

@@ -0,0 +1,4 @@
+export * from "../types";
+export * from "./JsiSkDOM";
+export * from "./datatypes";
+//# sourceMappingURL=index.js.map

package/lib/module/dom/nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"../types\";\nexport * from \"./JsiSkDOM\";\nexport * from \"./datatypes\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,aAAa"}

package/lib/module/dom/nodes/paint/BlendNode.d.ts

@@ -0,0 +1,8 @@
+import type { BlendProps } from "../../types/ImageFilters";
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import type { DeclarationContext } from "../../types/DeclarationContext";
+export declare class BlendNode extends JsiDeclarationNode<BlendProps> {
+    constructor(ctx: NodeContext, props: BlendProps);
+    decorate(ctx: DeclarationContext): void;
+}

package/lib/module/dom/nodes/paint/BlendNode.js

@@ -0,0 +1,30 @@
+import { BlendMode } from "../../../skia/types";
+import { NodeType } from "../../types/NodeType";
+import { JsiDeclarationNode } from "../Node";
+import { enumKey } from "../datatypes";
+import { composeDeclarations } from "../../types/DeclarationContext";
+export class BlendNode extends JsiDeclarationNode {
+  constructor(ctx, props) {
+    super(ctx, NodeType.Blend, props);
+  }
+  decorate(ctx) {
+    this.decorateChildren(ctx);
+    const {
+      Skia
+    } = this;
+    const blend = BlendMode[enumKey(this.props.mode)];
+    // Blend ImageFilters
+    const imageFilters = ctx.imageFilters.popAll();
+    if (imageFilters.length > 0) {
+      const composer = Skia.ImageFilter.MakeBlend.bind(Skia.ImageFilter, blend);
+      ctx.imageFilters.push(composeDeclarations(imageFilters, composer));
+    }
+    // Blend Shaders
+    const shaders = ctx.shaders.popAll();
+    if (shaders.length > 0) {
+      const composer = Skia.Shader.MakeBlend.bind(Skia.Shader, blend);
+      ctx.shaders.push(composeDeclarations(shaders, composer));
+    }
+  }
+}
+//# sourceMappingURL=BlendNode.js.map

package/lib/module/dom/nodes/paint/BlendNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlendMode","NodeType","JsiDeclarationNode","enumKey","composeDeclarations","BlendNode","constructor","ctx","props","Blend","decorate","decorateChildren","Skia","blend","mode","imageFilters","popAll","length","composer","ImageFilter","MakeBlend","bind","push","shaders","Shader"],"sources":["BlendNode.ts"],"sourcesContent":["import type { BlendProps } from \"../../types/ImageFilters\";\nimport { BlendMode } from \"../../../skia/types\";\nimport { NodeType } from \"../../types/NodeType\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport { enumKey } from \"../datatypes\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\nimport { composeDeclarations } from \"../../types/DeclarationContext\";\n\nexport class BlendNode extends JsiDeclarationNode<BlendProps> {\n  constructor(ctx: NodeContext, props: BlendProps) {\n    super(ctx, NodeType.Blend, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    this.decorateChildren(ctx);\n    const { Skia } = this;\n    const blend = BlendMode[enumKey(this.props.mode)];\n    // Blend ImageFilters\n    const imageFilters = ctx.imageFilters.popAll();\n    if (imageFilters.length > 0) {\n      const composer = Skia.ImageFilter.MakeBlend.bind(Skia.ImageFilter, blend);\n      ctx.imageFilters.push(composeDeclarations(imageFilters, composer));\n    }\n    // Blend Shaders\n    const shaders = ctx.shaders.popAll();\n    if (shaders.length > 0) {\n      const composer = Skia.Shader.MakeBlend.bind(Skia.Shader, blend);\n      ctx.shaders.push(composeDeclarations(shaders, composer));\n    }\n  }\n}\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,kBAAkB,QAAQ,SAAS;AAC5C,SAASC,OAAO,QAAQ,cAAc;AAEtC,SAASC,mBAAmB,QAAQ,gCAAgC;AAEpE,OAAO,MAAMC,SAAS,SAASH,kBAAkB,CAAa;EAC5DI,WAAWA,CAACC,GAAgB,EAAEC,KAAiB,EAAE;IAC/C,KAAK,CAACD,GAAG,EAAEN,QAAQ,CAACQ,KAAK,EAAED,KAAK,CAAC;EACnC;EAEAE,QAAQA,CAACH,GAAuB,EAAE;IAChC,IAAI,CAACI,gBAAgB,CAACJ,GAAG,CAAC;IAC1B,MAAM;MAAEK;IAAK,CAAC,GAAG,IAAI;IACrB,MAAMC,KAAK,GAAGb,SAAS,CAACG,OAAO,CAAC,IAAI,CAACK,KAAK,CAACM,IAAI,CAAC,CAAC;IACjD;IACA,MAAMC,YAAY,GAAGR,GAAG,CAACQ,YAAY,CAACC,MAAM,CAAC,CAAC;IAC9C,IAAID,YAAY,CAACE,MAAM,GAAG,CAAC,EAAE;MAC3B,MAAMC,QAAQ,GAAGN,IAAI,CAACO,WAAW,CAACC,SAAS,CAACC,IAAI,CAACT,IAAI,CAACO,WAAW,EAAEN,KAAK,CAAC;MACzEN,GAAG,CAACQ,YAAY,CAACO,IAAI,CAAClB,mBAAmB,CAACW,YAAY,EAAEG,QAAQ,CAAC,CAAC;IACpE;IACA;IACA,MAAMK,OAAO,GAAGhB,GAAG,CAACgB,OAAO,CAACP,MAAM,CAAC,CAAC;IACpC,IAAIO,OAAO,CAACN,MAAM,GAAG,CAAC,EAAE;MACtB,MAAMC,QAAQ,GAAGN,IAAI,CAACY,MAAM,CAACJ,SAAS,CAACC,IAAI,CAACT,IAAI,CAACY,MAAM,EAAEX,KAAK,CAAC;MAC/DN,GAAG,CAACgB,OAAO,CAACD,IAAI,CAAClB,mBAAmB,CAACmB,OAAO,EAAEL,QAAQ,CAAC,CAAC;IAC1D;EACF;AACF"}

package/lib/module/dom/nodes/paint/ColorFilters.d.ts

@@ -0,0 +1,35 @@
+import type { SkColorFilter } from "../../../skia/types";
+import type { NodeContext } from "../Node";
+import { JsiDeclarationNode } from "../Node";
+import type { BlendColorFilterProps, MatrixColorFilterProps } from "../../types";
+import { NodeType } from "../../types";
+import type { LerpColorFilterProps } from "../../types/ColorFilters";
+import type { DeclarationContext } from "../../types/DeclarationContext";
+export declare abstract class ColorFilterDeclaration<P> extends JsiDeclarationNode<P> {
+    constructor(ctx: NodeContext, type: NodeType, props: P);
+    protected composeAndPush(ctx: DeclarationContext, cf1: SkColorFilter): void;
+}
+export declare class MatrixColorFilterNode extends ColorFilterDeclaration<MatrixColorFilterProps> {
+    constructor(ctx: NodeContext, props: MatrixColorFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class BlendColorFilterNode extends ColorFilterDeclaration<BlendColorFilterProps> {
+    constructor(ctx: NodeContext, props: BlendColorFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration<null> {
+    constructor(ctx: NodeContext);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration<null> {
+    constructor(ctx: NodeContext);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class LumaColorFilterNode extends ColorFilterDeclaration<null> {
+    constructor(ctx: NodeContext);
+    decorate(ctx: DeclarationContext): void;
+}
+export declare class LerpColorFilterNode extends ColorFilterDeclaration<LerpColorFilterProps> {
+    constructor(ctx: NodeContext, props: LerpColorFilterProps);
+    decorate(ctx: DeclarationContext): void;
+}

package/lib/module/dom/nodes/paint/ColorFilters.js

@@ -0,0 +1,89 @@
+import { BlendMode } from "../../../skia/types";
+import { JsiDeclarationNode } from "../Node";
+import { NodeType } from "../../types";
+import { enumKey } from "../datatypes/Enum";
+export class ColorFilterDeclaration extends JsiDeclarationNode {
+  constructor(ctx, type, props) {
+    super(ctx, type, props);
+  }
+  composeAndPush(ctx, cf1) {
+    ctx.save();
+    this.decorateChildren(ctx);
+    const cf2 = ctx.colorFilters.popAllAsOne();
+    ctx.restore();
+    const cf = cf2 ? this.Skia.ColorFilter.MakeCompose(cf1, cf2) : cf1;
+    ctx.colorFilters.push(cf);
+  }
+}
+export class MatrixColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.MatrixColorFilter, props);
+  }
+  decorate(ctx) {
+    const {
+      matrix
+    } = this.props;
+    const cf = this.Skia.ColorFilter.MakeMatrix(matrix);
+    this.composeAndPush(ctx, cf);
+  }
+}
+export class BlendColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.BlendColorFilter, props);
+  }
+  decorate(ctx) {
+    const {
+      mode
+    } = this.props;
+    const color = this.Skia.Color(this.props.color);
+    const cf = this.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);
+    this.composeAndPush(ctx, cf);
+  }
+}
+export class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, NodeType.LinearToSRGBGammaColorFilter, null);
+  }
+  decorate(ctx) {
+    const cf = this.Skia.ColorFilter.MakeLinearToSRGBGamma();
+    this.composeAndPush(ctx, cf);
+  }
+}
+export class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, NodeType.SRGBToLinearGammaColorFilter, null);
+  }
+  decorate(ctx) {
+    const cf = this.Skia.ColorFilter.MakeSRGBToLinearGamma();
+    this.composeAndPush(ctx, cf);
+  }
+}
+export class LumaColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx) {
+    super(ctx, NodeType.LumaColorFilter, null);
+  }
+  decorate(ctx) {
+    const cf = this.Skia.ColorFilter.MakeLumaColorFilter();
+    this.composeAndPush(ctx, cf);
+  }
+}
+export class LerpColorFilterNode extends ColorFilterDeclaration {
+  constructor(ctx, props) {
+    super(ctx, NodeType.LerpColorFilter, props);
+  }
+  decorate(ctx) {
+    ctx.save();
+    this.decorateChildren(ctx);
+    const {
+      t
+    } = this.props;
+    const second = ctx.colorFilters.pop();
+    const first = ctx.colorFilters.pop();
+    ctx.restore();
+    if (!first || !second) {
+      throw new Error("LerpColorFilterNode: missing two color filters as children");
+    }
+    ctx.colorFilters.push(this.Skia.ColorFilter.MakeLerp(t, first, second));
+  }
+}
+//# sourceMappingURL=ColorFilters.js.map

package/lib/module/dom/nodes/paint/ColorFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlendMode","JsiDeclarationNode","NodeType","enumKey","ColorFilterDeclaration","constructor","ctx","type","props","composeAndPush","cf1","save","decorateChildren","cf2","colorFilters","popAllAsOne","restore","cf","Skia","ColorFilter","MakeCompose","push","MatrixColorFilterNode","MatrixColorFilter","decorate","matrix","MakeMatrix","BlendColorFilterNode","BlendColorFilter","mode","color","Color","MakeBlend","LinearToSRGBGammaColorFilterNode","LinearToSRGBGammaColorFilter","MakeLinearToSRGBGamma","SRGBToLinearGammaColorFilterNode","SRGBToLinearGammaColorFilter","MakeSRGBToLinearGamma","LumaColorFilterNode","LumaColorFilter","MakeLumaColorFilter","LerpColorFilterNode","LerpColorFilter","t","second","pop","first","Error","MakeLerp"],"sources":["ColorFilters.ts"],"sourcesContent":["import type { SkColorFilter } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport type { NodeContext } from \"../Node\";\nimport { JsiDeclarationNode } from \"../Node\";\nimport type {\n  BlendColorFilterProps,\n  MatrixColorFilterProps,\n} from \"../../types\";\nimport { NodeType } from \"../../types\";\nimport { enumKey } from \"../datatypes/Enum\";\nimport type { LerpColorFilterProps } from \"../../types/ColorFilters\";\nimport type { DeclarationContext } from \"../../types/DeclarationContext\";\n\nexport abstract class ColorFilterDeclaration<P> extends JsiDeclarationNode<P> {\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n  }\n\n  protected composeAndPush(ctx: DeclarationContext, cf1: SkColorFilter) {\n    ctx.save();\n    this.decorateChildren(ctx);\n    const cf2 = ctx.colorFilters.popAllAsOne();\n    ctx.restore();\n    const cf = cf2 ? this.Skia.ColorFilter.MakeCompose(cf1, cf2) : cf1;\n    ctx.colorFilters.push(cf);\n  }\n}\n\nexport class MatrixColorFilterNode extends ColorFilterDeclaration<MatrixColorFilterProps> {\n  constructor(ctx: NodeContext, props: MatrixColorFilterProps) {\n    super(ctx, NodeType.MatrixColorFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { matrix } = this.props;\n    const cf = this.Skia.ColorFilter.MakeMatrix(matrix);\n    this.composeAndPush(ctx, cf);\n  }\n}\n\nexport class BlendColorFilterNode extends ColorFilterDeclaration<BlendColorFilterProps> {\n  constructor(ctx: NodeContext, props: BlendColorFilterProps) {\n    super(ctx, NodeType.BlendColorFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const { mode } = this.props;\n    const color = this.Skia.Color(this.props.color);\n    const cf = this.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);\n    this.composeAndPush(ctx, cf);\n  }\n}\n\nexport class LinearToSRGBGammaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.LinearToSRGBGammaColorFilter, null);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const cf = this.Skia.ColorFilter.MakeLinearToSRGBGamma();\n    this.composeAndPush(ctx, cf);\n  }\n}\n\nexport class SRGBToLinearGammaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.SRGBToLinearGammaColorFilter, null);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const cf = this.Skia.ColorFilter.MakeSRGBToLinearGamma();\n    this.composeAndPush(ctx, cf);\n  }\n}\n\nexport class LumaColorFilterNode extends ColorFilterDeclaration<null> {\n  constructor(ctx: NodeContext) {\n    super(ctx, NodeType.LumaColorFilter, null);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    const cf = this.Skia.ColorFilter.MakeLumaColorFilter();\n    this.composeAndPush(ctx, cf);\n  }\n}\n\nexport class LerpColorFilterNode extends ColorFilterDeclaration<LerpColorFilterProps> {\n  constructor(ctx: NodeContext, props: LerpColorFilterProps) {\n    super(ctx, NodeType.LerpColorFilter, props);\n  }\n\n  decorate(ctx: DeclarationContext) {\n    ctx.save();\n    this.decorateChildren(ctx);\n    const { t } = this.props;\n    const second = ctx.colorFilters.pop();\n    const first = ctx.colorFilters.pop();\n    ctx.restore();\n    if (!first || !second) {\n      throw new Error(\n        \"LerpColorFilterNode: missing two color filters as children\"\n      );\n    }\n    ctx.colorFilters.push(this.Skia.ColorFilter.MakeLerp(t, first, second));\n  }\n}\n"],"mappings":"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"}