@nativescript/canvas-polyfill 2.0.0-beta.8 → 2.0.0-webgpu.0

package/DOM/Element.js

@@ -1,19 +1,138 @@
 import { Node } from './Node';
+import setValue from 'set-value';
+import querySelector from 'query-selector';
+import { HTMLCollection } from './HTMLCollection';
+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 function parseChildren(element, children) {
+    if (element) {
+        const length = element?.childNodes?.length ?? 0;
+        for (let i = 0; i < length; i++) {
+            const node = element.childNodes.item(i);
+            if (node) {
+                switch (node.nodeName) {
+                    case 'image': {
+                        const image = new SVGImageElement();
+                        image.nativeElement.__domElement = node;
+                        children.push(image);
+                    }
+                    case 'line':
+                        {
+                            const line = new SVGLineElement();
+                            line.nativeElement.__domElement = node;
+                            children.push(line);
+                        }
+                        break;
+                    case 'polyline':
+                        {
+                            const polyline = new SVGPolylineElement();
+                            polyline.nativeElement.__domElement = node;
+                            children.push(polyline);
+                        }
+                        break;
+                    case 'polygon':
+                        {
+                            const polygon = new SVGPolygonElement();
+                            polygon.nativeElement.__domElement = node;
+                            children.push(polygon);
+                        }
+                        break;
+                    case 'g':
+                        {
+                            const g = new SVGGElement();
+                            g.nativeElement.__domElement = node;
+                            children.push(g);
+                        }
+                        break;
+                    case 'path':
+                        {
+                            const path = new SVGPathElement();
+                            path.nativeElement.__domElement = node;
+                            children.push(path);
+                        }
+                        break;
+                    case 'rect':
+                        {
+                            const rect = new SVGRectElement();
+                            rect.nativeElement.__domElement = node;
+                            children.push(rect);
+                        }
+                        break;
+                    case 'stop':
+                        {
+                            const stop = new SVGStopElement();
+                            stop.nativeElement.__domElement = node;
+                            children.push(stop);
+                        }
+                        break;
+                    case 'use':
+                        {
+                            const use = new SVGUseElement();
+                            use.nativeElement.__domElement = node;
+                            children.push(use);
+                        }
+                        break;
+                    default:
+                        //	ret.push(node);
+                        break;
+                }
+            }
+        }
+    }
+}
 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();
+        this._id = '';
+        this._children = new HTMLCollection();
+        this._namespaceURI = null;
+    }
+    get namespaceURI() {
+        return this._namespaceURI;
+    }
+    set id(value) {
+        this._id = value;
+        setValue(this.nativeElement, 'id', value);
+        setValue(this.nativeElement?.__domElement, 'id', value);
+    }
+    get id() {
+        return this._id;
+    }
+    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;
@@ -21,19 +140,107 @@ export class Element extends Node {
     get tagName() {
         return this.nodeName;
     }
+    get children() {
+        if (this._children.length) {
+            return this._children;
+        }
+        if (this.ownerDocument?.nodeName === '#document' && this.ownerDocument?.body?.nodeName?.toLowerCase?.() === 'html') {
+            this._children.push(document.documentElement);
+            this._children.push(document.head);
+            this._children.push(document.body);
+        }
+        const element = this.nativeElement?.__domElement;
+        if (element) {
+            parseChildren(element, this._children);
+            return this._children;
+        }
+        return [];
+    }
     getAttribute(key) {
-        return this._instance?.getAttribute?.(key) ?? null;
+        if (this.nativeElement) {
+            return this.nativeElement[key] ?? null;
+        }
+        return this._attrs.get(key) ?? null;
     }
     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);
+                this.nativeElement?.__domElement?.setAttribute(key, value);
+            }
+        }
+        else {
+            if (!this._attributeOriginalValue.has(key)) {
+                this._attributeOriginalValue.set(key, this._attrs.get(key));
+                setValue(this._attrs, key, value);
+            }
+        }
     }
-    removeAttribute(key, value) {
-        console.log(this.className, 'removeAttribute', key, value);
+    removeAttribute(key) {
+        const originalValue = this._attributeOriginalValue.get(key);
+        this._attributeOriginalValue.delete(key);
+        if (this.nativeElement) {
+            setValue(this.nativeElement, key, originalValue);
+            this.nativeElement?.__domElement?.removeAttribute(key);
+        }
+        else {
+            setValue(this._attrs, key, originalValue);
+        }
     }
     setAttributeNS() { }
     removeAttributeNS() { }
+    querySelector(selector) {
+        const context = this._xmlDom?.documentElement ?? this._xmlDom;
+        const selection = querySelector(selector, context);
+        if (Array.isArray(selection)) {
+            const item = selection[0];
+            if (item) {
+                switch (item.nodeName) {
+                    case 'linearGradient': {
+                        const ret = new SVGLinearGradientElement();
+                        ret.__instance = item;
+                        return ret;
+                    }
+                }
+            }
+        }
+        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,
+        };
+    }
     get attributes() {
-        return this._instance?.attributes ?? [];
+        if (this.nativeElement) {
+            return this.nativeElement.__domElement?.attributes;
+        }
+        return [];
     }
     get clientWidth() {
         return this.innerWidth;
@@ -48,25 +255,51 @@ export class Element extends Node {
         return this.innerHeight;
     }
     get innerWidth() {
-        return this.width;
+        if (this.nativeElement) {
+            return this.nativeElement['width'];
+        }
+        return this['width'];
     }
     get innerHeight() {
-        return this.height;
+        if (this.nativeElement) {
+            return this.nativeElement['height'];
+        }
+        return this['height'];
     }
+    /*
+
     get width() {
+        if (this.nativeElement) {
+            return this.nativeElement['width'] as never;
+        }
         return this._width;
     }
-    set width(value) {
+
+    set width(value: number) {
         this._width = value;
+        if (this.nativeElement) {
+            setValue(this.nativeElement, 'width', value);
+        }
     }
+
     get height() {
+        if (this.nativeElement) {
+            return this.nativeElement['height'] as never;
+        }
         return this._height;
     }
-    set height(value) {
+
+    set height(value: number) {
         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,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5D,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":"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"}

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, this);
+        }
+    }
+    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: emitter });
+        }
+    }
+}
+//# 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,CAAC,KAAa,EAAE,OAAY,EAAE,UAAmC,EAAE;QAClF,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,EAAE,IAAI,CAAC,CAAC;SAC/C;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,OAAO,EAAE,CAAC,CAAC;SACrE;IACF,CAAC;CACD"}

package/DOM/HTMLCanvasElement.d.ts

@@ -1,13 +1,15 @@
-import { Element } from './Element';
-export declare class HTMLCanvasElement extends Element {
+import { HTMLElement } from './HTMLElement';
+export declare class HTMLCanvasElement extends HTMLElement {
     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;
-    setPointerCapture(id: any): void;
-    releasePointerCapture(id: any): void;
-    getBoundingClientRect(): any;
+    get _canvas(): import("@nativescript/core").View & {
+        __domElement?: import("./Element").Element;
+    };
+    set width(value: never);
+    get width(): never;
+    set height(value: never);
+    get height(): never;
+    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,51 +1,54 @@
 import { Canvas } from '@nativescript/canvas';
-import { Element } from './Element';
-export class HTMLCanvasElement extends Element {
+import { HTMLElement } from './HTMLElement';
+import setValue from 'set-value';
+import { DOMParser } from '@xmldom/xmldom';
+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();
         }
+        if (!this.nativeElement.__domElement) {
+            this.nativeElement.__domElement = new DOMParser().parseFromString('<canvas></canvas>', 'text/html').documentElement;
+        }
+    }
+    get _canvas() {
+        return this.nativeElement;
     }
     set width(value) {
-        // if (global.isIOS) {
-        // 	this._canvas.width = value / Screen.mainScreen.scale;
-        // } else {
-        // 	this._canvas.width = value;
-        // }
-        this._canvas.width = value;
+        setValue(this.nativeElement, 'width', value);
     }
     get width() {
-        return this._canvas.width;
+        return this.nativeElement['width'];
     }
     set height(value) {
-        // if (global.isIOS) {
-        // 	this._canvas.height = value / Screen.mainScreen.scale;
-        // } else {
-        // 	this._canvas.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) { }
     releasePointerCapture(id) { }
-    getBoundingClientRect() {
-        return this._canvas.getBoundingClientRect();
-    }
 }
 //# 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,sBAAsB;QACtB,yDAAyD;QACzD,WAAW;QACX,+BAA+B;QAC/B,IAAI;QACJ,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,sBAAsB;QACtB,0DAA0D;QAC1D,WAAW;QACX,gCAAgC;QAChC,IAAI;QACJ,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;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,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;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE;YACrC,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,eAAwB,CAAC;SAC7H;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,CAAU,CAAC;IAC7C,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,CAAU,CAAC;IAC9C,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,IAAG,CAAC;IAEhC,qBAAqB,CAAC,EAAU,IAAG,CAAC;CACpC"}

package/DOM/HTMLCollection.d.ts

@@ -0,0 +1,4 @@
+export declare class HTMLCollection extends Array {
+    item(index: number): any;
+    namedItem(nameOrId: string): any;
+}

package/DOM/HTMLCollection.js

@@ -0,0 +1,10 @@
+export class HTMLCollection extends Array {
+    item(index) {
+        return this[index];
+    }
+    namedItem(nameOrId) {
+        // todo
+        return null;
+    }
+}
+//# sourceMappingURL=HTMLCollection.js.map

package/DOM/HTMLCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLCollection.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLCollection.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,cAAe,SAAQ,KAAK;IACxC,IAAI,CAAC,KAAa;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,SAAS,CAAC,QAAgB;QACzB,OAAO;QACP,OAAO,IAAI,CAAC;IACb,CAAC;CACD"}

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,19 @@
+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];
+        }
+        if (!this.nativeElement.__domElement) {
+            this.nativeElement.__domElement = new DOMParser().parseFromString('<div></div>', 'text/html').documentElement;
+        }
+    }
+}
+//# 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;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE;YACrC,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,eAAwB,CAAC;SACvH;IACF,CAAC;CACD"}

package/DOM/HTMLElement.d.ts

@@ -0,0 +1,21 @@
+import { Element } from './Element';
+import { ViewBase } from '@nativescript/core';
+export declare class Style {
+    _proxy: any;
+    constructor();
+    _values: Map<any, any>;
+    nativeElement: WeakRef<ViewBase>;
+    setProperty(key: string | symbol, val: unknown): void;
+    getPropertyValue(key: string | symbol): any;
+}
+export declare class HTMLElement extends Element {
+    private _style;
+    constructor(tagName?: string);
+    get style(): Style | import("@nativescript/core").Style;
+    set nativeElement(value: import("@nativescript/core").View & {
+        __domElement?: Element;
+    });
+    get nativeElement(): import("@nativescript/core").View & {
+        __domElement?: Element;
+    };
+}