@nativescript/canvas-polyfill 2.0.0-beta.18 → 2.0.0-beta.19

package/DOM/svg/SVGElement.js

@@ -1,5 +1,6 @@
 import { Element } from '../Element';
 import { SVGTransformList } from './SVGTransform';
+import { SVGAnimatedString } from './SVGAnimatedString';
 function parseViewBox(value) {
     if (typeof value === 'string') {
         const vb = value.split(' ');
@@ -42,9 +43,10 @@ function parseTransform(value) {
     }
 }
 export class SVGElement extends Element {
-    //__internalElement: Svg;
     constructor(tagName) {
         super(tagName ?? '');
+        //__internalElement: Svg;
+        this._className = new SVGAnimatedString(this);
     }
     get nativeValue() {
         return this.nativeElement;
@@ -58,14 +60,15 @@ export class SVGElement extends Element {
         }
         return null;
     }
-    get viewBox() {
-        const viewBox = (this._xmlDom?.documentElement ?? this._xmlDom)?.getAttribute?.('viewBox');
-        return parseViewBox(viewBox);
-    }
     get transform() {
         const transform = (this._xmlDom?.documentElement ?? this._xmlDom)?.getAttribute?.('transform');
         return parseTransform(transform);
     }
+    // @ts-ignore
+    get className() {
+        return this._className;
+    }
+    set className(value) { }
     appendChild(view) {
         if (view?.nativeElement?._dom) {
             this.nativeValue?._dom?.documentElement?.appendChild?.(view.nativeElement._dom);
@@ -84,20 +87,25 @@ export class SVGElement extends Element {
     }
     removeChild(view) { }
     setAttribute(key, value) {
-        super.setAttribute(key, value);
-        if (this.nativeElement) {
-            this.nativeValue._dom.documentElement.setAttribute(key, value);
+        const dom = this._xmlDom?.documentElement ?? this._xmlDom;
+        if (dom) {
+            dom.setAttribute?.(key, value);
+        }
+        else {
+            super.setAttribute(key, value);
         }
     }
     getAttribute(key) {
-        if (this.nativeElement) {
-            return this.nativeValue._dom.documentElement.getAttribute(key) ?? super.getAttribute(key);
+        const dom = this._xmlDom?.documentElement ?? this._xmlDom;
+        if (dom) {
+            return dom.getAttribute?.(key);
         }
         return super.getAttribute(key);
     }
     removeAttribute(key) {
-        if (this.nativeElement) {
-            this.nativeValue._dom.documentElement.removeAttribute(key);
+        const dom = this._xmlDom?.documentElement ?? this._xmlDom;
+        if (dom) {
+            return dom.removeAttribute?.(key);
         }
     }
 }

package/DOM/svg/SVGElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SVGElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,SAAS,YAAY,CAAC,KAAa;IAClC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC9B,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC5B,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QACjD,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE;YACnB,MAAM,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAChC,MAAM,MAAM,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACjC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;aACX;YAED,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;aACX;YAED,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;gBACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;aACnB;YAED,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;gBAClB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;aACrB;SACD;QACD,OAAO;YACN,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;SACb,CAAC;KACF;IACD,OAAO,IAAI,CAAC;AACb,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC9B,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC5B,MAAM,IAAI,GAAG,IAAI,gBAAgB,EAAE,CAAC;QACpC,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE;SACnB;QACD,OAAO;YACN,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;SACb,CAAC;KACF;AACF,CAAC;AAED,MAAM,OAAO,UAAW,SAAQ,OAAO;IAKtC,YAAY,OAAe;QAC1B,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QALtB,yBAAyB;QAEjB,eAAU,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAIjD,CAAC;IAED,IAAY,WAAW;QACtB,OAAO,IAAI,CAAC,aAAsB,CAAC;IACpC,CAAC;IAED,IAAI,OAAO;QACV,IAAU,IAAK,CAAC,UAAU,EAAE;YAC3B,OAAa,IAAK,CAAC,UAAU,CAAC;SAC9B;QACD,IAAI,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,SAAS;QACZ,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC,WAAW,CAAC,CAAC;QAC/F,OAAO,cAAc,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAED,aAAa;IACb,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,IAAI,SAAS,CAAC,KAAc,IAAG,CAAC;IAEhC,WAAW,CAAC,IAAI;QACf,IAAI,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE;YAC9B,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC1E,IAAI,CAAC,WAAY,CAAC,QAAQ,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC;SACZ;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,YAAY,CAAC,IAAI;QAChB,0BAA0B;QAC1B,0BAA0B;QAC1B,gBAAgB;QAChB,iHAAiH;QACjH,aAAa;QACb,IAAI;IACL,CAAC;IAED,WAAW,CAAC,IAAI,IAAG,CAAC;IAEpB,YAAY,CAAC,GAAG,EAAE,KAAK;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC;QAC1D,IAAI,GAAG,EAAE;YACR,GAAG,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SAC/B;aAAM;YACN,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SAC/B;IACF,CAAC;IAED,YAAY,CAAC,GAAG;QACf,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC;QAC1D,IAAI,GAAG,EAAE;YACR,OAAO,GAAG,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC;SAC/B;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;IAED,eAAe,CAAC,GAAG;QAClB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC;QAC1D,IAAI,GAAG,EAAE;YACR,OAAO,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;SAClC;IACF,CAAC;CACD"}

package/DOM/svg/SVGEllipseElement.d.ts

@@ -1,4 +1,13 @@
 import { SVGGeometryElement } from './SVGGeometryElement';
+import { SVGAnimatedLength } from './SVGAnimatedLength';
 export declare class SVGEllipseElement extends SVGGeometryElement {
+    private _cx;
+    private _cy;
+    private _rx;
+    private _ry;
     constructor();
+    get cx(): SVGAnimatedLength;
+    get cy(): SVGAnimatedLength;
+    get rx(): SVGAnimatedLength;
+    get ry(): SVGAnimatedLength;
 }

package/DOM/svg/SVGEllipseElement.js

@@ -1,9 +1,26 @@
 import { SVGGeometryElement } from './SVGGeometryElement';
 import { Ellipse } from '@nativescript/canvas-svg';
+import { SVGAnimatedLength } from './SVGAnimatedLength';
 export class SVGEllipseElement extends SVGGeometryElement {
     constructor() {
         super('ellipse');
+        this._cx = new SVGAnimatedLength(this, 'cx');
+        this._cy = new SVGAnimatedLength(this, 'cy');
+        this._rx = new SVGAnimatedLength(this, 'rx');
+        this._ry = new SVGAnimatedLength(this, 'ry');
         this.nativeElement = new Ellipse();
     }
+    get cx() {
+        return this._cx;
+    }
+    get cy() {
+        return this._cy;
+    }
+    get rx() {
+        return this._rx;
+    }
+    get ry() {
+        return this._ry;
+    }
 }
 //# sourceMappingURL=SVGEllipseElement.js.map

package/DOM/svg/SVGEllipseElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGEllipseElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGEllipseElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,OAAO,iBAAkB,SAAQ,kBAAkB;IACxD;QACC,KAAK,CAAC,SAAS,CAAC,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IACpC,CAAC;CACD"}
+{"version":3,"file":"SVGEllipseElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGEllipseElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,MAAM,OAAO,iBAAkB,SAAQ,kBAAkB;IAKxD;QACC,KAAK,CAAC,SAAS,CAAC,CAAC;QALV,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxC,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxC,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxC,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAG/C,IAAI,CAAC,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IACpC,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;CACD"}

package/DOM/svg/SVGLineElement.d.ts

@@ -1,8 +1,13 @@
+import { SVGAnimatedLength } from './SVGAnimatedLength';
 import { SVGGeometryElement } from './SVGGeometryElement';
 export declare class SVGLineElement extends SVGGeometryElement {
+    _x1: SVGAnimatedLength;
+    _y1: SVGAnimatedLength;
+    _x2: SVGAnimatedLength;
+    _y2: SVGAnimatedLength;
     constructor();
-    get x1(): import("./SVGAnimatedLength").SVGAnimatedLength;
-    get y1(): import("./SVGAnimatedLength").SVGAnimatedLength;
-    get x2(): import("./SVGAnimatedLength").SVGAnimatedLength;
-    get y2(): import("./SVGAnimatedLength").SVGAnimatedLength;
+    get x1(): SVGAnimatedLength;
+    get y1(): SVGAnimatedLength;
+    get x2(): SVGAnimatedLength;
+    get y2(): SVGAnimatedLength;
 }

package/DOM/svg/SVGLineElement.js

@@ -1,38 +1,26 @@
-import { SVGAnimatedLengthEmpty } from './SVGAnimatedLength';
+import { SVGAnimatedLength } from './SVGAnimatedLength';
 import { SVGGeometryElement } from './SVGGeometryElement';
 import { Line } from '@nativescript/canvas-svg';
 export class SVGLineElement extends SVGGeometryElement {
     constructor() {
         super('line');
+        this._x1 = new SVGAnimatedLength(this, 'x1');
+        this._y1 = new SVGAnimatedLength(this, 'y1');
+        this._x2 = new SVGAnimatedLength(this, 'x2');
+        this._y2 = new SVGAnimatedLength(this, 'y2');
         this.nativeElement = new Line();
     }
     get x1() {
-        const x1 = this.getAttribute('x1');
-        if (!x1) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._x1;
     }
     get y1() {
-        const y1 = this.getAttribute('y1');
-        if (!y1) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._y1;
     }
     get x2() {
-        const x2 = this.getAttribute('x2');
-        if (!x2) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._x2;
     }
     get y2() {
-        const y2 = this.getAttribute('y2');
-        if (!y2) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._y2;
     }
 }
 //# sourceMappingURL=SVGLineElement.js.map

package/DOM/svg/SVGLineElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGLineElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGLineElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IACrD;QACC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,IAAI,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,EAAE;YACR,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,EAAE;YACR,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,EAAE;YACR,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,EAAE;YACR,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CACD"}
+{"version":3,"file":"SVGLineElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGLineElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IAKrD;QACC,KAAK,CAAC,MAAM,CAAC,CAAC;QALf,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxC,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxC,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxC,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAGvC,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;CACD"}

package/DOM/svg/SVGMaskElement.js

@@ -2,7 +2,6 @@ import { SVGElement } from './SVGElement';
 export class SVGMaskElement extends SVGElement {
     get children() {
         const children = (this._xmlDom?.documentElement ?? this._xmlDom)?.children;
-        console.log('SVGMaskElement', children, this._xmlDom, this._nativeElement, this.tagName, this.nodeName);
         return children;
     }
 }

package/DOM/svg/SVGMaskElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGMaskElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGMaskElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC7C,IAAI,QAAQ;QACX,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC;QAC3E,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxG,OAAO,QAAQ,CAAC;IACjB,CAAC;CACD"}
+{"version":3,"file":"SVGMaskElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGMaskElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC7C,IAAI,QAAQ;QACX,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC;QAC3E,OAAO,QAAQ,CAAC;IACjB,CAAC;CACD"}

package/DOM/svg/SVGMatrix.d.ts

@@ -0,0 +1,21 @@
+import { DOMMatrix } from '@nativescript/canvas';
+export declare class SVGMatrix {
+    _matrix: DOMMatrix;
+    get a(): number;
+    set a(value: number);
+    get b(): number;
+    set b(value: number);
+    get c(): number;
+    set c(value: number);
+    get d(): number;
+    set d(value: number);
+    get e(): number;
+    set e(value: number);
+    get f(): number;
+    set f(value: number);
+    rotate(rotX?: number, rotY?: number, rotZ?: number): SVGMatrix;
+    scale(scaleX?: number, scaleY?: number, scaleZ?: number, originX?: number, originY?: number, originZ?: number): SVGMatrix;
+    scaleNonUniform(scaleX?: number, scaleY?: number): SVGMatrix;
+    skewX(sx?: number): SVGMatrix;
+    skewY(sy?: number): SVGMatrix;
+}

package/DOM/svg/SVGMatrix.js

@@ -0,0 +1,68 @@
+import { DOMMatrix } from '@nativescript/canvas';
+export class SVGMatrix {
+    constructor() {
+        this._matrix = new DOMMatrix();
+    }
+    get a() {
+        return this._matrix.a;
+    }
+    set a(value) {
+        this._matrix.a = value;
+    }
+    get b() {
+        return this._matrix.b;
+    }
+    set b(value) {
+        this._matrix.b = value;
+    }
+    get c() {
+        return this._matrix.c;
+    }
+    set c(value) {
+        this._matrix.c = value;
+    }
+    get d() {
+        return this._matrix.d;
+    }
+    set d(value) {
+        this._matrix.d = value;
+    }
+    get e() {
+        return this._matrix.e;
+    }
+    set e(value) {
+        this._matrix.e = value;
+    }
+    get f() {
+        return this._matrix.f;
+    }
+    set f(value) {
+        this._matrix.f = value;
+    }
+    rotate(rotX, rotY, rotZ) {
+        const ret = new SVGMatrix();
+        ret._matrix = this._matrix.rotate(rotX, rotY, rotZ);
+        return ret;
+    }
+    scale(scaleX, scaleY, scaleZ, originX, originY, originZ) {
+        const ret = new SVGMatrix();
+        ret._matrix = this._matrix.scale(scaleX, scaleY);
+        return ret;
+    }
+    scaleNonUniform(scaleX, scaleY) {
+        const ret = new SVGMatrix();
+        ret._matrix = this._matrix.scaleNonUniform(scaleX, scaleY);
+        return ret;
+    }
+    skewX(sx) {
+        const ret = new SVGMatrix();
+        ret._matrix = this._matrix.skewX(sx);
+        return ret;
+    }
+    skewY(sy) {
+        const ret = new SVGMatrix();
+        ret._matrix = this._matrix.skewY(sy);
+        return ret;
+    }
+}
+//# sourceMappingURL=SVGMatrix.js.map

package/DOM/svg/SVGMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGMatrix.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGMatrix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,MAAM,OAAO,SAAS;IAAtB;QACC,YAAO,GAAG,IAAI,SAAS,EAAE,CAAC;IA8E3B,CAAC;IA5EA,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,IAAI,CAAC,CAAC,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,IAAI,CAAC,CAAC,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,IAAI,CAAC,CAAC,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,IAAI,CAAC,CAAC,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,IAAI,CAAC,CAAC,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,IAAI,CAAC,CAAC,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,IAAa,EAAE,IAAa,EAAE,IAAa;QACjD,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC;QAC5B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,KAAK,CAAC,MAAe,EAAE,MAAe,EAAE,MAAe,EAAE,OAAgB,EAAE,OAAgB,EAAE,OAAgB;QAC5G,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC;QAC5B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjD,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,eAAe,CAAC,MAAe,EAAE,MAAe;QAC/C,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC;QAC5B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3D,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,KAAK,CAAC,EAAW;QAChB,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC;QAC5B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACrC,OAAO,GAAG,CAAC;IACZ,CAAC;IACD,KAAK,CAAC,EAAW;QAChB,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC;QAC5B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACrC,OAAO,GAAG,CAAC;IACZ,CAAC;CACD"}

package/DOM/svg/SVGPolygonElement.d.ts

@@ -1,4 +1,9 @@
 import { SVGGeometryElement } from './SVGGeometryElement';
+import { SVGPointList } from './SVGUnits';
 export declare class SVGPolygonElement extends SVGGeometryElement {
     constructor();
+    _points: SVGPointList;
+    _animatedPoints: SVGPointList;
+    get points(): SVGPointList;
+    get animatedPoints(): SVGPointList;
 }

package/DOM/svg/SVGPolygonElement.js

@@ -1,9 +1,23 @@
 import { SVGGeometryElement } from './SVGGeometryElement';
 import { Polygon } from '@nativescript/canvas-svg';
+import { SVGPointList } from './SVGUnits';
 export class SVGPolygonElement extends SVGGeometryElement {
     constructor() {
         super('polygon');
+        this._points = new SVGPointList();
+        this._animatedPoints = new SVGPointList();
         this.nativeElement = new Polygon();
     }
+    get points() {
+        const points = (this._xmlDom?.documentElement ?? this._xmlDom)?.getAttribute?.('points');
+        if (points) {
+            const items = SVGPointList.fromString(points);
+            this._points.splice(0, this._points.length, ...items);
+        }
+        return this._points;
+    }
+    get animatedPoints() {
+        return this._animatedPoints;
+    }
 }
 //# sourceMappingURL=SVGPolygonElement.js.map

package/DOM/svg/SVGPolygonElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGPolygonElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGPolygonElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,OAAO,iBAAkB,SAAQ,kBAAkB;IACxD;QACC,KAAK,CAAC,SAAS,CAAC,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IACpC,CAAC;CACD"}
+{"version":3,"file":"SVGPolygonElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGPolygonElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,MAAM,OAAO,iBAAkB,SAAQ,kBAAkB;IACxD;QACC,KAAK,CAAC,SAAS,CAAC,CAAC;QAIlB,YAAO,GAAG,IAAI,YAAY,EAAE,CAAC;QAE7B,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QALpC,IAAI,CAAC,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IACpC,CAAC;IAMD,IAAI,MAAM;QACT,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC,QAAQ,CAAC,CAAC;QAEzF,IAAI,MAAM,EAAE;YACX,MAAM,KAAK,GAAG,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC9C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC;SACtD;QAED,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC7B,CAAC;CACD"}

package/DOM/svg/SVGPolylineElement.d.ts

@@ -1,4 +1,9 @@
 import { SVGGeometryElement } from './SVGGeometryElement';
+import { SVGPointList } from './SVGUnits';
 export declare class SVGPolylineElement extends SVGGeometryElement {
     constructor();
+    _points: SVGPointList;
+    _animatedPoints: SVGPointList;
+    get points(): SVGPointList;
+    get animatedPoints(): SVGPointList;
 }

package/DOM/svg/SVGPolylineElement.js

@@ -1,9 +1,23 @@
 import { SVGGeometryElement } from './SVGGeometryElement';
 import { Polyline } from '@nativescript/canvas-svg';
+import { SVGPointList } from './SVGUnits';
 export class SVGPolylineElement extends SVGGeometryElement {
     constructor() {
         super('polyline');
+        this._points = new SVGPointList();
+        this._animatedPoints = new SVGPointList();
         this.nativeElement = new Polyline();
     }
+    get points() {
+        const points = (this._xmlDom?.documentElement ?? this._xmlDom)?.getAttribute?.('points');
+        if (points) {
+            const items = SVGPointList.fromString(points);
+            this._points.splice(0, this._points.length, ...items);
+        }
+        return this._points;
+    }
+    get animatedPoints() {
+        return this._animatedPoints;
+    }
 }
 //# sourceMappingURL=SVGPolylineElement.js.map

package/DOM/svg/SVGPolylineElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGPolylineElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGPolylineElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,OAAO,kBAAmB,SAAQ,kBAAkB;IACzD;QACC,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,aAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;IACrC,CAAC;CACD"}
+{"version":3,"file":"SVGPolylineElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGPolylineElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,MAAM,OAAO,kBAAmB,SAAQ,kBAAkB;IACzD;QACC,KAAK,CAAC,UAAU,CAAC,CAAC;QAInB,YAAO,GAAG,IAAI,YAAY,EAAE,CAAC;QAE7B,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QALpC,IAAI,CAAC,aAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;IACrC,CAAC;IAMD,IAAI,MAAM;QACT,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC,QAAQ,CAAC,CAAC;QAEzF,IAAI,MAAM,EAAE;YACX,MAAM,KAAK,GAAG,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC9C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC;SACtD;QAED,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC7B,CAAC;CACD"}

package/DOM/svg/SVGRectElement.d.ts

@@ -1,10 +1,17 @@
 import { SVGGeometryElement } from './SVGGeometryElement';
+import { SVGAnimatedLength } from './SVGAnimatedLength';
 export declare class SVGRectElement extends SVGGeometryElement {
+    _x: SVGAnimatedLength;
+    _y: SVGAnimatedLength;
+    _width: SVGAnimatedLength;
+    _height: SVGAnimatedLength;
+    _rx: SVGAnimatedLength;
+    _ry: SVGAnimatedLength;
     constructor();
-    get x(): import("./SVGAnimatedLength").SVGAnimatedLength;
-    get y(): import("./SVGAnimatedLength").SVGAnimatedLength;
-    get width(): import("./SVGAnimatedLength").SVGAnimatedLength;
-    get height(): import("./SVGAnimatedLength").SVGAnimatedLength;
-    get rx(): import("./SVGAnimatedLength").SVGAnimatedLength;
-    get ry(): import("./SVGAnimatedLength").SVGAnimatedLength;
+    get x(): SVGAnimatedLength;
+    get y(): SVGAnimatedLength;
+    get width(): SVGAnimatedLength;
+    get height(): SVGAnimatedLength;
+    get rx(): SVGAnimatedLength;
+    get ry(): SVGAnimatedLength;
 }

package/DOM/svg/SVGRectElement.js

@@ -1,54 +1,38 @@
-import { SVGAnimatedLengthEmpty } from './SVGAnimatedLength';
 import { SVGGeometryElement } from './SVGGeometryElement';
 import { Rect } from '@nativescript/canvas-svg';
+import { SVGAnimatedLength } from './SVGAnimatedLength';
 export class SVGRectElement extends SVGGeometryElement {
     constructor() {
         super('rect');
+        this._x = new SVGAnimatedLength(this, 'x');
+        this._y = new SVGAnimatedLength(this, 'y');
+        // @ts-ignore
+        this._width = new SVGAnimatedLength(this, 'width');
+        // @ts-ignore
+        this._height = new SVGAnimatedLength(this, 'height');
+        this._rx = new SVGAnimatedLength(this, 'rx');
+        this._ry = new SVGAnimatedLength(this, 'ry');
         this.nativeElement = new Rect();
     }
     get x() {
-        const x = this.getAttribute('x');
-        if (!x) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._x;
     }
     get y() {
-        const y = this.getAttribute('y');
-        if (!y) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._y;
     }
     // @ts-ignore
     get width() {
-        const width = this.getAttribute('width');
-        if (!width) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._width;
     }
     // @ts-ignore
     get height() {
-        const height = this.getAttribute('height');
-        if (!height) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._height;
     }
     get rx() {
-        const rx = this.getAttribute('rx');
-        if (!rx) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._rx;
     }
     get ry() {
-        const ry = this.getAttribute('ry');
-        if (!ry) {
-            return SVGAnimatedLengthEmpty;
-        }
-        return null;
+        return this._rx;
     }
 }
 //# sourceMappingURL=SVGRectElement.js.map

package/DOM/svg/SVGRectElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGRectElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGRectElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IACrD;QACC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,IAAI,CAAC;QACJ,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,CAAC,EAAE;YACP,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,CAAC;QACJ,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,CAAC,EAAE;YACP,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,aAAa;IACb,IAAI,KAAK;QACR,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,EAAE;YACX,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,aAAa;IACb,IAAI,MAAM;QACT,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,EAAE;YACZ,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,EAAE;YACR,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,EAAE;YACR,OAAO,sBAAsB,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CACD"}
+{"version":3,"file":"SVGRectElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGRectElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IAUrD;QACC,KAAK,CAAC,MAAM,CAAC,CAAC;QAVf,OAAE,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACtC,OAAE,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACtC,aAAa;QACb,WAAM,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC9C,aAAa;QACb,YAAO,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAChD,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACxC,QAAG,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAIvC,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,EAAE,CAAC;IAChB,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,EAAE,CAAC;IAChB,CAAC;IAED,aAAa;IACb,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,aAAa;IACb,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;CACD"}

package/DOM/svg/SVGSVGElement.d.ts

@@ -1,3 +1,28 @@
 import { SVGGraphicsElement } from './SVGGraphicsElement';
+import { SVGAnimatedLength, SVGLength } from './SVGAnimatedLength';
+import { SVGPoint, SVGAngle, SVGRect } from './SVGUnits';
+import { SVGMatrix } from './SVGMatrix';
+import { SVGTransform } from './SVGTransform';
+import { SVGAnimatedRect } from './SVGAnimatedRect';
 export declare class SVGSVGElement extends SVGGraphicsElement {
+    private _x;
+    private _y;
+    private _width;
+    private _height;
+    private _viewBox;
+    get viewBox(): SVGAnimatedRect;
+    get x(): SVGAnimatedLength;
+    get y(): SVGAnimatedLength;
+    get width(): unknown;
+    set width(value: unknown);
+    get height(): unknown;
+    set height(value: unknown);
+    createSVGPoint(): SVGPoint;
+    createSVGAngle(): SVGAngle;
+    createSVGLength(): SVGLength;
+    createSVGMatrix(): SVGMatrix;
+    createSVGNumber(): SVGNumber;
+    createSVGRect(): SVGRect;
+    createSVGTransform(): SVGTransform;
+    createSVGTransformFromMatrix(matrix: DOMMatrix | SVGMatrix): SVGTransform;
 }

package/DOM/svg/SVGSVGElement.js

@@ -1,4 +1,73 @@
 import { SVGGraphicsElement } from './SVGGraphicsElement';
+import { SVGAnimatedLength, SVGLength } from './SVGAnimatedLength';
+import { SVGPoint, SVGAngle, SVGRect } from './SVGUnits';
+import { SVGMatrix } from './SVGMatrix';
+import { SVGTransform } from './SVGTransform';
+import { SVGAnimatedRect } from './SVGAnimatedRect';
 export class SVGSVGElement extends SVGGraphicsElement {
+    constructor() {
+        super(...arguments);
+        this._x = new SVGAnimatedLength(this, 'x');
+        this._y = new SVGAnimatedLength(this, 'y');
+        // @ts-ignore
+        this._width = new SVGAnimatedLength(this, 'width');
+        // @ts-ignore
+        this._height = new SVGAnimatedLength(this, 'height');
+        this._viewBox = new SVGAnimatedRect(this, 'viewBox');
+    }
+    get viewBox() {
+        return this._viewBox;
+    }
+    get x() {
+        return this._x;
+    }
+    get y() {
+        return this._y;
+    }
+    // @ts-ignore
+    get width() {
+        return this._width;
+    }
+    // @ts-ignore
+    set width(value) {
+        // noop ??
+    }
+    // @ts-ignore
+    get height() {
+        return this._height;
+    }
+    // @ts-ignore
+    set height(value) { }
+    createSVGPoint() {
+        return new SVGPoint();
+    }
+    createSVGAngle() {
+        return new SVGAngle();
+    }
+    createSVGLength() {
+        return new SVGLength();
+    }
+    createSVGMatrix() {
+        return new SVGMatrix();
+    }
+    createSVGNumber() {
+        return new SVGNumber();
+    }
+    createSVGRect() {
+        return new SVGRect();
+    }
+    createSVGTransform() {
+        return new SVGTransform();
+    }
+    createSVGTransformFromMatrix(matrix) {
+        const ret = new SVGTransform();
+        if (matrix instanceof DOMMatrix) {
+            ret._matrix = matrix.nativeInstance.clone();
+        }
+        else if (matrix instanceof SVGMatrix) {
+            ret._matrix = matrix._matrix.clone();
+        }
+        return ret;
+    }
 }
 //# sourceMappingURL=SVGSVGElement.js.map

package/DOM/svg/SVGSVGElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SVGSVGElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGSVGElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,OAAO,aAAc,SAAQ,kBAAkB;CAEpD"}
+{"version":3,"file":"SVGSVGElement.js","sourceRoot":"","sources":["../../../../../packages/canvas-polyfill/DOM/svg/SVGSVGElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,MAAM,OAAO,aAAc,SAAQ,kBAAkB;IAArD;;QACS,OAAE,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACtC,OAAE,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC9C,aAAa;QACL,WAAM,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACtD,aAAa;QACL,YAAO,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAEhD,aAAQ,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAmEzD,CAAC;IAjEA,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,EAAE,CAAC;IAChB,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,IAAI,CAAC,EAAE,CAAC;IAChB,CAAC;IAED,aAAa;IACb,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,aAAa;IACb,IAAI,KAAK,CAAC,KAAc;QACvB,UAAU;IACX,CAAC;IAED,aAAa;IACb,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,aAAa;IACb,IAAI,MAAM,CAAC,KAAc,IAAG,CAAC;IAE7B,cAAc;QACb,OAAO,IAAI,QAAQ,EAAE,CAAC;IACvB,CAAC;IAED,cAAc;QACb,OAAO,IAAI,QAAQ,EAAE,CAAC;IACvB,CAAC;IAED,eAAe;QACd,OAAO,IAAI,SAAS,EAAE,CAAC;IACxB,CAAC;IAED,eAAe;QACd,OAAO,IAAI,SAAS,EAAE,CAAC;IACxB,CAAC;IAED,eAAe;QACd,OAAO,IAAI,SAAS,EAAE,CAAC;IACxB,CAAC;IAED,aAAa;QACZ,OAAO,IAAI,OAAO,EAAE,CAAC;IACtB,CAAC;IACD,kBAAkB;QACjB,OAAO,IAAI,YAAY,EAAE,CAAC;IAC3B,CAAC;IACD,4BAA4B,CAAC,MAA6B;QACzD,MAAM,GAAG,GAAG,IAAI,YAAY,EAAE,CAAC;QAC/B,IAAI,MAAM,YAAY,SAAS,EAAE;YAChC,GAAG,CAAC,OAAO,GAAS,MAAO,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;SACnD;aAAM,IAAI,MAAM,YAAY,SAAS,EAAE;YACvC,GAAG,CAAC,OAAO,GAAS,MAAM,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;SAC5C;QACD,OAAO,GAAG,CAAC;IACZ,CAAC;CACD"}