@nativescript/canvas-polyfill 1.0.0-beta.1 → 1.0.0-beta.13
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.js +4 -22
- package/DOM/CharacterData.js.map +1 -1
- package/DOM/Document.js +25 -48
- package/DOM/Document.js.map +1 -1
- package/DOM/Element.js +56 -119
- package/DOM/Element.js.map +1 -1
- package/DOM/HTMLCanvasElement.js +23 -50
- package/DOM/HTMLCanvasElement.js.map +1 -1
- package/DOM/HTMLImageElement.js +109 -182
- package/DOM/HTMLImageElement.js.map +1 -1
- package/DOM/HTMLVideoElement.js +80 -127
- package/DOM/HTMLVideoElement.js.map +1 -1
- package/DOM/Node.js +41 -52
- package/DOM/Node.js.map +1 -1
- package/DOM/Text.js +4 -22
- package/DOM/Text.js.map +1 -1
- package/DOM/XMLDocument.js +2 -23
- package/DOM/XMLDocument.js.map +1 -1
- package/DOM/svg/SVGCircleElement.js +25 -52
- package/DOM/svg/SVGCircleElement.js.map +1 -1
- package/DOM/svg/SVGElement.js +37 -68
- package/DOM/svg/SVGElement.js.map +1 -1
- package/DOM/svg/SVGGGElement.js +25 -52
- package/DOM/svg/SVGGGElement.js.map +1 -1
- package/DOM/svg/SVGPathElement.js +25 -52
- package/DOM/svg/SVGPathElement.js.map +1 -1
- package/DOM/svg/SVGRectElement.js +25 -52
- package/DOM/svg/SVGRectElement.js.map +1 -1
- package/URL.android.d.ts +38 -0
- package/URL.android.js +266 -0
- package/URL.android.js.map +1 -0
- package/URL.ios.d.ts +37 -0
- package/URL.ios.js +209 -0
- package/URL.ios.js.map +1 -0
- package/async/file/file.android.js +13 -19
- package/async/file/file.android.js.map +1 -1
- package/async/file/file.ios.js +21 -27
- package/async/file/file.ios.js.map +1 -1
- package/async/http/http-request-common.js +30 -57
- package/async/http/http-request-common.js.map +1 -1
- package/async/http/http.android.js +137 -156
- package/async/http/http.android.js.map +1 -1
- package/async/http/http.ios.js +91 -106
- package/async/http/http.ios.js.map +1 -1
- package/async/xhr/TNSXMLHttpRequest.js +438 -571
- package/async/xhr/TNSXMLHttpRequest.js.map +1 -1
- package/index.js +8 -35
- package/index.js.map +1 -1
- package/package.json +2 -2
- package/performance.js +11 -11
- package/resize.js +6 -6
- package/resize.js.map +1 -1
- package/window.js +11 -11
- package/window.js.map +1 -1
- package/URL.d.ts +0 -5
- package/URL.js +0 -48
- package/URL.js.map +0 -1
package/DOM/HTMLImageElement.js
CHANGED
|
@@ -1,60 +1,9 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
17
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
18
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
19
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
20
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
21
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
22
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
26
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
27
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
28
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
29
|
-
function step(op) {
|
|
30
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
31
|
-
while (_) try {
|
|
32
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
33
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
34
|
-
switch (op[0]) {
|
|
35
|
-
case 0: case 1: t = op; break;
|
|
36
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
37
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
38
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
39
|
-
default:
|
|
40
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
41
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
42
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
43
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
44
|
-
if (t[2]) _.ops.pop();
|
|
45
|
-
_.trys.pop(); continue;
|
|
46
|
-
}
|
|
47
|
-
op = body.call(thisArg, _);
|
|
48
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
49
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
1
|
import { Element } from './Element';
|
|
53
2
|
import { knownFolders, path, File } from '@nativescript/core';
|
|
54
3
|
import { ImageAsset } from '@nativescript/canvas';
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
4
|
+
const background_queue = global.isIOS ? dispatch_get_global_queue(21 /* QOS_CLASS_DEFAULT */, 0) : undefined;
|
|
5
|
+
const main_queue = global.isIOS ? dispatch_get_current_queue() : undefined;
|
|
6
|
+
const b64Extensions = {
|
|
58
7
|
'/': 'jpg',
|
|
59
8
|
i: 'png',
|
|
60
9
|
R: 'gif',
|
|
@@ -64,12 +13,12 @@ function b64WithoutPrefix(b64) {
|
|
|
64
13
|
return b64.split(',')[1];
|
|
65
14
|
}
|
|
66
15
|
function getMIMEforBase64String(b64) {
|
|
67
|
-
|
|
16
|
+
let input = b64;
|
|
68
17
|
if (b64.includes(',')) {
|
|
69
18
|
input = b64WithoutPrefix(b64);
|
|
70
19
|
}
|
|
71
|
-
|
|
72
|
-
|
|
20
|
+
const first = input.charAt(0);
|
|
21
|
+
const mime = b64Extensions[first];
|
|
73
22
|
if (!mime) {
|
|
74
23
|
throw new Error('Unknown Base64 MIME type: ' + b64);
|
|
75
24
|
}
|
|
@@ -81,132 +30,112 @@ function getUUID() {
|
|
|
81
30
|
}
|
|
82
31
|
return java.util.UUID.randomUUID().toString();
|
|
83
32
|
}
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
_this._onload = function () { };
|
|
33
|
+
export class HTMLImageElement extends Element {
|
|
34
|
+
constructor(props) {
|
|
35
|
+
super('img');
|
|
36
|
+
this.decoding = 'auto';
|
|
37
|
+
this._asset = new ImageAsset();
|
|
38
|
+
this.__id = getUUID();
|
|
39
|
+
this._onload = () => { };
|
|
92
40
|
if (props !== null && typeof props === 'object') {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
41
|
+
this.src = props.localUri;
|
|
42
|
+
this.width = props.width;
|
|
43
|
+
this.height = props.height;
|
|
44
|
+
this._load();
|
|
97
45
|
}
|
|
98
|
-
return _this;
|
|
99
46
|
}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
},
|
|
125
|
-
set: function (value) {
|
|
126
|
-
this._complete = value;
|
|
127
|
-
if (value) {
|
|
128
|
-
this.emitter.emit('load', this);
|
|
129
|
-
this.onload();
|
|
130
|
-
}
|
|
131
|
-
},
|
|
132
|
-
enumerable: false,
|
|
133
|
-
configurable: true
|
|
134
|
-
});
|
|
135
|
-
HTMLImageElement.prototype._load = function () {
|
|
136
|
-
var _this = this;
|
|
47
|
+
get src() {
|
|
48
|
+
return this.localUri;
|
|
49
|
+
}
|
|
50
|
+
set src(value) {
|
|
51
|
+
this.localUri = value;
|
|
52
|
+
this._load();
|
|
53
|
+
}
|
|
54
|
+
get onload() {
|
|
55
|
+
return this._onload;
|
|
56
|
+
}
|
|
57
|
+
set onload(value) {
|
|
58
|
+
this._onload = value;
|
|
59
|
+
}
|
|
60
|
+
get complete() {
|
|
61
|
+
return this._complete;
|
|
62
|
+
}
|
|
63
|
+
set complete(value) {
|
|
64
|
+
this._complete = value;
|
|
65
|
+
if (value) {
|
|
66
|
+
this.emitter.emit('load', this);
|
|
67
|
+
this.onload();
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
_load() {
|
|
137
71
|
if (this.src) {
|
|
138
72
|
if (typeof this.src === 'string' && this.src.startsWith && this.src.startsWith('data:')) {
|
|
139
73
|
// is base64 - convert and try again;
|
|
140
74
|
this._base64 = this.src;
|
|
141
|
-
|
|
142
|
-
if (!
|
|
75
|
+
const base64result = this.src.split(',')[1];
|
|
76
|
+
if (!base64result) {
|
|
143
77
|
return;
|
|
144
78
|
}
|
|
145
|
-
(
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
hasError = true;
|
|
160
|
-
if (global.__debug_browser_polyfill_image) {
|
|
161
|
-
console.log("nativescript-browser-polyfill: Error:", error.message);
|
|
162
|
-
}
|
|
163
|
-
_this.emitter.emit('error', { target: _this, error: error });
|
|
164
|
-
});
|
|
165
|
-
if (!hasError) {
|
|
166
|
-
dispatch_async(main_queue, function () {
|
|
167
|
-
_this._load();
|
|
168
|
-
});
|
|
79
|
+
(async () => {
|
|
80
|
+
try {
|
|
81
|
+
const MIME = getMIMEforBase64String(base64result);
|
|
82
|
+
const dir = knownFolders.documents().path;
|
|
83
|
+
if (global.isIOS) {
|
|
84
|
+
dispatch_async(background_queue, () => {
|
|
85
|
+
this.localUri = path.join(dir, `${getUUID()}-b64image.${MIME}`);
|
|
86
|
+
const file = File.fromPath(this.localUri);
|
|
87
|
+
const toWrite = NSData.alloc().initWithBase64EncodedStringOptions(base64result, 0);
|
|
88
|
+
let hasError = false;
|
|
89
|
+
file.writeSync(toWrite, (error) => {
|
|
90
|
+
hasError = true;
|
|
91
|
+
if (global.__debug_browser_polyfill_image) {
|
|
92
|
+
console.log(`nativescript-browser-polyfill: Error:`, error.message);
|
|
169
93
|
}
|
|
94
|
+
this.emitter.emit('error', { target: this, error });
|
|
170
95
|
});
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
if (owner) {
|
|
178
|
-
owner.localUri = response.toString();
|
|
179
|
-
owner._load();
|
|
180
|
-
}
|
|
181
|
-
},
|
|
182
|
-
error: function (error, message) {
|
|
183
|
-
if (global.__debug_browser_polyfill_image) {
|
|
184
|
-
console.log("nativescript-browser-polyfill: Error:", message);
|
|
185
|
-
}
|
|
186
|
-
var owner = ref_1.get();
|
|
187
|
-
if (owner) {
|
|
188
|
-
owner.emitter.emit('error', { target: ref_1.get(), message: message });
|
|
189
|
-
}
|
|
190
|
-
},
|
|
191
|
-
}));
|
|
192
|
-
}
|
|
96
|
+
if (!hasError) {
|
|
97
|
+
dispatch_async(main_queue, () => {
|
|
98
|
+
this._load();
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
});
|
|
193
102
|
}
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
103
|
+
if (global.isAndroid) {
|
|
104
|
+
const ref = new WeakRef(this);
|
|
105
|
+
com.github.triniwiz.async.Async2.Base64.base64ToFile(base64result, dir + '/', new com.github.triniwiz.async.Async2.Base64.Callback({
|
|
106
|
+
success(response) {
|
|
107
|
+
const owner = ref.get();
|
|
108
|
+
if (owner) {
|
|
109
|
+
owner.localUri = response.toString();
|
|
110
|
+
owner._load();
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
error(error, message) {
|
|
114
|
+
if (global.__debug_browser_polyfill_image) {
|
|
115
|
+
console.log(`nativescript-browser-polyfill: Error:`, message);
|
|
116
|
+
}
|
|
117
|
+
const owner = ref.get();
|
|
118
|
+
if (owner) {
|
|
119
|
+
owner.emitter.emit('error', { target: ref.get(), message });
|
|
120
|
+
}
|
|
121
|
+
},
|
|
122
|
+
}));
|
|
199
123
|
}
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
124
|
+
}
|
|
125
|
+
catch (error) {
|
|
126
|
+
if (global.__debug_browser_polyfill_image) {
|
|
127
|
+
console.log(`nativescript-browser-polyfill: Error:`, error.message);
|
|
128
|
+
}
|
|
129
|
+
this.emitter.emit('error', { target: this, error });
|
|
130
|
+
}
|
|
131
|
+
})();
|
|
203
132
|
return;
|
|
204
133
|
}
|
|
205
134
|
if (typeof this.src === 'string') {
|
|
206
|
-
|
|
135
|
+
let async = this.decoding !== 'sync';
|
|
207
136
|
if (this.src.startsWith('http')) {
|
|
208
137
|
if (!async) {
|
|
209
|
-
|
|
138
|
+
const loaded = this._asset.loadFromUrl(this.src);
|
|
210
139
|
if (loaded) {
|
|
211
140
|
this.width = this._asset.width;
|
|
212
141
|
this.height = this._asset.height;
|
|
@@ -217,12 +146,12 @@ var HTMLImageElement = /** @class */ (function (_super) {
|
|
|
217
146
|
}
|
|
218
147
|
}
|
|
219
148
|
else {
|
|
220
|
-
this._asset.loadFromUrlAsync(this.src).then(
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
}).catch(
|
|
225
|
-
|
|
149
|
+
this._asset.loadFromUrlAsync(this.src).then(() => {
|
|
150
|
+
this.width = this._asset.width;
|
|
151
|
+
this.height = this._asset.height;
|
|
152
|
+
this.complete = true;
|
|
153
|
+
}).catch(e => {
|
|
154
|
+
this.emitter.emit('error', { target: this });
|
|
226
155
|
});
|
|
227
156
|
}
|
|
228
157
|
}
|
|
@@ -230,7 +159,7 @@ var HTMLImageElement = /** @class */ (function (_super) {
|
|
|
230
159
|
if (!this.width || !this.height) {
|
|
231
160
|
this.complete = false;
|
|
232
161
|
if (!async) {
|
|
233
|
-
|
|
162
|
+
const loaded = this._asset.loadFile(this.src);
|
|
234
163
|
if (loaded) {
|
|
235
164
|
this.width = this._asset.width;
|
|
236
165
|
this.height = this._asset.height;
|
|
@@ -243,21 +172,19 @@ var HTMLImageElement = /** @class */ (function (_super) {
|
|
|
243
172
|
else {
|
|
244
173
|
this._asset
|
|
245
174
|
.loadFileAsync(this.src)
|
|
246
|
-
.then(
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
175
|
+
.then(() => {
|
|
176
|
+
this.width = this._asset.width;
|
|
177
|
+
this.height = this._asset.height;
|
|
178
|
+
this.complete = true;
|
|
250
179
|
})
|
|
251
|
-
.catch(
|
|
252
|
-
|
|
180
|
+
.catch((e) => {
|
|
181
|
+
this.emitter.emit('error', { target: this });
|
|
253
182
|
});
|
|
254
183
|
}
|
|
255
184
|
}
|
|
256
185
|
}
|
|
257
186
|
}
|
|
258
187
|
}
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
}(Element));
|
|
262
|
-
export { HTMLImageElement };
|
|
188
|
+
}
|
|
189
|
+
}
|
|
263
190
|
//# sourceMappingURL=HTMLImageElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HTMLImageElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLImageElement.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HTMLImageElement.js","sourceRoot":"","sources":["../../../../packages/canvas-polyfill/DOM/HTMLImageElement.ts"],"names":[],"mappings":"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"}
|
package/DOM/HTMLVideoElement.js
CHANGED
|
@@ -1,151 +1,104 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
1
|
import { Element } from './Element';
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
var _this = _super.call(this, 'video') || this;
|
|
2
|
+
let Video;
|
|
3
|
+
export class HTMLVideoElement extends Element {
|
|
4
|
+
constructor() {
|
|
5
|
+
super('video');
|
|
22
6
|
if (!Video) {
|
|
23
7
|
try {
|
|
24
8
|
// @ts-ignore
|
|
25
|
-
|
|
9
|
+
const video = require('@nativescript/canvas-media');
|
|
26
10
|
Video = video.Video;
|
|
27
11
|
}
|
|
28
12
|
catch (e) { }
|
|
29
13
|
}
|
|
30
14
|
if (Video) {
|
|
31
|
-
|
|
15
|
+
this._video = Video.createCustomView();
|
|
32
16
|
}
|
|
33
|
-
return _this;
|
|
34
17
|
}
|
|
35
|
-
|
|
18
|
+
addEventListener(type, listener, useCapture) {
|
|
36
19
|
var _a;
|
|
37
20
|
(_a = this._video) === null || _a === void 0 ? void 0 : _a.addEventListener(type, listener, useCapture);
|
|
38
|
-
}
|
|
39
|
-
|
|
21
|
+
}
|
|
22
|
+
removeEventListener(type, listener, useCapture) {
|
|
40
23
|
var _a;
|
|
41
24
|
(_a = this._video) === null || _a === void 0 ? void 0 : _a.removeEventListener(type, listener, useCapture);
|
|
42
|
-
}
|
|
43
|
-
|
|
25
|
+
}
|
|
26
|
+
requestVideoFrameCallback(callback) {
|
|
44
27
|
var _a;
|
|
45
28
|
(_a = this._video) === null || _a === void 0 ? void 0 : _a.requestVideoFrameCallback(callback);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
});
|
|
112
|
-
Object.defineProperty(HTMLVideoElement.prototype, "width", {
|
|
113
|
-
get: function () {
|
|
114
|
-
var _a, _b;
|
|
115
|
-
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0;
|
|
116
|
-
},
|
|
117
|
-
set: function (value) {
|
|
118
|
-
if (this._video) {
|
|
119
|
-
this._video.width = value;
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
enumerable: false,
|
|
123
|
-
configurable: true
|
|
124
|
-
});
|
|
125
|
-
Object.defineProperty(HTMLVideoElement.prototype, "height", {
|
|
126
|
-
get: function () {
|
|
127
|
-
var _a, _b;
|
|
128
|
-
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 0;
|
|
129
|
-
},
|
|
130
|
-
set: function (value) {
|
|
131
|
-
if (this._video) {
|
|
132
|
-
this._video.height = value;
|
|
133
|
-
}
|
|
134
|
-
},
|
|
135
|
-
enumerable: false,
|
|
136
|
-
configurable: true
|
|
137
|
-
});
|
|
138
|
-
HTMLVideoElement.prototype.play = function () {
|
|
29
|
+
}
|
|
30
|
+
get autoplay() {
|
|
31
|
+
var _a, _b;
|
|
32
|
+
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.autoplay) !== null && _b !== void 0 ? _b : false;
|
|
33
|
+
}
|
|
34
|
+
set autoplay(value) {
|
|
35
|
+
if (this._video) {
|
|
36
|
+
this._video.autoplay = value;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
get muted() {
|
|
40
|
+
var _a, _b;
|
|
41
|
+
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.muted) !== null && _b !== void 0 ? _b : false;
|
|
42
|
+
}
|
|
43
|
+
set muted(value) {
|
|
44
|
+
if (this._video) {
|
|
45
|
+
this._video.muted = value;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
get controls() {
|
|
49
|
+
var _a, _b;
|
|
50
|
+
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.controls) !== null && _b !== void 0 ? _b : false;
|
|
51
|
+
}
|
|
52
|
+
set controls(value) {
|
|
53
|
+
if (this._video) {
|
|
54
|
+
this._video.controls = value;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
get loop() {
|
|
58
|
+
var _a, _b;
|
|
59
|
+
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.loop) !== null && _b !== void 0 ? _b : false;
|
|
60
|
+
}
|
|
61
|
+
set loop(value) {
|
|
62
|
+
if (this._video) {
|
|
63
|
+
this._video.loop = value;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
get src() {
|
|
67
|
+
var _a, _b;
|
|
68
|
+
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.src) !== null && _b !== void 0 ? _b : '';
|
|
69
|
+
}
|
|
70
|
+
set src(value) {
|
|
71
|
+
if (this._video) {
|
|
72
|
+
this._video.src = value;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
set width(value) {
|
|
76
|
+
if (this._video) {
|
|
77
|
+
this._video.width = value;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
get width() {
|
|
81
|
+
var _a, _b;
|
|
82
|
+
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0;
|
|
83
|
+
}
|
|
84
|
+
set height(value) {
|
|
85
|
+
if (this._video) {
|
|
86
|
+
this._video.height = value;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
get height() {
|
|
90
|
+
var _a, _b;
|
|
91
|
+
return (_b = (_a = this._video) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 0;
|
|
92
|
+
}
|
|
93
|
+
play() {
|
|
139
94
|
if (this._video) {
|
|
140
95
|
this._video.play();
|
|
141
96
|
}
|
|
142
|
-
}
|
|
143
|
-
|
|
97
|
+
}
|
|
98
|
+
pause() {
|
|
144
99
|
if (this._video) {
|
|
145
100
|
this._video.pause();
|
|
146
101
|
}
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
}(Element));
|
|
150
|
-
export { HTMLVideoElement };
|
|
102
|
+
}
|
|
103
|
+
}
|
|
151
104
|
//# sourceMappingURL=HTMLVideoElement.js.map
|