@nativescript/canvas-polyfill 2.0.0-beta.15 → 2.0.0-beta.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DOM/CharacterData.d.ts +1 -1
- package/DOM/CharacterData.js +1 -1
- package/DOM/CharacterData.js.map +1 -1
- package/DOM/Document.d.ts +16 -10
- package/DOM/Document.js +55 -27
- package/DOM/Document.js.map +1 -1
- package/DOM/Element.d.ts +33 -10
- package/DOM/Element.js +120 -17
- package/DOM/Element.js.map +1 -1
- package/DOM/EventTarget.d.ts +7 -0
- package/DOM/EventTarget.js +51 -0
- package/DOM/EventTarget.js.map +1 -0
- package/DOM/HTMLCanvasElement.d.ts +7 -7
- package/DOM/HTMLCanvasElement.js +28 -17
- package/DOM/HTMLCanvasElement.js.map +1 -1
- package/DOM/HTMLDivElement.d.ts +4 -0
- package/DOM/HTMLDivElement.js +16 -0
- package/DOM/HTMLDivElement.js.map +1 -0
- package/DOM/HTMLElement.d.ts +15 -0
- package/DOM/HTMLElement.js +43 -0
- package/DOM/HTMLElement.js.map +1 -0
- package/DOM/HTMLImageElement.d.ts +4 -4
- package/DOM/HTMLImageElement.js +18 -16
- package/DOM/HTMLImageElement.js.map +1 -1
- package/DOM/HTMLVideoElement.d.ts +2 -4
- package/DOM/HTMLVideoElement.js +5 -9
- package/DOM/HTMLVideoElement.js.map +1 -1
- package/DOM/Node.d.ts +7 -28
- package/DOM/Node.js +10 -129
- package/DOM/Node.js.map +1 -1
- package/DOM/XMLDocument.d.ts +3 -9
- package/DOM/XMLDocument.js +4 -23
- package/DOM/XMLDocument.js.map +1 -1
- package/DOM/svg/SVGCircleElement.d.ts +2 -9
- package/DOM/svg/SVGCircleElement.js +4 -34
- package/DOM/svg/SVGCircleElement.js.map +1 -1
- package/DOM/svg/SVGElement.d.ts +6 -10
- package/DOM/svg/SVGElement.js +30 -44
- package/DOM/svg/SVGElement.js.map +1 -1
- package/DOM/svg/SVGGGElement.d.ts +2 -9
- package/DOM/svg/SVGGGElement.js +4 -35
- package/DOM/svg/SVGGGElement.js.map +1 -1
- package/DOM/svg/SVGPathElement.d.ts +2 -9
- package/DOM/svg/SVGPathElement.js +4 -35
- package/DOM/svg/SVGPathElement.js.map +1 -1
- package/DOM/svg/SVGRectElement.d.ts +2 -9
- package/DOM/svg/SVGRectElement.js +4 -35
- package/DOM/svg/SVGRectElement.js.map +1 -1
- package/async/xhr/TNSXMLHttpRequest.js +18 -4
- package/async/xhr/TNSXMLHttpRequest.js.map +1 -1
- package/package.json +7 -4
- package/window.d.ts +2 -3
- package/window.js +12 -7
- package/window.js.map +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Element } from './Element';
|
|
2
|
+
import { ViewBase } from '@nativescript/core';
|
|
3
|
+
export declare class Style {
|
|
4
|
+
proxy: any;
|
|
5
|
+
constructor();
|
|
6
|
+
_values: Map<any, any>;
|
|
7
|
+
nativeElement: WeakRef<ViewBase>;
|
|
8
|
+
setProperty(key: string | symbol, val: unknown): void;
|
|
9
|
+
getPropertyValue(key: string | symbol): any;
|
|
10
|
+
}
|
|
11
|
+
export declare class HTMLElement extends Element {
|
|
12
|
+
private _style;
|
|
13
|
+
constructor(tagName?: string);
|
|
14
|
+
get style(): Style | import("@nativescript/core").Style;
|
|
15
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Element } from './Element';
|
|
2
|
+
export class Style {
|
|
3
|
+
constructor() {
|
|
4
|
+
const values = new Map();
|
|
5
|
+
this.proxy = new Proxy(this, {
|
|
6
|
+
set(target, prop, value) {
|
|
7
|
+
target.setProperty(prop, value);
|
|
8
|
+
return true;
|
|
9
|
+
},
|
|
10
|
+
get(target, prop, receiver) {
|
|
11
|
+
return target.getPropertyValue(prop);
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
this._values = values;
|
|
15
|
+
}
|
|
16
|
+
setProperty(key, val) {
|
|
17
|
+
this._values.set(key, val);
|
|
18
|
+
// const nativeElement = this.nativeElement?.deref?.();
|
|
19
|
+
// if (nativeElement !== null) {
|
|
20
|
+
// setValue(nativeElement, key, val);
|
|
21
|
+
// }
|
|
22
|
+
}
|
|
23
|
+
getPropertyValue(key) {
|
|
24
|
+
// const nativeElement = this.nativeElement?.deref?.();
|
|
25
|
+
// if (nativeElement !== null) {
|
|
26
|
+
// return nativeElement[key];
|
|
27
|
+
// }
|
|
28
|
+
return this._values.get(key);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
export class HTMLElement extends Element {
|
|
32
|
+
constructor(tagName = '') {
|
|
33
|
+
super(tagName ?? '');
|
|
34
|
+
this._style = new Style();
|
|
35
|
+
}
|
|
36
|
+
get style() {
|
|
37
|
+
if (this.nativeElement) {
|
|
38
|
+
return this.nativeElement.style;
|
|
39
|
+
}
|
|
40
|
+
return this._style;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=HTMLElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HTMLElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,MAAM,OAAO,KAAK;IAGjB;QACC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE;YAC5B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK;gBACtB,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAChC,OAAO,IAAI,CAAC;YACb,CAAC;YACD,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ;gBACzB,OAAO,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;SACD,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACvB,CAAC;IAKD,WAAW,CAAC,GAAoB,EAAE,GAAY;QAC7C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC3B,uDAAuD;QACvD,gCAAgC;QAChC,sCAAsC;QACtC,IAAI;IACL,CAAC;IAED,gBAAgB,CAAC,GAAoB;QACpC,uDAAuD;QACvD,gCAAgC;QAChC,8BAA8B;QAC9B,IAAI;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;CACD;AAED,MAAM,OAAO,WAAY,SAAQ,OAAO;IAIvC,YAAY,UAAkB,EAAE;QAC/B,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAHd,WAAM,GAAG,IAAI,KAAK,EAAE,CAAC;IAI7B,CAAC;IAED,IAAI,KAAK;QACR,IAAI,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;SAChC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;CAED"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ImageAsset } from '@nativescript/canvas';
|
|
2
|
+
import { HTMLElement } from './HTMLElement';
|
|
3
|
+
export declare class HTMLImageElement extends HTMLElement {
|
|
3
4
|
private localUri;
|
|
4
5
|
private _onload;
|
|
5
6
|
private _onerror;
|
|
6
7
|
private _complete;
|
|
7
8
|
private _base64;
|
|
8
|
-
_asset:
|
|
9
|
-
_imageSource: any;
|
|
9
|
+
_asset: ImageAsset;
|
|
10
10
|
__id: any;
|
|
11
11
|
decoding: string;
|
|
12
12
|
get src(): any;
|
package/DOM/HTMLImageElement.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { Element } from './Element';
|
|
2
1
|
import { knownFolders } from '@nativescript/core';
|
|
2
|
+
// @ts-ignore
|
|
3
3
|
import { ImageAsset } from '@nativescript/canvas';
|
|
4
|
+
import { HTMLElement } from './HTMLElement';
|
|
4
5
|
const b64Extensions = {
|
|
5
6
|
'/': 'jpg',
|
|
6
7
|
i: 'png',
|
|
7
|
-
R: 'gif'
|
|
8
|
+
R: 'gif'
|
|
8
9
|
// U: 'webp',
|
|
9
10
|
};
|
|
10
11
|
function b64WithoutPrefix(b64) {
|
|
@@ -28,13 +29,15 @@ function getUUID() {
|
|
|
28
29
|
}
|
|
29
30
|
return java.util.UUID.randomUUID().toString();
|
|
30
31
|
}
|
|
31
|
-
export class HTMLImageElement extends
|
|
32
|
+
export class HTMLImageElement extends HTMLElement {
|
|
32
33
|
constructor(props) {
|
|
33
34
|
super('img');
|
|
34
35
|
this.decoding = 'auto';
|
|
36
|
+
// this.nativeElement = new Image();
|
|
35
37
|
this._asset = new ImageAsset();
|
|
36
38
|
this.__id = getUUID();
|
|
37
|
-
this._onload = () => {
|
|
39
|
+
this._onload = () => {
|
|
40
|
+
};
|
|
38
41
|
if (props !== null && typeof props === 'object') {
|
|
39
42
|
this.src = props.localUri;
|
|
40
43
|
this.width = props.width;
|
|
@@ -67,7 +70,7 @@ export class HTMLImageElement extends Element {
|
|
|
67
70
|
set complete(value) {
|
|
68
71
|
this._complete = value;
|
|
69
72
|
if (value) {
|
|
70
|
-
this.
|
|
73
|
+
this.dispatchEvent('load');
|
|
71
74
|
this.onload();
|
|
72
75
|
}
|
|
73
76
|
}
|
|
@@ -90,7 +93,7 @@ export class HTMLImageElement extends Element {
|
|
|
90
93
|
if (global.__debug_browser_polyfill_image) {
|
|
91
94
|
console.log(`nativescript-browser-polyfill: Error:`, error.message);
|
|
92
95
|
}
|
|
93
|
-
this.
|
|
96
|
+
this.dispatchEvent({ type: 'error', target: this, error });
|
|
94
97
|
this._onerror?.();
|
|
95
98
|
}
|
|
96
99
|
else {
|
|
@@ -105,7 +108,6 @@ export class HTMLImageElement extends Element {
|
|
|
105
108
|
success(response) {
|
|
106
109
|
const owner = ref.get();
|
|
107
110
|
if (owner) {
|
|
108
|
-
console.log(response.toString());
|
|
109
111
|
owner.localUri = response.toString();
|
|
110
112
|
owner._load();
|
|
111
113
|
}
|
|
@@ -116,26 +118,26 @@ export class HTMLImageElement extends Element {
|
|
|
116
118
|
}
|
|
117
119
|
const owner = ref.get();
|
|
118
120
|
if (owner) {
|
|
119
|
-
owner.
|
|
121
|
+
owner.dispatchEvent({ type: 'error', target: ref.get(), message });
|
|
120
122
|
owner._onerror?.();
|
|
121
123
|
}
|
|
122
|
-
}
|
|
124
|
+
}
|
|
123
125
|
}));
|
|
124
126
|
}
|
|
125
127
|
}
|
|
126
128
|
catch (error) {
|
|
127
|
-
this.
|
|
129
|
+
// this.dispatchEvent({type: 'loading', target: this });
|
|
128
130
|
if (global.__debug_browser_polyfill_image) {
|
|
129
131
|
console.log(`nativescript-browser-polyfill: Error:`, error.message);
|
|
130
132
|
}
|
|
131
|
-
this.
|
|
133
|
+
this.dispatchEvent({ type: 'error', target: this, error });
|
|
132
134
|
this._onerror?.();
|
|
133
135
|
}
|
|
134
136
|
})();
|
|
135
137
|
return;
|
|
136
138
|
}
|
|
137
139
|
if (typeof this.src === 'string') {
|
|
138
|
-
this.
|
|
140
|
+
this.dispatchEvent({ type: 'loading', target: this });
|
|
139
141
|
let async = this.decoding !== 'sync';
|
|
140
142
|
if (this.src.startsWith('http')) {
|
|
141
143
|
if (!async) {
|
|
@@ -147,7 +149,7 @@ export class HTMLImageElement extends Element {
|
|
|
147
149
|
this._onload?.();
|
|
148
150
|
}
|
|
149
151
|
else {
|
|
150
|
-
this.
|
|
152
|
+
this.dispatchEvent({ type: 'error', target: this });
|
|
151
153
|
this._onerror?.();
|
|
152
154
|
}
|
|
153
155
|
}
|
|
@@ -161,7 +163,7 @@ export class HTMLImageElement extends Element {
|
|
|
161
163
|
this._onload?.();
|
|
162
164
|
})
|
|
163
165
|
.catch((e) => {
|
|
164
|
-
this.
|
|
166
|
+
this.dispatchEvent({ type: 'error', target: this, e });
|
|
165
167
|
this._onerror?.();
|
|
166
168
|
});
|
|
167
169
|
}
|
|
@@ -178,7 +180,7 @@ export class HTMLImageElement extends Element {
|
|
|
178
180
|
this._onload?.();
|
|
179
181
|
}
|
|
180
182
|
else {
|
|
181
|
-
this.
|
|
183
|
+
this.dispatchEvent({ type: 'error', target: this });
|
|
182
184
|
this._onerror?.();
|
|
183
185
|
}
|
|
184
186
|
}
|
|
@@ -192,7 +194,7 @@ export class HTMLImageElement extends Element {
|
|
|
192
194
|
this._onload?.();
|
|
193
195
|
})
|
|
194
196
|
.catch((e) => {
|
|
195
|
-
this.
|
|
197
|
+
this.dispatchEvent({ type: 'error', target: this, e });
|
|
196
198
|
this._onerror?.();
|
|
197
199
|
});
|
|
198
200
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HTMLImageElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLImageElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"HTMLImageElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLImageElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class HTMLVideoElement extends
|
|
1
|
+
import { HTMLElement } from './HTMLElement';
|
|
2
|
+
export declare class HTMLVideoElement extends HTMLElement {
|
|
3
3
|
_video: any;
|
|
4
4
|
constructor();
|
|
5
5
|
canPlayType(type: any): '' | 'probably' | 'maybe';
|
|
6
|
-
addEventListener(type: string, listener: Function, useCapture: boolean | any): void;
|
|
7
|
-
removeEventListener(type: string, listener: Function, useCapture: boolean | any): void;
|
|
8
6
|
requestVideoFrameCallback(callback: Function): void;
|
|
9
7
|
get autoplay(): boolean;
|
|
10
8
|
set autoplay(value: boolean);
|
package/DOM/HTMLVideoElement.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLElement } from './HTMLElement';
|
|
2
2
|
let Video;
|
|
3
|
-
export class HTMLVideoElement extends
|
|
3
|
+
export class HTMLVideoElement extends HTMLElement {
|
|
4
4
|
constructor() {
|
|
5
5
|
super('video');
|
|
6
6
|
if (!Video) {
|
|
@@ -9,10 +9,12 @@ export class HTMLVideoElement extends Element {
|
|
|
9
9
|
const video = require('@nativescript/canvas-media');
|
|
10
10
|
Video = video.Video;
|
|
11
11
|
}
|
|
12
|
-
catch (e) {
|
|
12
|
+
catch (e) {
|
|
13
|
+
}
|
|
13
14
|
}
|
|
14
15
|
if (Video) {
|
|
15
16
|
this._video = Video.createCustomView();
|
|
17
|
+
this.nativeElement = this._video;
|
|
16
18
|
}
|
|
17
19
|
}
|
|
18
20
|
canPlayType(type) {
|
|
@@ -25,12 +27,6 @@ export class HTMLVideoElement extends Element {
|
|
|
25
27
|
return '';
|
|
26
28
|
}
|
|
27
29
|
}
|
|
28
|
-
addEventListener(type, listener, useCapture) {
|
|
29
|
-
this._video?.addEventListener(type, listener, useCapture);
|
|
30
|
-
}
|
|
31
|
-
removeEventListener(type, listener, useCapture) {
|
|
32
|
-
this._video?.removeEventListener(type, listener, useCapture);
|
|
33
|
-
}
|
|
34
30
|
requestVideoFrameCallback(callback) {
|
|
35
31
|
this._video?.requestVideoFrameCallback(callback);
|
|
36
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HTMLVideoElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLVideoElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"HTMLVideoElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLVideoElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,IAAI,KAAU,CAAC;AAEf,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IAGhD;QACC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,KAAK,EAAE;YACX,IAAI;gBACH,aAAa;gBACb,MAAM,KAAK,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;gBACpD,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;aACpB;YAAC,OAAO,CAAC,EAAE;aACX;SACD;QACD,IAAI,KAAK,EAAE;YACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACvC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;SACjC;IACF,CAAC;IAED,WAAW,CAAC,IAAI;QACf,eAAe;QACf,QAAQ,IAAI,EAAE;YACb,KAAK,WAAW,CAAC;YACjB,KAAK,WAAW;gBACf,OAAO,UAAU,CAAC;YACnB;gBACC,OAAO,EAAE,CAAC;SACX;IACF,CAAC;IAED,yBAAyB,CAAC,QAAkB;QAC3C,IAAI,CAAC,MAAM,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,KAAK,CAAC;IACvC,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;SAC7B;IACF,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC;IACpC,CAAC;IAED,IAAI,KAAK,CAAC,KAAc;QACvB,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;SAC1B;IACF,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,KAAK,CAAC;IACvC,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;SAC7B;IACF,CAAC;IAED,IAAI,IAAI;QACP,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,KAAK,CAAC;IACnC,CAAC;IAED,IAAI,IAAI,CAAC,KAAc;QACtB,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;SACzB;IACF,CAAC;IAED,IAAI,GAAG;QACN,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,CAAC,KAAa;QACpB,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC;SACxB;IACF,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACd,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAY,CAAC;SACjC;IACF,CAAC;IAED,IAAI,KAAK;QACR,OAAQ,IAAI,CAAC,MAAM,EAAE,KAAa,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,MAAM,CAAC,KAAK;QACf,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,KAAY,CAAC;SAClC;IACF,CAAC;IAED,IAAI,MAAM;QACT,OAAQ,IAAI,CAAC,MAAM,EAAE,MAAc,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI;QACH,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;SACnB;IACF,CAAC;IAED,KAAK;QACJ,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;SACpB;IACF,CAAC;CACD"}
|
package/DOM/Node.d.ts
CHANGED
|
@@ -1,35 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
constructor();
|
|
4
|
-
_values: Map<any, any>;
|
|
5
|
-
__internalElement: any;
|
|
6
|
-
setProperty(key: any, val: any): void;
|
|
7
|
-
getPropertyValue(key: any): any;
|
|
8
|
-
_styleToString(): string;
|
|
9
|
-
}
|
|
10
|
-
export declare class Node {
|
|
11
|
-
emitter: any;
|
|
1
|
+
import { EventTarget } from './EventTarget';
|
|
2
|
+
export declare class Node extends EventTarget {
|
|
12
3
|
className: any;
|
|
13
|
-
nodeName: string;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
set
|
|
17
|
-
get
|
|
18
|
-
_id: any;
|
|
19
|
-
_style: Style;
|
|
20
|
-
set id(value: any);
|
|
21
|
-
get id(): any;
|
|
22
|
-
constructor(nodeName: any);
|
|
4
|
+
readonly nodeName: string;
|
|
5
|
+
private _id;
|
|
6
|
+
constructor(nodeName: string);
|
|
7
|
+
set id(value: string);
|
|
8
|
+
get id(): string;
|
|
23
9
|
get ownerDocument(): Document;
|
|
24
|
-
get style(): Style;
|
|
25
|
-
_checkEmitter(): void;
|
|
26
|
-
addEventListener(eventName: any, listener: any, thisArg: any): void;
|
|
27
|
-
removeEventListener(eventName: any, listener: any, thisArg: any): void;
|
|
28
10
|
appendChild(view: any): void;
|
|
29
11
|
insertBefore(view: any): void;
|
|
30
12
|
removeChild(view: any): void;
|
|
31
13
|
setAttributeNS(): void;
|
|
32
|
-
querySelectorAll(selector: any): any;
|
|
33
|
-
querySelector(selector: any): any;
|
|
34
|
-
getBoundingClientRect(): any;
|
|
35
14
|
}
|
package/DOM/Node.js
CHANGED
|
@@ -1,72 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Observable.prototype.removeListener = function (eventNames, callback, thisArg) {
|
|
6
|
-
this.off(eventNames, callback, thisArg);
|
|
7
|
-
};
|
|
8
|
-
Observable.prototype.emit = function (eventNames, thisArg) {
|
|
9
|
-
this.notify({
|
|
10
|
-
eventName: eventNames,
|
|
11
|
-
object: null,
|
|
12
|
-
});
|
|
13
|
-
};
|
|
14
|
-
export class Style {
|
|
15
|
-
constructor() {
|
|
16
|
-
const values = new Map();
|
|
17
|
-
this.proxy = new Proxy(this, {
|
|
18
|
-
set(target, prop, value) {
|
|
19
|
-
target.setProperty(prop, value);
|
|
20
|
-
return true;
|
|
21
|
-
},
|
|
22
|
-
get(target, prop, receiver) {
|
|
23
|
-
return target.getPropertyValue(prop);
|
|
24
|
-
},
|
|
25
|
-
});
|
|
26
|
-
this._values = values;
|
|
27
|
-
}
|
|
28
|
-
setProperty(key, val) {
|
|
29
|
-
console.log(this.__internalElement, key, val);
|
|
30
|
-
// todo check key + val
|
|
31
|
-
this._values.set(key, val);
|
|
32
|
-
if (this.__internalElement) {
|
|
33
|
-
this.__internalElement._dom.documentElement.setAttribute('style', this._styleToString());
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
getPropertyValue(key) {
|
|
37
|
-
return this._values.get(key);
|
|
38
|
-
}
|
|
39
|
-
_styleToString() {
|
|
40
|
-
let style = '';
|
|
41
|
-
this._values.forEach((val, key) => {
|
|
42
|
-
style = `${style}${key}:${val};`;
|
|
43
|
-
});
|
|
44
|
-
return style;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
export class Node {
|
|
1
|
+
import { EventTarget } from './EventTarget';
|
|
2
|
+
import setValue from 'set-value';
|
|
3
|
+
let id = 0;
|
|
4
|
+
export class Node extends EventTarget {
|
|
48
5
|
constructor(nodeName) {
|
|
49
|
-
|
|
50
|
-
this.emitter = fromObject({});
|
|
51
|
-
this.addEventListener = this.addEventListener.bind(this);
|
|
52
|
-
this.removeEventListener = this.removeEventListener.bind(this);
|
|
53
|
-
this._checkEmitter = this._checkEmitter.bind(this);
|
|
6
|
+
super();
|
|
54
7
|
this.className = {
|
|
55
|
-
baseVal: ''
|
|
8
|
+
baseVal: ''
|
|
56
9
|
};
|
|
57
10
|
this.nodeName = nodeName;
|
|
58
11
|
}
|
|
59
|
-
set __internalElement(value) {
|
|
60
|
-
this.___internalElement = value;
|
|
61
|
-
this._style.__internalElement = value;
|
|
62
|
-
}
|
|
63
|
-
get __internalElement() {
|
|
64
|
-
return this.___internalElement;
|
|
65
|
-
}
|
|
66
12
|
set id(value) {
|
|
67
13
|
this._id = value;
|
|
68
|
-
|
|
69
|
-
|
|
14
|
+
const nativeElement = this['nativeElement'];
|
|
15
|
+
if (nativeElement) {
|
|
16
|
+
setValue(nativeElement, 'id', value);
|
|
70
17
|
}
|
|
71
18
|
}
|
|
72
19
|
get id() {
|
|
@@ -75,79 +22,13 @@ export class Node {
|
|
|
75
22
|
get ownerDocument() {
|
|
76
23
|
return window.document;
|
|
77
24
|
}
|
|
78
|
-
get style() {
|
|
79
|
-
return this._style;
|
|
80
|
-
}
|
|
81
|
-
_checkEmitter() {
|
|
82
|
-
if (!this.emitter || !(this.emitter.on || this.emitter.addEventListener || this.emitter.addListener)) {
|
|
83
|
-
this.emitter = fromObject({});
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
addEventListener(eventName, listener, thisArg) {
|
|
87
|
-
this._checkEmitter();
|
|
88
|
-
thisArg = typeof thisArg === 'object' ? thisArg : this;
|
|
89
|
-
if (this.emitter.on) {
|
|
90
|
-
this.emitter.on(eventName, listener, thisArg);
|
|
91
|
-
}
|
|
92
|
-
else if (this.emitter.addEventListener) {
|
|
93
|
-
this.emitter.addEventListener(eventName, listener, thisArg);
|
|
94
|
-
}
|
|
95
|
-
else if (this.emitter.addListener) {
|
|
96
|
-
this.emitter.addListener(eventName, listener, thisArg);
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
removeEventListener(eventName, listener, thisArg) {
|
|
100
|
-
this._checkEmitter();
|
|
101
|
-
thisArg = typeof thisArg === 'object' ? thisArg : this;
|
|
102
|
-
if (this.emitter.off) {
|
|
103
|
-
this.emitter.off(eventName, listener, thisArg);
|
|
104
|
-
}
|
|
105
|
-
else if (this.emitter.removeEventListener) {
|
|
106
|
-
this.emitter.removeEventListener(eventName, listener, thisArg);
|
|
107
|
-
}
|
|
108
|
-
else if (this.emitter.removeListener) {
|
|
109
|
-
this.emitter.removeListener(eventName, listener, thisArg);
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
25
|
appendChild(view) {
|
|
113
|
-
// console.log('appendChild', view);
|
|
114
26
|
}
|
|
115
27
|
insertBefore(view) {
|
|
116
|
-
// console.log('insertBefore', view);
|
|
117
28
|
}
|
|
118
29
|
removeChild(view) {
|
|
119
|
-
// console.log('removeChild', view);
|
|
120
30
|
}
|
|
121
|
-
setAttributeNS() {
|
|
122
|
-
querySelectorAll(selector) {
|
|
123
|
-
return this._instance?.querySelectorAll?.(selector) ?? [];
|
|
124
|
-
}
|
|
125
|
-
querySelector(selector) {
|
|
126
|
-
const ret = this._instance?.querySelectorAll?.(selector);
|
|
127
|
-
let element = ret?.[0] ?? null;
|
|
128
|
-
if (ret === undefined) {
|
|
129
|
-
const items = this._instance.getElementsByTagName(selector);
|
|
130
|
-
element = items[0];
|
|
131
|
-
}
|
|
132
|
-
if (element) {
|
|
133
|
-
return new Element(element);
|
|
134
|
-
}
|
|
135
|
-
return null;
|
|
136
|
-
}
|
|
137
|
-
getBoundingClientRect() {
|
|
138
|
-
if (this._canvas) {
|
|
139
|
-
return this._canvas.getBoundingClientRect();
|
|
140
|
-
}
|
|
141
|
-
return {
|
|
142
|
-
left: 0,
|
|
143
|
-
top: 0,
|
|
144
|
-
right: window.innerWidth,
|
|
145
|
-
bottom: window.innerHeight,
|
|
146
|
-
x: 0,
|
|
147
|
-
y: 0,
|
|
148
|
-
width: window.innerWidth,
|
|
149
|
-
height: window.innerHeight,
|
|
150
|
-
};
|
|
31
|
+
setAttributeNS() {
|
|
151
32
|
}
|
|
152
33
|
}
|
|
153
34
|
//# sourceMappingURL=Node.js.map
|
package/DOM/Node.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/Node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/Node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,QAAQ,MAAM,WAAW,CAAC;AAGjC,IAAI,EAAE,GAAG,CAAC,CAAC;AAEX,MAAM,OAAO,IAAK,SAAQ,WAAW;IAMpC,YAAY,QAAgB;QAC3B,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,SAAS,GAAG;YAChB,OAAO,EAAE,EAAE;SACX,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,IAAI,EAAE,CAAC,KAAK;QACX,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC;QACjB,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5C,IAAI,aAAa,EAAE;YAClB,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;SACrC;IACF,CAAC;IAED,IAAI,EAAE;QACL,OAAO,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,MAAM,CAAC,QAAQ,CAAC;IACxB,CAAC;IAED,WAAW,CAAC,IAAI;IAChB,CAAC;IAED,YAAY,CAAC,IAAI;IACjB,CAAC;IAED,WAAW,CAAC,IAAI;IAChB,CAAC;IAED,cAAc;IACd,CAAC;CACD"}
|
package/DOM/XMLDocument.d.ts
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import { Document } from './Document';
|
|
2
|
-
export declare class XMLDocument extends
|
|
3
|
-
|
|
1
|
+
import { Document as Doc } from './Document';
|
|
2
|
+
export declare class XMLDocument extends Doc {
|
|
3
|
+
private __instance;
|
|
4
4
|
static fromParser(instance: any): XMLDocument;
|
|
5
|
-
getElementsByTagName(tagname: any): any;
|
|
6
|
-
getElementById(id: any): any;
|
|
7
|
-
get documentElement(): any;
|
|
8
|
-
set documentElement(value: any);
|
|
9
|
-
getAttribute(key: any): any;
|
|
10
|
-
setAttribute(key: any, value: any): void;
|
|
11
5
|
}
|
package/DOM/XMLDocument.js
CHANGED
|
@@ -1,36 +1,17 @@
|
|
|
1
|
-
import { Document } from './Document';
|
|
1
|
+
import { Document as Doc } from './Document';
|
|
2
2
|
import querySelector from 'query-selector';
|
|
3
|
-
export class XMLDocument extends
|
|
3
|
+
export class XMLDocument extends Doc {
|
|
4
4
|
static fromParser(instance) {
|
|
5
5
|
if (instance) {
|
|
6
6
|
const documentPrototype = Object.getPrototypeOf(instance);
|
|
7
|
-
documentPrototype.querySelectorAll = function
|
|
7
|
+
documentPrototype.querySelectorAll = function (selector) {
|
|
8
8
|
return querySelector(selector, this);
|
|
9
9
|
};
|
|
10
10
|
const doc = new XMLDocument();
|
|
11
|
-
doc.
|
|
11
|
+
doc.__instance = instance;
|
|
12
12
|
return doc;
|
|
13
13
|
}
|
|
14
14
|
return null;
|
|
15
15
|
}
|
|
16
|
-
getElementsByTagName(tagname) {
|
|
17
|
-
return this._instance.getElementsByTagName(tagname);
|
|
18
|
-
}
|
|
19
|
-
getElementById(id) {
|
|
20
|
-
return this._instance.getElementById(id);
|
|
21
|
-
}
|
|
22
|
-
//@ts-ignore
|
|
23
|
-
get documentElement() {
|
|
24
|
-
return this._instance.documentElement;
|
|
25
|
-
}
|
|
26
|
-
//@ts-ignore
|
|
27
|
-
set documentElement(value) { }
|
|
28
|
-
getAttribute(key) {
|
|
29
|
-
return this._instance?.getAttribute?.(key) ?? null;
|
|
30
|
-
}
|
|
31
|
-
setAttribute(key, value) {
|
|
32
|
-
this._instance?.setAttribute?.(key, value);
|
|
33
|
-
console.log(this.className, 'setAttribute', key, value);
|
|
34
|
-
}
|
|
35
16
|
}
|
|
36
17
|
//# sourceMappingURL=XMLDocument.js.map
|
package/DOM/XMLDocument.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XMLDocument.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/XMLDocument.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"XMLDocument.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/XMLDocument.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAC,MAAM,YAAY,CAAC;AAE5C,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAI3C,MAAM,OAAO,WAAY,SAAQ,GAAG;IAEnC,MAAM,CAAC,UAAU,CAAC,QAAQ;QACzB,IAAI,QAAQ,EAAE;YACb,MAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YAC1D,iBAAiB,CAAC,gBAAgB,GAAG,UAAU,QAAgB;gBAC9D,OAAO,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YACtC,CAAC,CAAC;YAEF,MAAM,GAAG,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC1B,OAAO,GAAG,CAAC;SACX;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CACD"}
|
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class SVGCircleElement extends
|
|
1
|
+
import { SVGElement } from './SVGElement';
|
|
2
|
+
export declare class SVGCircleElement extends SVGElement {
|
|
3
3
|
constructor();
|
|
4
|
-
set width(value: any);
|
|
5
|
-
get width(): any;
|
|
6
|
-
set height(value: any);
|
|
7
|
-
get height(): any;
|
|
8
|
-
setAttribute(key: any, value: any): void;
|
|
9
|
-
getAttribute(key: any): any;
|
|
10
|
-
removeAttribute(key: any, value: any): void;
|
|
11
4
|
}
|
|
@@ -1,40 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Circle } from '@nativescript/canvas';
|
|
3
|
-
export class SVGCircleElement extends
|
|
1
|
+
import { SVGElement } from './SVGElement';
|
|
2
|
+
import { Circle } from '@nativescript/canvas-svg';
|
|
3
|
+
export class SVGCircleElement extends SVGElement {
|
|
4
4
|
//__internalElement: Circle;
|
|
5
5
|
constructor() {
|
|
6
6
|
super('circle');
|
|
7
|
-
|
|
8
|
-
if (arguments.length > 1) {
|
|
9
|
-
circle = arguments[1];
|
|
10
|
-
}
|
|
11
|
-
if (circle instanceof Circle) {
|
|
12
|
-
this.__internalElement = circle;
|
|
13
|
-
}
|
|
14
|
-
else {
|
|
15
|
-
this.__internalElement = new Circle();
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
set width(value) {
|
|
19
|
-
this.__internalElement.width = value;
|
|
20
|
-
}
|
|
21
|
-
get width() {
|
|
22
|
-
return this.__internalElement.getMeasuredWidth();
|
|
23
|
-
}
|
|
24
|
-
set height(value) {
|
|
25
|
-
this.__internalElement.height = value;
|
|
26
|
-
}
|
|
27
|
-
get height() {
|
|
28
|
-
return this.__internalElement.getMeasuredHeight();
|
|
29
|
-
}
|
|
30
|
-
setAttribute(key, value) {
|
|
31
|
-
this.__internalElement._dom.documentElement.setAttribute(key, value);
|
|
32
|
-
}
|
|
33
|
-
getAttribute(key) {
|
|
34
|
-
return this.__internalElement._dom.documentElement.getAttribute(key);
|
|
35
|
-
}
|
|
36
|
-
removeAttribute(key, value) {
|
|
37
|
-
this.__internalElement._dom.documentElement.removeAttribute(key, value);
|
|
7
|
+
this.nativeElement = new Circle();
|
|
38
8
|
}
|
|
39
9
|
}
|
|
40
10
|
//# sourceMappingURL=SVGCircleElement.js.map
|