@shopify/react-native-skia 0.0.135

package/lib/commonjs/renderer/components/colorFilters/Compose.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Compose.ts"],"names":["composeColorFilter","Skia","cf","children","col","filter","isColorFilter","img","isImageFilter","ColorFilter","MakeCompose","ImageFilter","MakeColorFilter"],"mappings":";;;;;;;AACA;;AAGO,MAAMA,kBAAkB,GAAG,CAChCC,IADgC,EAEhCC,EAFgC,EAGhCC,QAHgC,KAI7B;AACH,QAAM,CAACC,GAAD,IAAQD,QAAQ,CAACE,MAAT,CAAgBC,oBAAhB,CAAd;AACA,QAAM,CAACC,GAAD,IAAQJ,QAAQ,CAACE,MAAT,CAAgBG,oBAAhB,CAAd;;AACA,MAAIJ,GAAJ,EAAS;AACP,WAAOH,IAAI,CAACQ,WAAL,CAAiBC,WAAjB,CAA6BR,EAA7B,EAAiCE,GAAjC,CAAP;AACD,GAFD,MAEO,IAAIG,GAAJ,EAAS;AACd,WAAON,IAAI,CAACU,WAAL,CAAiBC,eAAjB,CAAiCV,EAAjC,EAAqCK,GAArC,CAAP;AACD;;AACD,SAAOL,EAAP;AACD,CAbM","sourcesContent":["import type { SkColorFilter, Skia } from \"../../../skia/types\";\nimport { isColorFilter, isImageFilter } from \"../../../skia/types\";\nimport type { DeclarationResult } from \"../../nodes\";\n\nexport const composeColorFilter = (\n  Skia: Skia,\n  cf: SkColorFilter,\n  children: DeclarationResult[]\n) => {\n  const [col] = children.filter(isColorFilter);\n  const [img] = children.filter(isImageFilter);\n  if (col) {\n    return Skia.ColorFilter.MakeCompose(cf, col);\n  } else if (img) {\n    return Skia.ImageFilter.MakeColorFilter(cf, img);\n  }\n  return cf;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/Lerp.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Lerp = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _types = require("../../../skia/types");
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _Compose = require("./Compose");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
+  let {
+    t
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  const [src, dst] = children.filter(_types.isColorFilter);
+  const cf = Skia.ColorFilter.MakeLerp(t, src, dst);
+  return (0, _Compose.composeColorFilter)(Skia, cf, children.filter(c => c !== src && c !== dst));
+});
+
+const Lerp = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.Lerp = Lerp;
+//# sourceMappingURL=Lerp.js.map

package/lib/commonjs/renderer/components/colorFilters/Lerp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Lerp.tsx"],"names":["onDeclare","children","t","Skia","src","dst","filter","isColorFilter","cf","ColorFilter","MakeLerp","c","Lerp","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAA6B,OAAQC,QAAR,YAA+B;AAAA,MAA9B;AAAEC,IAAAA;AAAF,GAA8B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5E,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaJ,QAAQ,CAACK,MAAT,CAAgBC,oBAAhB,CAAnB;AACA,QAAMC,EAAE,GAAGL,IAAI,CAACM,WAAL,CAAiBC,QAAjB,CAA0BR,CAA1B,EAA6BE,GAA7B,EAAkCC,GAAlC,CAAX;AACA,SAAO,iCACLF,IADK,EAELK,EAFK,EAGLP,QAAQ,CAACK,MAAT,CAAiBK,CAAD,IAAOA,CAAC,KAAKP,GAAN,IAAaO,CAAC,KAAKN,GAA1C,CAHK,CAAP;AAKD,CARiB,CAAlB;;AAUO,MAAMO,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isColorFilter } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\nexport interface LerpProps {\n  t: number;\n  children: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<LerpProps>(({ t }, children, { Skia }) => {\n  const [src, dst] = children.filter(isColorFilter);\n  const cf = Skia.ColorFilter.MakeLerp(t, src, dst);\n  return composeColorFilter(\n    Skia,\n    cf,\n    children.filter((c) => c !== src && c !== dst)\n  );\n});\n\nexport const Lerp = (props: AnimatedProps<LerpProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/LinearToSRGBGamma.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinearToSRGBGamma = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _Compose = require("./Compose");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const onDeclare = (0, _Declaration.createDeclaration)((_props, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
+  const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();
+  return (0, _Compose.composeColorFilter)(Skia, cf, children);
+});
+
+const LinearToSRGBGamma = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.LinearToSRGBGamma = LinearToSRGBGamma;
+//# sourceMappingURL=LinearToSRGBGamma.js.map

package/lib/commonjs/renderer/components/colorFilters/LinearToSRGBGamma.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LinearToSRGBGamma.tsx"],"names":["onDeclare","_props","children","Skia","cf","ColorFilter","MakeLinearToSRGBGamma","LinearToSRGBGamma","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAKA,MAAMA,SAAS,GAAG,oCAAkB,CAACC,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAO,iCAAmBH,IAAnB,EAAyBC,EAAzB,EAA6BF,QAA7B,CAAP;AACD,CAHiB,CAAlB;;AAKO,MAAMK,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface LinearToSRGBGammaProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const LinearToSRGBGamma = (\n  props: AnimatedProps<LinearToSRGBGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/LumaColorFilter.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LumaColorFilter = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _Compose = require("./Compose");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const onDeclare = (0, _Declaration.createDeclaration)((_props, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
+  const cf = Skia.ColorFilter.MakeLumaColorFilter();
+  return (0, _Compose.composeColorFilter)(Skia, cf, children);
+});
+
+const LumaColorFilter = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.LumaColorFilter = LumaColorFilter;
+//# sourceMappingURL=LumaColorFilter.js.map

package/lib/commonjs/renderer/components/colorFilters/LumaColorFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LumaColorFilter.tsx"],"names":["onDeclare","_props","children","Skia","cf","ColorFilter","MakeLumaColorFilter","LumaColorFilter","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAKA,MAAMA,SAAS,GAAG,oCAAkB,CAACC,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,mBAAjB,EAAX;AACA,SAAO,iCAAmBH,IAAnB,EAAyBC,EAAzB,EAA6BF,QAA7B,CAAP;AACD,CAHiB,CAAlB;;AAKO,MAAMK,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface LumaColorFilterProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeLumaColorFilter();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const LumaColorFilter = (props: AnimatedProps<LumaColorFilterProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/Matrix.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpacityMatrix = exports.ColorMatrix = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nodes = require("../../nodes");
+
+var _Compose = require("./Compose");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
+  let {
+    matrix
+  } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  const cf = Skia.ColorFilter.MakeMatrix(matrix);
+  return (0, _Compose.composeColorFilter)(Skia, cf, children);
+});
+
+const ColorMatrix = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.ColorMatrix = ColorMatrix;
+
+const OpacityMatrix = opacity => [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, opacity, 0];
+
+exports.OpacityMatrix = OpacityMatrix;
+//# sourceMappingURL=Matrix.js.map

package/lib/commonjs/renderer/components/colorFilters/Matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Matrix.tsx"],"names":["onDeclare","children","matrix","Skia","cf","ColorFilter","MakeMatrix","ColorMatrix","props","OpacityMatrix","opacity"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;;;;;;AAOA,MAAMA,SAAS,GAAG,8BAChB,OAAaC,QAAb,YAAoC;AAAA,MAAnC;AAAEC,IAAAA;AAAF,GAAmC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClC,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,UAAjB,CAA4BJ,MAA5B,CAAX;AACA,SAAO,iCAAmBC,IAAnB,EAAyBC,EAAzB,EAA6BH,QAA7B,CAAP;AACD,CAJe,CAAlB;;AAOO,MAAMM,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM;;;;AAIA,MAAMC,aAAa,GAAIC,OAAD,IAAqB,CAChD,CADgD,EAEhD,CAFgD,EAGhD,CAHgD,EAIhD,CAJgD,EAKhD,CALgD,EAMhD,CANgD,EAOhD,CAPgD,EAQhD,CARgD,EAShD,CATgD,EAUhD,CAVgD,EAWhD,CAXgD,EAYhD,CAZgD,EAahD,CAbgD,EAchD,CAdgD,EAehD,CAfgD,EAgBhD,CAhBgD,EAiBhD,CAjBgD,EAkBhD,CAlBgD,EAmBhDA,OAnBgD,EAoBhD,CApBgD,CAA3C","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { createDeclaration } from \"../../nodes\";\nimport type { AnimatedProps } from \"../../processors\";\n\nimport { composeColorFilter } from \"./Compose\";\n\ninterface ColorMatrixProps {\n  matrix: number[];\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<ColorMatrixProps>(\n  ({ matrix }, children, { Skia }) => {\n    const cf = Skia.ColorFilter.MakeMatrix(matrix);\n    return composeColorFilter(Skia, cf, children);\n  }\n);\n\nexport const ColorMatrix = (props: AnimatedProps<ColorMatrixProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nexport const OpacityMatrix = (opacity: number) => [\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  opacity,\n  0,\n];\n"]}

package/lib/commonjs/renderer/components/colorFilters/SRGBToLinearGamma.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SRGBToLinearGamma = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _Compose = require("./Compose");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const onDeclare = (0, _Declaration.createDeclaration)((_props, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
+  const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();
+  return (0, _Compose.composeColorFilter)(Skia, cf, children);
+});
+
+const SRGBToLinearGamma = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.SRGBToLinearGamma = SRGBToLinearGamma;
+//# sourceMappingURL=SRGBToLinearGamma.js.map

package/lib/commonjs/renderer/components/colorFilters/SRGBToLinearGamma.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SRGBToLinearGamma.tsx"],"names":["onDeclare","_props","children","Skia","cf","ColorFilter","MakeSRGBToLinearGamma","SRGBToLinearGamma","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAKA,MAAMA,SAAS,GAAG,oCAAkB,CAACC,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAO,iCAAmBH,IAAnB,EAAyBC,EAAzB,EAA6BF,QAA7B,CAAP;AACD,CAHiB,CAAlB;;AAKO,MAAMK,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface SRGBToLinearGammaProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const SRGBToLinearGamma = (\n  props: AnimatedProps<SRGBToLinearGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Matrix = require("./Matrix");
+
+Object.keys(_Matrix).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Matrix[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Matrix[key];
+    }
+  });
+});
+
+var _BlendColor = require("./BlendColor");
+
+Object.keys(_BlendColor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BlendColor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BlendColor[key];
+    }
+  });
+});
+
+var _Lerp = require("./Lerp");
+
+Object.keys(_Lerp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Lerp[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Lerp[key];
+    }
+  });
+});
+
+var _LinearToSRGBGamma = require("./LinearToSRGBGamma");
+
+Object.keys(_LinearToSRGBGamma).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinearToSRGBGamma[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LinearToSRGBGamma[key];
+    }
+  });
+});
+
+var _SRGBToLinearGamma = require("./SRGBToLinearGamma");
+
+Object.keys(_SRGBToLinearGamma).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SRGBToLinearGamma[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SRGBToLinearGamma[key];
+    }
+  });
+});
+
+var _LumaColorFilter = require("./LumaColorFilter");
+
+Object.keys(_LumaColorFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LumaColorFilter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LumaColorFilter[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/renderer/components/colorFilters/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","sourcesContent":["export * from \"./Matrix\";\nexport * from \"./BlendColor\";\nexport * from \"./Lerp\";\nexport * from \"./LinearToSRGBGamma\";\nexport * from \"./SRGBToLinearGamma\";\nexport * from \"./LumaColorFilter\";\n"]}

package/lib/commonjs/renderer/components/image/BoxFit.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.size = exports.rect2rect = exports.fitRects = void 0;
+
+var _typeddash = require("../../typeddash");
+
+const size = function () {
+  let width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  return {
+    width,
+    height
+  };
+};
+
+exports.size = size;
+
+const rect2rect = (src, dst) => {
+  const scaleX = dst.width / src.width;
+  const scaleY = dst.height / src.height;
+  const translateX = dst.x - src.x * scaleX;
+  const translateY = dst.y - src.y * scaleY;
+  return [{
+    translateX
+  }, {
+    translateY
+  }, {
+    scaleX
+  }, {
+    scaleY
+  }];
+};
+
+exports.rect2rect = rect2rect;
+
+const fitRects = (fit, rect, _ref) => {
+  let {
+    x,
+    y,
+    width,
+    height
+  } = _ref;
+  const sizes = applyBoxFit(fit, {
+    width: rect.width,
+    height: rect.height
+  }, {
+    width,
+    height
+  });
+  const src = inscribe(sizes.src, rect);
+  const dst = inscribe(sizes.dst, {
+    x,
+    y,
+    width,
+    height
+  });
+  return {
+    src,
+    dst
+  };
+};
+
+exports.fitRects = fitRects;
+
+const inscribe = (_ref2, rect) => {
+  let {
+    width,
+    height
+  } = _ref2;
+  const halfWidthDelta = (rect.width - width) / 2.0;
+  const halfHeightDelta = (rect.height - height) / 2.0;
+  return {
+    x: rect.x + halfWidthDelta,
+    y: rect.y + halfHeightDelta,
+    width,
+    height
+  };
+};
+
+const applyBoxFit = (fit, input, output) => {
+  let src = size(),
+      dst = size();
+
+  if (input.height <= 0.0 || input.width <= 0.0 || output.height <= 0.0 || output.width <= 0.0) {
+    return {
+      src,
+      dst
+    };
+  }
+
+  switch (fit) {
+    case "fill":
+      src = input;
+      dst = output;
+      break;
+
+    case "contain":
+      src = input;
+
+      if (output.width / output.height > src.width / src.height) {
+        dst = size(src.width * output.height / src.height, output.height);
+      } else {
+        dst = size(output.width, src.height * output.width / src.width);
+      }
+
+      break;
+
+    case "cover":
+      if (output.width / output.height > input.width / input.height) {
+        src = size(input.width, input.width * output.height / output.width);
+      } else {
+        src = size(input.height * output.width / output.height, input.height);
+      }
+
+      dst = output;
+      break;
+
+    case "fitWidth":
+      src = size(input.width, input.width * output.height / output.width);
+      dst = size(output.width, src.height * output.width / src.width);
+      break;
+
+    case "fitHeight":
+      src = size(input.height * output.width / output.height, input.height);
+      dst = size(src.width * output.height / src.height, output.height);
+      break;
+
+    case "none":
+      src = size(Math.min(input.width, output.width), Math.min(input.height, output.height));
+      dst = src;
+      break;
+
+    case "scaleDown":
+      src = input;
+      dst = input;
+      const aspectRatio = input.width / input.height;
+
+      if (dst.height > output.height) {
+        dst = size(output.height * aspectRatio, output.height);
+      }
+
+      if (dst.width > output.width) {
+        dst = size(output.width, output.width / aspectRatio);
+      }
+
+      break;
+
+    default:
+      (0, _typeddash.exhaustiveCheck)(fit);
+  }
+
+  return {
+    src,
+    dst
+  };
+};
+//# sourceMappingURL=BoxFit.js.map

package/lib/commonjs/renderer/components/image/BoxFit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BoxFit.ts"],"names":["size","width","height","rect2rect","src","dst","scaleX","scaleY","translateX","x","translateY","y","fitRects","fit","rect","sizes","applyBoxFit","inscribe","halfWidthDelta","halfHeightDelta","input","output","Math","min","aspectRatio"],"mappings":";;;;;;;AAAA;;AAkBO,MAAMA,IAAI,GAAG;AAAA,MAACC,KAAD,uEAAS,CAAT;AAAA,MAAYC,MAAZ,uEAAqB,CAArB;AAAA,SAA4B;AAAED,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAA5B;AAAA,CAAb;;;;AAEA,MAAMC,SAAS,GAAG,CAACC,GAAD,EAAcC,GAAd,KAA8B;AACrD,QAAMC,MAAM,GAAGD,GAAG,CAACJ,KAAJ,GAAYG,GAAG,CAACH,KAA/B;AACA,QAAMM,MAAM,GAAGF,GAAG,CAACH,MAAJ,GAAaE,GAAG,CAACF,MAAhC;AACA,QAAMM,UAAU,GAAGH,GAAG,CAACI,CAAJ,GAAQL,GAAG,CAACK,CAAJ,GAAQH,MAAnC;AACA,QAAMI,UAAU,GAAGL,GAAG,CAACM,CAAJ,GAAQP,GAAG,CAACO,CAAJ,GAAQJ,MAAnC;AACA,SAAO,CAAC;AAAEC,IAAAA;AAAF,GAAD,EAAiB;AAAEE,IAAAA;AAAF,GAAjB,EAAiC;AAAEJ,IAAAA;AAAF,GAAjC,EAA6C;AAAEC,IAAAA;AAAF,GAA7C,CAAP;AACD,CANM;;;;AAQA,MAAMK,QAAQ,GAAG,CACtBC,GADsB,EAEtBC,IAFsB,WAInB;AAAA,MADH;AAAEL,IAAAA,CAAF;AAAKE,IAAAA,CAAL;AAAQV,IAAAA,KAAR;AAAeC,IAAAA;AAAf,GACG;AACH,QAAMa,KAAK,GAAGC,WAAW,CACvBH,GADuB,EAEvB;AAAEZ,IAAAA,KAAK,EAAEa,IAAI,CAACb,KAAd;AAAqBC,IAAAA,MAAM,EAAEY,IAAI,CAACZ;AAAlC,GAFuB,EAGvB;AAAED,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAHuB,CAAzB;AAKA,QAAME,GAAG,GAAGa,QAAQ,CAACF,KAAK,CAACX,GAAP,EAAYU,IAAZ,CAApB;AACA,QAAMT,GAAG,GAAGY,QAAQ,CAACF,KAAK,CAACV,GAAP,EAAY;AAC9BI,IAAAA,CAD8B;AAE9BE,IAAAA,CAF8B;AAG9BV,IAAAA,KAH8B;AAI9BC,IAAAA;AAJ8B,GAAZ,CAApB;AAMA,SAAO;AAAEE,IAAAA,GAAF;AAAOC,IAAAA;AAAP,GAAP;AACD,CAlBM;;;;AAoBP,MAAMY,QAAQ,GAAG,QAEfH,IAFe,KAGZ;AAAA,MAFH;AAAEb,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAEG;AACH,QAAMgB,cAAc,GAAG,CAACJ,IAAI,CAACb,KAAL,GAAaA,KAAd,IAAuB,GAA9C;AACA,QAAMkB,eAAe,GAAG,CAACL,IAAI,CAACZ,MAAL,GAAcA,MAAf,IAAyB,GAAjD;AACA,SAAO;AACLO,IAAAA,CAAC,EAAEK,IAAI,CAACL,CAAL,GAASS,cADP;AAELP,IAAAA,CAAC,EAAEG,IAAI,CAACH,CAAL,GAASQ,eAFP;AAGLlB,IAAAA,KAHK;AAILC,IAAAA;AAJK,GAAP;AAMD,CAZD;;AAcA,MAAMc,WAAW,GAAG,CAACH,GAAD,EAAWO,KAAX,EAAwBC,MAAxB,KAAyC;AAC3D,MAAIjB,GAAG,GAAGJ,IAAI,EAAd;AAAA,MACEK,GAAG,GAAGL,IAAI,EADZ;;AAEA,MACEoB,KAAK,CAAClB,MAAN,IAAgB,GAAhB,IACAkB,KAAK,CAACnB,KAAN,IAAe,GADf,IAEAoB,MAAM,CAACnB,MAAP,IAAiB,GAFjB,IAGAmB,MAAM,CAACpB,KAAP,IAAgB,GAJlB,EAKE;AACA,WAAO;AAAEG,MAAAA,GAAF;AAAOC,MAAAA;AAAP,KAAP;AACD;;AACD,UAAQQ,GAAR;AACE,SAAK,MAAL;AACET,MAAAA,GAAG,GAAGgB,KAAN;AACAf,MAAAA,GAAG,GAAGgB,MAAN;AACA;;AACF,SAAK,SAAL;AACEjB,MAAAA,GAAG,GAAGgB,KAAN;;AACA,UAAIC,MAAM,CAACpB,KAAP,GAAeoB,MAAM,CAACnB,MAAtB,GAA+BE,GAAG,CAACH,KAAJ,GAAYG,GAAG,CAACF,MAAnD,EAA2D;AACzDG,QAAAA,GAAG,GAAGL,IAAI,CAAEI,GAAG,CAACH,KAAJ,GAAYoB,MAAM,CAACnB,MAApB,GAA8BE,GAAG,CAACF,MAAnC,EAA2CmB,MAAM,CAACnB,MAAlD,CAAV;AACD,OAFD,MAEO;AACLG,QAAAA,GAAG,GAAGL,IAAI,CAACqB,MAAM,CAACpB,KAAR,EAAgBG,GAAG,CAACF,MAAJ,GAAamB,MAAM,CAACpB,KAArB,GAA8BG,GAAG,CAACH,KAAjD,CAAV;AACD;;AACD;;AACF,SAAK,OAAL;AACE,UAAIoB,MAAM,CAACpB,KAAP,GAAeoB,MAAM,CAACnB,MAAtB,GAA+BkB,KAAK,CAACnB,KAAN,GAAcmB,KAAK,CAAClB,MAAvD,EAA+D;AAC7DE,QAAAA,GAAG,GAAGJ,IAAI,CAACoB,KAAK,CAACnB,KAAP,EAAemB,KAAK,CAACnB,KAAN,GAAcoB,MAAM,CAACnB,MAAtB,GAAgCmB,MAAM,CAACpB,KAArD,CAAV;AACD,OAFD,MAEO;AACLG,QAAAA,GAAG,GAAGJ,IAAI,CAAEoB,KAAK,CAAClB,MAAN,GAAemB,MAAM,CAACpB,KAAvB,GAAgCoB,MAAM,CAACnB,MAAxC,EAAgDkB,KAAK,CAAClB,MAAtD,CAAV;AACD;;AACDG,MAAAA,GAAG,GAAGgB,MAAN;AACA;;AACF,SAAK,UAAL;AACEjB,MAAAA,GAAG,GAAGJ,IAAI,CAACoB,KAAK,CAACnB,KAAP,EAAemB,KAAK,CAACnB,KAAN,GAAcoB,MAAM,CAACnB,MAAtB,GAAgCmB,MAAM,CAACpB,KAArD,CAAV;AACAI,MAAAA,GAAG,GAAGL,IAAI,CAACqB,MAAM,CAACpB,KAAR,EAAgBG,GAAG,CAACF,MAAJ,GAAamB,MAAM,CAACpB,KAArB,GAA8BG,GAAG,CAACH,KAAjD,CAAV;AACA;;AACF,SAAK,WAAL;AACEG,MAAAA,GAAG,GAAGJ,IAAI,CAAEoB,KAAK,CAAClB,MAAN,GAAemB,MAAM,CAACpB,KAAvB,GAAgCoB,MAAM,CAACnB,MAAxC,EAAgDkB,KAAK,CAAClB,MAAtD,CAAV;AACAG,MAAAA,GAAG,GAAGL,IAAI,CAAEI,GAAG,CAACH,KAAJ,GAAYoB,MAAM,CAACnB,MAApB,GAA8BE,GAAG,CAACF,MAAnC,EAA2CmB,MAAM,CAACnB,MAAlD,CAAV;AACA;;AACF,SAAK,MAAL;AACEE,MAAAA,GAAG,GAAGJ,IAAI,CACRsB,IAAI,CAACC,GAAL,CAASH,KAAK,CAACnB,KAAf,EAAsBoB,MAAM,CAACpB,KAA7B,CADQ,EAERqB,IAAI,CAACC,GAAL,CAASH,KAAK,CAAClB,MAAf,EAAuBmB,MAAM,CAACnB,MAA9B,CAFQ,CAAV;AAIAG,MAAAA,GAAG,GAAGD,GAAN;AACA;;AACF,SAAK,WAAL;AACEA,MAAAA,GAAG,GAAGgB,KAAN;AACAf,MAAAA,GAAG,GAAGe,KAAN;AACA,YAAMI,WAAW,GAAGJ,KAAK,CAACnB,KAAN,GAAcmB,KAAK,CAAClB,MAAxC;;AACA,UAAIG,GAAG,CAACH,MAAJ,GAAamB,MAAM,CAACnB,MAAxB,EAAgC;AAC9BG,QAAAA,GAAG,GAAGL,IAAI,CAACqB,MAAM,CAACnB,MAAP,GAAgBsB,WAAjB,EAA8BH,MAAM,CAACnB,MAArC,CAAV;AACD;;AACD,UAAIG,GAAG,CAACJ,KAAJ,GAAYoB,MAAM,CAACpB,KAAvB,EAA8B;AAC5BI,QAAAA,GAAG,GAAGL,IAAI,CAACqB,MAAM,CAACpB,KAAR,EAAeoB,MAAM,CAACpB,KAAP,GAAeuB,WAA9B,CAAV;AACD;;AACD;;AACF;AACE,sCAAgBX,GAAhB;AAhDJ;;AAkDA,SAAO;AAAET,IAAAA,GAAF;AAAOC,IAAAA;AAAP,GAAP;AACD,CA9DD","sourcesContent":["import { exhaustiveCheck } from \"../../typeddash\";\nimport type { SkRect } from \"../../../skia/types\";\n\n// https://api.flutter.dev/flutter/painting/BoxFit-class.html\nexport type Fit =\n  | \"cover\"\n  | \"contain\"\n  | \"fill\"\n  | \"fitHeight\"\n  | \"fitWidth\"\n  | \"none\"\n  | \"scaleDown\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport const size = (width = 0, height = 0) => ({ width, height });\n\nexport const rect2rect = (src: SkRect, dst: SkRect) => {\n  const scaleX = dst.width / src.width;\n  const scaleY = dst.height / src.height;\n  const translateX = dst.x - src.x * scaleX;\n  const translateY = dst.y - src.y * scaleY;\n  return [{ translateX }, { translateY }, { scaleX }, { scaleY }] as const;\n};\n\nexport const fitRects = (\n  fit: Fit,\n  rect: SkRect,\n  { x, y, width, height }: SkRect\n) => {\n  const sizes = applyBoxFit(\n    fit,\n    { width: rect.width, height: rect.height },\n    { width, height }\n  );\n  const src = inscribe(sizes.src, rect);\n  const dst = inscribe(sizes.dst, {\n    x,\n    y,\n    width,\n    height,\n  });\n  return { src, dst };\n};\n\nconst inscribe = (\n  { width, height }: Size,\n  rect: { x: number; y: number; width: number; height: number }\n) => {\n  const halfWidthDelta = (rect.width - width) / 2.0;\n  const halfHeightDelta = (rect.height - height) / 2.0;\n  return {\n    x: rect.x + halfWidthDelta,\n    y: rect.y + halfHeightDelta,\n    width,\n    height,\n  };\n};\n\nconst applyBoxFit = (fit: Fit, input: Size, output: Size) => {\n  let src = size(),\n    dst = size();\n  if (\n    input.height <= 0.0 ||\n    input.width <= 0.0 ||\n    output.height <= 0.0 ||\n    output.width <= 0.0\n  ) {\n    return { src, dst };\n  }\n  switch (fit) {\n    case \"fill\":\n      src = input;\n      dst = output;\n      break;\n    case \"contain\":\n      src = input;\n      if (output.width / output.height > src.width / src.height) {\n        dst = size((src.width * output.height) / src.height, output.height);\n      } else {\n        dst = size(output.width, (src.height * output.width) / src.width);\n      }\n      break;\n    case \"cover\":\n      if (output.width / output.height > input.width / input.height) {\n        src = size(input.width, (input.width * output.height) / output.width);\n      } else {\n        src = size((input.height * output.width) / output.height, input.height);\n      }\n      dst = output;\n      break;\n    case \"fitWidth\":\n      src = size(input.width, (input.width * output.height) / output.width);\n      dst = size(output.width, (src.height * output.width) / src.width);\n      break;\n    case \"fitHeight\":\n      src = size((input.height * output.width) / output.height, input.height);\n      dst = size((src.width * output.height) / src.height, output.height);\n      break;\n    case \"none\":\n      src = size(\n        Math.min(input.width, output.width),\n        Math.min(input.height, output.height)\n      );\n      dst = src;\n      break;\n    case \"scaleDown\":\n      src = input;\n      dst = input;\n      const aspectRatio = input.width / input.height;\n      if (dst.height > output.height) {\n        dst = size(output.height * aspectRatio, output.height);\n      }\n      if (dst.width > output.width) {\n        dst = size(output.width, output.width / aspectRatio);\n      }\n      break;\n    default:\n      exhaustiveCheck(fit);\n  }\n  return { src, dst };\n};\n"]}

package/lib/commonjs/renderer/components/image/Image.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawing = require("../../nodes/Drawing");
+
+var _processors = require("../../processors");
+
+var _BoxFit = require("./BoxFit");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const onDraw = (0, _Drawing.createDrawing)((_ref, _ref2) => {
+  let {
+    canvas,
+    paint,
+    Skia
+  } = _ref;
+  let {
+    fit,
+    image,
+    ...rectProps
+  } = _ref2;
+  const rect = (0, _processors.processRect)(Skia, rectProps);
+  const {
+    src,
+    dst
+  } = (0, _BoxFit.fitRects)(fit, {
+    x: 0,
+    y: 0,
+    width: image.width(),
+    height: image.height()
+  }, rect);
+  canvas.drawImageRect(image, src, dst, paint);
+});
+
+const Image = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.Image = Image;
+Image.defaultProps = {
+  x: 0,
+  y: 0,
+  fit: "contain"
+};
+//# sourceMappingURL=Image.js.map

package/lib/commonjs/renderer/components/image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Image.tsx"],"names":["onDraw","canvas","paint","Skia","fit","image","rectProps","rect","src","dst","x","y","width","height","drawImageRect","Image","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAQA;;AACA;;AAGA;;;;;;AAaA,MAAMA,MAAM,GAAG,4BACb,iBAA2D;AAAA,MAA1D;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAA0D;AAAA,MAAjC;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,KAAP;AAAc,OAAGC;AAAjB,GAAiC;AACzD,QAAMC,IAAI,GAAG,6BAAYJ,IAAZ,EAAkBG,SAAlB,CAAb;AACA,QAAM;AAAEE,IAAAA,GAAF;AAAOC,IAAAA;AAAP,MAAe,sBACnBL,GADmB,EAEnB;AACEM,IAAAA,CAAC,EAAE,CADL;AAEEC,IAAAA,CAAC,EAAE,CAFL;AAGEC,IAAAA,KAAK,EAAEP,KAAK,CAACO,KAAN,EAHT;AAIEC,IAAAA,MAAM,EAAER,KAAK,CAACQ,MAAN;AAJV,GAFmB,EAQnBN,IARmB,CAArB;AAUAN,EAAAA,MAAM,CAACa,aAAP,CAAqBT,KAArB,EAA4BG,GAA5B,EAAiCC,GAAjC,EAAsCP,KAAtC;AACD,CAdY,CAAf;;AAgBO,MAAMa,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAW,IAAA,MAAM,EAAEhB;AAAnB,KAA+BgB,KAA/B,EAAP;AACD,CAFM;;;AAIPD,KAAK,CAACE,YAAN,GAAqB;AACnBP,EAAAA,CAAC,EAAE,CADgB;AAEnBC,EAAAA,CAAC,EAAE,CAFgB;AAGnBP,EAAAA,GAAG,EAAE;AAHc,CAArB","sourcesContent":["import React from \"react\";\n\nimport type { SkImage } from \"../../../skia/types\";\nimport type {\n  CustomPaintProps,\n  RectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { processRect } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { fitRects } from \"./BoxFit\";\n\nexport type SourceImageProps = {\n  image: SkImage;\n};\n\nexport type BaseImageProps = RectDef &\n  SourceImageProps & {\n    fit: Fit;\n  };\n\nexport type ImageProps = CustomPaintProps & BaseImageProps;\n\nconst onDraw = createDrawing<ImageProps>(\n  ({ canvas, paint, Skia }, { fit, image, ...rectProps }) => {\n    const rect = processRect(Skia, rectProps);\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    canvas.drawImageRect(image, src, dst, paint);\n  }\n);\nexport const Image = (props: AnimatedProps<ImageProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nImage.defaultProps = {\n  x: 0,\n  y: 0,\n  fit: \"contain\",\n};\n"]}

package/lib/commonjs/renderer/components/image/ImageSVG.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageSVG = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nodes = require("../../nodes");
+
+var _processors = require("../../processors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const onDraw = (0, _nodes.createDrawing)((_ref, _ref2) => {
+  let {
+    canvas,
+    Skia
+  } = _ref;
+  let {
+    svg,
+    ...rectProps
+  } = _ref2;
+  const {
+    x,
+    y,
+    width,
+    height
+  } = (0, _processors.processRect)(Skia, rectProps);
+  canvas.save();
+  canvas.translate(x, y);
+  canvas.drawSvg(svg, width, height);
+  canvas.restore();
+});
+
+const ImageSVG = props => {
+  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props));
+};
+
+exports.ImageSVG = ImageSVG;
+//# sourceMappingURL=ImageSVG.js.map

package/lib/commonjs/renderer/components/image/ImageSVG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ImageSVG.tsx"],"names":["onDraw","canvas","Skia","svg","rectProps","x","y","width","height","save","translate","drawSvg","restore","ImageSVG","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;;;;;AAMA,MAAMA,MAAM,GAAG,0BACb,iBAA6C;AAAA,MAA5C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA4C;AAAA,MAA1B;AAAEC,IAAAA,GAAF;AAAO,OAAGC;AAAV,GAA0B;AAC3C,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0B,6BAAYN,IAAZ,EAAkBE,SAAlB,CAAhC;AACAH,EAAAA,MAAM,CAACQ,IAAP;AACAR,EAAAA,MAAM,CAACS,SAAP,CAAiBL,CAAjB,EAAoBC,CAApB;AACAL,EAAAA,MAAM,CAACU,OAAP,CAAeR,GAAf,EAAoBI,KAApB,EAA2BC,MAA3B;AACAP,EAAAA,MAAM,CAACW,OAAP;AACD,CAPY,CAAf;;AAUO,MAAMC,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEd;AAAnB,KAA+Bc,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkSVG } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, RectDef } from \"../../processors\";\nimport { processRect } from \"../../processors\";\n\nexport type ImageSVGProps = RectDef & {\n  svg: SkSVG;\n};\n\nconst onDraw = createDrawing<ImageSVGProps>(\n  ({ canvas, Skia }, { svg, ...rectProps }) => {\n    const { x, y, width, height } = processRect(Skia, rectProps);\n    canvas.save();\n    canvas.translate(x, y);\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n);\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}