@wavemaker/app-ng-runtime 11.8.4-rc.5781 → 11.8.5-1.5799
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/data/pagination/bundles/index.umd.js +2 -0
- app-ng-runtime/components/data/pagination/esm2022/pagination.component.mjs +3 -1
- app-ng-runtime/components/data/pagination/fesm2022/index.mjs +2 -0
- app-ng-runtime/components/data/pagination/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/data/table/bundles/index.umd.js +24 -3
- app-ng-runtime/components/data/table/esm2022/table.component.mjs +24 -4
- app-ng-runtime/components/data/table/esm2022/table.props.mjs +2 -1
- app-ng-runtime/components/data/table/fesm2022/index.mjs +25 -4
- app-ng-runtime/components/data/table/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/data/table/table.component.d.ts +5 -0
- app-ng-runtime/components/input/default/bundles/index.umd.js +19 -17
- app-ng-runtime/components/input/default/esm2022/caption-position.directive.mjs +8 -7
- app-ng-runtime/components/input/default/esm2022/text/locale/number-locale.mjs +13 -12
- app-ng-runtime/components/input/default/fesm2022/index.mjs +19 -17
- app-ng-runtime/components/input/default/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/input/file-upload/bundles/index.umd.js +124 -92
- app-ng-runtime/components/input/file-upload/esm2022/file-upload.component.mjs +122 -93
- app-ng-runtime/components/input/file-upload/esm2022/file-upload.props.mjs +4 -1
- app-ng-runtime/components/input/file-upload/fesm2022/index.mjs +124 -92
- 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 +3 -7
- app-ng-runtime/core/bundles/index.umd.js +5 -5
- app-ng-runtime/core/esm2022/utils/utils.mjs +2 -3
- app-ng-runtime/core/fesm2022/index.mjs +1 -2
- app-ng-runtime/core/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/core/utils/utils.d.ts +0 -1
- app-ng-runtime/package.json +1 -1
|
@@ -20,6 +20,9 @@ export const registerProps = () => {
|
|
|
20
20
|
['selectedFiles', PROP_STRING],
|
|
21
21
|
['destination', PROP_STRING],
|
|
22
22
|
['filelistheight', PROP_NUMBER],
|
|
23
|
+
['width', { value: 'auto', ...PROP_STRING }],
|
|
24
|
+
['showprogressbar', PROP_BOOLEAN],
|
|
25
|
+
['showprogressbarpercentage', PROP_BOOLEAN]
|
|
23
26
|
]));
|
|
24
27
|
registerFormWidget(FormWidgetType.UPLOAD, new Map([
|
|
25
28
|
['disabled', PROP_BOOLEAN],
|
|
@@ -30,4 +33,4 @@ export const registerProps = () => {
|
|
|
30
33
|
['required', PROP_BOOLEAN]
|
|
31
34
|
]));
|
|
32
35
|
};
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQucHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvZmlsZS11cGxvYWQvc3JjL2ZpbGUtdXBsb2FkLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBRXhDLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDOUIsUUFBUSxDQUNKLGVBQWUsRUFDZixJQUFJLEdBQUcsQ0FDSDtRQUNJLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQztRQUN4QixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDO1FBQ3pCLENBQUMsVUFBVSxFQUFFLFlBQVksQ0FBQztRQUMxQixDQUFDLG1CQUFtQixFQUFHLFdBQVcsQ0FBQztRQUNuQyxDQUFDLE1BQU0sRUFBRSxFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUN4QyxDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7UUFDMUIsQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDO1FBQzVCLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQztRQUM1QixDQUFDLFdBQVcsRUFBRSxFQUFDLEtBQUssRUFBRSx5QkFBeUIsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO1FBQ2pFLENBQUMsZ0JBQWdCLEVBQUUsRUFBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDL0MsQ0FBQyxlQUFlLEVBQUUsRUFBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDbkQsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsWUFBWSxFQUFFLEVBQUMsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNoQyxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7UUFDM0IsQ0FBQyxlQUFlLEVBQUUsV0FBVyxDQUFDO1FBQzlCLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQztRQUM1QixDQUFDLGdCQUFnQixFQUFFLFdBQVcsQ0FBQztRQUMvQixDQUFDLE9BQU8sRUFBRSxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMxQyxDQUFDLGlCQUFpQixFQUFFLFlBQVksQ0FBQztRQUNqQyxDQUFDLDJCQUEyQixFQUFFLFlBQVksQ0FBQztLQUM5QyxDQUNKLENBQ0osQ0FBQztJQUNGLGtCQUFrQixDQUNkLGNBQWMsQ0FBQyxNQUFNLEVBQ3JCLElBQUksR0FBRyxDQUFDO1FBQ0osQ0FBQyxVQUFVLEVBQUUsWUFBWSxDQUFDO1FBQzFCLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztRQUMzQixDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUM7UUFDekIsQ0FBQyxVQUFVLEVBQUUsWUFBWSxDQUFDO1FBQzFCLENBQUMsVUFBVSxFQUFFLFlBQVksQ0FBQztRQUMxQixDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7S0FDN0IsQ0FBQyxDQUNMLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1BST1BfQk9PTEVBTiwgUFJPUF9OVU1CRVIsIFBST1BfU1RSSU5HLCByZWdpc3RlciwgcmVnaXN0ZXJGb3JtV2lkZ2V0fSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7Rm9ybVdpZGdldFR5cGV9IGZyb20gJ0B3bS9jb3JlJztcblxuZXhwb3J0IGNvbnN0IHJlZ2lzdGVyUHJvcHMgPSAoKSA9PiB7XG4gICAgcmVnaXN0ZXIoXG4gICAgICAgICd3bS1maWxldXBsb2FkJyxcbiAgICAgICAgbmV3IE1hcChcbiAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgICBbJ2NhcHRpb24nLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWyduYW1lJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsndGFiaW5kZXgnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgICAgICAgICAgWydtdWx0aXBsZScsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWydmaWxldXBsb2FkbWVzc2FnZScgLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydzaG93Jywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ2Rpc2FibGVkJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ2NvbnRlbnR0eXBlJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbWF4ZmlsZXNpemUnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgICAgICAgICAgWydpY29uY2xhc3MnLCB7dmFsdWU6ICd3bS1zbC1sIHNsLWNsb3VkLXVwbG9hZCcsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydjbGVhcmljb25jbGFzcycsIHt2YWx1ZTogJycsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydjbGVhcmljb25oaW50Jywge3ZhbHVlOiAnQ2xlYXInLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWyd1cGxvYWRwYXRoJywgey4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydkYXRhc291cmNlJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnc2VsZWN0ZWRGaWxlcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2Rlc3RpbmF0aW9uJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZmlsZWxpc3RoZWlnaHQnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgICAgICAgICAgWyd3aWR0aCcsIHt2YWx1ZTogJ2F1dG8nLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnc2hvd3Byb2dyZXNzYmFyJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ3Nob3dwcm9ncmVzc2JhcnBlcmNlbnRhZ2UnLCBQUk9QX0JPT0xFQU5dXG4gICAgICAgICAgICBdXG4gICAgICAgIClcbiAgICApO1xuICAgIHJlZ2lzdGVyRm9ybVdpZGdldChcbiAgICAgICAgRm9ybVdpZGdldFR5cGUuVVBMT0FELFxuICAgICAgICBuZXcgTWFwKFtcbiAgICAgICAgICAgIFsnZGlzYWJsZWQnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgWydleHRlbnNpb25zJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgWydmaWxldHlwZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgIFsnbXVsdGlwbGUnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgWydyZWFkb25seScsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICBbJ3JlcXVpcmVkJywgUFJPUF9CT09MRUFOXVxuICAgICAgICBdKVxuICAgICk7XG59O1xuIl19
|
|
@@ -29,6 +29,9 @@ const registerProps = () => {
|
|
|
29
29
|
['selectedFiles', PROP_STRING],
|
|
30
30
|
['destination', PROP_STRING],
|
|
31
31
|
['filelistheight', PROP_NUMBER],
|
|
32
|
+
['width', { value: 'auto', ...PROP_STRING }],
|
|
33
|
+
['showprogressbar', PROP_BOOLEAN],
|
|
34
|
+
['showprogressbarpercentage', PROP_BOOLEAN]
|
|
32
35
|
]));
|
|
33
36
|
registerFormWidget(FormWidgetType.UPLOAD, new Map([
|
|
34
37
|
['disabled', PROP_BOOLEAN],
|
|
@@ -46,7 +49,7 @@ const _c2 = (a0, a1) => ({ height: a0, overflow: a1 });
|
|
|
46
49
|
const _c3 = a0 => ({ width: a0 });
|
|
47
50
|
function FileUploadComponent_div_1_input_6_Template(rf, ctx) { if (rf & 1) {
|
|
48
51
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
49
|
-
i0.ɵɵelementStart(0, "input",
|
|
52
|
+
i0.ɵɵelementStart(0, "input", 15);
|
|
50
53
|
i0.ɵɵlistener("click", function FileUploadComponent_div_1_input_6_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_1_input_6_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
51
54
|
i0.ɵɵelementEnd();
|
|
52
55
|
} if (rf & 2) {
|
|
@@ -54,6 +57,23 @@ function FileUploadComponent_div_1_input_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
54
57
|
i0.ɵɵproperty("disabled", ctx_r1.disabled)("accept", ctx_r1.chooseFilter);
|
|
55
58
|
i0.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
|
|
56
59
|
} }
|
|
60
|
+
function FileUploadComponent_div_1_label_9_Template(rf, ctx) { if (rf & 1) {
|
|
61
|
+
i0.ɵɵelement(0, "label", 16);
|
|
62
|
+
} if (rf & 2) {
|
|
63
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
64
|
+
i0.ɵɵproperty("innerHtml", ctx_r1.chooseFilter + " only ", i0.ɵɵsanitizeHtml);
|
|
65
|
+
} }
|
|
66
|
+
function FileUploadComponent_div_1_span_10_Template(rf, ctx) { if (rf & 1) {
|
|
67
|
+
i0.ɵɵelementStart(0, "span", 17);
|
|
68
|
+
i0.ɵɵtext(1, " . ");
|
|
69
|
+
i0.ɵɵelementEnd();
|
|
70
|
+
} }
|
|
71
|
+
function FileUploadComponent_div_1_label_11_Template(rf, ctx) { if (rf & 1) {
|
|
72
|
+
i0.ɵɵelement(0, "label", 16);
|
|
73
|
+
} if (rf & 2) {
|
|
74
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
75
|
+
i0.ɵɵproperty("innerHtml", ctx_r1.maxfilesize + "MB max", i0.ɵɵsanitizeHtml);
|
|
76
|
+
} }
|
|
57
77
|
function FileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
58
78
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
59
79
|
i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
|
|
@@ -65,11 +85,13 @@ function FileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
65
85
|
i0.ɵɵtemplate(6, FileUploadComponent_div_1_input_6_Template, 1, 3, "input", 11);
|
|
66
86
|
i0.ɵɵelementStart(7, "a", 12);
|
|
67
87
|
i0.ɵɵtext(8);
|
|
68
|
-
i0.ɵɵelementEnd()()
|
|
88
|
+
i0.ɵɵelementEnd()();
|
|
89
|
+
i0.ɵɵ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);
|
|
90
|
+
i0.ɵɵelementEnd()()();
|
|
69
91
|
} if (rf & 2) {
|
|
70
92
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
71
93
|
i0.ɵɵadvance();
|
|
72
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
94
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1, ctx_r1.highlightDropArea));
|
|
73
95
|
i0.ɵɵadvance();
|
|
74
96
|
i0.ɵɵclassMap(ctx_r1.iconclass);
|
|
75
97
|
i0.ɵɵadvance(2);
|
|
@@ -80,10 +102,16 @@ function FileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
80
102
|
i0.ɵɵproperty("ngIf", ctx_r1.multiple);
|
|
81
103
|
i0.ɵɵadvance(2);
|
|
82
104
|
i0.ɵɵtextInterpolate(ctx_r1.fileUploadMessage);
|
|
105
|
+
i0.ɵɵadvance();
|
|
106
|
+
i0.ɵɵproperty("ngIf", ctx_r1.chooseFilter);
|
|
107
|
+
i0.ɵɵadvance();
|
|
108
|
+
i0.ɵɵproperty("ngIf", ctx_r1.chooseFilter && ctx_r1.maxfilesize);
|
|
109
|
+
i0.ɵɵadvance();
|
|
110
|
+
i0.ɵɵproperty("ngIf", ctx_r1.maxfilesize);
|
|
83
111
|
} }
|
|
84
112
|
function FileUploadComponent_div_2_input_3_Template(rf, ctx) { if (rf & 1) {
|
|
85
113
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
86
|
-
i0.ɵɵelementStart(0, "input",
|
|
114
|
+
i0.ɵɵelementStart(0, "input", 15);
|
|
87
115
|
i0.ɵɵlistener("click", function FileUploadComponent_div_2_input_3_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_2_input_3_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
88
116
|
i0.ɵɵelementEnd();
|
|
89
117
|
} if (rf & 2) {
|
|
@@ -93,7 +121,7 @@ function FileUploadComponent_div_2_input_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
93
121
|
} }
|
|
94
122
|
function FileUploadComponent_div_2_input_4_Template(rf, ctx) { if (rf & 1) {
|
|
95
123
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
96
|
-
i0.ɵɵelementStart(0, "input",
|
|
124
|
+
i0.ɵɵelementStart(0, "input", 25);
|
|
97
125
|
i0.ɵɵlistener("click", function FileUploadComponent_div_2_input_4_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_2_input_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
98
126
|
i0.ɵɵelementEnd();
|
|
99
127
|
} if (rf & 2) {
|
|
@@ -102,12 +130,12 @@ function FileUploadComponent_div_2_input_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
102
130
|
i0.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
|
|
103
131
|
} }
|
|
104
132
|
function FileUploadComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
105
|
-
i0.ɵɵelementStart(0, "div",
|
|
106
|
-
i0.ɵɵtemplate(3, FileUploadComponent_div_2_input_3_Template, 1, 3, "input", 11)(4, FileUploadComponent_div_2_input_4_Template, 1, 3, "input",
|
|
107
|
-
i0.ɵɵelementStart(5, "button",
|
|
108
|
-
i0.ɵɵelement(6, "i",
|
|
133
|
+
i0.ɵɵelementStart(0, "div", 18)(1, "div", 19)(2, "form", 10);
|
|
134
|
+
i0.ɵɵtemplate(3, FileUploadComponent_div_2_input_3_Template, 1, 3, "input", 11)(4, FileUploadComponent_div_2_input_4_Template, 1, 3, "input", 20);
|
|
135
|
+
i0.ɵɵelementStart(5, "button", 21);
|
|
136
|
+
i0.ɵɵelement(6, "i", 22)(7, "span", 23);
|
|
109
137
|
i0.ɵɵelementEnd()()();
|
|
110
|
-
i0.ɵɵelement(8, "div",
|
|
138
|
+
i0.ɵɵelement(8, "div", 24);
|
|
111
139
|
i0.ɵɵelementEnd();
|
|
112
140
|
} if (rf & 2) {
|
|
113
141
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -126,9 +154,9 @@ function FileUploadComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
126
154
|
} }
|
|
127
155
|
function FileUploadComponent_button_3_Template(rf, ctx) { if (rf & 1) {
|
|
128
156
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
129
|
-
i0.ɵɵelementStart(0, "button",
|
|
157
|
+
i0.ɵɵelementStart(0, "button", 26);
|
|
130
158
|
i0.ɵɵlistener("click", function FileUploadComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openFileSelector()); });
|
|
131
|
-
i0.ɵɵelement(1, "i")(2, "span",
|
|
159
|
+
i0.ɵɵelement(1, "i")(2, "span", 23);
|
|
132
160
|
i0.ɵɵelementEnd();
|
|
133
161
|
} if (rf & 2) {
|
|
134
162
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -138,8 +166,15 @@ function FileUploadComponent_button_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
138
166
|
i0.ɵɵadvance();
|
|
139
167
|
i0.ɵɵproperty("innerHTML", ctx_r1.caption, i0.ɵɵsanitizeHtml);
|
|
140
168
|
} }
|
|
141
|
-
function
|
|
142
|
-
i0.ɵɵ
|
|
169
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_8_Template(rf, ctx) { if (rf & 1) {
|
|
170
|
+
i0.ɵɵelement(0, "span");
|
|
171
|
+
i0.ɵɵpipe(1, "stateClass");
|
|
172
|
+
} if (rf & 2) {
|
|
173
|
+
const ft_r7 = i0.ɵɵnextContext(2).$implicit;
|
|
174
|
+
i0.ɵɵclassMapInterpolate1("status-icon ", i0.ɵɵpipeBind1(1, 3, ft_r7.status), "");
|
|
175
|
+
} }
|
|
176
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_10_Template(rf, ctx) { if (rf & 1) {
|
|
177
|
+
i0.ɵɵelementStart(0, "span", 45);
|
|
143
178
|
i0.ɵɵtext(1);
|
|
144
179
|
i0.ɵɵpipe(2, "filesize");
|
|
145
180
|
i0.ɵɵelementEnd();
|
|
@@ -148,95 +183,102 @@ function FileUploadComponent_ul_4_div_1_li_1_span_9_Template(rf, ctx) { if (rf &
|
|
|
148
183
|
i0.ɵɵadvance();
|
|
149
184
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ft_r7.size, 0));
|
|
150
185
|
} }
|
|
151
|
-
function
|
|
152
|
-
i0.ɵɵ
|
|
153
|
-
i0.ɵɵ
|
|
186
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_11_Template(rf, ctx) { if (rf & 1) {
|
|
187
|
+
i0.ɵɵelement(0, "span", 32);
|
|
188
|
+
i0.ɵɵpipe(1, "stateClass");
|
|
189
|
+
} if (rf & 2) {
|
|
190
|
+
const ft_r7 = i0.ɵɵnextContext(2).$implicit;
|
|
191
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
192
|
+
i0.ɵɵclassMapInterpolate1("status-icon ", i0.ɵɵpipeBind1(1, 4, ft_r7.status), "");
|
|
193
|
+
i0.ɵɵpropertyInterpolate("title", ft_r7.errMsg || ctx_r1.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
|
|
194
|
+
} }
|
|
195
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_12_Template(rf, ctx) { if (rf & 1) {
|
|
196
|
+
i0.ɵɵelementStart(0, "span", 46);
|
|
197
|
+
i0.ɵɵtext(1, "Upload Failed");
|
|
198
|
+
i0.ɵɵelementEnd();
|
|
199
|
+
} }
|
|
200
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_13_Template(rf, ctx) { if (rf & 1) {
|
|
201
|
+
i0.ɵɵelementStart(0, "div", 47);
|
|
202
|
+
i0.ɵɵelement(1, "div", 48);
|
|
154
203
|
i0.ɵɵelementEnd();
|
|
155
204
|
} if (rf & 2) {
|
|
156
205
|
const ft_r7 = i0.ɵɵnextContext(2).$implicit;
|
|
157
206
|
i0.ɵɵadvance();
|
|
158
|
-
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(
|
|
159
|
-
} }
|
|
160
|
-
function FileUploadComponent_ul_4_div_1_li_1_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
161
|
-
const _r8 = i0.ɵɵgetCurrentView();
|
|
162
|
-
i0.ɵɵelementStart(0, "div", 39)(1, "a", 40);
|
|
163
|
-
i0.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_div_11_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r8); const ft_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.abortFileUpload(ft_r7)); });
|
|
164
|
-
i0.ɵɵelement(2, "i", 41);
|
|
165
|
-
i0.ɵɵelementEnd()();
|
|
207
|
+
i0.ɵɵproperty("ngClass", ft_r7.status === "error" ? "progress-bar-danger" : "progress-bar-info")("ngStyle", i0.ɵɵpureFunction1(2, _c3, ft_r7.progress + "%"));
|
|
166
208
|
} }
|
|
167
|
-
function
|
|
168
|
-
i0.ɵɵelementStart(0, "div",
|
|
169
|
-
i0.ɵɵ
|
|
170
|
-
i0.ɵɵpipe(2, "stateClass");
|
|
209
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
210
|
+
i0.ɵɵelementStart(0, "div", 49);
|
|
211
|
+
i0.ɵɵtext(1);
|
|
171
212
|
i0.ɵɵelementEnd();
|
|
172
213
|
} if (rf & 2) {
|
|
173
214
|
const ft_r7 = i0.ɵɵnextContext(2).$implicit;
|
|
174
215
|
i0.ɵɵadvance();
|
|
175
|
-
i0.ɵɵ
|
|
216
|
+
i0.ɵɵtextInterpolate1("", ft_r7.progress + "%", " ");
|
|
176
217
|
} }
|
|
177
|
-
function
|
|
178
|
-
const
|
|
179
|
-
i0.ɵɵelementStart(0, "div",
|
|
180
|
-
i0.ɵɵlistener("click", function
|
|
181
|
-
i0.ɵɵelement(2, "i");
|
|
218
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_15_Template(rf, ctx) { if (rf & 1) {
|
|
219
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
220
|
+
i0.ɵɵelementStart(0, "div", 43)(1, "a", 50);
|
|
221
|
+
i0.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_div_15_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r8); const ft_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.abortFileUpload(ft_r7)); });
|
|
222
|
+
i0.ɵɵelement(2, "i", 51);
|
|
182
223
|
i0.ɵɵelementEnd()();
|
|
224
|
+
} }
|
|
225
|
+
function FileUploadComponent_ul_4_div_1_li_1_a_17_Template(rf, ctx) { if (rf & 1) {
|
|
226
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
227
|
+
i0.ɵɵelementStart(0, "a", 52);
|
|
228
|
+
i0.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_a_17_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r9); const ft_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clear(ft_r7)); });
|
|
229
|
+
i0.ɵɵelement(1, "i");
|
|
230
|
+
i0.ɵɵelementEnd();
|
|
183
231
|
} if (rf & 2) {
|
|
184
232
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
185
|
-
i0.ɵɵadvance();
|
|
186
233
|
i0.ɵɵpropertyInterpolate("title", ctx_r1.cleariconhint);
|
|
187
234
|
i0.ɵɵadvance();
|
|
188
235
|
i0.ɵɵclassMap(ctx_r1.cleariconclass);
|
|
189
236
|
} }
|
|
190
|
-
function FileUploadComponent_ul_4_div_1_li_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
191
|
-
i0.ɵɵelementStart(0, "div", 43);
|
|
192
|
-
i0.ɵɵelement(1, "span");
|
|
193
|
-
i0.ɵɵpipe(2, "stateClass");
|
|
194
|
-
i0.ɵɵelementEnd();
|
|
195
|
-
} if (rf & 2) {
|
|
196
|
-
const ft_r7 = i0.ɵɵnextContext(2).$implicit;
|
|
197
|
-
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
198
|
-
i0.ɵɵpropertyInterpolate("title", ft_r7.errMsg || ctx_r1.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
|
|
199
|
-
i0.ɵɵadvance();
|
|
200
|
-
i0.ɵɵclassMapInterpolate1("status-icon ", i0.ɵɵpipeBind1(2, 4, ft_r7.status), "");
|
|
201
|
-
} }
|
|
202
237
|
function FileUploadComponent_ul_4_div_1_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
203
|
-
i0.ɵɵelementStart(0, "li",
|
|
204
|
-
i0.ɵɵelement(2, "div",
|
|
238
|
+
i0.ɵɵelementStart(0, "li", 30)(1, "div", 31);
|
|
239
|
+
i0.ɵɵelement(2, "div", 32);
|
|
205
240
|
i0.ɵɵpipe(3, "fileIconClass");
|
|
206
|
-
i0.ɵɵelementStart(4, "div",
|
|
241
|
+
i0.ɵɵelementStart(4, "div", 33)(5, "p", 34)(6, "span", 35);
|
|
207
242
|
i0.ɵɵtext(7);
|
|
208
243
|
i0.ɵɵelementEnd();
|
|
209
|
-
i0.ɵɵ
|
|
210
|
-
i0.ɵɵ
|
|
244
|
+
i0.ɵɵtemplate(8, FileUploadComponent_ul_4_div_1_li_1_span_8_Template, 2, 5, "span", 36);
|
|
245
|
+
i0.ɵɵelement(9, "br");
|
|
246
|
+
i0.ɵɵ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);
|
|
211
247
|
i0.ɵɵelementEnd();
|
|
212
|
-
i0.ɵɵtemplate(
|
|
248
|
+
i0.ɵɵ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);
|
|
213
249
|
i0.ɵɵelementEnd();
|
|
214
|
-
i0.ɵɵtemplate(
|
|
215
|
-
i0.ɵɵ
|
|
250
|
+
i0.ɵɵtemplate(15, FileUploadComponent_ul_4_div_1_li_1_div_15_Template, 3, 0, "div", 42);
|
|
251
|
+
i0.ɵɵelementStart(16, "div", 43);
|
|
252
|
+
i0.ɵɵtemplate(17, FileUploadComponent_ul_4_div_1_li_1_a_17_Template, 2, 4, "a", 44);
|
|
253
|
+
i0.ɵɵelementEnd()()();
|
|
216
254
|
} if (rf & 2) {
|
|
217
255
|
const ft_r7 = i0.ɵɵnextContext().$implicit;
|
|
218
256
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
219
257
|
i0.ɵɵadvance(2);
|
|
220
|
-
i0.ɵɵclassMapInterpolate1("media-left media-middle file-icon ", i0.ɵɵpipeBind1(3,
|
|
258
|
+
i0.ɵɵclassMapInterpolate1("media-left media-middle file-icon ", i0.ɵɵpipeBind1(3, 13, ctx_r1.getFileExtension(ft_r7.name)), "");
|
|
221
259
|
i0.ɵɵpropertyInterpolate("title", ctx_r1.getFileExtension(ft_r7.name));
|
|
222
260
|
i0.ɵɵadvance(5);
|
|
223
|
-
i0.ɵɵtextInterpolate(ft_r7.name);
|
|
261
|
+
i0.ɵɵtextInterpolate(ft_r7.storageName || ft_r7.name);
|
|
262
|
+
i0.ɵɵadvance();
|
|
263
|
+
i0.ɵɵproperty("ngIf", ft_r7.status === "success");
|
|
224
264
|
i0.ɵɵadvance(2);
|
|
225
265
|
i0.ɵɵproperty("ngIf", ft_r7.fileLength !== 0);
|
|
226
266
|
i0.ɵɵadvance();
|
|
227
|
-
i0.ɵɵproperty("ngIf", ft_r7.status === "
|
|
267
|
+
i0.ɵɵproperty("ngIf", ft_r7.status === "error");
|
|
228
268
|
i0.ɵɵadvance();
|
|
229
|
-
i0.ɵɵproperty("ngIf", ft_r7.status === "
|
|
269
|
+
i0.ɵɵproperty("ngIf", ft_r7.status === "error");
|
|
230
270
|
i0.ɵɵadvance();
|
|
231
|
-
i0.ɵɵproperty("ngIf", ft_r7.status === "
|
|
271
|
+
i0.ɵɵproperty("ngIf", ft_r7.status === "onProgress" || ctx_r1.showprogressbar);
|
|
232
272
|
i0.ɵɵadvance();
|
|
233
|
-
i0.ɵɵproperty("ngIf",
|
|
273
|
+
i0.ɵɵproperty("ngIf", (ft_r7.status === "onProgress" || ctx_r1.showprogressbar && ctx_r1.showprogressbarpercentage) && ft_r7.progress);
|
|
234
274
|
i0.ɵɵadvance();
|
|
235
|
-
i0.ɵɵproperty("ngIf", ft_r7.status === "
|
|
275
|
+
i0.ɵɵproperty("ngIf", ft_r7.status === "onProgress" || ft_r7.status === "queued");
|
|
276
|
+
i0.ɵɵadvance(2);
|
|
277
|
+
i0.ɵɵproperty("ngIf", ctx_r1.cleariconclass !== "" && ft_r7.status !== "onProgress");
|
|
236
278
|
} }
|
|
237
279
|
function FileUploadComponent_ul_4_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
238
280
|
i0.ɵɵelementStart(0, "div");
|
|
239
|
-
i0.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_li_1_Template,
|
|
281
|
+
i0.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_li_1_Template, 18, 15, "li", 29);
|
|
240
282
|
i0.ɵɵelementEnd();
|
|
241
283
|
} if (rf & 2) {
|
|
242
284
|
const ft_r7 = ctx.$implicit;
|
|
@@ -244,25 +286,25 @@ function FileUploadComponent_ul_4_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
244
286
|
i0.ɵɵproperty("ngIf", ft_r7.status !== "abort");
|
|
245
287
|
} }
|
|
246
288
|
function FileUploadComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
|
|
247
|
-
i0.ɵɵelementStart(0, "ul",
|
|
248
|
-
i0.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_Template, 2, 1, "div",
|
|
289
|
+
i0.ɵɵelementStart(0, "ul", 27);
|
|
290
|
+
i0.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_Template, 2, 1, "div", 28);
|
|
249
291
|
i0.ɵɵelementEnd();
|
|
250
292
|
} if (rf & 2) {
|
|
251
293
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
252
294
|
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c2, ctx_r1.filelistheight, ctx_r1.overflow));
|
|
253
295
|
i0.ɵɵadvance();
|
|
254
|
-
i0.ɵɵproperty("ngForOf", ctx_r1.
|
|
296
|
+
i0.ɵɵproperty("ngForOf", ctx_r1.uploadedFiles);
|
|
255
297
|
} }
|
|
256
298
|
function FileUploadComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
257
|
-
i0.ɵɵelementStart(0, "li",
|
|
258
|
-
i0.ɵɵelement(2, "div",
|
|
259
|
-
i0.ɵɵelementStart(3, "div",
|
|
299
|
+
i0.ɵɵelementStart(0, "li", 30)(1, "div", 31);
|
|
300
|
+
i0.ɵɵelement(2, "div", 55);
|
|
301
|
+
i0.ɵɵelementStart(3, "div", 33)(4, "p", 56)(5, "label", 35);
|
|
260
302
|
i0.ɵɵtext(6);
|
|
261
303
|
i0.ɵɵelementEnd();
|
|
262
304
|
i0.ɵɵelement(7, "br");
|
|
263
305
|
i0.ɵɵelementEnd()();
|
|
264
|
-
i0.ɵɵelementStart(8, "div",
|
|
265
|
-
i0.ɵɵelement(9, "span",
|
|
306
|
+
i0.ɵɵelementStart(8, "div", 43);
|
|
307
|
+
i0.ɵɵelement(9, "span", 57);
|
|
266
308
|
i0.ɵɵelementEnd()()();
|
|
267
309
|
} if (rf & 2) {
|
|
268
310
|
const ft_r10 = ctx.$implicit;
|
|
@@ -270,8 +312,8 @@ function FileUploadComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
270
312
|
i0.ɵɵtextInterpolate(ft_r10.name);
|
|
271
313
|
} }
|
|
272
314
|
function FileUploadComponent_ul_5_Template(rf, ctx) { if (rf & 1) {
|
|
273
|
-
i0.ɵɵelementStart(0, "ul",
|
|
274
|
-
i0.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li",
|
|
315
|
+
i0.ɵɵelementStart(0, "ul", 53);
|
|
316
|
+
i0.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li", 54);
|
|
275
317
|
i0.ɵɵelementEnd();
|
|
276
318
|
} if (rf & 2) {
|
|
277
319
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -388,8 +430,8 @@ class FileUploadComponent extends StylableComponent {
|
|
|
388
430
|
* @param $files
|
|
389
431
|
*/
|
|
390
432
|
onSelectEventCall($event, $files) {
|
|
391
|
-
this.multipleSelectedFiles = this.multiple ? [...this.multipleSelectedFiles, ...$files] : $files;
|
|
392
433
|
this.selectedFiles = $files;
|
|
434
|
+
this.uploadedFiles = this.multiple ? [...this.uploadedFiles, ...$files] : $files;
|
|
393
435
|
setTimeout(() => {
|
|
394
436
|
this.invokeEventCallback('select', {
|
|
395
437
|
$event: $.extend($event.$files || {}, $files),
|
|
@@ -411,12 +453,8 @@ class FileUploadComponent extends StylableComponent {
|
|
|
411
453
|
}
|
|
412
454
|
/*this function to clear the specified file. if argument is not provided, it clears the complete list */
|
|
413
455
|
clear(fileObj) {
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
}
|
|
417
|
-
else {
|
|
418
|
-
this.selectedFiles = (fileObj) ? this.selectedFiles.filter((file) => file !== fileObj) : [];
|
|
419
|
-
}
|
|
456
|
+
this.selectedFiles = (fileObj) ? this.selectedFiles.filter((file) => file !== fileObj) : [];
|
|
457
|
+
this.uploadedFiles = (fileObj) ? this.uploadedFiles.filter((file) => file !== fileObj) : [];
|
|
420
458
|
}
|
|
421
459
|
/*this function to set the class names for clear icon */
|
|
422
460
|
setClearIconClass(classValue) {
|
|
@@ -564,7 +602,7 @@ class FileUploadComponent extends StylableComponent {
|
|
|
564
602
|
this.app = app;
|
|
565
603
|
this.onSelectEvt = onSelectEvt;
|
|
566
604
|
this.selectedFiles = [];
|
|
567
|
-
this.
|
|
605
|
+
this.uploadedFiles = [];
|
|
568
606
|
this.selectedFolders = [];
|
|
569
607
|
this.fileTransfers = {};
|
|
570
608
|
this.caption = 'Upload';
|
|
@@ -590,12 +628,6 @@ class FileUploadComponent extends StylableComponent {
|
|
|
590
628
|
this.defaultAllowedExtensions = this.allowedFileUploadExtensions.split(',').map(item => item.trim()).map(item => item.endsWith('/*') ? item : `.${item}`);
|
|
591
629
|
this.chooseFilter = this.defaultAllowedExtensions.includes('*/*') ? '' : this.defaultAllowedExtensions;
|
|
592
630
|
this.fileUploadMessage = 'Drop your files here or click here to browse';
|
|
593
|
-
this.uploadedFiles = {
|
|
594
|
-
fileName: '',
|
|
595
|
-
path: '',
|
|
596
|
-
length: '',
|
|
597
|
-
status: ''
|
|
598
|
-
};
|
|
599
631
|
this.uploadUrl = 'services';
|
|
600
632
|
// styler(this.nativeElement, this);
|
|
601
633
|
}
|
|
@@ -619,9 +651,9 @@ class FileUploadComponent extends StylableComponent {
|
|
|
619
651
|
static { this.ɵfac = function FileUploadComponent_Factory(t) { return new (t || FileUploadComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵinjectAttribute('select.event'), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
|
|
620
652
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileUploadComponent, selectors: [["", "wmFileUpload", ""]], features: [i0.ɵɵProvidersFeature([
|
|
621
653
|
provideAsWidgetRef(FileUploadComponent)
|
|
622
|
-
]), i0.ɵɵ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, "
|
|
654
|
+
]), i0.ɵɵ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) {
|
|
623
655
|
i0.ɵɵelementStart(0, "div", 0);
|
|
624
|
-
i0.ɵɵtemplate(1, FileUploadComponent_div_1_Template,
|
|
656
|
+
i0.ɵɵ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);
|
|
625
657
|
i0.ɵɵelementEnd();
|
|
626
658
|
} if (rf & 2) {
|
|
627
659
|
i0.ɵɵadvance();
|
|
@@ -631,7 +663,7 @@ class FileUploadComponent extends StylableComponent {
|
|
|
631
663
|
i0.ɵɵadvance();
|
|
632
664
|
i0.ɵɵproperty("ngIf", ctx._isCordova);
|
|
633
665
|
i0.ɵɵadvance();
|
|
634
|
-
i0.ɵɵproperty("ngIf", ctx.
|
|
666
|
+
i0.ɵɵproperty("ngIf", ctx.uploadedFiles.length > 0);
|
|
635
667
|
i0.ɵɵadvance();
|
|
636
668
|
i0.ɵɵproperty("ngIf", ctx.selectedFolders.length > 0);
|
|
637
669
|
} }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, i3.FileIconClassPipe, i3.FileSizePipe, i3.StateClassPipe], encapsulation: 2 }); }
|
|
@@ -640,7 +672,7 @@ class FileUploadComponent extends StylableComponent {
|
|
|
640
672
|
type: Component,
|
|
641
673
|
args: [{ selector: '[wmFileUpload]', providers: [
|
|
642
674
|
provideAsWidgetRef(FileUploadComponent)
|
|
643
|
-
], 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=\"
|
|
675
|
+
], 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=\"uploadedFiles.length > 0\" >\n <div *ngFor=\"let ft of uploadedFiles\">\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" }]
|
|
644
676
|
}], () => [{ type: i0.Injector }, { type: i1.App }, { type: undefined, decorators: [{
|
|
645
677
|
type: Attribute,
|
|
646
678
|
args: ['select.event']
|