@nativescript/canvas-polyfill 2.0.0-beta.15 → 2.0.0-beta.16

package/DOM/CharacterData.d.ts

@@ -1,4 +1,4 @@
-import { Node } from "./Node";
+import { Node } from './Node';
 export declare class CharacterData extends Node {
     constructor(data: any);
 }

package/DOM/CharacterData.js

@@ -1,4 +1,4 @@
-import { Node } from "./Node";
+import { Node } from './Node';
 export class CharacterData extends Node {
     constructor(data) {
         super(data);

package/DOM/CharacterData.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"CharacterData.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/CharacterData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,OAAO,aAAc,SAAQ,IAAI;IACtC,YAAY,IAAI;QACf,KAAK,CAAC,IAAI,CAAC,CAAC;IACb,CAAC;CACD"}

package/DOM/Document.d.ts

@@ -1,17 +1,23 @@
-import { Element } from './Element';
+import { HTMLElement } from './HTMLElement';
 import { HTMLVideoElement } from './HTMLVideoElement';
 import { HTMLCanvasElement } from './HTMLCanvasElement';
-import { SVGElement, SVGCircleElement, SVGRectElement, SVGGElement, SVGPathElement } from './svg';
 import { Text } from './Text';
-export declare class Document extends Element {
-    private body;
-    documentElement: any;
+import { Node } from './Node';
+import { Element } from './Element';
+export declare class Document extends Node {
+    readonly body: Element;
+    private _documentElement;
     private readyState;
-    private head;
-    private defaultView;
+    readonly head: Element;
+    get defaultView(): Window & typeof globalThis;
     constructor();
-    createElement(tagName: any): Element | HTMLVideoElement | HTMLCanvasElement | SVGElement | SVGCircleElement | SVGRectElement | SVGGElement | SVGPathElement;
-    createElementNS(...args: any[]): any;
+    createElement(tagName: string): Element | HTMLVideoElement | HTMLCanvasElement | SVGElement;
+    createElementNS(namespaceURI: string, qualifiedName?: string, options?: {}): any;
     createTextNode(data: any): Text;
-    getElementById(id: any): Element | HTMLCanvasElement;
+    getElementById(id: string): HTMLElement | HTMLCanvasElement;
+    getElementsByTagName(tagname: string): any[];
+    get documentElement(): Element;
+    set documentElement(value: Element);
+    querySelectorAll(selector: any): any[];
+    querySelector(selector: any): any;
 }

package/DOM/Document.js

@@ -1,22 +1,29 @@
-import { Element } from './Element';
+import { HTMLElement } from './HTMLElement';
 import { HTMLVideoElement } from './HTMLVideoElement';
 import { HTMLImageElement } from './HTMLImageElement';
 import { HTMLCanvasElement } from './HTMLCanvasElement';
-import { SVGElement, SVGCircleElement, SVGRectElement, SVGGElement, SVGPathElement } from './svg';
+import { HTMLDivElement } from './HTMLDivElement';
 import { Text } from './Text';
 import { Canvas } from '@nativescript/canvas';
-import { Frame } from '@nativescript/core';
-export class Document extends Element {
+import { Frame, StackLayout } from '@nativescript/core';
+import { Node } from './Node';
+import { Element } from './Element';
+export class Document extends Node {
     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;
     }
+    get defaultView() {
+        return global.window;
+    }
+    ;
     createElement(tagName) {
         switch ((tagName || '').toLowerCase()) {
+            case 'div':
+                return new HTMLDivElement();
             case 'video':
                 return new HTMLVideoElement();
             case 'img':
@@ -40,22 +47,12 @@ export class Document extends Element {
                 return new Element(tagName);
         }
     }
-    createElementNS(...args) {
-        let name;
-        let namespaceURI;
-        if (Array.isArray(args) && args.length === 1) {
-            name = args[0];
-        }
-        else if (Array.isArray(args) && args.length > 1) {
-            name = args[1];
-            namespaceURI = args[0];
-        }
-        else {
-            name = args;
-        }
-        const element = this.createElement(name);
+    createElementNS(namespaceURI, qualifiedName, options) {
+        const element = this.createElement(qualifiedName);
         element.namespaceURI = namespaceURI;
-        element.toDataURL = () => ({});
+        if (qualifiedName?.toLowerCase?.() !== 'canvas') {
+            element.toDataURL = () => ({});
+        }
         return element;
     }
     createTextNode(data) {
@@ -63,20 +60,51 @@ export class Document extends Element {
     }
     getElementById(id) {
         const topmost = Frame.topmost();
-        if (id instanceof Canvas) {
-            const canvas = new HTMLCanvasElement();
-            canvas._canvas = id;
-            return canvas;
-        }
         if (topmost) {
             const nativeElement = topmost.getViewById(id);
             if (nativeElement) {
-                const element = new Element('div');
+                if (nativeElement instanceof Canvas) {
+                    const canvas = new HTMLCanvasElement();
+                    canvas.nativeElement = nativeElement;
+                    return canvas;
+                }
+                else if (nativeElement instanceof StackLayout) {
+                    const div = new HTMLDivElement();
+                    div.nativeElement = nativeElement;
+                    return div;
+                }
+                const element = new HTMLElement();
                 element.nativeElement = nativeElement;
                 return element;
             }
         }
-        return new Element('div');
+        return null;
+    }
+    getElementsByTagName(tagname) {
+        return [];
+    }
+    get documentElement() {
+        return this._documentElement;
+    }
+    //@ts-ignore
+    set documentElement(value) {
+    }
+    querySelectorAll(selector) {
+        return [];
+        //return (this as any)._instance?.querySelectorAll?.(selector) ?? [];
+    }
+    querySelector(selector) {
+        // const ret = (this as any)._instance?.querySelectorAll?.(selector);
+        // let element = ret?.[0] ?? null;
+        // if (ret === undefined) {
+        // 	const items = (this as any)._instance.getElementsByTagName(selector);
+        // 	element = items[0];
+        // }
+        //
+        // if (element) {
+        // 	return new (Element as any)(element);
+        // }
+        return null;
     }
 }
 //# 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":"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"}
+{"version":3,"file":"Document.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/Document.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,QAAS,SAAQ,IAAI;IAUjC;QACC,KAAK,CAAC,WAAW,CAAC,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,eAAe,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;IAVD,IAAI,WAAW;QACd,OAAO,MAAM,CAAC,MAAM,CAAC;IACtB,CAAC;IAAA,CAAC;IAUF,aAAa,CAAC,OAAe;QAC5B,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE;YACtC,KAAK,KAAK;gBACT,OAAO,IAAI,cAAc,EAAE,CAAC;YAC7B,KAAK,OAAO;gBACX,OAAO,IAAI,gBAAgB,EAAE,CAAC;YAC/B,KAAK,KAAK;gBACT,OAAO,IAAI,gBAAgB,EAAE,CAAC;YAC/B,KAAK,QAAQ;gBACZ,OAAO,IAAI,iBAAiB,EAAE,CAAC;YAChC,KAAK,QAAQ;gBACZ,2CAA2C;gBAC3C,OAAO,IAAI,CAAC;YACb,KAAK,KAAK;gBACT,OAAO,IAAI,UAAU,EAAE,CAAC;YACzB,KAAK,MAAM;gBACV,OAAO,IAAI,cAAc,EAAE,CAAC;YAC7B,KAAK,QAAQ;gBACZ,OAAO,IAAI,gBAAgB,EAAE,CAAC;YAC/B,KAAK,GAAG;gBACP,OAAO,IAAI,WAAW,EAAE,CAAC;YAC1B,KAAK,MAAM;gBACV,OAAO,IAAI,cAAc,EAAE,CAAC;YAC7B;gBACC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;SAC7B;IACF,CAAC;IAED,eAAe,CAAC,YAAoB,EAAE,aAAsB,EAAE,OAAY;QACzE,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAQ,CAAC;QACzD,OAAO,CAAC,YAAY,GAAG,YAAY,CAAC;QACpC,IAAI,aAAa,EAAE,WAAW,EAAE,EAAE,KAAK,QAAQ,EAAE;YAChD,OAAO,CAAC,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SAC/B;QACD,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,cAAc,CAAC,IAAI;QAClB,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAED,cAAc,CAAC,EAAU;QACxB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;QAChC,IAAI,OAAO,EAAE;YACZ,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC9C,IAAI,aAAa,EAAE;gBAClB,IAAI,aAAa,YAAY,MAAM,EAAE;oBACpC,MAAM,MAAM,GAAG,IAAI,iBAAiB,EAAE,CAAC;oBACvC,MAAM,CAAC,aAAa,GAAG,aAAa,CAAC;oBACrC,OAAO,MAAM,CAAC;iBACd;qBAAM,IAAI,aAAa,YAAY,WAAW,EAAE;oBAChD,MAAM,GAAG,GAAG,IAAI,cAAc,EAAE,CAAC;oBACjC,GAAG,CAAC,aAAa,GAAG,aAAa,CAAC;oBAClC,OAAO,GAAG,CAAC;iBACX;gBACD,MAAM,OAAO,GAAG,IAAI,WAAW,EAAE,CAAC;gBAClC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;gBACtC,OAAO,OAAO,CAAC;aACf;SACD;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,oBAAoB,CAAC,OAAe;QACnC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC;IAED,YAAY;IACZ,IAAI,eAAe,CAAC,KAAK;IACzB,CAAC;IAED,gBAAgB,CAAC,QAAQ;QACxB,OAAO,EAAE,CAAC;QACV,qEAAqE;IACtE,CAAC;IAED,aAAa,CAAC,QAAQ;QACrB,qEAAqE;QACrE,kCAAkC;QAClC,2BAA2B;QAC3B,yEAAyE;QACzE,uBAAuB;QACvB,IAAI;QACJ,EAAE;QACF,iBAAiB;QACjB,yCAAyC;QACzC,IAAI;QACJ,OAAO,IAAI,CAAC;IACb,CAAC;CACD"}

package/DOM/Element.d.ts

@@ -1,21 +1,42 @@
 import { Node } from './Node';
+import { ViewBase } from '@nativescript/core';
+export declare class DOMRectReadOnly {
+    readonly bottom: number;
+    readonly height: number;
+    readonly left: number;
+    readonly right: number;
+    readonly top: number;
+    readonly width: number;
+    readonly x: number;
+    readonly y: number;
+    constructor(x: number, y: number, width: number, height: number, top?: number, right?: number, bottom?: number, left?: number);
+}
+export declare class DOMRect extends DOMRectReadOnly {
+    constructor(x: number, y: number, width: number, height: number, top?: number, right?: number, bottom?: number, left?: number);
+}
 export declare class Element extends Node {
-    private doc;
     private _classList;
-    namespaceURI: any;
-    nativeElement: any;
+    _nativeElement: ViewBase;
     private _width;
     private _height;
-    _instance: any;
-    constructor(tagName: any);
-    get classList(): any;
+    private _attrs;
+    private _attributeOriginalValue;
+    private _jsBuffer;
+    set nativeElement(value: ViewBase);
+    get nativeElement(): ViewBase;
+    private get _boundingClientRect();
+    constructor(tagName: string);
+    get classList(): Set<unknown>;
     get tagName(): string;
-    getAttribute(key: any): any;
-    setAttribute(key: any, value: any): void;
-    removeAttribute(key: any, value: any): void;
+    getAttribute(key: string): unknown;
+    setAttribute(key: string, value: unknown): void;
+    removeAttribute(key: string): void;
     setAttributeNS(): void;
     removeAttributeNS(): void;
-    get attributes(): any;
+    querySelector(selector: string): any;
+    querySelectorAll(selector: string): any;
+    getBoundingClientRect(): any;
+    get attributes(): any[];
     get clientWidth(): number;
     get clientHeight(): number;
     get offsetWidth(): number;
@@ -27,4 +48,6 @@ export declare class Element extends Node {
     get height(): number;
     set height(value: number);
     get ontouchstart(): {};
+    setPointerCapture(id: string): void;
+    releasePointerCapture(id: string): void;
 }

package/DOM/Element.js

@@ -1,19 +1,47 @@
 import { Node } from './Node';
+import setValue from 'set-value';
+import querySelector from 'query-selector';
+export class DOMRectReadOnly {
+    constructor(x, y, width, height, top, right, bottom, left) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.left = left ?? x;
+        this.top = top ?? y;
+        this.right = right ?? x + width;
+        this.bottom = bottom ?? y + height;
+    }
+}
+export class DOMRect extends DOMRectReadOnly {
+    constructor(x, y, width, height, top, right, bottom, left) {
+        super(x, y, width, height, top, right, bottom, left);
+    }
+}
 export class Element extends Node {
     constructor(tagName) {
-        if (typeof tagName === 'object') {
-            super(tagName.tagName);
-            this._instance = tagName;
+        super(tagName.toUpperCase());
+        this._classList = new Set();
+        this._attrs = new Map();
+        this._attributeOriginalValue = new Map();
+    }
+    set nativeElement(value) {
+        this._nativeElement = value;
+        if (value) {
+            this._emitter = new WeakRef(value);
         }
         else {
-            super(tagName.toUpperCase());
+            this._emitter = value;
         }
-        this.doc = {
-            body: {
-                innerHTML: '',
-            },
-        };
-        this._classList = new Set();
+    }
+    get nativeElement() {
+        return this._nativeElement;
+    }
+    get _boundingClientRect() {
+        if (this._jsBuffer === undefined) {
+            this._jsBuffer = new Float32Array(8);
+        }
+        return this._jsBuffer;
     }
     get classList() {
         return this._classList;
@@ -22,18 +50,77 @@ export class Element extends Node {
         return this.nodeName;
     }
     getAttribute(key) {
-        return this._instance?.getAttribute?.(key) ?? null;
+        if (this.nativeElement) {
+            return this.nativeElement[key];
+        }
+        return this._attrs.get(key);
     }
     setAttribute(key, value) {
-        this._instance?.setAttribute?.(key, value);
+        if (this.nativeElement) {
+            if (!this._attributeOriginalValue.has(key)) {
+                this._attributeOriginalValue.set(key, this.nativeElement[key]);
+                setValue(this.nativeElement, key, value);
+            }
+        }
+        else {
+            if (!this._attributeOriginalValue.has(key)) {
+                this._attributeOriginalValue.set(key, this._attrs.get(key));
+                setValue(this._attrs, key, value);
+            }
+        }
     }
-    removeAttribute(key, value) {
-        this._instance?.removeAttribute?.(key, value);
+    removeAttribute(key) {
+        const originalValue = this._attributeOriginalValue.get(key);
+        this._attributeOriginalValue.delete(key);
+        if (this.nativeElement) {
+            setValue(this.nativeElement, key, originalValue);
+        }
+        else {
+            setValue(this._attrs, key, originalValue);
+        }
+    }
+    setAttributeNS() {
+    }
+    removeAttributeNS() {
+    }
+    querySelector(selector) {
+        const selection = querySelector(selector, this);
+        if (Array.isArray(selection)) {
+            return selection[0];
+        }
+        return null;
+    }
+    querySelectorAll(selector) {
+        return querySelector(selector, this);
+    }
+    getBoundingClientRect() {
+        const nativeElement = this['nativeElement'];
+        if (this.nodeName === 'CANVAS') {
+            return nativeElement.getBoundingClientRect();
+        }
+        if (nativeElement) {
+            if (global.isIOS) {
+                NSCanvas.getBoundingClientRect(nativeElement.nativeView, this._boundingClientRect);
+            }
+            if (globalThis.isAndroid) {
+                nativeElement.nativeView.getBoundingClientRect(this._boundingClientRect);
+            }
+            const rectBuffer = this._boundingClientRect;
+            return new DOMRect(rectBuffer[6], rectBuffer[7], rectBuffer[4], rectBuffer[5], rectBuffer[0], rectBuffer[1], rectBuffer[2], rectBuffer[3]);
+        }
+        return {
+            left: 0,
+            top: 0,
+            right: this.innerWidth,
+            bottom: this.innerHeight,
+            x: 0,
+            y: 0,
+            width: this.innerWidth,
+            height: this.innerHeight
+        };
     }
-    setAttributeNS() { }
-    removeAttributeNS() { }
     get attributes() {
-        return this._instance?.attributes ?? [];
+        return [];
     }
     get clientWidth() {
         return this.innerWidth;
@@ -54,19 +141,35 @@ export class Element extends Node {
         return this.height;
     }
     get width() {
+        if (this.nativeElement) {
+            return this.nativeElement['width'];
+        }
         return this._width;
     }
     set width(value) {
         this._width = value;
+        if (this.nativeElement) {
+            setValue(this.nativeElement, 'width', value);
+        }
     }
     get height() {
+        if (this.nativeElement) {
+            return this.nativeElement['height'];
+        }
         return this._height;
     }
     set height(value) {
         this._height = value;
+        if (this.nativeElement) {
+            setValue(this.nativeElement, 'height', value);
+        }
     }
     get ontouchstart() {
         return {};
     }
+    setPointerCapture(id) {
+    }
+    releasePointerCapture(id) {
+    }
 }
 //# 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":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,OAAO,OAAQ,SAAQ,IAAI;IAQhC,YAAY,OAAO;QAClB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YAChC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;SACzB;aAAM;YACN,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;SAC7B;QAED,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;QACf,OAAO,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;IACpD,CAAC;IAED,YAAY,CAAC,GAAG,EAAE,KAAK;QACtB,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,eAAe,CAAC,GAAG,EAAE,KAAK;QACzB,IAAI,CAAC,SAAS,EAAE,eAAe,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,cAAc,KAAI,CAAC;IAEnB,iBAAiB,KAAI,CAAC;IAEtB,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,SAAS,EAAE,UAAU,IAAI,EAAE,CAAC;IACzC,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,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;CACD"}
+{"version":3,"file":"Element.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/Element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAI3C,MAAM,OAAO,eAAe;IAU3B,YAAY,CAAS,EAAE,CAAS,EAAE,KAAa,EAAE,MAAc,EAAE,GAAY,EAAE,KAAc,EAAE,MAAe,EAAE,IAAa;QAC5H,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,MAAM,CAAC;IACpC,CAAC;CACD;AAED,MAAM,OAAO,OAAQ,SAAQ,eAAe;IAC3C,YAAY,CAAS,EAAE,CAAS,EAAE,KAAa,EAAE,MAAc,EAAE,GAAY,EAAE,KAAc,EAAE,MAAe,EAAE,IAAa;QAC5H,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IACtD,CAAC;CACD;AAGD,MAAM,OAAO,OAAQ,SAAQ,IAAI;IA8BhC,YAAY,OAAe;QAC1B,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;QA9BtB,eAAU,GAAG,IAAI,GAAG,EAAE,CAAC;QAIvB,WAAM,GAAqB,IAAI,GAAG,EAAmB,CAAC;QACtD,4BAAuB,GAAyB,IAAI,GAAG,EAAE,CAAC;IA0BlE,CAAC;IAtBD,IAAI,aAAa,CAAC,KAAK;QACtB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,KAAK,EAAE;YACV,IAAI,CAAC,QAAQ,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;SACnC;aAAM;YACN,IAAI,CAAC,QAAQ,GAAG,KAAc,CAAC;SAC/B;IACF,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC;IAED,IAAY,mBAAmB;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;YACjC,IAAI,CAAC,SAAS,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;SACrC;QACD,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;IAMD,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,YAAY,CAAC,GAAW;QACvB,IAAI,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;SAC/B;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,YAAY,CAAC,GAAW,EAAE,KAAc;QACvC,IAAI,IAAI,CAAC,aAAa,EAAE;YACvB,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAC3C,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC/D,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;aACzC;SACD;aAAM;YACN,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAC3C,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC5D,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;aAClC;SACD;IACF,CAAC;IAED,eAAe,CAAC,GAAW;QAC1B,MAAM,aAAa,GAAG,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5D,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAEzC,IAAI,IAAI,CAAC,aAAa,EAAE;YACvB,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC;SACjD;aAAM;YACN,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC;SAC1C;IACF,CAAC;IAED,cAAc;IACd,CAAC;IAED,iBAAiB;IACjB,CAAC;IAED,aAAa,CAAC,QAAgB;QAC7B,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAChD,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAC7B,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;SACpB;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,gBAAgB,CAAC,QAAgB;QAChC,OAAO,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC;IAGD,qBAAqB;QACpB,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5C,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;YAC/B,OAAa,aAAc,CAAC,qBAAqB,EAAE,CAAC;SACpD;QACD,IAAI,aAAa,EAAE;YAClB,IAAI,MAAM,CAAC,KAAK,EAAE;gBACjB,QAAQ,CAAC,qBAAqB,CAAC,aAAa,CAAC,UAAU,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;aACnF;YAED,IAAI,UAAU,CAAC,SAAS,EAAE;gBACzB,aAAa,CAAC,UAAU,CAAC,qBAAqB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;aACzE;YAED,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC;YAC5C,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3I;QACD,OAAO;YACN,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,IAAI,CAAC,UAAU;YACtB,MAAM,EAAE,IAAI,CAAC,WAAW;YACxB,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,IAAI,CAAC,UAAU;YACtB,MAAM,EAAE,IAAI,CAAC,WAAW;SACxB,CAAC;IACH,CAAC;IAED,IAAI,UAAU;QACb,OAAO,EAAE,CAAC;IACX,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,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,IAAI,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACnC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACtB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,CAAC,aAAa,EAAE;YACvB,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;SAC7C;IACF,CAAC;IAED,IAAI,MAAM;QACT,IAAI,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;SACpC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,IAAI,MAAM,CAAC,KAAa;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,IAAI,CAAC,aAAa,EAAE;YACvB,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;SAC9C;IACF,CAAC;IAED,IAAI,YAAY;QACf,OAAO,EAAE,CAAC;IACX,CAAC;IAED,iBAAiB,CAAC,EAAU;IAC5B,CAAC;IAED,qBAAqB,CAAC,EAAU;IAChC,CAAC;CACD"}

package/DOM/EventTarget.d.ts

@@ -0,0 +1,7 @@
+import { Observable } from '@nativescript/core';
+export declare class EventTarget {
+    _emitter?: WeakRef<Observable>;
+    addEventListener(event: string, handler: any, options?: AddEventListenerOptions): void;
+    removeEventListener(event: string, handler?: any): void;
+    dispatchEvent(event: any): void;
+}

package/DOM/EventTarget.js

@@ -0,0 +1,51 @@
+export class EventTarget {
+    addEventListener(event, handler, options = {}) {
+        const { capture, once } = options;
+        if (capture) {
+            //   debug("Bubble propagation is not supported");
+        }
+        if (once) {
+            const oldHandler = handler;
+            const self = this;
+            handler = (...args) => {
+                oldHandler.call(null, ...args);
+                self.removeEventListener(event, handler);
+            };
+        }
+        let emitter;
+        if (global.isAndroid) {
+            emitter = this._emitter?.get?.();
+        }
+        if (global.isIOS) {
+            emitter = this._emitter?.deref?.();
+        }
+        if (emitter !== null && emitter !== undefined) {
+            emitter.addEventListener(event, handler);
+        }
+    }
+    removeEventListener(event, handler) {
+        let emitter;
+        if (global.isAndroid) {
+            emitter = this._emitter?.get?.();
+        }
+        if (global.isIOS) {
+            emitter = this._emitter?.deref?.();
+        }
+        if (emitter !== null && emitter !== undefined) {
+            emitter.removeEventListener(event, handler);
+        }
+    }
+    dispatchEvent(event) {
+        let emitter;
+        if (global.isAndroid) {
+            emitter = this._emitter?.get?.();
+        }
+        if (global.isIOS) {
+            emitter = this._emitter?.deref?.();
+        }
+        if (emitter !== null && emitter !== undefined) {
+            emitter.notify({ ...event, eventName: event.type, object: event.target ?? this });
+        }
+    }
+}
+//# sourceMappingURL=EventTarget.js.map

package/DOM/EventTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventTarget.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/EventTarget.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,WAAW;IAGvB,gBAAgB,CACf,KAAa,EACb,OAAY,EACZ,UAAmC,EAAE;QAErC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;QAClC,IAAI,OAAO,EAAE;YACZ,kDAAkD;SAClD;QACD,IAAI,IAAI,EAAE;YACT,MAAM,UAAU,GAAG,OAAO,CAAC;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC;YAClB,OAAO,GAAG,CAAC,GAAG,IAAS,EAAE,EAAE;gBAC1B,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;gBAC/B,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC1C,CAAC,CAAC;SACF;QACD,IAAI,OAAmB,CAAC;QAExB,IAAI,MAAM,CAAC,SAAS,EAAE;YACrB,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC;SACjC;QAED,IAAI,MAAM,CAAC,KAAK,EAAE;YACjB,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;SACnC;QACD,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;YAC9C,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SACzC;IACF,CAAC;IAED,mBAAmB,CAAC,KAAa,EAAE,OAAa;QAC/C,IAAI,OAAmB,CAAC;QAExB,IAAI,MAAM,CAAC,SAAS,EAAE;YACrB,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC;SACjC;QAED,IAAI,MAAM,CAAC,KAAK,EAAE;YACjB,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;SACnC;QAED,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;YAC9C,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SAC5C;IACF,CAAC;IAED,aAAa,CAAC,KAAK;QAClB,IAAI,OAAmB,CAAC;QAExB,IAAI,MAAM,CAAC,SAAS,EAAE;YACrB,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC;SACjC;QAED,IAAI,MAAM,CAAC,KAAK,EAAE;YACjB,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;SACnC;QAED,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;YAC9C,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAe,IAAI,IAAI,EAAE,CAAC,CAAC;SAC3F;IACF,CAAC;CACD"}

package/DOM/HTMLCanvasElement.d.ts

@@ -1,13 +1,13 @@
-import { Element } from './Element';
-export declare class HTMLCanvasElement extends Element {
+import { HTMLElement } from './HTMLElement';
+export declare class HTMLCanvasElement extends HTMLElement {
     constructor();
+    get _canvas(): import("@nativescript/core").ViewBase;
     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;
-    setPointerCapture(id: any): void;
-    releasePointerCapture(id: any): void;
-    getBoundingClientRect(): any;
+    toDataURL(type: string, encoderOptions?: number): string;
+    getContext(contextType: string, contextOptions: any): any;
+    setPointerCapture(id: string): void;
+    releasePointerCapture(id: string): void;
 }

package/DOM/HTMLCanvasElement.js

@@ -1,41 +1,52 @@
 import { Canvas } from '@nativescript/canvas';
-import { Element } from './Element';
-export class HTMLCanvasElement extends Element {
+import { HTMLElement } from './HTMLElement';
+import setValue from 'set-value';
+export class HTMLCanvasElement extends HTMLElement {
     constructor() {
         super('canvas');
         let canvas = undefined;
-        if (arguments.length > 1) {
-            canvas = arguments[1];
+        if (arguments.length > 0) {
+            canvas = arguments[0];
         }
         if (canvas instanceof Canvas) {
-            this._canvas = canvas;
+            this.nativeElement = canvas;
         }
         else {
-            this._canvas = Canvas.createCustomView(true);
+            this.nativeElement = Canvas.createCustomView();
         }
     }
+    get _canvas() {
+        return this.nativeElement;
+    }
     set width(value) {
-        this._canvas.width = value;
+        setValue(this.nativeElement, 'width', value);
     }
     get width() {
-        return this._canvas.width;
+        return this.nativeElement['width'];
     }
     set height(value) {
-        this._canvas.height = value;
+        setValue(this.nativeElement, 'height', value);
     }
     get height() {
-        return this._canvas.height;
+        return this.nativeElement['height'];
     }
-    toDataURL(type, encoderOptions) {
-        return this._canvas.toDataURL(type, encoderOptions);
+    toDataURL(type, encoderOptions = 0.92) {
+        const nativeElement = this.nativeElement;
+        if (nativeElement) {
+            return nativeElement.toDataURL?.(type, encoderOptions);
+        }
+        return 'data:,';
     }
     getContext(contextType, contextOptions) {
-        return this._canvas.getContext(contextType, contextOptions);
+        const nativeElement = this.nativeElement;
+        if (nativeElement) {
+            return nativeElement.getContext(contextType, contextOptions);
+        }
+        return null;
+    }
+    setPointerCapture(id) {
     }
-    setPointerCapture(id) { }
-    releasePointerCapture(id) { }
-    getBoundingClientRect() {
-        return this._canvas.getBoundingClientRect();
+    releasePointerCapture(id) {
     }
 }
 //# 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,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,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,GAAI,MAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;SACtD;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;IAED,iBAAiB,CAAC,EAAE,IAAG,CAAC;IAExB,qBAAqB,CAAC,EAAE,IAAG,CAAC;IAE5B,qBAAqB;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC7C,CAAC;CACD"}
+{"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,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,MAAM,OAAO,iBAAkB,SAAQ,WAAW;IACjD;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,aAAa,GAAG,MAAM,CAAC;SAC5B;aAAM;YACN,IAAI,CAAC,aAAa,GAAI,MAAc,CAAC,gBAAgB,EAAE,CAAC;SACxD;IACF,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,aAAa,CAAC;IAC3B,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACd,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,MAAM,CAAC,KAAK;QACf,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAED,SAAS,CAAC,IAAY,EAAE,iBAAyB,IAAI;QACpD,MAAM,aAAa,GAAG,IAAI,CAAC,aAE1B,CAAC;QAEF,IAAI,aAAa,EAAE;YAClB,OAAO,aAAa,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;SACvD;QACD,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,UAAU,CAAC,WAAmB,EAAE,cAAc;QAC7C,MAAM,aAAa,GAAG,IAAI,CAAC,aAE1B,CAAC;QACF,IAAI,aAAa,EAAE;YAClB,OAAO,aAAa,CAAC,UAAU,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;SAC7D;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,iBAAiB,CAAC,EAAU;IAC5B,CAAC;IAED,qBAAqB,CAAC,EAAU;IAChC,CAAC;CAED"}

package/DOM/HTMLDivElement.d.ts

@@ -0,0 +1,4 @@
+import { HTMLElement } from './HTMLElement';
+export declare class HTMLDivElement extends HTMLElement {
+    constructor();
+}

package/DOM/HTMLDivElement.js

@@ -0,0 +1,16 @@
+import { HTMLElement } from './HTMLElement';
+import { StackLayout } from '@nativescript/core';
+export class HTMLDivElement extends HTMLElement {
+    constructor() {
+        super('div');
+        const div = arguments[0];
+        // using StackLayout for now
+        if (!(div instanceof StackLayout)) {
+            this.nativeElement = new StackLayout();
+        }
+        else {
+            this.nativeElement = arguments[0];
+        }
+    }
+}
+//# sourceMappingURL=HTMLDivElement.js.map

package/DOM/HTMLDivElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLDivElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLDivElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,OAAO,cAAe,SAAQ,WAAW;IAC9C;QACC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QAEzB,4BAA4B;QAC5B,IAAI,CAAC,CAAC,GAAG,YAAY,WAAW,CAAC,EAAE;YAClC,IAAI,CAAC,aAAa,GAAG,IAAI,WAAW,EAAE,CAAC;SACvC;aAAM;YACN,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;SAClC;IACF,CAAC;CACD"}