@wavemaker/app-ng-runtime 11.8.5-next.27439 → 11.8.5-next.27442
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/components/base/bundles/index.umd.js +1 -1
- app-ng-runtime/components/base/esm2022/pipes/custom-pipes.mjs +3 -3
- app-ng-runtime/components/base/fesm2022/index.mjs +1 -1
- app-ng-runtime/components/base/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/base/pipes/custom-pipes.d.ts +1 -1
- app-ng-runtime/components/input/file-upload/bundles/index.umd.js +118 -76
- app-ng-runtime/components/input/file-upload/esm2022/file-upload.component.mjs +116 -77
- app-ng-runtime/components/input/file-upload/esm2022/file-upload.props.mjs +4 -1
- app-ng-runtime/components/input/file-upload/fesm2022/index.mjs +118 -76
- 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 -0
- app-ng-runtime/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PipeTransform } from '@angular/core';
|
|
2
2
|
import { DatePipe, DecimalPipe } from '@angular/common';
|
|
3
|
-
import {
|
|
3
|
+
import { AbstractI18nService, CustomPipeManager } from '@wm/core';
|
|
4
4
|
import { WmPipe } from "./wm-pipe";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class TrailingZeroDecimalPipe implements PipeTransform {
|
|
@@ -46,6 +46,9 @@
|
|
|
46
46
|
['selectedFiles', i3.PROP_STRING],
|
|
47
47
|
['destination', i3.PROP_STRING],
|
|
48
48
|
['filelistheight', i3.PROP_NUMBER],
|
|
49
|
+
['width', { value: 'auto', ...i3.PROP_STRING }],
|
|
50
|
+
['showprogressbar', i3.PROP_BOOLEAN],
|
|
51
|
+
['showprogressbarpercentage', i3.PROP_BOOLEAN]
|
|
49
52
|
]));
|
|
50
53
|
i3.registerFormWidget(i1.FormWidgetType.UPLOAD, new Map([
|
|
51
54
|
['disabled', i3.PROP_BOOLEAN],
|
|
@@ -63,7 +66,7 @@
|
|
|
63
66
|
const _c3 = a0 => ({ width: a0 });
|
|
64
67
|
function FileUploadComponent_div_1_input_6_Template(rf, ctx) { if (rf & 1) {
|
|
65
68
|
const _r3 = i0__namespace.ɵɵgetCurrentView();
|
|
66
|
-
i0__namespace.ɵɵelementStart(0, "input",
|
|
69
|
+
i0__namespace.ɵɵelementStart(0, "input", 15);
|
|
67
70
|
i0__namespace.ɵɵlistener("click", function FileUploadComponent_div_1_input_6_Template_input_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_1_input_6_Template_input_change_0_listener($event) { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
68
71
|
i0__namespace.ɵɵelementEnd();
|
|
69
72
|
} if (rf & 2) {
|
|
@@ -71,6 +74,23 @@
|
|
|
71
74
|
i0__namespace.ɵɵproperty("disabled", ctx_r1.disabled)("accept", ctx_r1.chooseFilter);
|
|
72
75
|
i0__namespace.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
|
|
73
76
|
} }
|
|
77
|
+
function FileUploadComponent_div_1_label_9_Template(rf, ctx) { if (rf & 1) {
|
|
78
|
+
i0__namespace.ɵɵelement(0, "label", 16);
|
|
79
|
+
} if (rf & 2) {
|
|
80
|
+
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
81
|
+
i0__namespace.ɵɵproperty("innerHtml", ctx_r1.chooseFilter + " only ", i0__namespace.ɵɵsanitizeHtml);
|
|
82
|
+
} }
|
|
83
|
+
function FileUploadComponent_div_1_span_10_Template(rf, ctx) { if (rf & 1) {
|
|
84
|
+
i0__namespace.ɵɵelementStart(0, "span", 17);
|
|
85
|
+
i0__namespace.ɵɵtext(1, " . ");
|
|
86
|
+
i0__namespace.ɵɵelementEnd();
|
|
87
|
+
} }
|
|
88
|
+
function FileUploadComponent_div_1_label_11_Template(rf, ctx) { if (rf & 1) {
|
|
89
|
+
i0__namespace.ɵɵelement(0, "label", 16);
|
|
90
|
+
} if (rf & 2) {
|
|
91
|
+
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
92
|
+
i0__namespace.ɵɵproperty("innerHtml", ctx_r1.maxfilesize + "MB max", i0__namespace.ɵɵsanitizeHtml);
|
|
93
|
+
} }
|
|
74
94
|
function FileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
75
95
|
const _r1 = i0__namespace.ɵɵgetCurrentView();
|
|
76
96
|
i0__namespace.ɵɵelementStart(0, "div", 6)(1, "div", 7);
|
|
@@ -82,11 +102,13 @@
|
|
|
82
102
|
i0__namespace.ɵɵtemplate(6, FileUploadComponent_div_1_input_6_Template, 1, 3, "input", 11);
|
|
83
103
|
i0__namespace.ɵɵelementStart(7, "a", 12);
|
|
84
104
|
i0__namespace.ɵɵtext(8);
|
|
85
|
-
i0__namespace.ɵɵelementEnd()()
|
|
105
|
+
i0__namespace.ɵɵelementEnd()();
|
|
106
|
+
i0__namespace.ɵɵtemplate(9, FileUploadComponent_div_1_label_9_Template, 1, 1, "label", 13)(10, FileUploadComponent_div_1_span_10_Template, 2, 0, "span", 14)(11, FileUploadComponent_div_1_label_11_Template, 1, 1, "label", 13);
|
|
107
|
+
i0__namespace.ɵɵelementEnd()()();
|
|
86
108
|
} if (rf & 2) {
|
|
87
109
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
88
110
|
i0__namespace.ɵɵadvance();
|
|
89
|
-
i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(
|
|
111
|
+
i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c1, ctx_r1.highlightDropArea));
|
|
90
112
|
i0__namespace.ɵɵadvance();
|
|
91
113
|
i0__namespace.ɵɵclassMap(ctx_r1.iconclass);
|
|
92
114
|
i0__namespace.ɵɵadvance(2);
|
|
@@ -97,10 +119,16 @@
|
|
|
97
119
|
i0__namespace.ɵɵproperty("ngIf", ctx_r1.multiple);
|
|
98
120
|
i0__namespace.ɵɵadvance(2);
|
|
99
121
|
i0__namespace.ɵɵtextInterpolate(ctx_r1.fileUploadMessage);
|
|
122
|
+
i0__namespace.ɵɵadvance();
|
|
123
|
+
i0__namespace.ɵɵproperty("ngIf", ctx_r1.chooseFilter);
|
|
124
|
+
i0__namespace.ɵɵadvance();
|
|
125
|
+
i0__namespace.ɵɵproperty("ngIf", ctx_r1.chooseFilter && ctx_r1.maxfilesize);
|
|
126
|
+
i0__namespace.ɵɵadvance();
|
|
127
|
+
i0__namespace.ɵɵproperty("ngIf", ctx_r1.maxfilesize);
|
|
100
128
|
} }
|
|
101
129
|
function FileUploadComponent_div_2_input_3_Template(rf, ctx) { if (rf & 1) {
|
|
102
130
|
const _r4 = i0__namespace.ɵɵgetCurrentView();
|
|
103
|
-
i0__namespace.ɵɵelementStart(0, "input",
|
|
131
|
+
i0__namespace.ɵɵelementStart(0, "input", 15);
|
|
104
132
|
i0__namespace.ɵɵlistener("click", function FileUploadComponent_div_2_input_3_Template_input_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_2_input_3_Template_input_change_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
105
133
|
i0__namespace.ɵɵelementEnd();
|
|
106
134
|
} if (rf & 2) {
|
|
@@ -110,7 +138,7 @@
|
|
|
110
138
|
} }
|
|
111
139
|
function FileUploadComponent_div_2_input_4_Template(rf, ctx) { if (rf & 1) {
|
|
112
140
|
const _r5 = i0__namespace.ɵɵgetCurrentView();
|
|
113
|
-
i0__namespace.ɵɵelementStart(0, "input",
|
|
141
|
+
i0__namespace.ɵɵelementStart(0, "input", 25);
|
|
114
142
|
i0__namespace.ɵɵlistener("click", function FileUploadComponent_div_2_input_4_Template_input_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r5); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_2_input_4_Template_input_change_0_listener($event) { i0__namespace.ɵɵrestoreView(_r5); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
115
143
|
i0__namespace.ɵɵelementEnd();
|
|
116
144
|
} if (rf & 2) {
|
|
@@ -119,12 +147,12 @@
|
|
|
119
147
|
i0__namespace.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
|
|
120
148
|
} }
|
|
121
149
|
function FileUploadComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
122
|
-
i0__namespace.ɵɵelementStart(0, "div",
|
|
123
|
-
i0__namespace.ɵɵtemplate(3, FileUploadComponent_div_2_input_3_Template, 1, 3, "input", 11)(4, FileUploadComponent_div_2_input_4_Template, 1, 3, "input",
|
|
124
|
-
i0__namespace.ɵɵelementStart(5, "button",
|
|
125
|
-
i0__namespace.ɵɵelement(6, "i",
|
|
150
|
+
i0__namespace.ɵɵelementStart(0, "div", 18)(1, "div", 19)(2, "form", 10);
|
|
151
|
+
i0__namespace.ɵɵtemplate(3, FileUploadComponent_div_2_input_3_Template, 1, 3, "input", 11)(4, FileUploadComponent_div_2_input_4_Template, 1, 3, "input", 20);
|
|
152
|
+
i0__namespace.ɵɵelementStart(5, "button", 21);
|
|
153
|
+
i0__namespace.ɵɵelement(6, "i", 22)(7, "span", 23);
|
|
126
154
|
i0__namespace.ɵɵelementEnd()()();
|
|
127
|
-
i0__namespace.ɵɵelement(8, "div",
|
|
155
|
+
i0__namespace.ɵɵelement(8, "div", 24);
|
|
128
156
|
i0__namespace.ɵɵelementEnd();
|
|
129
157
|
} if (rf & 2) {
|
|
130
158
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -143,9 +171,9 @@
|
|
|
143
171
|
} }
|
|
144
172
|
function FileUploadComponent_button_3_Template(rf, ctx) { if (rf & 1) {
|
|
145
173
|
const _r6 = i0__namespace.ɵɵgetCurrentView();
|
|
146
|
-
i0__namespace.ɵɵelementStart(0, "button",
|
|
174
|
+
i0__namespace.ɵɵelementStart(0, "button", 26);
|
|
147
175
|
i0__namespace.ɵɵlistener("click", function FileUploadComponent_button_3_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.openFileSelector()); });
|
|
148
|
-
i0__namespace.ɵɵelement(1, "i")(2, "span",
|
|
176
|
+
i0__namespace.ɵɵelement(1, "i")(2, "span", 23);
|
|
149
177
|
i0__namespace.ɵɵelementEnd();
|
|
150
178
|
} if (rf & 2) {
|
|
151
179
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -155,8 +183,15 @@
|
|
|
155
183
|
i0__namespace.ɵɵadvance();
|
|
156
184
|
i0__namespace.ɵɵproperty("innerHTML", ctx_r1.caption, i0__namespace.ɵɵsanitizeHtml);
|
|
157
185
|
} }
|
|
158
|
-
function
|
|
159
|
-
i0__namespace.ɵɵ
|
|
186
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_8_Template(rf, ctx) { if (rf & 1) {
|
|
187
|
+
i0__namespace.ɵɵelement(0, "span");
|
|
188
|
+
i0__namespace.ɵɵpipe(1, "stateClass");
|
|
189
|
+
} if (rf & 2) {
|
|
190
|
+
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
191
|
+
i0__namespace.ɵɵclassMapInterpolate1("status-icon ", i0__namespace.ɵɵpipeBind1(1, 3, ft_r7.status), "");
|
|
192
|
+
} }
|
|
193
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_10_Template(rf, ctx) { if (rf & 1) {
|
|
194
|
+
i0__namespace.ɵɵelementStart(0, "span", 45);
|
|
160
195
|
i0__namespace.ɵɵtext(1);
|
|
161
196
|
i0__namespace.ɵɵpipe(2, "filesize");
|
|
162
197
|
i0__namespace.ɵɵelementEnd();
|
|
@@ -165,95 +200,102 @@
|
|
|
165
200
|
i0__namespace.ɵɵadvance();
|
|
166
201
|
i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ft_r7.size, 0));
|
|
167
202
|
} }
|
|
168
|
-
function
|
|
169
|
-
i0__namespace.ɵɵ
|
|
170
|
-
i0__namespace.ɵɵ
|
|
203
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_11_Template(rf, ctx) { if (rf & 1) {
|
|
204
|
+
i0__namespace.ɵɵelement(0, "span", 32);
|
|
205
|
+
i0__namespace.ɵɵpipe(1, "stateClass");
|
|
206
|
+
} if (rf & 2) {
|
|
207
|
+
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
208
|
+
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
209
|
+
i0__namespace.ɵɵclassMapInterpolate1("status-icon ", i0__namespace.ɵɵpipeBind1(1, 4, ft_r7.status), "");
|
|
210
|
+
i0__namespace.ɵɵpropertyInterpolate("title", ft_r7.errMsg || ctx_r1.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
|
|
211
|
+
} }
|
|
212
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_12_Template(rf, ctx) { if (rf & 1) {
|
|
213
|
+
i0__namespace.ɵɵelementStart(0, "span", 46);
|
|
214
|
+
i0__namespace.ɵɵtext(1, "Upload Failed");
|
|
215
|
+
i0__namespace.ɵɵelementEnd();
|
|
216
|
+
} }
|
|
217
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_13_Template(rf, ctx) { if (rf & 1) {
|
|
218
|
+
i0__namespace.ɵɵelementStart(0, "div", 47);
|
|
219
|
+
i0__namespace.ɵɵelement(1, "div", 48);
|
|
171
220
|
i0__namespace.ɵɵelementEnd();
|
|
172
221
|
} if (rf & 2) {
|
|
173
222
|
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
174
223
|
i0__namespace.ɵɵadvance();
|
|
175
|
-
i0__namespace.ɵɵproperty("ngStyle", i0__namespace.ɵɵpureFunction1(
|
|
224
|
+
i0__namespace.ɵɵproperty("ngClass", ft_r7.status === "error" ? "progress-bar-danger" : "progress-bar-info")("ngStyle", i0__namespace.ɵɵpureFunction1(2, _c3, ft_r7.progress + "%"));
|
|
176
225
|
} }
|
|
177
|
-
function
|
|
178
|
-
|
|
179
|
-
i0__namespace.ɵɵ
|
|
180
|
-
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_div_11_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)); });
|
|
181
|
-
i0__namespace.ɵɵelement(2, "i", 41);
|
|
182
|
-
i0__namespace.ɵɵelementEnd()();
|
|
183
|
-
} }
|
|
184
|
-
function FileUploadComponent_ul_4_div_1_li_1_div_12_Template(rf, ctx) { if (rf & 1) {
|
|
185
|
-
i0__namespace.ɵɵelementStart(0, "div", 39);
|
|
186
|
-
i0__namespace.ɵɵelement(1, "span");
|
|
187
|
-
i0__namespace.ɵɵpipe(2, "stateClass");
|
|
226
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
227
|
+
i0__namespace.ɵɵelementStart(0, "div", 49);
|
|
228
|
+
i0__namespace.ɵɵtext(1);
|
|
188
229
|
i0__namespace.ɵɵelementEnd();
|
|
189
230
|
} if (rf & 2) {
|
|
190
231
|
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
191
232
|
i0__namespace.ɵɵadvance();
|
|
192
|
-
i0__namespace.ɵɵ
|
|
233
|
+
i0__namespace.ɵɵtextInterpolate1("", ft_r7.progress + "%", " ");
|
|
193
234
|
} }
|
|
194
|
-
function
|
|
195
|
-
const
|
|
196
|
-
i0__namespace.ɵɵelementStart(0, "div",
|
|
197
|
-
i0__namespace.ɵɵlistener("click", function
|
|
198
|
-
i0__namespace.ɵɵelement(2, "i");
|
|
235
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_15_Template(rf, ctx) { if (rf & 1) {
|
|
236
|
+
const _r8 = i0__namespace.ɵɵgetCurrentView();
|
|
237
|
+
i0__namespace.ɵɵelementStart(0, "div", 43)(1, "a", 50);
|
|
238
|
+
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_div_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)); });
|
|
239
|
+
i0__namespace.ɵɵelement(2, "i", 51);
|
|
199
240
|
i0__namespace.ɵɵelementEnd()();
|
|
241
|
+
} }
|
|
242
|
+
function FileUploadComponent_ul_4_div_1_li_1_a_17_Template(rf, ctx) { if (rf & 1) {
|
|
243
|
+
const _r9 = i0__namespace.ɵɵgetCurrentView();
|
|
244
|
+
i0__namespace.ɵɵelementStart(0, "a", 52);
|
|
245
|
+
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_div_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)); });
|
|
246
|
+
i0__namespace.ɵɵelement(1, "i");
|
|
247
|
+
i0__namespace.ɵɵelementEnd();
|
|
200
248
|
} if (rf & 2) {
|
|
201
249
|
const ctx_r1 = i0__namespace.ɵɵnextContext(4);
|
|
202
|
-
i0__namespace.ɵɵadvance();
|
|
203
250
|
i0__namespace.ɵɵpropertyInterpolate("title", ctx_r1.cleariconhint);
|
|
204
251
|
i0__namespace.ɵɵadvance();
|
|
205
252
|
i0__namespace.ɵɵclassMap(ctx_r1.cleariconclass);
|
|
206
253
|
} }
|
|
207
|
-
function FileUploadComponent_ul_4_div_1_li_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
208
|
-
i0__namespace.ɵɵelementStart(0, "div", 43);
|
|
209
|
-
i0__namespace.ɵɵelement(1, "span");
|
|
210
|
-
i0__namespace.ɵɵpipe(2, "stateClass");
|
|
211
|
-
i0__namespace.ɵɵelementEnd();
|
|
212
|
-
} if (rf & 2) {
|
|
213
|
-
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
214
|
-
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
215
|
-
i0__namespace.ɵɵpropertyInterpolate("title", ft_r7.errMsg || ctx_r1.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
|
|
216
|
-
i0__namespace.ɵɵadvance();
|
|
217
|
-
i0__namespace.ɵɵclassMapInterpolate1("status-icon ", i0__namespace.ɵɵpipeBind1(2, 4, ft_r7.status), "");
|
|
218
|
-
} }
|
|
219
254
|
function FileUploadComponent_ul_4_div_1_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
220
|
-
i0__namespace.ɵɵelementStart(0, "li",
|
|
221
|
-
i0__namespace.ɵɵelement(2, "div",
|
|
255
|
+
i0__namespace.ɵɵelementStart(0, "li", 30)(1, "div", 31);
|
|
256
|
+
i0__namespace.ɵɵelement(2, "div", 32);
|
|
222
257
|
i0__namespace.ɵɵpipe(3, "fileIconClass");
|
|
223
|
-
i0__namespace.ɵɵelementStart(4, "div",
|
|
258
|
+
i0__namespace.ɵɵelementStart(4, "div", 33)(5, "p", 34)(6, "span", 35);
|
|
224
259
|
i0__namespace.ɵɵtext(7);
|
|
225
260
|
i0__namespace.ɵɵelementEnd();
|
|
226
|
-
i0__namespace.ɵɵ
|
|
227
|
-
i0__namespace.ɵɵ
|
|
261
|
+
i0__namespace.ɵɵtemplate(8, FileUploadComponent_ul_4_div_1_li_1_span_8_Template, 2, 5, "span", 36);
|
|
262
|
+
i0__namespace.ɵɵelement(9, "br");
|
|
263
|
+
i0__namespace.ɵɵtemplate(10, FileUploadComponent_ul_4_div_1_li_1_span_10_Template, 3, 4, "span", 37)(11, FileUploadComponent_ul_4_div_1_li_1_span_11_Template, 2, 6, "span", 38)(12, FileUploadComponent_ul_4_div_1_li_1_span_12_Template, 2, 0, "span", 39);
|
|
228
264
|
i0__namespace.ɵɵelementEnd();
|
|
229
|
-
i0__namespace.ɵɵtemplate(
|
|
265
|
+
i0__namespace.ɵɵtemplate(13, FileUploadComponent_ul_4_div_1_li_1_div_13_Template, 2, 4, "div", 40)(14, FileUploadComponent_ul_4_div_1_li_1_div_14_Template, 2, 1, "div", 41);
|
|
230
266
|
i0__namespace.ɵɵelementEnd();
|
|
231
|
-
i0__namespace.ɵɵtemplate(
|
|
232
|
-
i0__namespace.ɵɵ
|
|
267
|
+
i0__namespace.ɵɵtemplate(15, FileUploadComponent_ul_4_div_1_li_1_div_15_Template, 3, 0, "div", 42);
|
|
268
|
+
i0__namespace.ɵɵelementStart(16, "div", 43);
|
|
269
|
+
i0__namespace.ɵɵtemplate(17, FileUploadComponent_ul_4_div_1_li_1_a_17_Template, 2, 4, "a", 44);
|
|
270
|
+
i0__namespace.ɵɵelementEnd()()();
|
|
233
271
|
} if (rf & 2) {
|
|
234
272
|
const ft_r7 = i0__namespace.ɵɵnextContext().$implicit;
|
|
235
273
|
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
236
274
|
i0__namespace.ɵɵadvance(2);
|
|
237
|
-
i0__namespace.ɵɵclassMapInterpolate1("media-left media-middle file-icon ", i0__namespace.ɵɵpipeBind1(3,
|
|
275
|
+
i0__namespace.ɵɵclassMapInterpolate1("media-left media-middle file-icon ", i0__namespace.ɵɵpipeBind1(3, 13, ctx_r1.getFileExtension(ft_r7.name)), "");
|
|
238
276
|
i0__namespace.ɵɵpropertyInterpolate("title", ctx_r1.getFileExtension(ft_r7.name));
|
|
239
277
|
i0__namespace.ɵɵadvance(5);
|
|
240
|
-
i0__namespace.ɵɵtextInterpolate(ft_r7.name);
|
|
278
|
+
i0__namespace.ɵɵtextInterpolate(ft_r7.storageName || ft_r7.name);
|
|
279
|
+
i0__namespace.ɵɵadvance();
|
|
280
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "success");
|
|
241
281
|
i0__namespace.ɵɵadvance(2);
|
|
242
282
|
i0__namespace.ɵɵproperty("ngIf", ft_r7.fileLength !== 0);
|
|
243
283
|
i0__namespace.ɵɵadvance();
|
|
244
|
-
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "
|
|
284
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "error");
|
|
245
285
|
i0__namespace.ɵɵadvance();
|
|
246
|
-
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "
|
|
286
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "error");
|
|
247
287
|
i0__namespace.ɵɵadvance();
|
|
248
|
-
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "
|
|
288
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "onProgress" || ctx_r1.showprogressbar);
|
|
249
289
|
i0__namespace.ɵɵadvance();
|
|
250
|
-
i0__namespace.ɵɵproperty("ngIf",
|
|
290
|
+
i0__namespace.ɵɵproperty("ngIf", (ft_r7.status === "onProgress" || ctx_r1.showprogressbar && ctx_r1.showprogressbarpercentage) && ft_r7.progress);
|
|
251
291
|
i0__namespace.ɵɵadvance();
|
|
252
|
-
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "
|
|
292
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "onProgress" || ft_r7.status === "queued");
|
|
293
|
+
i0__namespace.ɵɵadvance(2);
|
|
294
|
+
i0__namespace.ɵɵproperty("ngIf", ctx_r1.cleariconclass !== "" && ft_r7.status !== "onProgress");
|
|
253
295
|
} }
|
|
254
296
|
function FileUploadComponent_ul_4_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
255
297
|
i0__namespace.ɵɵelementStart(0, "div");
|
|
256
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_li_1_Template,
|
|
298
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_li_1_Template, 18, 15, "li", 29);
|
|
257
299
|
i0__namespace.ɵɵelementEnd();
|
|
258
300
|
} if (rf & 2) {
|
|
259
301
|
const ft_r7 = ctx.$implicit;
|
|
@@ -261,8 +303,8 @@
|
|
|
261
303
|
i0__namespace.ɵɵproperty("ngIf", ft_r7.status !== "abort");
|
|
262
304
|
} }
|
|
263
305
|
function FileUploadComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
|
|
264
|
-
i0__namespace.ɵɵelementStart(0, "ul",
|
|
265
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_Template, 2, 1, "div",
|
|
306
|
+
i0__namespace.ɵɵelementStart(0, "ul", 27);
|
|
307
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_Template, 2, 1, "div", 28);
|
|
266
308
|
i0__namespace.ɵɵelementEnd();
|
|
267
309
|
} if (rf & 2) {
|
|
268
310
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -271,15 +313,15 @@
|
|
|
271
313
|
i0__namespace.ɵɵproperty("ngForOf", ctx_r1.multiple ? ctx_r1.multipleSelectedFiles : ctx_r1.selectedFiles);
|
|
272
314
|
} }
|
|
273
315
|
function FileUploadComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
274
|
-
i0__namespace.ɵɵelementStart(0, "li",
|
|
275
|
-
i0__namespace.ɵɵelement(2, "div",
|
|
276
|
-
i0__namespace.ɵɵelementStart(3, "div",
|
|
316
|
+
i0__namespace.ɵɵelementStart(0, "li", 30)(1, "div", 31);
|
|
317
|
+
i0__namespace.ɵɵelement(2, "div", 55);
|
|
318
|
+
i0__namespace.ɵɵelementStart(3, "div", 33)(4, "p", 56)(5, "label", 35);
|
|
277
319
|
i0__namespace.ɵɵtext(6);
|
|
278
320
|
i0__namespace.ɵɵelementEnd();
|
|
279
321
|
i0__namespace.ɵɵelement(7, "br");
|
|
280
322
|
i0__namespace.ɵɵelementEnd()();
|
|
281
|
-
i0__namespace.ɵɵelementStart(8, "div",
|
|
282
|
-
i0__namespace.ɵɵelement(9, "span",
|
|
323
|
+
i0__namespace.ɵɵelementStart(8, "div", 43);
|
|
324
|
+
i0__namespace.ɵɵelement(9, "span", 57);
|
|
283
325
|
i0__namespace.ɵɵelementEnd()()();
|
|
284
326
|
} if (rf & 2) {
|
|
285
327
|
const ft_r10 = ctx.$implicit;
|
|
@@ -287,8 +329,8 @@
|
|
|
287
329
|
i0__namespace.ɵɵtextInterpolate(ft_r10.name);
|
|
288
330
|
} }
|
|
289
331
|
function FileUploadComponent_ul_5_Template(rf, ctx) { if (rf & 1) {
|
|
290
|
-
i0__namespace.ɵɵelementStart(0, "ul",
|
|
291
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li",
|
|
332
|
+
i0__namespace.ɵɵelementStart(0, "ul", 53);
|
|
333
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li", 54);
|
|
292
334
|
i0__namespace.ɵɵelementEnd();
|
|
293
335
|
} if (rf & 2) {
|
|
294
336
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -636,9 +678,9 @@
|
|
|
636
678
|
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('EXPLICIT_CONTEXT', 8)); }; }
|
|
637
679
|
static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: FileUploadComponent, selectors: [["", "wmFileUpload", ""]], features: [i0__namespace.ɵɵProvidersFeature([
|
|
638
680
|
i3.provideAsWidgetRef(FileUploadComponent)
|
|
639
|
-
]), 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, "
|
|
681
|
+
]), 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", "type", "file", "name", "files", 3, "disabled", "accept", "click", "change", 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"], ["type", "file", "name", "files", 1, "file-input", 3, "click", "change", "disabled", "accept"], ["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"], ["type", "button", 1, "btn", "btn-transparent", "btn-default", "status-icon", 3, "click", "title"], [1, "list-group", "file-upload", 3, "ngStyle", "title"], ["class", "list-group-item file-upload-status", 4, "ngFor", "ngForOf"], [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) {
|
|
640
682
|
i0__namespace.ɵɵelementStart(0, "div", 0);
|
|
641
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_div_1_Template,
|
|
683
|
+
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);
|
|
642
684
|
i0__namespace.ɵɵelementEnd();
|
|
643
685
|
} if (rf & 2) {
|
|
644
686
|
i0__namespace.ɵɵadvance();
|
|
@@ -657,7 +699,7 @@
|
|
|
657
699
|
type: i0.Component,
|
|
658
700
|
args: [{ selector: '[wmFileUpload]', providers: [
|
|
659
701
|
i3.provideAsWidgetRef(FileUploadComponent)
|
|
660
|
-
], 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=\"
|
|
702
|
+
], 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 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 <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)\" >\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}\" *ngIf=\"selectedFiles.length > 0\" >\n <div *ngFor=\"let ft of (multiple ? multipleSelectedFiles : selectedFiles)\">\n <li class=\"list-group-item file-upload-status\" *ngIf=\"ft.status !== 'abort'\">\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 class=\"btn btn-transparent file-upload-stop\" type=\"button\" (click)=\"abortFileUpload(ft)\">\n <i class=\"wi wi-close\"></i>\n </a>\n </div>\n <div class=\"media-right media-middle\">\n <a (click)=\"clear(ft)\" *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>\n </li>\n </div>\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" }]
|
|
661
703
|
}], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.App }, { type: undefined, decorators: [{
|
|
662
704
|
type: i0.Attribute,
|
|
663
705
|
args: ['select.event']
|