@wavemaker/app-ng-runtime 12.0.0-next.140479 → 12.0.0-next.140481

app-ng-runtime/components/input/file-upload/esm2022/file-upload.module.mjs

@@ -12,7 +12,7 @@ export class FileUploadModule {
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             WmComponentsModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadModule, [{
         type: NgModule,
         args: [{
                 imports: [
@@ -25,4 +25,4 @@ export class FileUploadModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FileUploadModule, { declarations: [FileUploadComponent], imports: [CommonModule,
         WmComponentsModule], exports: [FileUploadComponent] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2lucHV0L2ZpbGUtdXBsb2FkL3NyYy9maWxlLXVwbG9hZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBRTlELE1BQU0sVUFBVSxHQUFHO0lBQ2YsbUJBQW1CO0NBQ3RCLENBQUM7QUFVRixNQUFNLE9BQU8sZ0JBQWdCO2lGQUFoQixnQkFBZ0I7bUVBQWhCLGdCQUFnQjt1RUFOckIsWUFBWTtZQUNaLGtCQUFrQjs7dUZBS2IsZ0JBQWdCO2NBUjVCLFFBQVE7ZUFBQztnQkFDTixPQUFPLEVBQUU7b0JBQ0wsWUFBWTtvQkFDWixrQkFBa0I7aUJBQ3JCO2dCQUNELFlBQVksRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO2dCQUM3QixPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQzthQUMzQjs7d0ZBQ1ksZ0JBQWdCLG1CQVh6QixtQkFBbUIsYUFLZixZQUFZO1FBQ1osa0JBQWtCLGFBTnRCLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBXbUNvbXBvbmVudHNNb2R1bGUgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuaW1wb3J0IHsgRmlsZVVwbG9hZENvbXBvbmVudCB9IGZyb20gJy4vZmlsZS11cGxvYWQuY29tcG9uZW50JztcblxuY29uc3QgY29tcG9uZW50cyA9IFtcbiAgICBGaWxlVXBsb2FkQ29tcG9uZW50XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBXbUNvbXBvbmVudHNNb2R1bGVcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogWy4uLmNvbXBvbmVudHNdLFxuICAgIGV4cG9ydHM6IFsuLi5jb21wb25lbnRzXVxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkTW9kdWxlIHtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2lucHV0L2ZpbGUtdXBsb2FkL3NyYy9maWxlLXVwbG9hZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBRTlELE1BQU0sVUFBVSxHQUFHO0lBQ2YsbUJBQW1CO0NBQ3RCLENBQUM7QUFVRixNQUFNLE9BQU8sZ0JBQWdCO2lGQUFoQixnQkFBZ0I7bUVBQWhCLGdCQUFnQjt1RUFOckIsWUFBWTtZQUNaLGtCQUFrQjs7aUZBS2IsZ0JBQWdCO2NBUjVCLFFBQVE7ZUFBQztnQkFDTixPQUFPLEVBQUU7b0JBQ0wsWUFBWTtvQkFDWixrQkFBa0I7aUJBQ3JCO2dCQUNELFlBQVksRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO2dCQUM3QixPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQzthQUMzQjs7d0ZBQ1ksZ0JBQWdCLG1CQVh6QixtQkFBbUIsYUFLZixZQUFZO1FBQ1osa0JBQWtCLGFBTnRCLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBXbUNvbXBvbmVudHNNb2R1bGUgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuaW1wb3J0IHsgRmlsZVVwbG9hZENvbXBvbmVudCB9IGZyb20gJy4vZmlsZS11cGxvYWQuY29tcG9uZW50JztcblxuY29uc3QgY29tcG9uZW50cyA9IFtcbiAgICBGaWxlVXBsb2FkQ29tcG9uZW50XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBXbUNvbXBvbmVudHNNb2R1bGVcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogWy4uLmNvbXBvbmVudHNdLFxuICAgIGV4cG9ydHM6IFsuLi5jb21wb25lbnRzXVxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkTW9kdWxlIHtcbn1cbiJdfQ==

app-ng-runtime/components/input/file-upload/fesm2022/index.mjs

@@ -1,12 +1,13 @@
 import * as i0 from '@angular/core';
-import { Component, Attribute, NgModule } from '@angular/core';
+import { Component, Attribute, Inject, Optional, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i3 from '@wm/components/base';
-import { register, PROP_STRING, PROP_NUMBER, PROP_BOOLEAN, registerFormWidget, StylableComponent, styler, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
+import { PROP_STRING, PROP_NUMBER, PROP_BOOLEAN, register, registerFormWidget, StylableComponent, styler, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
 import { Subject } from 'rxjs';
 import * as i1 from '@wm/core';
 import { FormWidgetType, isImageFile, isAudioFile, isVideoFile, DataSource } from '@wm/core';
+import { toLower, includes, forEach, isEmpty } from 'lodash-es';
 
 const registerProps = () => {
     register('wm-fileupload', new Map([
@@ -40,21 +41,23 @@ const registerProps = () => {
 };
 
 const _c0 = ["wmFileUpload", ""];
+const _c1 = a0 => ({ "highlight-drop-box": a0 });
+const _c2 = (a0, a1) => ({ height: a0, overflow: a1 });
+const _c3 = a0 => ({ width: a0 });
 function FileUploadComponent_div_1_input_6_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
+    const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "input", 13);
-    i0.ɵɵlistener("click", function FileUploadComponent_div_1_input_6_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.onFileElemClick($event)); })("change", function FileUploadComponent_div_1_input_6_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r8.onFileSelect($event, $event.target.files)); });
+    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)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r5.disabled)("accept", ctx_r5.chooseFilter);
-    i0.ɵɵattribute("aria-label", ctx_r5.hint || "File selection field");
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.disabled)("accept", ctx_r1.chooseFilter);
+    i0.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
 } }
-const _c1 = function (a0) { return { "highlight-drop-box": a0 }; };
 function FileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
-    i0.ɵɵlistener("click", function FileUploadComponent_div_1_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.triggerFileSelect()); })("dragover", function FileUploadComponent_div_1_Template_div_dragover_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.dragOverHandler($event)); })("drop", function FileUploadComponent_div_1_Template_div_drop_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.onFileDrop($event)); });
+    i0.ɵɵlistener("click", function FileUploadComponent_div_1_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.triggerFileSelect()); })("dragover", function FileUploadComponent_div_1_Template_div_dragover_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.dragOverHandler($event)); })("drop", function FileUploadComponent_div_1_Template_div_drop_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFileDrop($event)); });
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementStart(3, "div", 8);
     i0.ɵɵelement(4, "label", 9);
@@ -64,44 +67,43 @@ function FileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1, ctx_r0.highlightDropArea));
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassMap(ctx_r0.iconclass);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1, ctx_r1.highlightDropArea));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.iconclass);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHtml", ctx_r0.caption, i0.ɵɵsanitizeHtml);
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate("name", ctx_r0.formName);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.multiple);
+    i0.ɵɵproperty("innerHtml", ctx_r1.caption, i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵpropertyInterpolate("name", ctx_r1.formName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.multiple);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.fileUploadMessage);
+    i0.ɵɵtextInterpolate(ctx_r1.fileUploadMessage);
 } }
 function FileUploadComponent_div_2_input_3_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
+    const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "input", 13);
-    i0.ɵɵlistener("click", function FileUploadComponent_div_2_input_3_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.onFileElemClick($event)); })("change", function FileUploadComponent_div_2_input_3_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.onFileSelect($event, $event.target.files)); });
+    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)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r13.disabled)("accept", ctx_r13.chooseFilter);
-    i0.ɵɵattribute("aria-label", ctx_r13.hint || "File selection field");
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.disabled)("accept", ctx_r1.chooseFilter);
+    i0.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
 } }
 function FileUploadComponent_div_2_input_4_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
+    const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "input", 21);
-    i0.ɵɵlistener("click", function FileUploadComponent_div_2_input_4_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.onFileElemClick($event)); })("change", function FileUploadComponent_div_2_input_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r20 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r20.onFileSelect($event, $event.target.files)); });
+    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)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r14 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r14.disabled)("accept", ctx_r14.chooseFilter);
-    i0.ɵɵattribute("aria-label", ctx_r14.hint || "File selection field");
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.disabled)("accept", ctx_r1.chooseFilter);
+    i0.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
 } }
 function FileUploadComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14)(1, "div", 15)(2, "form", 10);
-    i0.ɵɵtemplate(3, FileUploadComponent_div_2_input_3_Template, 1, 3, "input", 11);
-    i0.ɵɵtemplate(4, FileUploadComponent_div_2_input_4_Template, 1, 3, "input", 16);
+    i0.ɵɵtemplate(3, FileUploadComponent_div_2_input_3_Template, 1, 3, "input", 11)(4, FileUploadComponent_div_2_input_4_Template, 1, 3, "input", 16);
     i0.ɵɵelementStart(5, "button", 17);
     i0.ɵɵelement(6, "i", 18)(7, "span", 19);
     i0.ɵɵelementEnd()()();
@@ -111,30 +113,30 @@ function FileUploadComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵpropertyInterpolate("name", ctx_r1.formName);
-    i0.ɵɵadvance(1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.multiple);
-    i0.ɵɵadvance(1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r1.multiple);
-    i0.ɵɵadvance(1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1, ctx_r1.highlightDropArea));
-    i0.ɵɵadvance(1);
+    i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.iconclass);
-    i0.ɵɵadvance(1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("innerHTML", ctx_r1.caption, i0.ɵɵsanitizeHtml);
 } }
 function FileUploadComponent_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
+    const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 22);
-    i0.ɵɵlistener("click", function FileUploadComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.openFileSelector()); });
+    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()); });
     i0.ɵɵelement(1, "i")(2, "span", 19);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disabled", ctx_r2.disabled);
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassMap(ctx_r2.iconclass);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("innerHTML", ctx_r2.caption, i0.ɵɵsanitizeHtml);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", ctx_r1.disabled);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.iconclass);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", ctx_r1.caption, i0.ɵɵsanitizeHtml);
 } }
 function FileUploadComponent_ul_4_div_1_li_1_span_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 36);
@@ -142,24 +144,23 @@ function FileUploadComponent_ul_4_div_1_li_1_span_9_Template(rf, ctx) { if (rf &
     i0.ɵɵpipe(2, "filesize");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ft_r24 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ft_r24.size, 0));
+    const ft_r7 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ft_r7.size, 0));
 } }
-const _c2 = function (a0) { return { width: a0 }; };
 function FileUploadComponent_ul_4_div_1_li_1_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 37);
     i0.ɵɵelement(1, "div", 38);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ft_r24 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(1, _c2, ft_r24.progress + "%"));
+    const ft_r7 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(1, _c3, ft_r7.progress + "%"));
 } }
 function FileUploadComponent_ul_4_div_1_li_1_div_11_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
+    const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 39)(1, "a", 40);
-    i0.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_div_11_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r36); const ft_r24 = i0.ɵɵnextContext(2).$implicit; const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.abortFileUpload(ft_r24)); });
+    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)); });
     i0.ɵɵelement(2, "i", 41);
     i0.ɵɵelementEnd()();
 } }
@@ -169,22 +170,22 @@ function FileUploadComponent_ul_4_div_1_li_1_div_12_Template(rf, ctx) { if (rf &
     i0.ɵɵpipe(2, "stateClass");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ft_r24 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassMapInterpolate1("status-icon ", i0.ɵɵpipeBind1(2, 3, ft_r24.status), "");
+    const ft_r7 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMapInterpolate1("status-icon ", i0.ɵɵpipeBind1(2, 3, ft_r7.status), "");
 } }
 function FileUploadComponent_ul_4_div_1_li_1_div_13_Template(rf, ctx) { if (rf & 1) {
-    const _r40 = i0.ɵɵgetCurrentView();
+    const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 39)(1, "a", 42);
-    i0.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_div_13_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r40); const ft_r24 = i0.ɵɵnextContext(2).$implicit; const ctx_r38 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r38.clear(ft_r24)); });
+    i0.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_div_13_Template_a_click_1_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)); });
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r30 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate("title", ctx_r30.cleariconhint);
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassMap(ctx_r30.cleariconclass);
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵpropertyInterpolate("title", ctx_r1.cleariconhint);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.cleariconclass);
 } }
 function FileUploadComponent_ul_4_div_1_li_1_div_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 43);
@@ -192,11 +193,11 @@ function FileUploadComponent_ul_4_div_1_li_1_div_14_Template(rf, ctx) { if (rf &
     i0.ɵɵpipe(2, "stateClass");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ft_r24 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r31 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("title", ft_r24.errMsg || ctx_r31.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassMapInterpolate1("status-icon ", i0.ɵɵpipeBind1(2, 4, ft_r24.status), "");
+    const ft_r7 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("title", ft_r7.errMsg || ctx_r1.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMapInterpolate1("status-icon ", i0.ɵɵpipeBind1(2, 4, ft_r7.status), "");
 } }
 function FileUploadComponent_ul_4_div_1_li_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li", 26)(1, "div", 27);
@@ -210,51 +211,47 @@ function FileUploadComponent_ul_4_div_1_li_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(10, FileUploadComponent_ul_4_div_1_li_1_div_10_Template, 2, 3, "div", 33);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, FileUploadComponent_ul_4_div_1_li_1_div_11_Template, 3, 0, "div", 34);
-    i0.ɵɵtemplate(12, FileUploadComponent_ul_4_div_1_li_1_div_12_Template, 3, 5, "div", 34);
-    i0.ɵɵtemplate(13, FileUploadComponent_ul_4_div_1_li_1_div_13_Template, 3, 4, "div", 34);
-    i0.ɵɵtemplate(14, FileUploadComponent_ul_4_div_1_li_1_div_14_Template, 3, 6, "div", 35);
+    i0.ɵɵtemplate(11, FileUploadComponent_ul_4_div_1_li_1_div_11_Template, 3, 0, "div", 34)(12, FileUploadComponent_ul_4_div_1_li_1_div_12_Template, 3, 5, "div", 34)(13, FileUploadComponent_ul_4_div_1_li_1_div_13_Template, 3, 4, "div", 34)(14, FileUploadComponent_ul_4_div_1_li_1_div_14_Template, 3, 6, "div", 35);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ft_r24 = i0.ɵɵnextContext().$implicit;
-    const ctx_r25 = i0.ɵɵnextContext(2);
+    const ft_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMapInterpolate1("media-left media-middle file-icon ", i0.ɵɵpipeBind1(3, 11, ctx_r25.getFileExtension(ft_r24.name)), "");
-    i0.ɵɵpropertyInterpolate("title", ctx_r25.getFileExtension(ft_r24.name));
+    i0.ɵɵclassMapInterpolate1("media-left media-middle file-icon ", i0.ɵɵpipeBind1(3, 11, ctx_r1.getFileExtension(ft_r7.name)), "");
+    i0.ɵɵpropertyInterpolate("title", ctx_r1.getFileExtension(ft_r7.name));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ft_r24.name);
+    i0.ɵɵtextInterpolate(ft_r7.name);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ft_r24.fileLength !== 0);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ft_r24.status === "onProgress");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ft_r24.status === "onProgress" || ft_r24.status === "queued");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ft_r24.status === "success");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r25.cleariconclass !== "" && ft_r24.status !== "onProgress");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ft_r24.status === "error");
+    i0.ɵɵproperty("ngIf", ft_r7.fileLength !== 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ft_r7.status === "onProgress");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ft_r7.status === "onProgress" || ft_r7.status === "queued");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ft_r7.status === "success");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.cleariconclass !== "" && ft_r7.status !== "onProgress");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ft_r7.status === "error");
 } }
 function FileUploadComponent_ul_4_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_li_1_Template, 15, 13, "li", 25);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ft_r24 = ctx.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ft_r24.status !== "abort");
+    const ft_r7 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ft_r7.status !== "abort");
 } }
-const _c3 = function (a0, a1) { return { height: a0, overflow: a1 }; };
 function FileUploadComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul", 23);
     i0.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_Template, 2, 1, "div", 24);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c3, ctx_r3.filelistheight, ctx_r3.overflow));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r3.selectedFiles);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c2, ctx_r1.filelistheight, ctx_r1.overflow));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.selectedFiles);
 } }
 function FileUploadComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li", 26)(1, "div", 27);
@@ -268,20 +265,20 @@ function FileUploadComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(9, "span", 47);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ft_r44 = ctx.$implicit;
+    const ft_r10 = ctx.$implicit;
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ft_r44.name);
+    i0.ɵɵtextInterpolate(ft_r10.name);
 } }
 function FileUploadComponent_ul_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul", 44);
     i0.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li", 45);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate("title", ctx_r4.appLocale.MESSAGE_FOLDER_UPLOADS_NOT_ALLOWED);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(3, _c3, ctx_r4.filelistheight, ctx_r4.overflow));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r4.selectedFolders);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate("title", ctx_r1.appLocale.MESSAGE_FOLDER_UPLOADS_NOT_ALLOWED);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(3, _c2, ctx_r1.filelistheight, ctx_r1.overflow));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.selectedFolders);
 } }
 const DEFAULT_CLS = 'app-fileupload';
 const WIDGET_CONFIG = {
@@ -298,22 +295,22 @@ class FileUploadComponent extends StylableComponent {
         if (!contenttype) {
             return true;
         }
-        contentTypes = _.toLower(contenttype).split(',');
-        if (_.includes(contentTypes, 'image/*') || (_.includes(contentTypes, 'image') && isMobileType)) {
+        contentTypes = toLower(contenttype).split(',');
+        if (includes(contentTypes, 'image/*') || (includes(contentTypes, 'image') && isMobileType)) {
             isValid = isImageFile(filename);
             // If one of the content type chosen is image and user uploads image it is valid file
             if (isValid) {
                 return isValid;
             }
         }
-        if (_.includes(contentTypes, 'audio/*') || (_.includes(contentTypes, 'audio') && isMobileType)) {
+        if (includes(contentTypes, 'audio/*') || (includes(contentTypes, 'audio') && isMobileType)) {
             isValid = isAudioFile(filename);
             // If one of the content type chosen is audio/* and user uploads audio it is valid file
             if (isValid) {
                 return isValid;
             }
         }
-        if (_.includes(contentTypes, 'video/*') || (_.includes(contentTypes, 'video') && isMobileType)) {
+        if (includes(contentTypes, 'video/*') || (includes(contentTypes, 'video') && isMobileType)) {
             isValid = isVideoFile(filename);
             // If one of the content type chosen is video/* and user uploads video it is valid file
             if (isValid) {
@@ -321,7 +318,7 @@ class FileUploadComponent extends StylableComponent {
             }
         }
         /*content type and the uploaded file extension should be same*/
-        if (_.includes(contentTypes, '.' + _.toLower(extensionName))) {
+        if (includes(contentTypes, '.' + toLower(extensionName))) {
             isValid = true;
         }
         return isValid;
@@ -336,7 +333,7 @@ class FileUploadComponent extends StylableComponent {
         if (this.chooseFilter === this.DEVICE_CONTENTTYPES.FILES) {
             this.chooseFilter = '';
         }
-        _.forEach($files, (file) => {
+        forEach($files, (file) => {
             /* check for the file content type before uploading */
             if (!this.isValidFile(file.name, this.chooseFilter, this.getFileExtension(file.name), this._isMobileType)) {
                 const msg = `${this.appLocale.LABEL_FILE_EXTENTION_VALIDATION_MESSAGE} ${this.chooseFilter}`;
@@ -369,7 +366,7 @@ class FileUploadComponent extends StylableComponent {
     }
     /*Overwrite the caption only if they are default*/
     getCaption(caption, isMultiple, isMobileType) {
-        if (_.includes(this.DEFAULT_CAPTIONS, caption)) {
+        if (includes(this.DEFAULT_CAPTIONS, caption)) {
             return isMultiple && !isMobileType ? this.DEFAULT_CAPTIONS.MULTIPLE_SELECT : this.DEFAULT_CAPTIONS.SELECT;
         }
         return caption;
@@ -380,7 +377,7 @@ class FileUploadComponent extends StylableComponent {
     }
     /* this function returns the fileextension */
     getFileExtension(fileName) {
-        if (fileName && _.includes(fileName, '.')) {
+        if (fileName && includes(fileName, '.')) {
             return fileName.substring(fileName.lastIndexOf('.') + 1);
         }
         return 'file';
@@ -433,7 +430,7 @@ class FileUploadComponent extends StylableComponent {
             this.selectedFolders = [];
         }
         // Trigger error callback event if any invalid file found.
-        if (!_.isEmpty(files.errorFiles)) {
+        if (!isEmpty(files.errorFiles)) {
             this.invokeEventCallback('error', {
                 $event,
                 files: files.errorFiles
@@ -450,7 +447,7 @@ class FileUploadComponent extends StylableComponent {
             if (this.datasource) {
                 this.datasource._progressObservable = this.progressObservable;
                 this.datasource._progressObservable.asObservable().subscribe((progressObj) => {
-                    _.forEach(this.selectedFiles, (file) => {
+                    forEach(this.selectedFiles, (file) => {
                         if (file.name === progressObj.fileName) {
                             file.progress = progressObj.progress;
                             if (file.progress === 100) {
@@ -539,8 +536,8 @@ class FileUploadComponent extends StylableComponent {
         }
         super.onPropertyChange(key, nv, ov);
     }
-    constructor(inj, app, onSelectEvt) {
-        super(inj, WIDGET_CONFIG);
+    constructor(inj, app, onSelectEvt, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
         this.app = app;
         this.onSelectEvt = onSelectEvt;
         this.selectedFiles = [];
@@ -593,39 +590,41 @@ class FileUploadComponent extends StylableComponent {
         document.removeEventListener('mouseleave', this.dropCb);
         super.ngOnDestroy();
     }
-    static { this.ɵfac = function FileUploadComponent_Factory(t) { return new (t || FileUploadComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵinjectAttribute('select.event')); }; }
+    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)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileUploadComponent, selectors: [["", "wmFileUpload", ""]], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(FileUploadComponent)
-            ]), 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, "ngClass", "click", "dragover", "drop"], [1, "message"], [1, "caption", 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"], ["type", "file", "name", "files", "multiple", "", 1, "file-input", 3, "disabled", "accept", "click", "change"], [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, "disabled", "accept", "click", "change"], ["focus-target", "", 1, "app-button", "btn", "btn-default", 3, "disabled", "click"], [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"], [1, "upload-title"], ["class", "filesize", 4, "ngIf"], ["class", "progress", 4, "ngIf"], ["class", "media-right media-middle", 4, "ngIf"], ["class", "media-right media-middle", 3, "title", 4, "ngIf"], [1, "filesize"], [1, "progress"], [1, "progress-bar", "progress-bar-striped", "progress-bar-info", 3, "ngStyle"], [1, "media-right", "media-middle"], ["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, "title", "click"], [1, "media-right", "media-middle", 3, "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, "status-icon", "wi", "wi-cancel", "text-danger"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), 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, "caption", 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"], ["type", "file", "name", "files", "multiple", "", 1, "file-input", 3, "click", "change", "disabled", "accept"], [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"], [1, "upload-title"], ["class", "filesize", 4, "ngIf"], ["class", "progress", 4, "ngIf"], ["class", "media-right media-middle", 4, "ngIf"], ["class", "media-right media-middle", 3, "title", 4, "ngIf"], [1, "filesize"], [1, "progress"], [1, "progress-bar", "progress-bar-striped", "progress-bar-info", 3, "ngStyle"], [1, "media-right", "media-middle"], ["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, "media-right", "media-middle", 3, "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, "status-icon", "wi", "wi-cancel", "text-danger"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, FileUploadComponent_div_1_Template, 9, 10, "div", 1);
-            i0.ɵɵtemplate(2, FileUploadComponent_div_2_Template, 9, 10, "div", 2);
-            i0.ɵɵtemplate(3, FileUploadComponent_button_3_Template, 3, 5, "button", 3);
-            i0.ɵɵtemplate(4, FileUploadComponent_ul_4_Template, 2, 5, "ul", 4);
-            i0.ɵɵtemplate(5, FileUploadComponent_ul_5_Template, 2, 6, "ul", 5);
+            i0.ɵɵtemplate(1, FileUploadComponent_div_1_Template, 9, 10, "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);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx._isMobileType && ctx.multiple);
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx._isCordova && (!ctx.multiple || ctx._isMobileType));
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx._isCordova);
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.selectedFiles.length > 0);
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.selectedFolders.length > 0);
         } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, i3.FileIconClassPipe, i3.FileSizePipe, i3.StateClassPipe], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadComponent, [{
         type: Component,
         args: [{ selector: '[wmFileUpload]', providers: [
                     provideAsWidgetRef(FileUploadComponent)
                 ], 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=\"caption\"></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 href=\"javascript:void(0);\" class=\"app-anchor\">{{fileUploadMessage}}</a>\n                </form>\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 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\">\n                            <label class=\"upload-title\">{{ft.name}}</label><br/>\n                            <span class=\"filesize\" *ngIf=\"ft.fileLength  !== 0\">{{ft.size | filesize:0}}</span>\n                        </p>\n                        <div class=\"progress\" *ngIf=\"ft.status === 'onProgress'\">\n                            <div class=\"progress-bar progress-bar-striped progress-bar-info\" [ngStyle]=\"{width: (ft.progress +'%')}\"></div>\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\n                    <div class=\"media-right media-middle\"  *ngIf=\"ft.status === 'success'\">\n                        <span class=\"status-icon {{ft.status | stateClass }}\"></span>\n                    </div>\n                    <div *ngIf=\"cleariconclass !== '' && ft.status !== 'onProgress'\" class=\"media-right media-middle\">\n                        <a (click)=\"clear(ft)\" 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 === 'error'\" title=\"{{ft.errMsg || this.appLocale.MESSAGE_FILE_UPLOAD_FAILED}}\">\n                        <span class=\"status-icon {{ft.status | stateClass }}\"></span>\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" }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.App }, { type: undefined, decorators: [{
+    }], () => [{ type: i0.Injector }, { type: i1.App }, { type: undefined, decorators: [{
                 type: Attribute,
                 args: ['select.event']
-            }] }]; }, null); })();
+            }] }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FileUploadComponent, { className: "FileUploadComponent", filePath: "file-upload.component.ts", lineNumber: 27 }); })();
 
 const components = [
     FileUploadComponent
@@ -636,7 +635,7 @@ class FileUploadModule {
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             WmComponentsModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadModule, [{
         type: NgModule,
         args: [{
                 imports: [