@wavemaker/app-ng-runtime 11.9.0-rc.5821 → 11.9.1-next.27509
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.
- app-ng-runtime/build-task/bundles/index.umd.js +1 -1
- app-ng-runtime/build-task/esm2022/input/file-upload/file-upload.build.mjs +2 -2
- app-ng-runtime/build-task/fesm2022/index.mjs +1 -1
- app-ng-runtime/build-task/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/basic/default/audio/audio.component.d.ts +2 -0
- app-ng-runtime/components/basic/default/bundles/index.umd.js +18 -7
- app-ng-runtime/components/basic/default/esm2022/audio/audio.component.mjs +13 -5
- app-ng-runtime/components/basic/default/esm2022/video/video.component.mjs +7 -4
- app-ng-runtime/components/basic/default/fesm2022/index.mjs +18 -7
- app-ng-runtime/components/basic/default/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/basic/default/video/video.component.d.ts +1 -0
- app-ng-runtime/components/basic/progress/bundles/index.umd.js +7 -3
- app-ng-runtime/components/basic/progress/esm2022/progress-bar/progress-bar.component.mjs +8 -4
- app-ng-runtime/components/basic/progress/fesm2022/index.mjs +7 -3
- app-ng-runtime/components/basic/progress/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/basic/progress/progress-bar/progress-bar.component.d.ts +1 -0
- app-ng-runtime/components/input/epoch/base-date-time.component.d.ts +2 -1
- app-ng-runtime/components/input/epoch/bundles/index.umd.js +18 -14
- app-ng-runtime/components/input/epoch/esm2022/base-date-time.component.mjs +10 -6
- app-ng-runtime/components/input/epoch/esm2022/date/date.component.mjs +4 -4
- app-ng-runtime/components/input/epoch/esm2022/date-time/date-time.component.mjs +4 -4
- app-ng-runtime/components/input/epoch/fesm2022/index.mjs +15 -11
- app-ng-runtime/components/input/epoch/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/input/file-upload/bundles/index.umd.js +38 -33
- app-ng-runtime/components/input/file-upload/esm2022/file-upload.component.mjs +38 -34
- app-ng-runtime/components/input/file-upload/esm2022/file-upload.props.mjs +3 -2
- app-ng-runtime/components/input/file-upload/fesm2022/index.mjs +38 -33
- app-ng-runtime/components/input/file-upload/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/input/file-upload/file-upload.component.d.ts +2 -1
- app-ng-runtime/package.json +1 -1
|
@@ -50,7 +50,8 @@
|
|
|
50
50
|
['filelistheight', i3.PROP_NUMBER],
|
|
51
51
|
['width', { value: 'auto', ...i3.PROP_STRING }],
|
|
52
52
|
['showprogressbar', i3.PROP_BOOLEAN],
|
|
53
|
-
['showprogressbarpercentage', i3.PROP_BOOLEAN]
|
|
53
|
+
['showprogressbarpercentage', i3.PROP_BOOLEAN],
|
|
54
|
+
['deleteiconhint', { value: 'Delete', ...i3.PROP_STRING }]
|
|
54
55
|
]));
|
|
55
56
|
i3.registerFormWidget(i1.FormWidgetType.UPLOAD, new Map([
|
|
56
57
|
['disabled', i3.PROP_BOOLEAN],
|
|
@@ -185,14 +186,14 @@
|
|
|
185
186
|
i0__namespace.ɵɵadvance();
|
|
186
187
|
i0__namespace.ɵɵproperty("innerHTML", ctx_r1.caption, i0__namespace.ɵɵsanitizeHtml);
|
|
187
188
|
} }
|
|
188
|
-
function
|
|
189
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_span_8_Template(rf, ctx) { if (rf & 1) {
|
|
189
190
|
i0__namespace.ɵɵelement(0, "span");
|
|
190
191
|
i0__namespace.ɵɵpipe(1, "stateClass");
|
|
191
192
|
} if (rf & 2) {
|
|
192
193
|
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
193
194
|
i0__namespace.ɵɵclassMapInterpolate1("status-icon ", i0__namespace.ɵɵpipeBind1(1, 3, ft_r7.status), "");
|
|
194
195
|
} }
|
|
195
|
-
function
|
|
196
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_span_10_Template(rf, ctx) { if (rf & 1) {
|
|
196
197
|
i0__namespace.ɵɵelementStart(0, "span", 47);
|
|
197
198
|
i0__namespace.ɵɵtext(1);
|
|
198
199
|
i0__namespace.ɵɵpipe(2, "filesize");
|
|
@@ -202,7 +203,7 @@
|
|
|
202
203
|
i0__namespace.ɵɵadvance();
|
|
203
204
|
i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ft_r7.size, 0));
|
|
204
205
|
} }
|
|
205
|
-
function
|
|
206
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_span_11_Template(rf, ctx) { if (rf & 1) {
|
|
206
207
|
i0__namespace.ɵɵelement(0, "span", 34);
|
|
207
208
|
i0__namespace.ɵɵpipe(1, "stateClass");
|
|
208
209
|
} if (rf & 2) {
|
|
@@ -211,12 +212,12 @@
|
|
|
211
212
|
i0__namespace.ɵɵclassMapInterpolate1("status-icon ", i0__namespace.ɵɵpipeBind1(1, 4, ft_r7.status), "");
|
|
212
213
|
i0__namespace.ɵɵpropertyInterpolate("title", ft_r7.errMsg || ctx_r1.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
|
|
213
214
|
} }
|
|
214
|
-
function
|
|
215
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_span_12_Template(rf, ctx) { if (rf & 1) {
|
|
215
216
|
i0__namespace.ɵɵelementStart(0, "span", 48);
|
|
216
217
|
i0__namespace.ɵɵtext(1, "Upload Failed");
|
|
217
218
|
i0__namespace.ɵɵelementEnd();
|
|
218
219
|
} }
|
|
219
|
-
function
|
|
220
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_div_13_Template(rf, ctx) { if (rf & 1) {
|
|
220
221
|
i0__namespace.ɵɵelementStart(0, "div", 49);
|
|
221
222
|
i0__namespace.ɵɵelement(1, "div", 50);
|
|
222
223
|
i0__namespace.ɵɵelementEnd();
|
|
@@ -225,7 +226,7 @@
|
|
|
225
226
|
i0__namespace.ɵɵadvance();
|
|
226
227
|
i0__namespace.ɵɵproperty("ngClass", ft_r7.status === "error" ? "progress-bar-danger" : "progress-bar-info")("ngStyle", i0__namespace.ɵɵpureFunction1(2, _c3, ft_r7.progress + "%"));
|
|
227
228
|
} }
|
|
228
|
-
function
|
|
229
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
229
230
|
i0__namespace.ɵɵelementStart(0, "div", 51);
|
|
230
231
|
i0__namespace.ɵɵtext(1);
|
|
231
232
|
i0__namespace.ɵɵelementEnd();
|
|
@@ -234,17 +235,17 @@
|
|
|
234
235
|
i0__namespace.ɵɵadvance();
|
|
235
236
|
i0__namespace.ɵɵtextInterpolate1("", ft_r7.progress + "%", " ");
|
|
236
237
|
} }
|
|
237
|
-
function
|
|
238
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_div_15_Template(rf, ctx) { if (rf & 1) {
|
|
238
239
|
const _r8 = i0__namespace.ɵɵgetCurrentView();
|
|
239
240
|
i0__namespace.ɵɵelementStart(0, "div", 45)(1, "a", 52);
|
|
240
|
-
i0__namespace.ɵɵlistener("click", function
|
|
241
|
+
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_ng_container_1_li_1_div_15_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r8); const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.abortFileUpload(ft_r7)); });
|
|
241
242
|
i0__namespace.ɵɵelement(2, "i", 53);
|
|
242
243
|
i0__namespace.ɵɵelementEnd()();
|
|
243
244
|
} }
|
|
244
|
-
function
|
|
245
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_a_17_Template(rf, ctx) { if (rf & 1) {
|
|
245
246
|
const _r9 = i0__namespace.ɵɵgetCurrentView();
|
|
246
247
|
i0__namespace.ɵɵelementStart(0, "a", 54);
|
|
247
|
-
i0__namespace.ɵɵlistener("click", function
|
|
248
|
+
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_ng_container_1_li_1_a_17_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r9); const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.clear(ft_r7)); });
|
|
248
249
|
i0__namespace.ɵɵelement(1, "i");
|
|
249
250
|
i0__namespace.ɵɵelementEnd();
|
|
250
251
|
} if (rf & 2) {
|
|
@@ -253,31 +254,35 @@
|
|
|
253
254
|
i0__namespace.ɵɵadvance();
|
|
254
255
|
i0__namespace.ɵɵclassMap(ctx_r1.cleariconclass);
|
|
255
256
|
} }
|
|
256
|
-
function
|
|
257
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_div_18_Template(rf, ctx) { if (rf & 1) {
|
|
257
258
|
const _r10 = i0__namespace.ɵɵgetCurrentView();
|
|
258
|
-
i0__namespace.ɵɵelementStart(0, "div", 45)(1, "a",
|
|
259
|
-
i0__namespace.ɵɵlistener("click", function
|
|
260
|
-
i0__namespace.ɵɵelement(2, "i",
|
|
259
|
+
i0__namespace.ɵɵelementStart(0, "div", 45)(1, "a", 54);
|
|
260
|
+
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_ng_container_1_li_1_div_18_Template_a_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r10); const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileDelete($event, ft_r7)); });
|
|
261
|
+
i0__namespace.ɵɵelement(2, "i", 55);
|
|
261
262
|
i0__namespace.ɵɵelementEnd()();
|
|
263
|
+
} if (rf & 2) {
|
|
264
|
+
const ctx_r1 = i0__namespace.ɵɵnextContext(4);
|
|
265
|
+
i0__namespace.ɵɵadvance();
|
|
266
|
+
i0__namespace.ɵɵpropertyInterpolate("title", ctx_r1.deleteiconhint);
|
|
262
267
|
} }
|
|
263
|
-
function
|
|
268
|
+
function FileUploadComponent_ul_4_ng_container_1_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
264
269
|
i0__namespace.ɵɵelementStart(0, "li", 32)(1, "div", 33);
|
|
265
270
|
i0__namespace.ɵɵelement(2, "div", 34);
|
|
266
271
|
i0__namespace.ɵɵpipe(3, "fileIconClass");
|
|
267
272
|
i0__namespace.ɵɵelementStart(4, "div", 35)(5, "p", 36)(6, "span", 37);
|
|
268
273
|
i0__namespace.ɵɵtext(7);
|
|
269
274
|
i0__namespace.ɵɵelementEnd();
|
|
270
|
-
i0__namespace.ɵɵtemplate(8,
|
|
275
|
+
i0__namespace.ɵɵtemplate(8, FileUploadComponent_ul_4_ng_container_1_li_1_span_8_Template, 2, 5, "span", 38);
|
|
271
276
|
i0__namespace.ɵɵelement(9, "br");
|
|
272
|
-
i0__namespace.ɵɵtemplate(10,
|
|
277
|
+
i0__namespace.ɵɵtemplate(10, FileUploadComponent_ul_4_ng_container_1_li_1_span_10_Template, 3, 4, "span", 39)(11, FileUploadComponent_ul_4_ng_container_1_li_1_span_11_Template, 2, 6, "span", 40)(12, FileUploadComponent_ul_4_ng_container_1_li_1_span_12_Template, 2, 0, "span", 41);
|
|
273
278
|
i0__namespace.ɵɵelementEnd();
|
|
274
|
-
i0__namespace.ɵɵtemplate(13,
|
|
279
|
+
i0__namespace.ɵɵtemplate(13, FileUploadComponent_ul_4_ng_container_1_li_1_div_13_Template, 2, 4, "div", 42)(14, FileUploadComponent_ul_4_ng_container_1_li_1_div_14_Template, 2, 1, "div", 43);
|
|
275
280
|
i0__namespace.ɵɵelementEnd();
|
|
276
|
-
i0__namespace.ɵɵtemplate(15,
|
|
281
|
+
i0__namespace.ɵɵtemplate(15, FileUploadComponent_ul_4_ng_container_1_li_1_div_15_Template, 3, 0, "div", 44);
|
|
277
282
|
i0__namespace.ɵɵelementStart(16, "div", 45);
|
|
278
|
-
i0__namespace.ɵɵtemplate(17,
|
|
283
|
+
i0__namespace.ɵɵtemplate(17, FileUploadComponent_ul_4_ng_container_1_li_1_a_17_Template, 2, 4, "a", 46);
|
|
279
284
|
i0__namespace.ɵɵelementEnd();
|
|
280
|
-
i0__namespace.ɵɵtemplate(18,
|
|
285
|
+
i0__namespace.ɵɵtemplate(18, FileUploadComponent_ul_4_ng_container_1_li_1_div_18_Template, 3, 1, "div", 44);
|
|
281
286
|
i0__namespace.ɵɵelementEnd()();
|
|
282
287
|
} if (rf & 2) {
|
|
283
288
|
const ft_r7 = i0__namespace.ɵɵnextContext().$implicit;
|
|
@@ -306,10 +311,10 @@
|
|
|
306
311
|
i0__namespace.ɵɵadvance();
|
|
307
312
|
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "success");
|
|
308
313
|
} }
|
|
309
|
-
function
|
|
310
|
-
i0__namespace.ɵɵ
|
|
311
|
-
i0__namespace.ɵɵtemplate(1,
|
|
312
|
-
i0__namespace.ɵɵ
|
|
314
|
+
function FileUploadComponent_ul_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
315
|
+
i0__namespace.ɵɵelementContainerStart(0);
|
|
316
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_ng_container_1_li_1_Template, 19, 16, "li", 31);
|
|
317
|
+
i0__namespace.ɵɵelementContainerEnd();
|
|
313
318
|
} if (rf & 2) {
|
|
314
319
|
const ft_r7 = ctx.$implicit;
|
|
315
320
|
i0__namespace.ɵɵadvance();
|
|
@@ -317,7 +322,7 @@
|
|
|
317
322
|
} }
|
|
318
323
|
function FileUploadComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
|
|
319
324
|
i0__namespace.ɵɵelementStart(0, "ul", 29);
|
|
320
|
-
i0__namespace.ɵɵtemplate(1,
|
|
325
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_ng_container_1_Template, 2, 1, "ng-container", 30);
|
|
321
326
|
i0__namespace.ɵɵelementEnd();
|
|
322
327
|
} if (rf & 2) {
|
|
323
328
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -326,7 +331,7 @@
|
|
|
326
331
|
i0__namespace.ɵɵproperty("ngForOf", ctx_r1.uploadedFiles);
|
|
327
332
|
} }
|
|
328
333
|
function FileUploadComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
329
|
-
i0__namespace.ɵɵelementStart(0, "li",
|
|
334
|
+
i0__namespace.ɵɵelementStart(0, "li", 58)(1, "div", 33);
|
|
330
335
|
i0__namespace.ɵɵelement(2, "div", 59);
|
|
331
336
|
i0__namespace.ɵɵelementStart(3, "div", 35)(4, "p", 60)(5, "label", 37);
|
|
332
337
|
i0__namespace.ɵɵtext(6);
|
|
@@ -342,8 +347,8 @@
|
|
|
342
347
|
i0__namespace.ɵɵtextInterpolate(ft_r11.name);
|
|
343
348
|
} }
|
|
344
349
|
function FileUploadComponent_ul_5_Template(rf, ctx) { if (rf & 1) {
|
|
345
|
-
i0__namespace.ɵɵelementStart(0, "ul",
|
|
346
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li",
|
|
350
|
+
i0__namespace.ɵɵelementStart(0, "ul", 56);
|
|
351
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li", 57);
|
|
347
352
|
i0__namespace.ɵɵelementEnd();
|
|
348
353
|
} if (rf & 2) {
|
|
349
354
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -723,7 +728,7 @@
|
|
|
723
728
|
static { this.ɵfac = function FileUploadComponent_Factory(t) { return new (t || FileUploadComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.App), i0__namespace.ɵɵinjectAttribute('select.event'), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
|
|
724
729
|
static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: FileUploadComponent, selectors: [["", "wmFileUpload", ""]], features: [i0__namespace.ɵɵProvidersFeature([
|
|
725
730
|
i3.provideAsWidgetRef(FileUploadComponent)
|
|
726
|
-
]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 6, vars: 5, consts: [["init-widget", "", 1, "app-fileupload"], ["class", "app-multi-file-upload", 4, "ngIf"], ["class", "app-single-file-upload", 4, "ngIf"], ["focus-target", "", "class", "app-button btn btn-default", 3, "disabled", "click", 4, "ngIf"], ["class", "list-group file-upload", 3, "ngStyle", 4, "ngIf"], ["class", "list-group file-upload", 3, "ngStyle", "title", 4, "ngIf"], [1, "app-multi-file-upload"], ["id", "dropzone", 1, "drop-box", 3, "click", "dragover", "drop", "ngClass"], [1, "message"], [1, "upload-label", 3, "innerHtml"], [1, "form-horizontal", 3, "name"], ["class", "file-input", "type", "file", "name", "files", "multiple", "", 3, "disabled", "accept", "click", "change", 4, "ngIf"], ["href", "javascript:void(0);", 1, "app-anchor", "upload-label"], ["class", "upload-extensions", 3, "innerHtml", 4, "ngIf"], ["class", "upload-extensions", 4, "ngIf"], ["type", "file", "name", "files", "multiple", "", 1, "file-input", 3, "click", "change", "disabled", "accept"], [1, "upload-extensions", 3, "innerHtml"], [1, "upload-extensions"], [1, "app-single-file-upload"], [1, "app-button-wrapper"], ["class", "file-input", "multiple", "", "name", "files", "type", "file", 3, "accept", "disabled", "change", "click", 4, "ngIf"], ["class", "file-input", "name", "files", "type", "file", 3, "accept", "disabled", "change", "click", 4, "ngIf"], ["id", "dropzone", "focus-target", "", 1, "app-button", "btn", "btn-default", 3, "ngClass"], ["aria-hidden", "true"], [1, "caption", 3, "innerHTML"], [1, "app-files-upload-status", "single"], ["multiple", "", "name", "files", "type", "file", 1, "file-input", 3, "change", "click", "accept", "disabled"], ["name", "files", "type", "file", 1, "file-input", 3, "change", "click", "accept", "disabled"], ["focus-target", "", 1, "app-button", "btn", "btn-default", 3, "click", "disabled"], [1, "list-group", "file-upload", 3, "ngStyle"], [4, "ngFor", "ngForOf"], ["class", "list-group-item file-upload-status", 4, "ngIf"], [1, "list-group-item", "file-upload-status"], [1, "media", "upload-file-list"], [3, "title"], [1, "media-body", "media-middle", "file-details"], [1, "uploaddetails", "col-md-3"], [1, "upload-title"], [3, "class", 4, "ngIf"], ["class", "filesize", 4, "ngIf"], [3, "class", "title", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["class", "progress col-md-7 upload-progress", 4, "ngIf"], ["class", "col-md-1 upload-progress-percentage", 4, "ngIf"], ["class", "media-right media-middle", 4, "ngIf"], [1, "media-right", "media-middle"], ["class", "btn btn-transparent btn-default status-icon", "type", "button", 3, "title", "click", 4, "ngIf"], [1, "filesize"], [1, "error-message"], [1, "progress", "col-md-7", "upload-progress"], [1, "progress-bar", "progress-bar-striped", 3, "ngClass", "ngStyle"], [1, "col-md-1", "upload-progress-percentage"], ["type", "button", 1, "btn", "btn-transparent", "file-upload-stop", 3, "click"], [1, "wi", "wi-close"], ["
|
|
731
|
+
]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 6, vars: 5, consts: [["init-widget", "", 1, "app-fileupload"], ["class", "app-multi-file-upload", 4, "ngIf"], ["class", "app-single-file-upload", 4, "ngIf"], ["focus-target", "", "class", "app-button btn btn-default", 3, "disabled", "click", 4, "ngIf"], ["class", "list-group file-upload", "tabindex", "0", 3, "ngStyle", 4, "ngIf"], ["class", "list-group file-upload", 3, "ngStyle", "title", 4, "ngIf"], [1, "app-multi-file-upload"], ["id", "dropzone", 1, "drop-box", 3, "click", "dragover", "drop", "ngClass"], [1, "message"], [1, "upload-label", 3, "innerHtml"], [1, "form-horizontal", 3, "name"], ["class", "file-input", "type", "file", "name", "files", "multiple", "", 3, "disabled", "accept", "click", "change", 4, "ngIf"], ["href", "javascript:void(0);", 1, "app-anchor", "upload-label"], ["class", "upload-extensions", 3, "innerHtml", 4, "ngIf"], ["class", "upload-extensions", 4, "ngIf"], ["type", "file", "name", "files", "multiple", "", 1, "file-input", 3, "click", "change", "disabled", "accept"], [1, "upload-extensions", 3, "innerHtml"], [1, "upload-extensions"], [1, "app-single-file-upload"], [1, "app-button-wrapper"], ["class", "file-input", "multiple", "", "name", "files", "type", "file", 3, "accept", "disabled", "change", "click", 4, "ngIf"], ["class", "file-input", "name", "files", "type", "file", 3, "accept", "disabled", "change", "click", 4, "ngIf"], ["id", "dropzone", "focus-target", "", 1, "app-button", "btn", "btn-default", 3, "ngClass"], ["aria-hidden", "true"], [1, "caption", 3, "innerHTML"], [1, "app-files-upload-status", "single"], ["multiple", "", "name", "files", "type", "file", 1, "file-input", 3, "change", "click", "accept", "disabled"], ["name", "files", "type", "file", 1, "file-input", 3, "change", "click", "accept", "disabled"], ["focus-target", "", 1, "app-button", "btn", "btn-default", 3, "click", "disabled"], ["tabindex", "0", 1, "list-group", "file-upload", 3, "ngStyle"], [4, "ngFor", "ngForOf"], ["class", "list-group-item file-upload-status", "tabindex", "0", 4, "ngIf"], ["tabindex", "0", 1, "list-group-item", "file-upload-status"], [1, "media", "upload-file-list"], [3, "title"], [1, "media-body", "media-middle", "file-details"], [1, "uploaddetails", "col-md-3"], [1, "upload-title"], [3, "class", 4, "ngIf"], ["class", "filesize", 4, "ngIf"], [3, "class", "title", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["class", "progress col-md-7 upload-progress", 4, "ngIf"], ["class", "col-md-1 upload-progress-percentage", 4, "ngIf"], ["class", "media-right media-middle", 4, "ngIf"], [1, "media-right", "media-middle"], ["href", "javascript:void(0)", "class", "btn btn-transparent btn-default status-icon", "type", "button", 3, "title", "click", 4, "ngIf"], [1, "filesize"], [1, "error-message"], [1, "progress", "col-md-7", "upload-progress"], [1, "progress-bar", "progress-bar-striped", 3, "ngClass", "ngStyle"], [1, "col-md-1", "upload-progress-percentage"], ["href", "javascript:void(0)", "type", "button", 1, "btn", "btn-transparent", "file-upload-stop", 3, "click"], [1, "wi", "wi-close"], ["href", "javascript:void(0)", "type", "button", 1, "btn", "btn-transparent", "btn-default", "status-icon", 3, "click", "title"], [1, "wi", "wi-delete"], [1, "list-group", "file-upload", 3, "ngStyle", "title"], ["class", "list-group-item file-upload-status", 4, "ngFor", "ngForOf"], [1, "list-group-item", "file-upload-status"], [1, "media-left", "media-middle", "file-icon", "fa", "fa-folder-o"], [1, "uploaddetails"], [1, "status-icon", "wi", "wi-cancel", "text-danger"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
|
|
727
732
|
i0__namespace.ɵɵelementStart(0, "div", 0);
|
|
728
733
|
i0__namespace.ɵɵtemplate(1, FileUploadComponent_div_1_Template, 12, 13, "div", 1)(2, FileUploadComponent_div_2_Template, 9, 10, "div", 2)(3, FileUploadComponent_button_3_Template, 3, 5, "button", 3)(4, FileUploadComponent_ul_4_Template, 2, 5, "ul", 4)(5, FileUploadComponent_ul_5_Template, 2, 6, "ul", 5);
|
|
729
734
|
i0__namespace.ɵɵelementEnd();
|
|
@@ -744,7 +749,7 @@
|
|
|
744
749
|
type: i0.Component,
|
|
745
750
|
args: [{ selector: '[wmFileUpload]', providers: [
|
|
746
751
|
i3.provideAsWidgetRef(FileUploadComponent)
|
|
747
|
-
], template: "<div class=\"app-fileupload\" init-widget>\n <!-- drag and drop files UI in web -->\n <div class=\"app-multi-file-upload\" *ngIf=\"!_isMobileType && multiple\">\n <div id=\"dropzone\" class=\"drop-box\" (click)=\"triggerFileSelect()\" [ngClass]=\"{'highlight-drop-box' : highlightDropArea}\" (dragover)=\"dragOverHandler($event);\" (drop)=\"onFileDrop($event);\">\n <i class=\"{{iconclass}}\"></i>\n <div class=\"message\">\n <label [innerHtml]=\"caption\" class=\"upload-label\"></label>\n <form class=\"form-horizontal\" name=\"{{formName}}\">\n <input class=\"file-input\" [attr.aria-label]=\"hint || 'File selection field'\" type=\"file\" name=\"files\" *ngIf=\"multiple\" [disabled]=\"disabled\" [accept]=\"chooseFilter\" (click)=\"onFileElemClick($event)\" (change)=\"onFileSelect($event, $event.target.files)\" multiple >\n <a class=\"app-anchor upload-label\" href=\"javascript:void(0);\">{{ fileUploadMessage }}</a>\n </form>\n <label *ngIf=\"chooseFilter\" [innerHtml]=\"chooseFilter + ' only '\" class=\"upload-extensions\"></label>\n <span *ngIf=\"chooseFilter && maxfilesize\" class=\"upload-extensions\"> . </span>\n <label *ngIf=\"maxfilesize\" [innerHtml]=\"maxfilesize + 'MB max'\" class=\"upload-extensions\"></label>\n </div>\n </div>\n </div>\n <!-- single file upload in web and single , multiple file upload UI in mobile runmode -->\n <div class=\"app-single-file-upload\" *ngIf=\"!_isCordova && (!multiple || _isMobileType)\">\n <div class=\"app-button-wrapper\">\n <form class=\"form-horizontal\" name=\"{{formName}}\">\n <!-- support for file upload in Mobileapp in its runmode (Web) -->\n <input (change)=\"onFileSelect($event, $event.target.files)\" (click)=\"onFileElemClick($event)\" *ngIf=\"multiple\"\n [accept]=\"chooseFilter\" [attr.aria-label]=\"arialabel || 'File selection field'\" [disabled]=\"disabled\" class=\"file-input\"\n multiple name=\"files\" type=\"file\">\n <input (change)=\"onFileSelect($event, $event.target.files)\" (click)=\"onFileElemClick($event)\" *ngIf=\"!multiple\"\n [accept]=\"chooseFilter\" [attr.aria-label]=\"arialabel || 'File selection field'\" [disabled]=\"disabled\" class=\"file-input\"\n name=\"files\" type=\"file\">\n <button id=\"dropzone\" focus-target class=\"app-button btn btn-default\" [ngClass]=\"{'highlight-drop-box' : highlightDropArea}\">\n <i class=\"{{iconclass}}\" aria-hidden=\"true\"></i>\n <span class=\"caption\" [innerHTML]=\"caption\"></span>\n </button>\n </form>\n </div>\n <div class=\"app-files-upload-status single\"></div>\n </div>\n <!-- support for file upload in Mobile Application (device) -->\n <button *ngIf=\"_isCordova\" focus-target class=\"app-button btn btn-default\" (click)=\"openFileSelector()\" [disabled]=\"disabled\">\n <i class=\"{{iconclass}}\"></i>\n <span class=\"caption\" [innerHTML]=\"caption\"></span>\n </button>\n <!-- list of selectedfiles UI -->\n <ul class=\"list-group file-upload\" [ngStyle]=\"{height: filelistheight, overflow: overflow}\"
|
|
752
|
+
], template: "<div class=\"app-fileupload\" init-widget>\n <!-- drag and drop files UI in web -->\n <div class=\"app-multi-file-upload\" *ngIf=\"!_isMobileType && multiple\">\n <div id=\"dropzone\" class=\"drop-box\" (click)=\"triggerFileSelect()\" [ngClass]=\"{'highlight-drop-box' : highlightDropArea}\" (dragover)=\"dragOverHandler($event);\" (drop)=\"onFileDrop($event);\">\n <i class=\"{{iconclass}}\"></i>\n <div class=\"message\">\n <label [innerHtml]=\"caption\" class=\"upload-label\"></label>\n <form class=\"form-horizontal\" name=\"{{formName}}\">\n <input class=\"file-input\" [attr.aria-label]=\"hint || 'File selection field'\" type=\"file\" name=\"files\" *ngIf=\"multiple\" [disabled]=\"disabled\" [accept]=\"chooseFilter\" (click)=\"onFileElemClick($event)\" (change)=\"onFileSelect($event, $event.target.files)\" multiple >\n <a class=\"app-anchor upload-label\" href=\"javascript:void(0);\">{{ fileUploadMessage }}</a>\n </form>\n <label *ngIf=\"chooseFilter\" [innerHtml]=\"chooseFilter + ' only '\" class=\"upload-extensions\"></label>\n <span *ngIf=\"chooseFilter && maxfilesize\" class=\"upload-extensions\"> . </span>\n <label *ngIf=\"maxfilesize\" [innerHtml]=\"maxfilesize + 'MB max'\" class=\"upload-extensions\"></label>\n </div>\n </div>\n </div>\n <!-- single file upload in web and single , multiple file upload UI in mobile runmode -->\n <div class=\"app-single-file-upload\" *ngIf=\"!_isCordova && (!multiple || _isMobileType)\">\n <div class=\"app-button-wrapper\">\n <form class=\"form-horizontal\" name=\"{{formName}}\">\n <!-- support for file upload in Mobileapp in its runmode (Web) -->\n <input (change)=\"onFileSelect($event, $event.target.files)\" (click)=\"onFileElemClick($event)\" *ngIf=\"multiple\"\n [accept]=\"chooseFilter\" [attr.aria-label]=\"arialabel || 'File selection field'\" [disabled]=\"disabled\" class=\"file-input\"\n multiple name=\"files\" type=\"file\">\n <input (change)=\"onFileSelect($event, $event.target.files)\" (click)=\"onFileElemClick($event)\" *ngIf=\"!multiple\"\n [accept]=\"chooseFilter\" [attr.aria-label]=\"arialabel || 'File selection field'\" [disabled]=\"disabled\" class=\"file-input\"\n name=\"files\" type=\"file\">\n <button id=\"dropzone\" focus-target class=\"app-button btn btn-default\" [ngClass]=\"{'highlight-drop-box' : highlightDropArea}\">\n <i class=\"{{iconclass}}\" aria-hidden=\"true\"></i>\n <span class=\"caption\" [innerHTML]=\"caption\"></span>\n </button>\n </form>\n </div>\n <div class=\"app-files-upload-status single\"></div>\n </div>\n <!-- support for file upload in Mobile Application (device) -->\n <button *ngIf=\"_isCordova\" focus-target class=\"app-button btn btn-default\" (click)=\"openFileSelector()\" [disabled]=\"disabled\">\n <i class=\"{{iconclass}}\"></i>\n <span class=\"caption\" [innerHTML]=\"caption\"></span>\n </button>\n <!-- list of selectedfiles UI -->\n <ul class=\"list-group file-upload\" [ngStyle]=\"{height: filelistheight, overflow: overflow}\"\n *ngIf=\"uploadedFiles.length > 0\" tabindex=\"0\">\n <ng-container *ngFor=\"let ft of uploadedFiles\">\n <li class=\"list-group-item file-upload-status\" *ngIf=\"ft.status !== 'abort'\" tabindex=\"0\">\n <div class=\"media upload-file-list\">\n <div class=\"media-left media-middle file-icon {{getFileExtension(ft.name) | fileIconClass}}\" title=\"{{getFileExtension(ft.name)}}\"></div>\n <div class=\"media-body media-middle file-details\">\n <p class=\"uploaddetails col-md-3\">\n <span class=\"upload-title\">{{ ft.storageName || ft.name }}</span>\n <span *ngIf=\"ft.status === 'success'\"\n class=\"status-icon {{ft.status | stateClass }}\"></span>\n <br/>\n <span class=\"filesize\" *ngIf=\"ft.fileLength !== 0\">{{ft.size | filesize:0}}</span>\n <span *ngIf=\"ft.status === 'error'\"\n class=\"status-icon {{ft.status | stateClass }}\"\n title=\"{{ft.errMsg || this.appLocale.MESSAGE_FILE_UPLOAD_FAILED}}\"></span>\n <span *ngIf=\"ft.status === 'error'\" class=\"error-message\">Upload Failed</span>\n </p>\n <div *ngIf=\"ft.status === 'onProgress' || showprogressbar\"\n class=\"progress col-md-7 upload-progress\">\n <div [ngClass]=\"ft.status === 'error' ? 'progress-bar-danger' : 'progress-bar-info'\"\n [ngStyle]=\"{width: (ft.progress +'%')}\"\n class=\"progress-bar progress-bar-striped\"></div>\n </div>\n <div *ngIf=\"(ft.status === 'onProgress' || showprogressbar && showprogressbarpercentage) && ft.progress \"\n class=\"col-md-1 upload-progress-percentage\">{{ ft.progress + '%' }}\n </div>\n </div>\n <div class=\"media-right media-middle\" *ngIf=\"ft.status === 'onProgress' || ft.status === 'queued'\">\n <a href=\"javascript:void(0)\" class=\"btn btn-transparent file-upload-stop\" type=\"button\"\n (click)=\"abortFileUpload(ft)\">\n <i class=\"wi wi-close\"></i>\n </a>\n </div>\n <div class=\"media-right media-middle\">\n <a href=\"javascript:void(0)\" (click)=\"clear(ft)\"\n *ngIf=\"cleariconclass !== '' && ft.status !== 'onProgress'\"\n class=\"btn btn-transparent btn-default status-icon\" title=\"{{cleariconhint}}\" type=\"button\">\n <i class=\"{{cleariconclass}}\"></i>\n </a>\n </div>\n <div class=\"media-right media-middle\" *ngIf=\"ft.status === 'success'\">\n <a href=\"javascript:void(0)\" (click)=\"onFileDelete($event, ft)\"\n class=\"btn btn-transparent btn-default status-icon\" title=\"{{deleteiconhint}}\" type=\"button\">\n <i class=\"wi wi-delete\"></i>\n </a>\n </div>\n </div>\n </li>\n </ng-container>\n </ul>\n <!-- list of selectedfolders UI to show the error in title -->\n <ul class=\"list-group file-upload\" [ngStyle]=\"{height: filelistheight, overflow: overflow}\" title=\"{{this.appLocale.MESSAGE_FOLDER_UPLOADS_NOT_ALLOWED}}\" *ngIf=\"selectedFolders.length > 0\" >\n <li *ngFor=\"let ft of selectedFolders\" class=\"list-group-item file-upload-status\">\n <div class=\"media upload-file-list\">\n <div class=\"media-left media-middle file-icon fa fa-folder-o\"></div>\n <div class=\"media-body media-middle file-details\">\n <p class=\"uploaddetails\">\n <label class=\"upload-title\">{{ft.name}}</label><br/>\n </p>\n </div>\n <div class=\"media-right media-middle\" >\n <span class=\"status-icon wi wi-cancel text-danger\"></span>\n </div>\n </div>\n </li>\n </ul>\n</div>\n" }]
|
|
748
753
|
}], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.App }, { type: undefined, decorators: [{
|
|
749
754
|
type: i0.Attribute,
|
|
750
755
|
args: ['select.event']
|
|
@@ -754,7 +759,7 @@
|
|
|
754
759
|
}, {
|
|
755
760
|
type: i0.Optional
|
|
756
761
|
}] }], null); })();
|
|
757
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(FileUploadComponent, { className: "FileUploadComponent", filePath: "file-upload.component.ts", lineNumber:
|
|
762
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(FileUploadComponent, { className: "FileUploadComponent", filePath: "file-upload.component.ts", lineNumber: 35 }); })();
|
|
758
763
|
|
|
759
764
|
const components = [
|
|
760
765
|
FileUploadComponent
|