@nativescript/canvas-polyfill 1.0.0-v6 → 1.0.0

package/DOM/CharacterData.js

@@ -1,12 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Node_1 = require("./Node");
-var CharacterData = /** @class */ (function (_super) {
-    __extends(CharacterData, _super);
-    function CharacterData(data) {
-        return _super.call(this, data) || this;
+import { Node } from "./Node";
+export class CharacterData extends Node {
+    constructor(data) {
+        super(data);
     }
-    return CharacterData;
-}(Node_1.Node));
-exports.CharacterData = CharacterData;
+}
 //# sourceMappingURL=CharacterData.js.map

package/DOM/CharacterData.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharacterData.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/CharacterData.ts"],"names":[],"mappings":";;AAAA,+BAA4B;AAE5B;IAAmC,iCAAI;IACtC,uBAAY,IAAI;eACf,kBAAM,IAAI,CAAC;IACZ,CAAC;IACF,oBAAC;AAAD,CAAC,AAJD,CAAmC,WAAI,GAItC;AAJY,sCAAa"}
+{"version":3,"file":"CharacterData.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/CharacterData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,aAAc,SAAQ,IAAI;IACtC,YAAY,IAAI;QACf,KAAK,CAAC,IAAI,CAAC,CAAC;IACb,CAAC;CACD"}

package/DOM/Document.d.ts

@@ -1,5 +1,7 @@
-import { Element } from "./Element";
-import { Text } from "./Text";
+import { Element } from './Element';
+import { HTMLVideoElement } from './HTMLVideoElement';
+import { HTMLCanvasElement } from './HTMLCanvasElement';
+import { Text } from './Text';
 export declare class Document extends Element {
     private body;
     private documentElement;
@@ -7,8 +9,8 @@ export declare class Document extends Element {
     private head;
     private defaultView;
     constructor();
-    createElement(tagName: any): Element;
+    createElement(tagName: any): Element | HTMLVideoElement | HTMLCanvasElement;
     createElementNS(...args: any[]): any;
     createTextNode(data: any): Text;
-    getElementById(id: any): Element;
+    getElementById(id: any): Element | HTMLCanvasElement;
 }

package/DOM/Document.js

@@ -1,47 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Element_1 = require("./Element");
-var HTMLVideoElement_1 = require("./HTMLVideoElement");
-var HTMLImageElement_1 = require("./HTMLImageElement");
-var HTMLCanvasElement_1 = require("./HTMLCanvasElement");
-var Text_1 = require("./Text");
-var canvas_1 = require("@nativescript/canvas");
-var core_1 = require("@nativescript/core");
-var Document = /** @class */ (function (_super) {
-    __extends(Document, _super);
-    function Document() {
-        var _this = _super.call(this, "#document") || this;
-        _this.body = new Element_1.Element("BODY");
-        _this.documentElement = new Element_1.Element("HTML");
-        _this.readyState = "complete";
-        _this.head = new Element_1.Element("HEAD");
-        _this.defaultView = global.window;
-        return _this;
+import { Element } from './Element';
+import { HTMLVideoElement } from './HTMLVideoElement';
+import { HTMLImageElement } from './HTMLImageElement';
+import { HTMLCanvasElement } from './HTMLCanvasElement';
+import { SVGElement, SVGCircleElement, SVGRectElement, SVGGElement, SVGPathElement } from './svg';
+import { Text } from './Text';
+import { Canvas } from '@nativescript/canvas';
+import { Frame } from '@nativescript/core';
+export class Document extends Element {
+    constructor() {
+        super('#document');
+        this.body = new Element('BODY');
+        this.documentElement = new Element('HTML');
+        this.readyState = 'complete';
+        this.head = new Element('HEAD');
+        this.defaultView = global.window;
     }
-    Document.prototype.createElement = function (tagName) {
-        switch ((tagName || "").toLowerCase()) {
-            case "video":
-                return new HTMLVideoElement_1.HTMLVideoElement();
-            case "img":
-                return new HTMLImageElement_1.HTMLImageElement();
-            case "canvas":
-                var canvas = new HTMLCanvasElement_1.HTMLCanvasElement();
-                canvas._canvas = canvas_1.Canvas.createCustomView();
-                return canvas;
-            case "iframe":
+    createElement(tagName) {
+        switch ((tagName || '').toLowerCase()) {
+            case 'video':
+                return new HTMLVideoElement();
+            case 'img':
+                return new HTMLImageElement();
+            case 'canvas':
+                return new HTMLCanvasElement();
+            case 'iframe':
                 // Return nothing to keep firebase working.
                 return null;
+            case 'svg':
+                return new SVGElement();
+            case 'rect':
+                return new SVGRectElement();
+            case 'circle':
+                return new SVGCircleElement();
+            case 'g':
+                return new SVGGElement();
+            case 'path':
+                return new SVGPathElement();
             default:
-                return new Element_1.Element(tagName);
+                return new Element(tagName);
         }
-    };
-    Document.prototype.createElementNS = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var name;
-        var namespaceURI;
+    }
+    createElementNS(...args) {
+        let name;
+        let namespaceURI;
         if (Array.isArray(args) && args.length === 1) {
             name = args[0];
         }
@@ -52,27 +53,30 @@ var Document = /** @class */ (function (_super) {
         else {
             name = args;
         }
-        var element = this.createElement(name);
+        const element = this.createElement(name);
         element.namespaceURI = namespaceURI;
-        element.toDataURL = function () { return ({}); };
+        element.toDataURL = () => ({});
         return element;
-    };
-    Document.prototype.createTextNode = function (data) {
-        return new Text_1.Text(data);
-    };
-    Document.prototype.getElementById = function (id) {
-        var topmost = core_1.Frame.topmost();
+    }
+    createTextNode(data) {
+        return new Text(data);
+    }
+    getElementById(id) {
+        const topmost = Frame.topmost();
+        if (id instanceof Canvas) {
+            const canvas = new HTMLCanvasElement();
+            canvas._canvas = id;
+            return canvas;
+        }
         if (topmost) {
-            var nativeElement = topmost.getViewById(id);
+            const nativeElement = topmost.getViewById(id);
             if (nativeElement) {
-                var element = new Element_1.Element("div");
+                const element = new Element('div');
                 element.nativeElement = nativeElement;
                 return element;
             }
         }
-        return new Element_1.Element("div");
-    };
-    return Document;
-}(Element_1.Element));
-exports.Document = Document;
+        return new Element('div');
+    }
+}
 //# sourceMappingURL=Document.js.map

package/DOM/Document.js.map

@@ -1 +1 @@
-{"version":3,"file":"Document.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/Document.ts"],"names":[],"mappings":";;AAAA,qCAAkC;AAClC,uDAAoD;AACpD,uDAAoD;AACpD,yDAAsD;AACtD,+BAA4B;AAC5B,+CAA4C;AAC5C,2CAAyC;AAEzC;IAA8B,4BAAO;IAOpC;QAAA,YACC,kBAAM,WAAW,CAAC,SAMlB;QALA,KAAI,CAAC,IAAI,GAAG,IAAI,iBAAO,CAAC,MAAM,CAAC,CAAC;QAChC,KAAI,CAAC,eAAe,GAAG,IAAI,iBAAO,CAAC,MAAM,CAAC,CAAC;QAC3C,KAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,KAAI,CAAC,IAAI,GAAG,IAAI,iBAAO,CAAC,MAAM,CAAC,CAAC;QAChC,KAAI,CAAC,WAAW,GAAI,MAAc,CAAC,MAAM,CAAC;;IAC3C,CAAC;IAED,gCAAa,GAAb,UAAc,OAAO;QACpB,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE;YACtC,KAAK,OAAO;gBACX,OAAO,IAAI,mCAAgB,EAAE,CAAC;YAC/B,KAAK,KAAK;gBACT,OAAO,IAAI,mCAAgB,EAAE,CAAC;YAC/B,KAAK,QAAQ;gBACZ,IAAM,MAAM,GAAG,IAAI,qCAAiB,EAAE,CAAC;gBACvC,MAAM,CAAC,OAAO,GAAG,eAAM,CAAC,gBAAgB,EAAE,CAAC;gBAC3C,OAAO,MAAM,CAAC;YACf,KAAK,QAAQ;gBACZ,2CAA2C;gBAC3C,OAAO,IAAI,CAAC;YACb;gBACC,OAAO,IAAI,iBAAO,CAAC,OAAO,CAAC,CAAC;SAC7B;IACF,CAAC;IAED,kCAAe,GAAf;QAAgB,cAAO;aAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;YAAP,yBAAO;;QACtB,IAAI,IAAI,CAAC;QACT,IAAI,YAAY,CAAC;QACjB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YAC7C,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;SACf;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YAClD,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACf,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;SACvB;aAAM;YACN,IAAI,GAAG,IAAI,CAAC;SACZ;QACD,IAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAQ,CAAC;QAChD,OAAO,CAAC,YAAY,GAAG,YAAY,CAAC;QACpC,OAAO,CAAC,SAAS,GAAG,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC;QAC/B,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,iCAAc,GAAd,UAAe,IAAI;QAClB,OAAO,IAAI,WAAI,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAED,iCAAc,GAAd,UAAe,EAAE;QAChB,IAAM,OAAO,GAAG,YAAK,CAAC,OAAO,EAAE,CAAC;QAChC,IAAI,OAAO,EAAE;YACZ,IAAM,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC9C,IAAI,aAAa,EAAE;gBAClB,IAAM,OAAO,GAAG,IAAI,iBAAO,CAAC,KAAK,CAAC,CAAC;gBACnC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;gBACtC,OAAO,OAAO,CAAC;aACf;SACD;QACD,OAAO,IAAI,iBAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IACF,eAAC;AAAD,CAAC,AAnED,CAA8B,iBAAO,GAmEpC;AAnEY,4BAAQ"}
+{"version":3,"file":"Document.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/Document.ts"],"names":[],"mappings":"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"}

package/DOM/Element.d.ts

@@ -1,27 +1,29 @@
-import { Node } from "./Node";
+import { Node } from './Node';
 export declare class Element extends Node {
     private doc;
     private _classList;
-    private _width;
-    private _height;
     namespaceURI: any;
     nativeElement: any;
+    private _width;
+    private _height;
     constructor(tagName: any);
-    readonly classList: any;
-    readonly tagName: string;
-    setAttribute(): void;
-    removeAttribute(): void;
+    get classList(): any;
+    get tagName(): string;
+    setAttribute(key: any, value: any): void;
+    removeAttribute(key: any, value: any): void;
     setAttributeNS(): void;
     removeAttributeNS(): void;
-    readonly clientWidth: any;
-    readonly clientHeight: any;
-    readonly offsetWidth: any;
-    readonly offsetHeight: any;
-    readonly innerWidth: any;
-    readonly innerHeight: any;
-    width: any;
-    height: any;
-    toDataURL(type: any, encoderOptions: any): any;
-    getContext(contextType: any, contextOptions: any, context: any): any;
-    readonly ontouchstart: {};
+    get clientWidth(): number;
+    get clientHeight(): number;
+    get offsetWidth(): number;
+    get offsetHeight(): number;
+    get innerWidth(): number;
+    get innerHeight(): number;
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    get ontouchstart(): {};
+    querySelectorAll(selector: any): any[];
+    querySelector(selector: any): void;
 }

package/DOM/Element.js

@@ -1,135 +1,68 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Node_1 = require("./Node");
-var canvas_1 = require("@nativescript/canvas");
-var Element = /** @class */ (function (_super) {
-    __extends(Element, _super);
-    function Element(tagName) {
-        var _this = _super.call(this, tagName.toUpperCase()) || this;
-        _this.doc = {
+import { Node } from './Node';
+export class Element extends Node {
+    constructor(tagName) {
+        super(tagName.toUpperCase());
+        this.doc = {
             body: {
-                innerHTML: "",
+                innerHTML: '',
             },
         };
-        _this._classList = new Set();
-        if (tagName.toLowerCase() === 'canvas') {
-            _this._canvas = canvas_1.Canvas.createCustomView();
-        }
-        return _this;
-    }
-    Object.defineProperty(Element.prototype, "classList", {
-        get: function () {
-            return this._classList;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "tagName", {
-        get: function () {
-            return this.nodeName;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Element.prototype.setAttribute = function () {
-    };
-    Element.prototype.removeAttribute = function () {
-    };
-    Element.prototype.setAttributeNS = function () {
-    };
-    Element.prototype.removeAttributeNS = function () {
-    };
-    Object.defineProperty(Element.prototype, "clientWidth", {
-        get: function () {
-            return this.innerWidth;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "clientHeight", {
-        get: function () {
-            return this.innerHeight;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "offsetWidth", {
-        get: function () {
-            return this.innerWidth;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "offsetHeight", {
-        get: function () {
-            return this.innerHeight;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "innerWidth", {
-        get: function () {
-            return this.width;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "innerHeight", {
-        get: function () {
-            return this.height;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "width", {
-        get: function () {
-            if (this._canvas) {
-                return this._canvas.width;
-            }
-            return this._width;
-        },
-        set: function (value) {
-            this._width = value;
-            if (this._canvas) {
-                this._canvas.width = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Element.prototype, "height", {
-        get: function () {
-            if (this._canvas) {
-                return this._canvas.height;
-            }
-            return this._height;
-        },
-        set: function (value) {
-            this._height = value;
-            if (this._canvas) {
-                this._canvas.height = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Element.prototype.toDataURL = function (type, encoderOptions) {
-        if (!this._canvas) {
-            return "";
-        }
-        return this._canvas.toDataURL(type, encoderOptions);
-    };
-    Element.prototype.getContext = function (contextType, contextOptions, context) {
-        return this._canvas.getContext(contextType, contextOptions);
-    };
-    Object.defineProperty(Element.prototype, "ontouchstart", {
-        get: function () {
-            return {};
-        },
-        enumerable: true,
-        configurable: true
-    });
-    return Element;
-}(Node_1.Node));
-exports.Element = Element;
+        this._classList = new Set();
+    }
+    get classList() {
+        return this._classList;
+    }
+    get tagName() {
+        return this.nodeName;
+    }
+    setAttribute(key, value) {
+        console.log(this.className, 'setAttribute', key, value);
+    }
+    removeAttribute(key, value) {
+        console.log(this.className, 'removeAttribute', key, value);
+    }
+    setAttributeNS() { }
+    removeAttributeNS() { }
+    get clientWidth() {
+        return this.innerWidth;
+    }
+    get clientHeight() {
+        return this.innerHeight;
+    }
+    get offsetWidth() {
+        return this.innerWidth;
+    }
+    get offsetHeight() {
+        return this.innerHeight;
+    }
+    get innerWidth() {
+        return this.width;
+    }
+    get innerHeight() {
+        return this.height;
+    }
+    get width() {
+        return this._width;
+    }
+    set width(value) {
+        this._width = value;
+    }
+    get height() {
+        return this._height;
+    }
+    set height(value) {
+        this._height = value;
+    }
+    get ontouchstart() {
+        return {};
+    }
+    querySelectorAll(selector) {
+        console.log('querySelectorAll', 'selector', selector);
+        return [];
+    }
+    querySelector(selector) {
+        ///	return new Element(selector);
+        console.log(this.__internalElement._dom);
+    }
+}
 //# sourceMappingURL=Element.js.map

package/DOM/Element.js.map

@@ -1 +1 @@
-{"version":3,"file":"Element.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/Element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Element.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/Element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,OAAO,OAAQ,SAAQ,IAAI;IAOhC,YAAY,OAAO;QAClB,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;QAE7B,IAAI,CAAC,GAAG,GAAG;YACV,IAAI,EAAE;gBACL,SAAS,EAAE,EAAE;aACb;SACD,CAAC;QACF,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;IAC7B,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,YAAY,CAAC,GAAG,EAAE,KAAK;QACtB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAC,cAAc,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC;IAED,eAAe,CAAC,GAAG,EAAE,KAAK;QACzB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAC,iBAAiB,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC;IAED,cAAc,KAAI,CAAC;IAEnB,iBAAiB,KAAI,CAAC;IAEtB,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,WAAW,CAAC;IACzB,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,WAAW,CAAC;IACzB,CAAC;IAED,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACtB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,IAAI,MAAM,CAAC,KAAa;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,IAAI,YAAY;QACf,OAAO,EAAE,CAAC;IACX,CAAC;IAED,gBAAgB,CAAC,QAAQ;QACxB,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;QACtD,OAAO,EAAE,CAAC;IACX,CAAC;IAED,aAAa,CAAC,QAAQ;QACtB,iCAAiC;QACjC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;CACD"}

package/DOM/HTMLCanvasElement.d.ts

@@ -1,4 +1,10 @@
-import { Element } from "./Element";
+import { Element } from './Element';
 export declare class HTMLCanvasElement extends Element {
     constructor();
+    set width(value: any);
+    get width(): any;
+    set height(value: any);
+    get height(): any;
+    toDataURL(type: any, encoderOptions: any): any;
+    getContext(contextType: any, contextOptions: any): any;
 }

package/DOM/HTMLCanvasElement.js

@@ -1,12 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Element_1 = require("./Element");
-var HTMLCanvasElement = /** @class */ (function (_super) {
-    __extends(HTMLCanvasElement, _super);
-    function HTMLCanvasElement() {
-        return _super.call(this, "canvas") || this;
-    }
-    return HTMLCanvasElement;
-}(Element_1.Element));
-exports.HTMLCanvasElement = HTMLCanvasElement;
+import { Canvas } from '@nativescript/canvas';
+import { Element } from './Element';
+export class HTMLCanvasElement extends Element {
+    constructor() {
+        super('canvas');
+        let canvas = undefined;
+        if (arguments.length > 1) {
+            canvas = arguments[1];
+        }
+        if (canvas instanceof Canvas) {
+            this._canvas = canvas;
+        }
+        else {
+            this._canvas = Canvas.createCustomView();
+        }
+    }
+    set width(value) {
+        this._canvas.width = value;
+    }
+    get width() {
+        return this._canvas.width;
+    }
+    set height(value) {
+        this._canvas.height = value;
+    }
+    get height() {
+        return this._canvas.height;
+    }
+    toDataURL(type, encoderOptions) {
+        return this._canvas.toDataURL(type, encoderOptions);
+    }
+    getContext(contextType, contextOptions) {
+        return this._canvas.getContext(contextType, contextOptions);
+    }
+}
 //# sourceMappingURL=HTMLCanvasElement.js.map

package/DOM/HTMLCanvasElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLCanvasElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLCanvasElement.ts"],"names":[],"mappings":";;AAAA,qCAAkC;AAElC;IAAuC,qCAAO;IAC5C;eACE,kBAAM,QAAQ,CAAC;IACjB,CAAC;IACH,wBAAC;AAAD,CAAC,AAJD,CAAuC,iBAAO,GAI7C;AAJY,8CAAiB"}
+{"version":3,"file":"HTMLCanvasElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLCanvasElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,iBAAkB,SAAQ,OAAO;IAC7C;QACC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAChB,IAAI,MAAM,GAAG,SAAS,CAAC;QACvB,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YACzB,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;SACtB;QAED,IAAI,MAAM,YAAY,MAAM,EAAE;YAC7B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACtB;aAAM;YACN,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;SACzC;IACF,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACd,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC3B,CAAC;IAED,IAAI,MAAM,CAAC,KAAK;QACf,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;IAC5B,CAAC;IAED,SAAS,CAAC,IAAI,EAAE,cAAc;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IACrD,CAAC;IAED,UAAU,CAAC,WAAW,EAAE,cAAc;QACrC,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IAC7D,CAAC;CACD"}

package/DOM/HTMLImageElement.d.ts

@@ -1,4 +1,4 @@
-import { Element } from "./Element";
+import { Element } from './Element';
 import { ImageAsset } from '@nativescript/canvas';
 export declare class HTMLImageElement extends Element {
     private localUri;
@@ -8,9 +8,13 @@ export declare class HTMLImageElement extends Element {
     _asset: ImageAsset;
     _imageSource: any;
     __id: any;
-    src: any;
-    onload: any;
-    complete: any;
+    decoding: string;
+    get src(): any;
+    set src(value: any);
+    get onload(): any;
+    set onload(value: any);
+    get complete(): any;
+    set complete(value: any);
     constructor(props?: any);
     _load(): void;
 }