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

package/SVG/Rect.js

@@ -1,76 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var SVGItem_1 = require("./SVGItem");
-var Canvas2D_1 = require("../Canvas2D");
-var Rect = /** @class */ (function (_super) {
-    __extends(Rect, _super);
-    function Rect() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.x = 0;
-        _this.y = 0;
-        _this.rx = 0;
-        _this.ry = 0;
-        return _this;
+import { SVGItem } from "./SVGItem";
+import { DOMParser } from 'xmldom';
+export class Rect extends SVGItem {
+    constructor() {
+        super();
+        this.x = 0;
+        this.y = 0;
+        this.rx = 0;
+        this.ry = 0;
+        this._dom = new DOMParser().parseFromString('<rect></rect>');
     }
-    Rect.prototype.handleValues = function (canvas) {
-        var ctx;
-        if (canvas) {
-            ctx = canvas.getContext('2d');
-        }
-        else {
-            ctx = this._canvas.getContext('2d');
-        }
-        ctx.save();
-        ctx.globalAlpha = this._realOpacity;
-        var lastOpacity;
-        if (this._doFillOpacity()) {
-            lastOpacity = ctx.globalAlpha;
-            ctx.globalAlpha = this._realFillOpacity;
-        }
-        if (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.fillRect(this.x, this.y, this._getRealSize(this.width, null, 'width'), this._getRealSize(this.height, null, 'height'));
-        }
-        if (lastOpacity !== undefined) {
-            ctx.globalAlpha = lastOpacity;
-        }
-        if (this._doStroke()) {
-            if (this.stroke !== undefined && this.stroke !== 'none') {
-                if (this.stroke && this.stroke.indexOf('url') > -1) {
-                    var stroke = this._getViewById(this.stroke);
-                    var style = stroke._getFillOrStrokeStyle();
-                    if (style instanceof Canvas2D_1.CanvasGradient) {
-                        ctx.strokeStyle = style;
-                    }
-                    else if (stroke) {
-                        ctx.strokeStyle = ctx.createPattern(style, 'repeat');
-                    }
-                }
-                else {
-                    ctx.strokeStyle = this.stroke;
-                }
-            }
-            ctx.strokeRect(this.x, this.y, this._getRealSize(this.width, null, 'width'), this._getRealSize(this.height, null, 'height'));
-        }
-        ctx.restore();
-    };
-    return Rect;
-}(SVGItem_1.SVGItem));
-exports.Rect = Rect;
+}
 //# sourceMappingURL=Rect.js.map

package/SVG/Rect.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rect.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/Rect.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Rect.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/Rect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,MAAM,OAAO,IAAK,SAAQ,OAAO;IAMhC;QACC,KAAK,EAAE,CAAC;QANT,MAAC,GAAQ,CAAC,CAAC;QACX,MAAC,GAAQ,CAAC,CAAC;QACX,OAAE,GAAQ,CAAC,CAAC;QACZ,OAAE,GAAQ,CAAC,CAAC;QAIX,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC9D,CAAC;CACD"}

package/SVG/SVG.d.ts

@@ -1,17 +1,31 @@
-import { View, Style } from '@nativescript/core';
-import { CssProperty } from '@nativescript/core/ui/core/properties';
-import { AddChildFromBuilder } from '@nativescript/core/ui/core/view';
+import { View, Style, CssProperty } from '@nativescript/core';
 export declare const strokeProperty: CssProperty<Style, any>;
 export declare const strokeWidthProperty: CssProperty<Style, number>;
 export declare const fillProperty: CssProperty<Style, any>;
+export declare const fillRuleProperty: CssProperty<Style, any>;
 export declare const fillOpacityProperty: CssProperty<Style, any>;
 export declare const stopColorProperty: CssProperty<Style, any>;
-export declare class SVG extends View implements AddChildFromBuilder {
-    _canvas: any;
-    _views: any[];
-    _children: Map<string, View>;
+export declare const strokeLinecapProperty: CssProperty<Style, any>;
+export declare const strokeLinejoinProperty: CssProperty<Style, any>;
+export declare const strokeMiterlimitProperty: CssProperty<Style, any>;
+export declare const srcProperty: any;
+import { SVGItem } from './SVGItem';
+export declare class Svg extends View {
+    static readyEvent: string;
+    _dom: any;
+    _serializer: any;
+    _svg: any;
+    src: string;
+    __children: any[];
+    __attachedToDom: boolean;
     constructor();
+    onLayout(left: number, top: number, right: number, bottom: number): void;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    __redraw(): void;
+    onLoaded(): void;
+    onUnloaded(): void;
     createNativeView(): Object;
-    _addChildFromBuilder(name: string, value: any): void;
-    _getViewById(name: string): any;
+    initNativeView(): void;
+    addChild(view: SVGItem): void;
+    removeChild(view: SVGItem): void;
 }

package/SVG/SVG.js

@@ -1,83 +1,190 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@nativescript/core");
-var Canvas_1 = require("../Canvas");
-var properties_1 = require("@nativescript/core/ui/core/properties");
-exports.strokeProperty = new properties_1.CssProperty({
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Http, View, Style, CssProperty, Property, path, knownFolders, CSSType, Application, Utils } from '@nativescript/core';
+export const strokeProperty = new CssProperty({
     name: 'stroke',
     cssName: 'stroke',
     defaultValue: undefined,
 });
-exports.strokeWidthProperty = new properties_1.CssProperty({
+export const strokeWidthProperty = new CssProperty({
     name: 'strokeWidth',
     cssName: 'stroke-width',
     defaultValue: 1,
 });
-exports.fillProperty = new properties_1.CssProperty({
+export const fillProperty = new CssProperty({
     name: 'fill',
     cssName: 'fill',
     defaultValue: undefined,
 });
-exports.fillOpacityProperty = new properties_1.CssProperty({
+export const fillRuleProperty = new CssProperty({
+    name: 'fillRule',
+    cssName: 'fill-rule',
+    defaultValue: undefined,
+});
+export const fillOpacityProperty = new CssProperty({
     name: 'fillOpacity',
     cssName: 'fill-opacity',
     defaultValue: undefined,
 });
-exports.stopColorProperty = new properties_1.CssProperty({
+export const stopColorProperty = new CssProperty({
     name: 'stopColor',
     cssName: 'stop-color',
     defaultValue: undefined,
 });
-var SVG = /** @class */ (function (_super) {
-    __extends(SVG, _super);
-    function SVG() {
-        var _this = _super.call(this) || this;
-        _this._canvas = new Canvas_1.Canvas();
-        _this._views = [];
-        _this._children = new Map();
-        return _this;
+export const strokeLinecapProperty = new CssProperty({
+    name: 'strokeLinecap',
+    cssName: 'stroke-linecap',
+});
+export const strokeLinejoinProperty = new CssProperty({
+    name: 'strokeLinejoin',
+    cssName: 'stroke-linejoin',
+});
+export const strokeMiterlimitProperty = new CssProperty({
+    name: 'strokeMiterlimit',
+    cssName: 'stroke-miterlimit',
+});
+export const srcProperty = new Property({
+    name: 'src',
+});
+import { DOMParser, XMLSerializer } from 'xmldom';
+const initialSVG = '<svg width="auto" height="auto" xmlns="http://www.w3.org/2000/svg"></svg>';
+let Svg = class Svg extends View {
+    constructor() {
+        super();
+        this.__children = [];
+        this.__attachedToDom = false;
+        if (global.isAndroid) {
+            const activity = Application.android.foregroundActivity || Application.android.startActivity;
+            this._svg = new org.nativescript.canvas.TNSSVG(activity);
+        }
+        else if (global.isIOS) {
+            this._svg = TNSSVG.alloc().initWithFrame(CGRectZero);
+            this._svg.backgroundColor = UIColor.clearColor;
+        }
+        this._dom = new DOMParser().parseFromString(initialSVG);
+        this._serializer = new XMLSerializer();
     }
-    SVG.prototype.createNativeView = function () {
-        var _this = this;
-        this.on('layoutChanged', function (args) {
-            _this._views.forEach(function (view) {
-                if (typeof view.handleValues === 'function') {
-                    view.handleValues();
+    [srcProperty.setNative](value) {
+        if (typeof value === 'string') {
+            if (value.indexOf('<svg') > -1) {
+                if (global.isAndroid) {
+                    this._svg.setSrc(value);
+                }
+                else if (global.isIOS) {
+                    this._svg.src = value;
+                }
+            }
+            else {
+                if (value.startsWith('~')) {
+                    if (global.isAndroid) {
+                        this._svg.setSrcPath(path.join(knownFolders.currentApp().path, value.replace('~', '')));
+                    }
+                    else if (global.isIOS) {
+                        this._svg.srcPath = path.join(knownFolders.currentApp().path, value.replace('~', ''));
+                    }
+                }
+                else if (value.startsWith('/')) {
+                    if (global.isAndroid) {
+                        this._svg.setSrcPath(value);
+                    }
+                    else if (global.isIOS) {
+                        this._svg.srcPath = value;
+                    }
+                }
+                else if (value.startsWith('http')) {
+                    Http.getString(value)
+                        .then((res) => {
+                        if (global.isAndroid) {
+                            this._svg.setSrc(res);
+                        }
+                        else if (global.isIOS) {
+                            this._svg.src = res;
+                        }
+                    })
+                        .catch((e) => {
+                        console.log(e);
+                    });
                 }
-            });
-        });
-        if (this._canvas.ios) {
-            return this._canvas.ios;
+            }
+        }
+    }
+    onLayout(left, top, right, bottom) {
+        super.onLayout(left, top, right, bottom);
+        this.__redraw();
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        const nativeView = this.nativeView;
+        if (nativeView) {
+            const width = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
+            const height = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
+            this.setMeasuredDimension(width, height);
         }
-        return this._canvas.android;
-    };
-    SVG.prototype._addChildFromBuilder = function (name, value) {
-        value._canvas = this._canvas;
-        value.parent = this;
-        this._views.push(value);
-        this._children.set(value.id || value._domId, value);
-    };
-    SVG.prototype._getViewById = function (name) {
-        if (typeof name === 'string') {
-            if (name.indexOf('url') > -1) {
-                name = name.replace('url', '').replace('(', '').replace(')', '');
+    }
+    __redraw() {
+        if (this.__attachedToDom) {
+            const domCopy = this._dom.valueOf();
+            const serialized = this._serializer.serializeToString(domCopy);
+            const width = domCopy.documentElement.getAttribute('width');
+            const height = domCopy.documentElement.getAttribute('height');
+            if (width === 'auto') {
+                domCopy.documentElement.setAttribute('width', `${this.getMeasuredWidth()}px`);
             }
-            if (name.indexOf('#')) {
-                name = name.replace('#', '');
+            if (height === 'auto') {
+                domCopy.documentElement.setAttribute('height', `${this.getMeasuredHeight()}px`);
             }
-            if (name.startsWith("'")) {
-                name = name.replace("'", '').replace("'", '');
+            if (serialized !== initialSVG) {
+                this.src = serialized;
             }
-            return this._children.get(name);
         }
-        return null;
-    };
-    return SVG;
-}(core_1.View));
-exports.SVG = SVG;
-exports.stopColorProperty.register(core_1.Style);
-exports.strokeWidthProperty.register(core_1.Style);
-exports.strokeProperty.register(core_1.Style);
-exports.fillProperty.register(core_1.Style);
-exports.fillOpacityProperty.register(core_1.Style);
+    }
+    onLoaded() {
+        super.onLoaded();
+        this.__attachedToDom = true;
+    }
+    onUnloaded() {
+        this.__attachedToDom = false;
+        super.onUnloaded();
+    }
+    createNativeView() {
+        return this._svg;
+    }
+    initNativeView() {
+        super.initNativeView();
+    }
+    addChild(view) {
+        this._addView(view);
+        view.__attached = true;
+        this.__children.push(view);
+    }
+    removeChild(view) {
+        if (view.__attached) {
+            this._removeView(view);
+            view.__attached = false;
+            this.__children = this.__children.filter((item) => item !== view);
+        }
+    }
+};
+Svg.readyEvent = 'ready';
+Svg = __decorate([
+    CSSType('Svg'),
+    __metadata("design:paramtypes", [])
+], Svg);
+export { Svg };
+srcProperty.register(Svg);
+stopColorProperty.register(Style);
+strokeWidthProperty.register(Style);
+strokeProperty.register(Style);
+fillProperty.register(Style);
+fillOpacityProperty.register(Style);
+fillRuleProperty.register(Style);
+strokeLinecapProperty.register(Style);
+strokeLinejoinProperty.register(Style);
+strokeMiterlimitProperty.register(Style);
 //# sourceMappingURL=SVG.js.map

package/SVG/SVG.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/SVG.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/SVG.ts"],"names":[],"mappings":"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"}

package/SVG/SVGItem.d.ts

@@ -1,22 +1,5 @@
 import { View } from '@nativescript/core';
-import { Canvas } from "../Canvas";
 export declare class SVGItem extends View {
-    stroke: any;
-    strokeWidth: any;
-    fill: any;
-    _parseOpacity(value: any): any;
-    fillOpacity: any;
-    opacity: any;
-    _canvas: Canvas;
-    _doStroke(): boolean;
-    _doFill(): boolean;
-    _doFillOpacity(): boolean;
-    readonly _realFillOpacity: any;
-    readonly _realStroke: any;
-    readonly _realFill: any;
-    readonly _realOpacity: any;
-    _getRealSize(value: any, parent?: any, type?: string): any;
-    _appendChild(id: any, child: any): void;
-    _removeChild(id: any): void;
-    _getViewById(name: string): any;
+    _dom: any;
+    __attached: boolean;
 }

package/SVG/SVGItem.js

@@ -1,193 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@nativescript/core");
-var SVG_1 = require("./SVG");
-var style_properties_1 = require("@nativescript/core/ui/styling/style-properties");
-var SVGItem = /** @class */ (function (_super) {
-    __extends(SVGItem, _super);
-    function SVGItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
+import { View } from '@nativescript/core';
+export class SVGItem extends View {
+    constructor() {
+        super(...arguments);
+        this.__attached = false;
     }
-    Object.defineProperty(SVGItem.prototype, "stroke", {
-        get: function () {
-            return this.style.stroke;
-        },
-        set: function (value) {
-            this.style.stroke = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SVGItem.prototype, "strokeWidth", {
-        get: function () {
-            return this.style.strokeWidth;
-        },
-        set: function (value) {
-            this.style.strokeWidth = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SVGItem.prototype, "fill", {
-        get: function () {
-            return this.style.fill;
-        },
-        set: function (value) {
-            this.style.fill = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SVGItem.prototype._parseOpacity = function (value) {
-        if (typeof value === 'string') {
-            if (value.indexOf('%') > -1) {
-                var percent = parseInt(value.replace('%', ''), 10);
-                value = isNaN(percent) ? 1 : percent / 100;
-            }
-            else {
-                var percent = parseFloat(value);
-                value = isNaN(percent) ? 1 : percent;
-            }
-        }
-        return value;
-    };
-    Object.defineProperty(SVGItem.prototype, "fillOpacity", {
-        get: function () {
-            return this.style.fillOpacity;
-        },
-        set: function (value) {
-            value = this._parseOpacity(value);
-            this.style.fillOpacity = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SVGItem.prototype._doStroke = function () {
-        return this._realStroke !== undefined && this._realStroke !== 'none';
-    };
-    SVGItem.prototype._doFill = function () {
-        return this._realFill !== 'none';
-    };
-    SVGItem.prototype._doFillOpacity = function () {
-        return this._realFillOpacity !== undefined;
-    };
-    Object.defineProperty(SVGItem.prototype, "_realFillOpacity", {
-        get: function () {
-            // @ts-ignore
-            if ((this.parent && this.parent.fillOpacity) !== undefined && this.fillOpacity !== undefined) {
-                return this._parseOpacity(this.fillOpacity);
-            }
-            // @ts-ignore
-            return this._parseOpacity((this.parent && this.parent.fillOpacity)) || this._parseOpacity(this.fillOpacity);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SVGItem.prototype, "_realStroke", {
-        get: function () {
-            // @ts-ignore
-            if ((this.parent && this.parent.stroke) !== undefined && this.stroke !== undefined) {
-                return this.stroke;
-            }
-            // @ts-ignore
-            return (this.parent && this.parent.stroke) || this.stroke;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SVGItem.prototype, "_realFill", {
-        get: function () {
-            // @ts-ignore
-            if ((this.parent && this.parent.fill) !== undefined && this.fill !== undefined) {
-                return this.fill;
-            }
-            // @ts-ignore
-            return (this.parent && this.parent.fill) || this.fill;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SVGItem.prototype, "_realOpacity", {
-        get: function () {
-            // @ts-ignore
-            if ((this.parent && this.parent.opacity) !== undefined && this.opacity !== undefined) {
-                return this.opacity;
-            }
-            // @ts-ignore
-            return (this.parent && this.parent.opacity) || this.opacity || 1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SVGItem.prototype._getRealSize = function (value, parent, type) {
-        if (!parent) {
-            parent = this.parent;
-            while (!(parent instanceof SVG_1.SVG)) {
-                parent = parent.parent;
-                if (parent === undefined || parent === null) {
-                    break;
-                }
-            }
-            if (parent instanceof SVG_1.SVG && (type === 'width' || type === 'height')) {
-                if (type === 'width') {
-                    parent = parent.getMeasuredWidth();
-                }
-                if (type === 'height') {
-                    parent = parent.getMeasuredHeight();
-                }
-            }
-        }
-        var base = parent || 0;
-        var size;
-        if (value && value.unit === '%') {
-            size = style_properties_1.PercentLength.convertToString(value);
-        }
-        if (typeof value === 'string' || typeof value === 'number') {
-            size = value;
-        }
-        if (typeof size === 'string' && (size.indexOf('%') > -1)) {
-            size = (base * (parseInt(size.replace('%', '')) / 100));
-        }
-        return size;
-    };
-    SVGItem.prototype._appendChild = function (id, child) {
-        var parent = this.parent;
-        while (!(parent instanceof SVG_1.SVG)) {
-            parent = parent.parent;
-            if (parent === undefined || parent === null) {
-                break;
-            }
-        }
-        if (parent instanceof SVG_1.SVG) {
-            parent._children.set(id, child);
-        }
-    };
-    SVGItem.prototype._removeChild = function (id) {
-        var parent = this.parent;
-        while (!(parent instanceof SVG_1.SVG)) {
-            parent = parent.parent;
-            if (parent === undefined || parent === null) {
-                break;
-            }
-        }
-        if (parent instanceof SVG_1.SVG) {
-            parent._children.delete(id);
-        }
-    };
-    SVGItem.prototype._getViewById = function (name) {
-        var parent = this.parent;
-        while (!(parent instanceof SVG_1.SVG)) {
-            parent = parent.parent;
-            if (parent === undefined || parent == null) {
-                break;
-            }
-        }
-        if (!parent) {
-            return null;
-        }
-        return parent._getViewById(name);
-    };
-    return SVGItem;
-}(core_1.View));
-exports.SVGItem = SVGItem;
+}
 //# sourceMappingURL=SVGItem.js.map

package/SVG/SVGItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGItem.js","sourceRoot":"","sources":["../../../packages/canvas/SVG/SVGItem.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SVGItem.js","sourceRoot":"","sources":["../../../../packages/canvas/SVG/SVGItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,IAAI,EAAS,MAAM,oBAAoB,CAAC;AAI/D,MAAM,OAAO,OAAQ,SAAQ,IAAI;IAAjC;;QAEI,eAAU,GAAY,KAAK,CAAC;IAChC,CAAC;CAAA"}