@nativescript/canvas 0.9.22-v6 → 1.0.0-alpha.10

package/SVG/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/Image.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/Image.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,aAAa,GAAG;IACrB,GAAG,EAAE,KAAK;IACV,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,MAAM;CACT,CAAC;AAEF,SAAS,gBAAgB,CAAC,GAAG;IAC5B,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,sBAAsB,CAAC,GAAG;IAClC,IAAI,KAAK,GAAG,GAAG,CAAC;IAChB,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACtB,KAAK,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;KAC9B;IACD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,IAAI,CAAC,IAAI,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,GAAG,CAAC,CAAC;KACpD;IACD,OAAO,IAAI,CAAC;AACb,CAAC;AACD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,MAAM,OAAO,KAAM,SAAQ,OAAO;IAUjC;QACC,KAAK,EAAE,CAAC;QAVT,UAAK,GAAsB,EAAE,CAAC;QAE9B,MAAC,GAAQ,CAAC,CAAC;QACX,MAAC,GAAQ,CAAC,CAAC;QACX,aAAa;QACb,mCAAmB;QACnB,aAAa;QACb,uBAAS,IAAI,UAAU,EAAE,EAAC;QAIzB,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAChE,CAAC;CACD"}

package/SVG/Line.d.ts

@@ -9,5 +9,5 @@ export declare class Line extends SVGItem {
     y1: any;
     x2: any;
     y2: any;
-    handleValues(canvas?: any): void;
+    constructor();
 }

package/SVG/Line.js

@@ -1,49 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var view_1 = require("@nativescript/core/ui/core/view");
-var Canvas2D_1 = require("../Canvas2D");
-var SVGItem_1 = require("./SVGItem");
-exports.x1Property = new view_1.Property({
+import { Property } from "@nativescript/core/ui/core/view";
+import { SVGItem } from "./SVGItem";
+export const x1Property = new Property({
     name: 'x1'
 });
-exports.y1Property = new view_1.Property({
+export const y1Property = new Property({
     name: 'y1'
 });
-exports.x2Property = new view_1.Property({
+export const x2Property = new Property({
     name: 'x2'
 });
-exports.y2Property = new view_1.Property({
+export const y2Property = new Property({
     name: 'y2'
 });
-var Line = /** @class */ (function (_super) {
-    __extends(Line, _super);
-    function Line() {
-        return _super !== null && _super.apply(this, arguments) || this;
+import { DOMParser } from 'xmldom';
+export class Line extends SVGItem {
+    constructor() {
+        super();
+        this._dom = new DOMParser().parseFromString('<line></line>');
     }
-    Line.prototype.handleValues = function (canvas) {
-        var ctx;
-        if (canvas) {
-            ctx = canvas.getContext('2d');
-        }
-        else {
-            ctx = this._canvas.getContext('2d');
-        }
-        var line = new Canvas2D_1.Path2D();
-        line.moveTo(this.x1, this.y1);
-        line.lineTo(this.x2, this.y2);
-        ctx.save();
-        ctx.lineWidth = this.strokeWidth;
-        if (this._doStroke()) {
-            ctx.strokeStyle = this._realStroke;
-            ctx.fill(line);
-        }
-        ctx.restore();
-    };
-    return Line;
-}(SVGItem_1.SVGItem));
-exports.Line = Line;
-exports.x1Property.register(Line);
-exports.x2Property.register(Line);
-exports.y1Property.register(Line);
-exports.y2Property.register(Line);
+}
+x1Property.register(Line);
+x2Property.register(Line);
+y1Property.register(Line);
+y2Property.register(Line);
 //# sourceMappingURL=Line.js.map

package/SVG/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/Line.ts"],"names":[],"mappings":";;AAAA,wDAAyD;AACzD,wCAAmC;AACnC,qCAAkC;AAErB,QAAA,UAAU,GAAG,IAAI,eAAQ,CAAY;IACjD,IAAI,EAAE,IAAI;CACV,CAAC,CAAC;AACU,QAAA,UAAU,GAAG,IAAI,eAAQ,CAAY;IACjD,IAAI,EAAE,IAAI;CACV,CAAC,CAAC;AACU,QAAA,UAAU,GAAG,IAAI,eAAQ,CAAY;IACjD,IAAI,EAAE,IAAI;CACV,CAAC,CAAC;AACU,QAAA,UAAU,GAAG,IAAI,eAAQ,CAAY;IACjD,IAAI,EAAE,IAAI;CACV,CAAC,CAAC;AAEH;IAA0B,wBAAO;IAAjC;;IAyBA,CAAC;IAnBA,2BAAY,GAAZ,UAAa,MAAO;QACnB,IAAI,GAAQ,CAAC;QACb,IAAI,MAAM,EAAE;YACX,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM;YACN,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAQ,CAAC;SAC3C;QACD,IAAM,IAAI,GAAG,IAAI,iBAAM,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAC9B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAC9B,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;QACjC,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACrB,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACnC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACf;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;IACf,CAAC;IAEF,WAAC;AAAD,CAAC,AAzBD,CAA0B,iBAAO,GAyBhC;AAzBY,oBAAI;AA2BjB,kBAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1B,kBAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1B,kBAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1B,kBAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/Line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAEzD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAY;IACjD,IAAI,EAAE,IAAI;CACV,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAY;IACjD,IAAI,EAAE,IAAI;CACV,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAY;IACjD,IAAI,EAAE,IAAI;CACV,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAY;IACjD,IAAI,EAAE,IAAI;CACV,CAAC,CAAC;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,MAAM,OAAO,IAAK,SAAQ,OAAO;IAMhC;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC9D,CAAC;CACD;AAED,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1B,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1B,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1B,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC"}

package/SVG/LinearGradient.d.ts

@@ -1,6 +1,5 @@
 import { SVGItem } from "./SVGItem";
-import { AddChildFromBuilder } from "@nativescript/core/ui/core/view";
-export declare class LinearGradient extends SVGItem implements AddChildFromBuilder {
+export declare class LinearGradient extends SVGItem {
     _views: any[];
     x1: any;
     y1: any;
@@ -8,6 +7,4 @@ export declare class LinearGradient extends SVGItem implements AddChildFromBuild
     y2: any;
     gradientTransform: string;
     constructor();
-    _getFillOrStrokeStyle(canvas?: any): any;
-    _addChildFromBuilder(name: string, value: any): void;
 }

package/SVG/LinearGradient.js

@@ -1,56 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var SVGItem_1 = require("./SVGItem");
-var SVG_1 = require("./SVG");
-var Stop_1 = require("./Stop");
-var LinearGradient = /** @class */ (function (_super) {
-    __extends(LinearGradient, _super);
-    function LinearGradient() {
-        var _this = _super.call(this) || this;
-        _this.x1 = '0%';
-        _this.y1 = '0%';
-        _this.x2 = '100%';
-        _this.y2 = '0%';
-        _this._views = [];
-        return _this;
+import { SVGItem } from "./SVGItem";
+import { DOMParser } from 'xmldom';
+export class LinearGradient extends SVGItem {
+    constructor() {
+        super();
+        this.x1 = '0%';
+        this.y1 = '0%';
+        this.x2 = '100%';
+        this.y2 = '0%';
+        this._dom = new DOMParser().parseFromString('<linear-gradient></linear-gradient>');
     }
-    LinearGradient.prototype._getFillOrStrokeStyle = function (canvas) {
-        var ctx;
-        if (canvas) {
-            ctx = canvas.getContext('2d');
-        }
-        else {
-            ctx = this._canvas.getContext('2d');
-        }
-        var svg = this.parent;
-        while (!(svg instanceof SVG_1.SVG)) {
-            svg = svg.parent;
-            if (svg === undefined || svg === null) {
-                break;
-            }
-        }
-        var height = svg ? svg.getMeasuredHeight() : 0;
-        var width = svg ? svg.getMeasuredWidth() : 0;
-        var realX1 = this._getRealSize(this.x1, width);
-        var realX2 = this._getRealSize(this.x2, width);
-        var realY1 = this._getRealSize(this.y1, height);
-        var realY2 = this._getRealSize(this.y2, height);
-        var gradient = ctx.createLinearGradient(realX1, realY1, realX2, realY2);
-        this._views.forEach(function (child) {
-            if (child instanceof Stop_1.Stop) {
-                var offset = child._realOffset();
-                gradient.addColorStop(offset, child.stopColor);
-            }
-        });
-        return gradient;
-    };
-    LinearGradient.prototype._addChildFromBuilder = function (name, value) {
-        value._canvas = this._canvas;
-        value.parent = this;
-        this._views.push(value);
-        this._appendChild(value.id || value._domId, value);
-    };
-    return LinearGradient;
-}(SVGItem_1.SVGItem));
-exports.LinearGradient = LinearGradient;
+}
 //# sourceMappingURL=LinearGradient.js.map

package/SVG/LinearGradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/LinearGradient.ts"],"names":[],"mappings":";;AAAA,qCAAkC;AAClC,6BAA0B;AAC1B,+BAA4B;AAG5B;IAAoC,kCAAO;IAS1C;QAAA,YACC,iBAAO,SAEP;QAVD,QAAE,GAAQ,IAAI,CAAC;QACf,QAAE,GAAQ,IAAI,CAAC;QACf,QAAE,GAAQ,MAAM,CAAC;QACjB,QAAE,GAAQ,IAAI,CAAC;QAMd,KAAI,CAAC,MAAM,GAAG,EAAE,CAAC;;IAClB,CAAC;IAED,8CAAqB,GAArB,UAAsB,MAAO;QAC5B,IAAI,GAAQ,CAAC;QACb,IAAI,MAAM,EAAE;YACX,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM;YACN,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAQ,CAAC;SAC3C;QACD,IAAI,GAAG,GAAQ,IAAI,CAAC,MAAM,CAAC;QAC3B,OAAO,CAAC,CAAC,GAAG,YAAY,SAAG,CAAC,EAAE;YAC7B,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC;YACjB,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,EAAE;gBACtC,MAAM;aACN;SACD;QAED,IAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,IAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,IAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACjD,IAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACjD,IAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAClD,IAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAClD,IAAM,QAAQ,GAAG,GAAG,CAAC,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1E,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAC,KAAK;YACzB,IAAI,KAAK,YAAY,WAAI,EAAE;gBAC1B,IAAM,MAAM,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;gBACnC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;aAC/C;QACF,CAAC,CAAC,CAAC;QACH,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,6CAAoB,GAApB,UAAqB,IAAY,EAAE,KAAU;QAC5C,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,CAAC;IACF,qBAAC;AAAD,CAAC,AAnDD,CAAoC,iBAAO,GAmD1C;AAnDY,wCAAc"}
+{"version":3,"file":"LinearGradient.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/LinearGradient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAIlC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,MAAM,OAAO,cAAe,SAAQ,OAAO;IAS1C;QACC,KAAK,EAAE,CAAC;QART,OAAE,GAAQ,IAAI,CAAC;QACf,OAAE,GAAQ,IAAI,CAAC;QACf,OAAE,GAAQ,MAAM,CAAC;QACjB,OAAE,GAAQ,IAAI,CAAC;QAMd,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,qCAAqC,CAAC,CAAC;IACpF,CAAC;CACD"}

package/SVG/Path.d.ts

@@ -1,7 +1,7 @@
+import { Property } from "@nativescript/core";
 import { SVGItem } from "./SVGItem";
-import { Property } from "@nativescript/core/ui/core/properties";
 export declare const dProperty: Property<Path, string>;
 export declare class Path extends SVGItem {
     d: string;
-    handleValues(canvas?: any): void;
+    constructor();
 }

package/SVG/Path.js

@@ -1,85 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Canvas2D_1 = require("../Canvas2D");
-var SVGItem_1 = require("./SVGItem");
-var properties_1 = require("@nativescript/core/ui/core/properties");
-exports.dProperty = new properties_1.Property({
+import { Property } from "@nativescript/core";
+import { SVGItem } from "./SVGItem";
+export const dProperty = new Property({
     name: 'd'
 });
-var Path = /** @class */ (function (_super) {
-    __extends(Path, _super);
-    function Path() {
-        return _super !== null && _super.apply(this, arguments) || this;
+import { DOMParser } from 'xmldom';
+export class Path extends SVGItem {
+    constructor() {
+        super();
+        this._dom = new DOMParser().parseFromString('<path></path>');
     }
-    Path.prototype.handleValues = function (canvas) {
-        var ctx;
-        if (canvas) {
-            ctx = canvas.getContext('2d');
-        }
-        else {
-            ctx = this._canvas.getContext('2d');
-        }
-        ctx.save();
-        if (this.strokeWidth) {
-            ctx.lineWidth = this.strokeWidth;
-        }
-        ctx.globalAlpha = this._realOpacity;
-        var lastOpacity;
-        if (this._doFillOpacity()) {
-            lastOpacity = ctx.globalAlpha;
-            ctx.globalAlpha = this._realFillOpacity;
-        }
-        var path;
-        if (this.d) {
-            path = new Canvas2D_1.Path2D(this.d);
-        }
-        if (path && this._doFill()) {
-            if (this.fill !== undefined && this.fill !== 'none') {
-                if (this.fill && this.fill.indexOf('url') > -1) {
-                    var fill = this._getViewById(this.fill);
-                    if (fill) {
-                        var style = fill._getFillOrStrokeStyle();
-                        if (style instanceof Canvas2D_1.CanvasGradient) {
-                            ctx.fillStyle = style;
-                        }
-                        else {
-                            ctx.fillStyle = ctx.createPattern(style, 'repeat');
-                        }
-                    }
-                }
-                else {
-                    ctx.fillStyle = this.fill;
-                }
-            }
-            ctx.fill(path);
-        }
-        if (lastOpacity !== undefined) {
-            ctx.globalAlpha = lastOpacity;
-        }
-        if (path && this._doStroke()) {
-            if (this.stroke !== undefined && this.stroke !== 'none') {
-                if (this.stroke && this.stroke.indexOf('url') > -1) {
-                    var stroke = this._getViewById(this.stroke);
-                    if (stroke) {
-                        var style = stroke._getFillOrStrokeStyle();
-                        if (style instanceof Canvas2D_1.CanvasGradient) {
-                            ctx.strokeStyle = style;
-                        }
-                        else {
-                            ctx.strokeStyle = ctx.createPattern(style, 'repeat');
-                        }
-                    }
-                }
-                else {
-                    ctx.strokeStyle = this.stroke;
-                }
-            }
-            ctx.stroke(path);
-        }
-        ctx.restore();
-    };
-    return Path;
-}(SVGItem_1.SVGItem));
-exports.Path = Path;
-exports.dProperty.register(Path);
+}
+dProperty.register(Path);
 //# sourceMappingURL=Path.js.map

package/SVG/Path.js.map

@@ -1 +1 @@
-{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/Path.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/Path.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,QAAQ,CAAe;IACnD,IAAI,EAAE,GAAG;CACT,CAAC,CAAC;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,MAAM,OAAO,IAAK,SAAQ,OAAO;IAGhC;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC9D,CAAC;CACD;AAED,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC"}

package/SVG/Pattern.d.ts

@@ -1,12 +1,4 @@
 import { SVGItem } from "./SVGItem";
-import { Canvas } from "../Canvas";
-import { AddChildFromBuilder, PercentLength } from "@nativescript/core/ui/core/view";
-export declare class Pattern extends SVGItem implements AddChildFromBuilder {
-    _pattern: Canvas;
-    _views: any[];
+export declare class Pattern extends SVGItem {
     constructor();
-    width: any;
-    height: PercentLength;
-    _addChildFromBuilder(name: string, value: any): void;
-    _getFillOrStrokeStyle(): Canvas;
 }

package/SVG/Pattern.js

@@ -1,91 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var SVGItem_1 = require("./SVGItem");
-var Canvas_1 = require("../Canvas");
-var SVG_1 = require("./SVG");
-var view_1 = require("@nativescript/core/ui/core/view");
-var Pattern = /** @class */ (function (_super) {
-    __extends(Pattern, _super);
-    function Pattern() {
-        var _this = _super.call(this) || this;
-        _this._pattern = Canvas_1.Canvas.createCustomView();
-        _this._views = [];
-        return _this;
+import { SVGItem } from "./SVGItem";
+import { DOMParser } from 'xmldom';
+export class Pattern extends SVGItem {
+    constructor() {
+        super();
+        this._dom = new DOMParser().parseFromString('<pattern></pattern>');
     }
-    Object.defineProperty(Pattern.prototype, "width", {
-        get: function () {
-            return this.style.width;
-        },
-        set: function (value) {
-            this._pattern.width = value;
-            this.style.width = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Pattern.prototype, "height", {
-        get: function () {
-            return this.style.height;
-        },
-        set: function (value) {
-            this._pattern.height = value;
-            this.style.height = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Pattern.prototype._addChildFromBuilder = function (name, value) {
-        value.parent = this;
-        value._canvas = this._canvas;
-        this._views.push(value);
-        this._appendChild(value.id || value._domId, value);
-    };
-    Pattern.prototype._getFillOrStrokeStyle = function () {
-        var canvas = Canvas_1.Canvas.createCustomView();
-        var svg = this.parent;
-        while (!(svg instanceof SVG_1.SVG)) {
-            svg = svg.parent;
-        }
-        var height = svg.getMeasuredHeight() || 0;
-        var width = svg.getMeasuredWidth() || 0;
-        var w;
-        var h;
-        if (this.width && this.width.unit === '%') {
-            w = view_1.PercentLength.convertToString(this.width);
-        }
-        if (this.height && this.height.unit === '%') {
-            h = view_1.PercentLength.convertToString(this.height);
-        }
-        if (typeof this.width === 'string') {
-            w = this.width;
-        }
-        if (typeof this.height === 'string') {
-            h = this.height;
-        }
-        if (typeof this.width === 'number') {
-            w = this.width;
-        }
-        if (typeof this.height === 'number') {
-            h = this.height;
-        }
-        if (typeof w === 'string' && (w.indexOf('%') > -1)) {
-            canvas.width = (width * (parseInt(w.replace('%', '')) / 100));
-        }
-        else if (typeof w === 'number') {
-            canvas.width = w;
-        }
-        if (typeof h === 'string' && (h.indexOf('%') > -1)) {
-            canvas.height = (height * (parseInt(h.replace('%', '')) / 100));
-        }
-        else if (typeof this.height === 'number') {
-            canvas.height = this.height;
-        }
-        this._views.forEach(function (view) {
-            view.handleValues(canvas);
-        });
-        return canvas;
-    };
-    return Pattern;
-}(SVGItem_1.SVGItem));
-exports.Pattern = Pattern;
+}
 //# sourceMappingURL=Pattern.js.map

package/SVG/Pattern.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pattern.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/Pattern.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Pattern.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/Pattern.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAIlC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,MAAM,OAAO,OAAQ,SAAQ,OAAO;IACnC;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IACpE,CAAC;CACD"}

package/SVG/Polygon.d.ts

@@ -1,7 +1,7 @@
+import { Property } from "@nativescript/core";
 import { SVGItem } from "./SVGItem";
-import { Property } from "@nativescript/core/ui/core/properties";
 export declare const pointsProperty: Property<Polygon, any>;
 export declare class Polygon extends SVGItem {
     points: any;
-    handleValues(canvas?: any): void;
+    constructor();
 }

package/SVG/Polygon.js

@@ -1,67 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Canvas2D_1 = require("../Canvas2D");
-var SVGItem_1 = require("./SVGItem");
-var properties_1 = require("@nativescript/core/ui/core/properties");
-exports.pointsProperty = new properties_1.Property({
+import { Property } from "@nativescript/core";
+import { SVGItem } from "./SVGItem";
+export const pointsProperty = new Property({
     name: 'points'
 });
-var Polygon = /** @class */ (function (_super) {
-    __extends(Polygon, _super);
-    function Polygon() {
-        return _super !== null && _super.apply(this, arguments) || this;
+import { DOMParser } from 'xmldom';
+export class Polygon extends SVGItem {
+    constructor() {
+        super();
+        this._dom = new DOMParser().parseFromString('<polygon></polygon>');
     }
-    Polygon.prototype.handleValues = function (canvas) {
-        var ctx;
-        if (canvas) {
-            ctx = canvas.getContext('2d');
-        }
-        else {
-            ctx = this._canvas.getContext('2d');
-        }
-        ctx.save();
-        var points;
-        if (typeof this.points === 'string') {
-            points = this.points.split(' ').map(function (point) {
-                if (typeof point === 'string') {
-                    var realPoints = point.split(',');
-                    var x = parseInt(realPoints[0]);
-                    var y = parseInt(realPoints[1]);
-                    if (isNaN(x) || isNaN(y)) {
-                        return null;
-                    }
-                    return { x: x, y: y };
-                }
-                return null;
-            }).filter(function (value) {
-                return value !== null;
-            });
-        }
-        var path = new Canvas2D_1.Path2D();
-        ctx.lineWidth = this.strokeWidth;
-        if (Array.isArray(points)) {
-            points.forEach(function (point, index) {
-                if (index === 0) {
-                    path.moveTo(point.x, point.y);
-                }
-                else {
-                    path.lineTo(point.x, point.y);
-                }
-            });
-            path.closePath();
-        }
-        if (this._doFill()) {
-            ctx.fillStyle = this._realFill;
-            ctx.fill(path);
-        }
-        if (this._doStroke()) {
-            ctx.strokeStyle = this._realStroke;
-            ctx.stroke(path);
-        }
-        ctx.restore();
-    };
-    return Polygon;
-}(SVGItem_1.SVGItem));
-exports.Polygon = Polygon;
-exports.pointsProperty.register(Polygon);
+}
+pointsProperty.register(Polygon);
 //# sourceMappingURL=Polygon.js.map

package/SVG/Polygon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/Polygon.ts"],"names":[],"mappings":";;AAAA,wCAAmC;AACnC,qCAAkC;AAClC,oEAA+D;AAElD,QAAA,cAAc,GAAG,IAAI,qBAAQ,CAAe;IACxD,IAAI,EAAE,QAAQ;CACd,CAAC,CAAC;AAEH;IAA6B,2BAAO;IAApC;;IAqDA,CAAC;IAjDA,8BAAY,GAAZ,UAAa,MAAO;QACnB,IAAI,GAAQ,CAAC;QACb,IAAI,MAAM,EAAE;YACX,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM;YACN,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAQ,CAAC;SAC3C;QACD,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,IAAI,MAAkC,CAAC;QACvC,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;YACpC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAA,KAAK;gBACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;oBAC9B,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBACpC,IAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClC,IAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;wBACzB,OAAO,IAAI,CAAC;qBACZ;oBACD,OAAO,EAAC,CAAC,GAAA,EAAE,CAAC,GAAA,EAAC,CAAC;iBACd;gBACD,OAAO,IAAI,CAAC;YACb,CAAC,CAAC,CAAC,MAAM,CAAC,UAAA,KAAK;gBACd,OAAO,KAAK,KAAK,IAAI,CAAC;YACvB,CAAC,CAAC,CAAC;SACH;QACD,IAAI,IAAI,GAAG,IAAI,iBAAM,EAAE,CAAC;QACxB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;QACjC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC1B,MAAM,CAAC,OAAO,CAAC,UAAC,KAAK,EAAE,KAAK;gBAC3B,IAAI,KAAK,KAAK,CAAC,EAAE;oBAChB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC9B;qBAAM;oBACN,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC9B;YACF,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,SAAS,EAAE,CAAC;SACjB;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YAC/B,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACf;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACrB,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACnC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACjB;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;IACf,CAAC;IACF,cAAC;AAAD,CAAC,AArDD,CAA6B,iBAAO,GAqDnC;AArDY,0BAAO;AAuDpB,sBAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/Polygon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,QAAQ,CAAe;IACxD,IAAI,EAAE,QAAQ;CACd,CAAC,CAAC;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,MAAM,OAAO,OAAQ,SAAQ,OAAO;IAGnC;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IACpE,CAAC;CACD;AAED,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC"}

package/SVG/Polyline.d.ts

@@ -3,5 +3,5 @@ import { SVGItem } from "./SVGItem";
 export declare const pointsProperty: Property<Polyline, any>;
 export declare class Polyline extends SVGItem {
     points: any;
-    handleValues(canvas?: any): void;
+    constructor();
 }

package/SVG/Polyline.js

@@ -1,68 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var view_1 = require("@nativescript/core/ui/core/view");
-var Canvas2D_1 = require("../Canvas2D");
-var SVGItem_1 = require("./SVGItem");
-exports.pointsProperty = new view_1.Property({
+import { Property } from "@nativescript/core/ui/core/view";
+import { SVGItem } from "./SVGItem";
+export const pointsProperty = new Property({
     name: 'points'
 });
-var Polyline = /** @class */ (function (_super) {
-    __extends(Polyline, _super);
-    function Polyline() {
-        return _super !== null && _super.apply(this, arguments) || this;
+import { DOMParser } from 'xmldom';
+export class Polyline extends SVGItem {
+    constructor() {
+        super();
+        this._dom = new DOMParser().parseFromString('<polyline></polyline>');
     }
-    Polyline.prototype.handleValues = function (canvas) {
-        var ctx;
-        if (canvas) {
-            ctx = canvas.getContext('2d');
-        }
-        else {
-            ctx = this._canvas.getContext('2d');
-        }
-        ctx.save();
-        var points;
-        if (typeof this.points === 'string') {
-            points = this.points.split(' ').map(function (point) {
-                if (typeof point === 'string') {
-                    var realPoints = point.split(',');
-                    var x = parseInt(realPoints[0]);
-                    var y = parseInt(realPoints[1]);
-                    if (isNaN(x) || isNaN(y)) {
-                        return null;
-                    }
-                    return { x: x, y: y };
-                }
-                return null;
-            }).filter(function (value) {
-                return value !== null;
-            });
-        }
-        var path = new Canvas2D_1.Path2D();
-        if (this.strokeWidth !== undefined) {
-            ctx.lineWidth = this.strokeWidth;
-        }
-        if (Array.isArray(points)) {
-            points.forEach(function (point, index) {
-                if (index === 0) {
-                    path.moveTo(point.x, point.y);
-                }
-                else {
-                    path.lineTo(point.x, point.y);
-                }
-            });
-        }
-        if (this._doFill()) {
-            ctx.fillStyle = this._realFill;
-            ctx.fill(path);
-        }
-        if (this._doStroke()) {
-            ctx.strokeStyle = this._realStroke;
-            ctx.stroke(path);
-        }
-        ctx.restore();
-    };
-    return Polyline;
-}(SVGItem_1.SVGItem));
-exports.Polyline = Polyline;
-exports.pointsProperty.register(Polyline);
+}
+pointsProperty.register(Polyline);
 //# sourceMappingURL=Polyline.js.map

package/SVG/Polyline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polyline.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/Polyline.ts"],"names":[],"mappings":";;AAAA,wDAAyD;AACzD,wCAAmC;AACnC,qCAAkC;AAErB,QAAA,cAAc,GAAG,IAAI,eAAQ,CAAgB;IACzD,IAAI,EAAE,QAAQ;CACd,CAAC,CAAC;AAEH;IAA8B,4BAAO;IAArC;;IAqDA,CAAC;IAlDA,+BAAY,GAAZ,UAAa,MAAO;QACnB,IAAI,GAAQ,CAAC;QACb,IAAI,MAAM,EAAE;YACX,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM;YACN,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAQ,CAAC;SAC3C;QACD,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,IAAI,MAAkC,CAAC;QACvC,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;YACpC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAA,KAAK;gBACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;oBAC9B,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBACpC,IAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClC,IAAM,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;wBACzB,OAAO,IAAI,CAAC;qBACZ;oBACD,OAAO,EAAC,CAAC,GAAA,EAAE,CAAC,GAAA,EAAC,CAAC;iBACd;gBACD,OAAO,IAAI,CAAC;YACb,CAAC,CAAC,CAAC,MAAM,CAAC,UAAA,KAAK;gBACd,OAAO,KAAK,KAAK,IAAI,CAAC;YACvB,CAAC,CAAC,CAAC;SACH;QACD,IAAI,IAAI,GAAG,IAAI,iBAAM,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;YACnC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;SACjC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC1B,MAAM,CAAC,OAAO,CAAC,UAAC,KAAK,EAAE,KAAK;gBAC3B,IAAI,KAAK,KAAK,CAAC,EAAE;oBAChB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC9B;qBAAM;oBACN,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC9B;YACF,CAAC,CAAC,CAAC;SACH;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YAC/B,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACf;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACrB,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACnC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACjB;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;IACf,CAAC;IACF,eAAC;AAAD,CAAC,AArDD,CAA8B,iBAAO,GAqDpC;AArDY,4BAAQ;AAuDrB,sBAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Polyline.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/Polyline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAEzD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,QAAQ,CAAgB;IACzD,IAAI,EAAE,QAAQ;CACd,CAAC,CAAC;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,MAAM,OAAO,QAAS,SAAQ,OAAO;IAGpC;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;IACtE,CAAC;CACD;AAED,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC"}

package/SVG/Rect.d.ts

@@ -4,5 +4,5 @@ export declare class Rect extends SVGItem {
     y: any;
     rx: any;
     ry: any;
-    handleValues(canvas?: any): void;
+    constructor();
 }