@wavemaker/app-ng-runtime 11.10.2-rc.6065 → 11.10.3-next.25128

package/mobile/components/basic/default/bundles/index.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@wm/components/base'), require('lodash-es'), require('@angular/common/http'), require('@awesome-cordova-plugins/file/ngx'), require('@awesome-cordova-plugins/file-opener/ngx'), require('@wm/core'), require('@wm/mobile/core'), require('@angular/common'), require('@wm/components/basic/progress')) :
     typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@wm/components/base', 'lodash-es', '@angular/common/http', '@awesome-cordova-plugins/file/ngx', '@awesome-cordova-plugins/file-opener/ngx', '@wm/core', '@wm/mobile/core', '@angular/common', '@wm/components/basic/progress'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.mobile = global.wm.mobile || {}, global.wm.mobile.components = global.wm.mobile.components || {}, global.wm.mobile.components.basic = {}), global.ng.core, global.wm.components.base, global._, global.ng.common.http, global.awesomeCordova.plugins, global.awesomeCordova.plugins, global.wm.core, global.wm.mobile.core, global.ng.common, global.wm.components.basic.progress));
-})(this, (function (exports, i0, i5, lodashEs, i4, i2, i3, i1$1, i1, i3$1, i2$1) { 'use strict';
+})(this, (function (exports, i0, i5, lodashEs, i4, i2, i3, i1$1, i1, i1$2, i2$1) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -28,7 +28,7 @@
     var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
     var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
-    var i3$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i3$1);
+    var i1$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$2);
     var i2$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$1);
 
     class AnchorDirective {
@@ -176,22 +176,22 @@
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppUpdateComponent, { className: "AppUpdateComponent", filePath: "app-update/app-update.component.ts", lineNumber: 20 }); })();
 
     const _c0$2 = ["wmMobileFileBrowser", ""];
-    function FileBrowserComponent_div_0_div_13_i_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i", 22);
+    function FileBrowserComponent_Conditional_0_For_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "i", 17);
     } }
-    function FileBrowserComponent_div_0_div_13_i_3_Template(rf, ctx) { if (rf & 1) {
+    function FileBrowserComponent_Conditional_0_For_14_Conditional_3_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelement(0, "i");
     } if (rf & 2) {
         const file_r4 = i0__namespace.ɵɵnextContext().$implicit;
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
         i0__namespace.ɵɵclassMapInterpolate1("file-icon wi wi-file ", ctx_r1.getFileExtension(file_r4.name), "");
     } }
-    function FileBrowserComponent_div_0_div_13_Template(rf, ctx) { if (rf & 1) {
+    function FileBrowserComponent_Conditional_0_For_14_Template(rf, ctx) { if (rf & 1) {
         const _r3 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "div", 17)(1, "div", 18);
-        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_div_0_div_13_Template_div_click_1_listener() { const file_r4 = i0__namespace.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileClick(file_r4)); });
-        i0__namespace.ɵɵtemplate(2, FileBrowserComponent_div_0_div_13_i_2_Template, 1, 0, "i", 19)(3, FileBrowserComponent_div_0_div_13_i_3_Template, 1, 3, "i", 20);
-        i0__namespace.ɵɵelementStart(4, "span", 21);
+        i0__namespace.ɵɵelementStart(0, "div", 12)(1, "div", 16);
+        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_Conditional_0_For_14_Template_div_click_1_listener() { const file_r4 = i0__namespace.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileClick(file_r4)); });
+        i0__namespace.ɵɵtemplate(2, FileBrowserComponent_Conditional_0_For_14_Conditional_2_Template, 1, 0, "i", 17)(3, FileBrowserComponent_Conditional_0_For_14_Conditional_3_Template, 1, 3, "i", 18);
+        i0__namespace.ɵɵelementStart(4, "span", 19);
         i0__namespace.ɵɵtext(5);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
@@ -199,18 +199,18 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵclassProp("bg-primary", file_r4.isSelected);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", !file_r4.isFile);
+        i0__namespace.ɵɵconditional(!file_r4.isFile ? 2 : -1);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", file_r4.isFile);
+        i0__namespace.ɵɵconditional(file_r4.isFile ? 3 : -1);
         i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵtextInterpolate(file_r4.name);
     } }
-    function FileBrowserComponent_div_0_button_15_Template(rf, ctx) { if (rf & 1) {
+    function FileBrowserComponent_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf & 1) {
         const _r5 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 23);
-        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_div_0_button_15_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r5); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.submit()); });
+        i0__namespace.ɵɵelementStart(0, "button", 20);
+        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_Conditional_0_Conditional_16_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r5); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.submit()); });
         i0__namespace.ɵɵtext(1, " Done ");
-        i0__namespace.ɵɵelementStart(2, "span", 24);
+        i0__namespace.ɵɵelementStart(2, "span", 21);
         i0__namespace.ɵɵtext(3);
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
@@ -218,28 +218,28 @@
         i0__namespace.ɵɵadvance(3);
         i0__namespace.ɵɵtextInterpolate(ctx_r1.selectedFiles.length);
     } }
-    function FileBrowserComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    function FileBrowserComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "div", 1);
-        i0__namespace.ɵɵelement(1, "div", 2);
-        i0__namespace.ɵɵelementStart(2, "div", 3)(3, "div", 4)(4, "div", 5)(5, "div", 6)(6, "h4", 7)(7, "span", 8);
-        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_div_0_Template_span_click_7_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onFileClick(ctx_r1.currentFolder.parent)); });
-        i0__namespace.ɵɵelement(8, "i", 9);
+        i0__namespace.ɵɵelementStart(0, "div", 0);
+        i0__namespace.ɵɵelement(1, "div", 1);
+        i0__namespace.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5)(6, "h4", 6)(7, "span", 7);
+        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_Conditional_0_Template_span_click_7_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onFileClick(ctx_r1.currentFolder.parent)); });
+        i0__namespace.ɵɵelement(8, "i", 8);
         i0__namespace.ɵɵelementEnd();
         i0__namespace.ɵɵtext(9);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(10, "div", 10);
-        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_div_0_Template_div_click_10_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.refreshFolder()); });
-        i0__namespace.ɵɵelement(11, "i", 11);
+        i0__namespace.ɵɵelementStart(10, "div", 9);
+        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_Conditional_0_Template_div_click_10_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.refreshFolder()); });
+        i0__namespace.ɵɵelement(11, "i", 10);
         i0__namespace.ɵɵelementEnd()();
-        i0__namespace.ɵɵelementStart(12, "div", 12);
-        i0__namespace.ɵɵtemplate(13, FileBrowserComponent_div_0_div_13_Template, 6, 5, "div", 13);
+        i0__namespace.ɵɵelementStart(12, "div", 11);
+        i0__namespace.ɵɵrepeaterCreate(13, FileBrowserComponent_Conditional_0_For_14_Template, 6, 5, "div", 12, i0__namespace.ɵɵrepeaterTrackByIdentity);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(14, "div", 14);
-        i0__namespace.ɵɵtemplate(15, FileBrowserComponent_div_0_button_15_Template, 4, 1, "button", 15);
-        i0__namespace.ɵɵelementStart(16, "button", 16);
-        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_div_0_Template_button_click_16_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.show = false); });
-        i0__namespace.ɵɵtext(17, "Close");
+        i0__namespace.ɵɵelementStart(15, "div", 13);
+        i0__namespace.ɵɵtemplate(16, FileBrowserComponent_Conditional_0_Conditional_16_Template, 4, 1, "button", 14);
+        i0__namespace.ɵɵelementStart(17, "button", 15);
+        i0__namespace.ɵɵlistener("click", function FileBrowserComponent_Conditional_0_Template_button_click_17_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.show = false); });
+        i0__namespace.ɵɵtext(18, "Close");
         i0__namespace.ɵɵelementEnd()()()()()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext();
@@ -252,9 +252,9 @@
         i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.currentFolder.name, " ");
         i0__namespace.ɵɵadvance(4);
-        i0__namespace.ɵɵproperty("ngForOf", ctx_r1.currentFolder.files);
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r1.selectedFiles && ctx_r1.selectedFiles.length > 0);
+        i0__namespace.ɵɵrepeater(ctx_r1.currentFolder.files);
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵconditional(ctx_r1.selectedFiles && ctx_r1.selectedFiles.length > 0 ? 16 : -1);
     } }
     class FileBrowserComponent {
         constructor(deviceService) {
@@ -385,15 +385,15 @@
             file.isSelected = true;
         }
         static { this.ɵfac = function FileBrowserComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FileBrowserComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace.DeviceService)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: FileBrowserComponent, selectors: [["", "wmMobileFileBrowser", ""]], inputs: { fileTypeToSelect: "fileTypeToSelect", multiple: "multiple" }, outputs: { submitEmitter: "submit" }, attrs: _c0$2, decls: 1, vars: 1, consts: [["class", "app-file-browser", 4, "ngIf"], [1, "app-file-browser"], [1, "modal-backdrop", "fade"], [1, "modal", "fade", 2, "display", "block"], [1, "modal-dialog"], [1, "modal-content"], [1, "modal-header", "clearfix"], [1, "modal-title", "pull-left"], [3, "click", "hidden"], [1, "wi", "wi-long-arrow-left"], [1, "selected-file-button", "pull-right", 3, "click"], [1, "wi", "wi-refresh"], [1, "modal-body"], ["class", "file-info-box", 4, "ngFor", "ngForOf"], [1, "modal-footer"], ["type", "button", "class", "btn btn-primary", 3, "click", 4, "ngIf"], ["type", "button", 1, "btn", "btn-default", 3, "click"], [1, "file-info-box"], [1, "file-info", 3, "click"], ["class", "file-icon wi wi-folder", 4, "ngIf"], [3, "class", 4, "ngIf"], [1, "file-name"], [1, "file-icon", "wi", "wi-folder"], ["type", "button", 1, "btn", "btn-primary", 3, "click"], [1, "badge", "badge-light"]], template: function FileBrowserComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, FileBrowserComponent_div_0_Template, 18, 8, "div", 0);
+        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: FileBrowserComponent, selectors: [["", "wmMobileFileBrowser", ""]], inputs: { fileTypeToSelect: "fileTypeToSelect", multiple: "multiple" }, outputs: { submitEmitter: "submit" }, attrs: _c0$2, decls: 1, vars: 1, consts: [[1, "app-file-browser"], [1, "modal-backdrop", "fade"], [1, "modal", "fade", 2, "display", "block"], [1, "modal-dialog"], [1, "modal-content"], [1, "modal-header", "clearfix"], [1, "modal-title", "pull-left"], [3, "click", "hidden"], [1, "wi", "wi-long-arrow-left"], [1, "selected-file-button", "pull-right", 3, "click"], [1, "wi", "wi-refresh"], [1, "modal-body"], [1, "file-info-box"], [1, "modal-footer"], ["type", "button", 1, "btn", "btn-primary"], ["type", "button", 1, "btn", "btn-default", 3, "click"], [1, "file-info", 3, "click"], [1, "file-icon", "wi", "wi-folder"], [3, "class"], [1, "file-name"], ["type", "button", 1, "btn", "btn-primary", 3, "click"], [1, "badge", "badge-light"]], template: function FileBrowserComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, FileBrowserComponent_Conditional_0_Template, 19, 7, "div", 0);
             } if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.isVisible && ctx.currentFolder);
-            } }, dependencies: [i3$1__namespace.NgForOf, i3$1__namespace.NgIf], encapsulation: 2 }); }
+                i0__namespace.ɵɵconditional(ctx.isVisible && ctx.currentFolder ? 0 : -1);
+            } }, encapsulation: 2 }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FileBrowserComponent, [{
             type: i0.Component,
-            args: [{ selector: '[wmMobileFileBrowser]', template: "<div class=\"app-file-browser\" *ngIf=\"isVisible && currentFolder\">\n    <div class=\"modal-backdrop fade\" [class.in]=\"isVisible\"></div>\n    <div class=\"modal fade\" style=\"display: block;\" [class.in]=\"isVisible\" >\n        <div class=\"modal-dialog\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header clearfix\">\n                    <h4 class=\"modal-title pull-left\">\n                        <span (click)=\"onFileClick(currentFolder.parent)\" [hidden]=\"!!!currentFolder.parent\">\n                            <i class=\"wi wi-long-arrow-left\"></i>\n                        </span>\n                     {{currentFolder.name}}\n                    </h4>\n                    <div class=\"selected-file-button pull-right\" (click)=\"refreshFolder()\">\n                        <i class=\"wi wi-refresh\"></i>\n                    </div>\n                </div>\n                <div class=\"modal-body\">\n                    <div class=\"file-info-box\" *ngFor=\"let file of currentFolder.files\">\n                        <div class=\"file-info\"  [class.bg-primary]=\"file.isSelected\" (click)=\"onFileClick(file)\">\n                            <i class=\"file-icon wi wi-folder\" *ngIf=\"!file.isFile\"></i>\n                            <i class=\"file-icon wi wi-file {{getFileExtension(file.name)}}\" *ngIf=\"file.isFile\"></i>\n                            <span class=\"file-name\">{{file.name}}</span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-primary\" *ngIf=\"selectedFiles && selectedFiles.length > 0\" (click)=\"submit()\">\n                        Done <span class=\"badge badge-light\">{{selectedFiles.length}}</span>\n                    </button>\n                    <button type=\"button\" class=\"btn btn-default\" (click)=\"show = false;\">Close</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>" }]
+            args: [{ selector: '[wmMobileFileBrowser]', template: "@if (isVisible && currentFolder) {\n  <div class=\"app-file-browser\">\n    <div class=\"modal-backdrop fade\" [class.in]=\"isVisible\"></div>\n    <div class=\"modal fade\" style=\"display: block;\" [class.in]=\"isVisible\" >\n      <div class=\"modal-dialog\">\n        <div class=\"modal-content\">\n          <div class=\"modal-header clearfix\">\n            <h4 class=\"modal-title pull-left\">\n              <span (click)=\"onFileClick(currentFolder.parent)\" [hidden]=\"!!!currentFolder.parent\">\n                <i class=\"wi wi-long-arrow-left\"></i>\n              </span>\n              {{currentFolder.name}}\n            </h4>\n            <div class=\"selected-file-button pull-right\" (click)=\"refreshFolder()\">\n              <i class=\"wi wi-refresh\"></i>\n            </div>\n          </div>\n          <div class=\"modal-body\">\n            @for (file of currentFolder.files; track file) {\n              <div class=\"file-info-box\">\n                <div class=\"file-info\"  [class.bg-primary]=\"file.isSelected\" (click)=\"onFileClick(file)\">\n                  @if (!file.isFile) {\n                    <i class=\"file-icon wi wi-folder\"></i>\n                  }\n                  @if (file.isFile) {\n                    <i class=\"file-icon wi wi-file {{getFileExtension(file.name)}}\"></i>\n                  }\n                  <span class=\"file-name\">{{file.name}}</span>\n                </div>\n              </div>\n            }\n          </div>\n          <div class=\"modal-footer\">\n            @if (selectedFiles && selectedFiles.length > 0) {\n              <button type=\"button\" class=\"btn btn-primary\" (click)=\"submit()\">\n                Done <span class=\"badge badge-light\">{{selectedFiles.length}}</span>\n              </button>\n            }\n            <button type=\"button\" class=\"btn btn-default\" (click)=\"show = false;\">Close</button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n}" }]
         }], () => [{ type: i1__namespace.DeviceService }], { fileTypeToSelect: [{
                 type: i0.Input
             }], multiple: [{
@@ -541,12 +541,12 @@
     };
 
     const _c0$1 = ["wmNetworkInfoToaster", ""];
-    function NetworkInfoToasterComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    function NetworkInfoToasterComponent_Conditional_0_Case_1_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "div", 3);
-        i0__namespace.ɵɵelement(1, "label", 4);
-        i0__namespace.ɵɵelementStart(2, "button", 5);
-        i0__namespace.ɵɵlistener("click", function NetworkInfoToasterComponent_div_0_div_1_Template_button_click_2_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.hideMessage()); });
+        i0__namespace.ɵɵelementStart(0, "div", 1);
+        i0__namespace.ɵɵelement(1, "label", 2);
+        i0__namespace.ɵɵelementStart(2, "button", 3);
+        i0__namespace.ɵɵlistener("click", function NetworkInfoToasterComponent_Conditional_0_Case_1_Template_button_click_2_listener() { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.hideMessage()); });
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
@@ -555,12 +555,12 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("textContent", ctx_r1.appLocale.LABEL_HIDE_NETWORK_INFO);
     } }
-    function NetworkInfoToasterComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    function NetworkInfoToasterComponent_Conditional_0_Case_2_Template(rf, ctx) { if (rf & 1) {
         const _r3 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "div", 3);
-        i0__namespace.ɵɵelement(1, "label", 4);
-        i0__namespace.ɵɵelementStart(2, "button", 5);
-        i0__namespace.ɵɵlistener("click", function NetworkInfoToasterComponent_div_0_div_2_Template_button_click_2_listener() { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.hideMessage()); });
+        i0__namespace.ɵɵelementStart(0, "div", 1);
+        i0__namespace.ɵɵelement(1, "label", 2);
+        i0__namespace.ɵɵelementStart(2, "button", 3);
+        i0__namespace.ɵɵlistener("click", function NetworkInfoToasterComponent_Conditional_0_Case_2_Template_button_click_2_listener() { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.hideMessage()); });
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
@@ -569,15 +569,15 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("textContent", ctx_r1.appLocale.LABEL_HIDE_NETWORK_INFO);
     } }
-    function NetworkInfoToasterComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
+    function NetworkInfoToasterComponent_Conditional_0_Case_3_Template(rf, ctx) { if (rf & 1) {
         const _r4 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "div", 3);
-        i0__namespace.ɵɵelement(1, "label", 4);
-        i0__namespace.ɵɵelementStart(2, "button", 5);
-        i0__namespace.ɵɵlistener("click", function NetworkInfoToasterComponent_div_0_div_3_Template_button_click_2_listener() { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.hideMessage()); });
+        i0__namespace.ɵɵelementStart(0, "div", 1);
+        i0__namespace.ɵɵelement(1, "label", 2);
+        i0__namespace.ɵɵelementStart(2, "button", 3);
+        i0__namespace.ɵɵlistener("click", function NetworkInfoToasterComponent_Conditional_0_Case_3_Template_button_click_2_listener() { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.hideMessage()); });
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(3, "button", 6);
-        i0__namespace.ɵɵlistener("click", function NetworkInfoToasterComponent_div_0_div_3_Template_button_click_3_listener() { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.connect()); });
+        i0__namespace.ɵɵelementStart(3, "button", 4);
+        i0__namespace.ɵɵlistener("click", function NetworkInfoToasterComponent_Conditional_0_Case_3_Template_button_click_3_listener() { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.connect()); });
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
@@ -588,41 +588,33 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("textContent", ctx_r1.appLocale.LABEL_CONNECT_TO_SERVICE);
     } }
-    function NetworkInfoToasterComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 3);
-        i0__namespace.ɵɵelement(1, "label", 4);
+    function NetworkInfoToasterComponent_Conditional_0_Case_4_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "div", 1);
+        i0__namespace.ɵɵelement(1, "label", 2);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("textContent", ctx_r1.appLocale.MESSAGE_SERVICE_CONNECTING);
     } }
-    function NetworkInfoToasterComponent_div_0_div_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 3);
-        i0__namespace.ɵɵelement(1, "label", 4);
+    function NetworkInfoToasterComponent_Conditional_0_Case_5_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "div", 1);
+        i0__namespace.ɵɵelement(1, "label", 2);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("textContent", ctx_r1.appLocale.MESSAGE_SERVICE_CONNECTED);
     } }
-    function NetworkInfoToasterComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 1);
-        i0__namespace.ɵɵtemplate(1, NetworkInfoToasterComponent_div_0_div_1_Template, 3, 2, "div", 2)(2, NetworkInfoToasterComponent_div_0_div_2_Template, 3, 2, "div", 2)(3, NetworkInfoToasterComponent_div_0_div_3_Template, 4, 3, "div", 2)(4, NetworkInfoToasterComponent_div_0_div_4_Template, 2, 1, "div", 2)(5, NetworkInfoToasterComponent_div_0_div_5_Template, 2, 1, "div", 2);
+    function NetworkInfoToasterComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "div", 0);
+        i0__namespace.ɵɵtemplate(1, NetworkInfoToasterComponent_Conditional_0_Case_1_Template, 3, 2, "div", 1)(2, NetworkInfoToasterComponent_Conditional_0_Case_2_Template, 3, 2, "div", 1)(3, NetworkInfoToasterComponent_Conditional_0_Case_3_Template, 4, 3, "div", 1)(4, NetworkInfoToasterComponent_Conditional_0_Case_4_Template, 2, 1, "div", 1)(5, NetworkInfoToasterComponent_Conditional_0_Case_5_Template, 2, 1, "div", 1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
+        let tmp_1_0;
         const ctx_r1 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵproperty("ngSwitch", ctx_r1.networkState);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngSwitchCase", -3);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngSwitchCase", -2);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngSwitchCase", -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngSwitchCase", 0);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngSwitchCase", 1);
+        i0__namespace.ɵɵconditional((tmp_1_0 = ctx_r1.networkState) === -3 ? 1 : tmp_1_0 === -2 ? 2 : tmp_1_0 === -1 ? 3 : tmp_1_0 === 0 ? 4 : tmp_1_0 === 1 ? 5 : -1);
     } }
     const DEFAULT_CLS = 'network-info-toaster';
     const WIDGET_CONFIG = { widgetType: 'wm-network-info-toaster', hostClass: DEFAULT_CLS };
@@ -694,17 +686,17 @@
         static { this.ɵfac = function NetworkInfoToasterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NetworkInfoToasterComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace.NetworkService), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.App), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
         static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: NetworkInfoToasterComponent, selectors: [["", "wmNetworkInfoToaster", ""]], features: [i0__namespace.ɵɵProvidersFeature([
                     i5.provideAsWidgetRef(NetworkInfoToasterComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$1, decls: 1, vars: 1, consts: [["class", "network-info-toaster-content", 3, "ngSwitch", 4, "ngIf"], [1, "network-info-toaster-content", 3, "ngSwitch"], ["class", "info", 4, "ngSwitchCase"], [1, "info"], [1, "message", 3, "textContent"], [1, "btn", "btn-default", "hide-btn", 3, "click", "textContent"], [1, "btn", "btn-primary", "connect-btn", 3, "click", "textContent"]], template: function NetworkInfoToasterComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, NetworkInfoToasterComponent_div_0_Template, 6, 6, "div", 0);
+                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$1, decls: 1, vars: 1, consts: [[1, "network-info-toaster-content"], [1, "info"], [1, "message", 3, "textContent"], [1, "btn", "btn-default", "hide-btn", 3, "click", "textContent"], [1, "btn", "btn-primary", "connect-btn", 3, "click", "textContent"]], template: function NetworkInfoToasterComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, NetworkInfoToasterComponent_Conditional_0_Template, 6, 1, "div", 0);
             } if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.showMessage);
-            } }, dependencies: [i3$1__namespace.NgIf, i3$1__namespace.NgSwitch, i3$1__namespace.NgSwitchCase, i5__namespace.TextContentDirective], encapsulation: 2 }); }
+                i0__namespace.ɵɵconditional(ctx.showMessage ? 0 : -1);
+            } }, dependencies: [i5__namespace.TextContentDirective], encapsulation: 2 }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NetworkInfoToasterComponent, [{
             type: i0.Component,
             args: [{ selector: '[wmNetworkInfoToaster]', providers: [
                         i5.provideAsWidgetRef(NetworkInfoToasterComponent)
-                    ], template: "<div class=\"network-info-toaster-content\" [ngSwitch]=\"networkState\" *ngIf=\"showMessage\">\n    <div class=\"info\" *ngSwitchCase=\"-3\">\n       <label class=\"message\" [textContent]=\"appLocale.MESSAGE_NETWORK_NOT_AVAILABLE\"></label>\n       <button class=\"btn btn-default hide-btn\" (click)=\"hideMessage()\" [textContent]=\"appLocale.LABEL_HIDE_NETWORK_INFO\"></button>\n    </div>\n    <div class=\"info\" *ngSwitchCase=\"-2\">\n       <label class=\"message\" [textContent]=\"appLocale.MESSAGE_SERVICE_NOT_AVAILABLE\"></label>\n       <button class=\"btn btn-default hide-btn\" (click)=\"hideMessage()\" [textContent]=\"appLocale.LABEL_HIDE_NETWORK_INFO\"></button>\n    </div>\n    <div class=\"info\" *ngSwitchCase=\"-1\">\n       <label class=\"message\" [textContent]=\"appLocale.MESSAGE_SERVICE_AVAILABLE\"></label>\n       <button class=\"btn btn-default hide-btn\" (click)=\"hideMessage()\" [textContent]=\"appLocale.LABEL_HIDE_NETWORK_INFO\"></button>\n       <button class=\"btn btn-primary connect-btn\" (click)=\"connect()\" [textContent]=\"appLocale.LABEL_CONNECT_TO_SERVICE\"></button>\n    </div>\n    <div class=\"info\" *ngSwitchCase=\"0\">\n       <label class=\"message\" [textContent]=\"appLocale.MESSAGE_SERVICE_CONNECTING\"></label>\n    </div>\n    <div class=\"info\" *ngSwitchCase=\"1\">\n       <label class=\"message\" [textContent]=\"appLocale.MESSAGE_SERVICE_CONNECTED\"></label>\n    </div>\n</div>" }]
+                    ], template: "@if (showMessage) {\n  <div class=\"network-info-toaster-content\">\n    @switch (networkState) {\n      @case (-3) {\n        <div class=\"info\">\n          <label class=\"message\" [textContent]=\"appLocale.MESSAGE_NETWORK_NOT_AVAILABLE\"></label>\n          <button class=\"btn btn-default hide-btn\" (click)=\"hideMessage()\" [textContent]=\"appLocale.LABEL_HIDE_NETWORK_INFO\"></button>\n        </div>\n      }\n      @case (-2) {\n        <div class=\"info\">\n          <label class=\"message\" [textContent]=\"appLocale.MESSAGE_SERVICE_NOT_AVAILABLE\"></label>\n          <button class=\"btn btn-default hide-btn\" (click)=\"hideMessage()\" [textContent]=\"appLocale.LABEL_HIDE_NETWORK_INFO\"></button>\n        </div>\n      }\n      @case (-1) {\n        <div class=\"info\">\n          <label class=\"message\" [textContent]=\"appLocale.MESSAGE_SERVICE_AVAILABLE\"></label>\n          <button class=\"btn btn-default hide-btn\" (click)=\"hideMessage()\" [textContent]=\"appLocale.LABEL_HIDE_NETWORK_INFO\"></button>\n          <button class=\"btn btn-primary connect-btn\" (click)=\"connect()\" [textContent]=\"appLocale.LABEL_CONNECT_TO_SERVICE\"></button>\n        </div>\n      }\n      @case (0) {\n        <div class=\"info\">\n          <label class=\"message\" [textContent]=\"appLocale.MESSAGE_SERVICE_CONNECTING\"></label>\n        </div>\n      }\n      @case (1) {\n        <div class=\"info\">\n          <label class=\"message\" [textContent]=\"appLocale.MESSAGE_SERVICE_CONNECTED\"></label>\n        </div>\n      }\n    }\n  </div>\n}" }]
         }], () => [{ type: i1__namespace.NetworkService }, { type: i1$1__namespace.App }, { type: i0__namespace.Injector }, { type: undefined, decorators: [{
                     type: i0.Inject,
                     args: ['EXPLICIT_CONTEXT']
@@ -715,11 +707,11 @@
 
     const _c0 = ["wmProcessManager", ""];
     const _c1 = a0 => ({ instance: a0 });
-    function ProcessManagerComponent_ng_container_0_li_4_ng_template_8_Template(rf, ctx) { }
-    function ProcessManagerComponent_ng_container_0_li_4_button_9_Template(rf, ctx) { if (rf & 1) {
+    function ProcessManagerComponent_Conditional_0_For_4_ng_template_8_Template(rf, ctx) { }
+    function ProcessManagerComponent_Conditional_0_For_4_Conditional_9_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 16);
-        i0__namespace.ɵɵlistener("click", function ProcessManagerComponent_ng_container_0_li_4_button_9_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r1); const instance_r2 = i0__namespace.ɵɵnextContext().$implicit; return i0__namespace.ɵɵresetView(instance_r2.onStop()); });
+        i0__namespace.ɵɵelementStart(0, "button", 13);
+        i0__namespace.ɵɵlistener("click", function ProcessManagerComponent_Conditional_0_For_4_Conditional_9_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r1); const instance_r2 = i0__namespace.ɵɵnextContext().$implicit; return i0__namespace.ɵɵresetView(instance_r2.onStop()); });
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
@@ -727,15 +719,15 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵtextInterpolate1(" ", instance_r2.stopButtonLabel, " ");
     } }
-    function ProcessManagerComponent_ng_container_0_li_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "li", 7)(1, "div", 8)(2, "div", 9)(3, "label", 10);
+    function ProcessManagerComponent_Conditional_0_For_4_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "li", 4)(1, "div", 5)(2, "div", 6)(3, "label", 7);
         i0__namespace.ɵɵtext(4);
         i0__namespace.ɵɵelementEnd()();
-        i0__namespace.ɵɵelementStart(5, "div", 11)(6, "label", 12);
+        i0__namespace.ɵɵelementStart(5, "div", 8)(6, "label", 9);
         i0__namespace.ɵɵtext(7);
         i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵtemplate(8, ProcessManagerComponent_ng_container_0_li_4_ng_template_8_Template, 0, 0, "ng-template", 13)(9, ProcessManagerComponent_ng_container_0_li_4_button_9_Template, 2, 1, "button", 14);
-        i0__namespace.ɵɵelement(10, "div", 15);
+        i0__namespace.ɵɵtemplate(8, ProcessManagerComponent_Conditional_0_For_4_ng_template_8_Template, 0, 0, "ng-template", 10)(9, ProcessManagerComponent_Conditional_0_For_4_Conditional_9_Template, 2, 1, "button", 11);
+        i0__namespace.ɵɵelement(10, "div", 12);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const instance_r2 = ctx.$implicit;
@@ -748,10 +740,10 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("ngTemplateOutlet", progressTemplate_r3)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(5, _c1, instance_r2));
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", instance_r2.onStop);
+        i0__namespace.ɵɵconditional(instance_r2.onStop ? 9 : -1);
     } }
-    function ProcessManagerComponent_ng_container_0_li_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "li", 7)(1, "label", 17);
+    function ProcessManagerComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "li", 4)(1, "label", 14);
         i0__namespace.ɵɵtext(2);
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
@@ -759,21 +751,20 @@
         i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵtextInterpolate1(" (", ctx_r3.queue.length, ") queued ");
     } }
-    function ProcessManagerComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainerStart(0);
-        i0__namespace.ɵɵelementStart(1, "div", 2)(2, "div", 3)(3, "ul", 4);
-        i0__namespace.ɵɵtemplate(4, ProcessManagerComponent_ng_container_0_li_4_Template, 11, 7, "li", 5)(5, ProcessManagerComponent_ng_container_0_li_5_Template, 3, 1, "li", 6);
+    function ProcessManagerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "ul", 3);
+        i0__namespace.ɵɵrepeaterCreate(3, ProcessManagerComponent_Conditional_0_For_4_Template, 11, 7, "li", 4, i0__namespace.ɵɵrepeaterTrackByIdentity);
+        i0__namespace.ɵɵtemplate(5, ProcessManagerComponent_Conditional_0_Conditional_5_Template, 3, 1, "li", 4);
         i0__namespace.ɵɵelementEnd()()();
-        i0__namespace.ɵɵelementContainerEnd();
     } if (rf & 2) {
         const ctx_r3 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵadvance(4);
-        i0__namespace.ɵɵproperty("ngForOf", ctx_r3.getVisibleInstances(ctx_r3.instances));
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", ctx_r3.queue.length > 0);
+        i0__namespace.ɵɵadvance(3);
+        i0__namespace.ɵɵrepeater(ctx_r3.getVisibleInstances(ctx_r3.instances));
+        i0__namespace.ɵɵadvance(2);
+        i0__namespace.ɵɵconditional(ctx_r3.queue.length > 0 ? 5 : -1);
     } }
     function ProcessManagerComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "div", 18);
+        i0__namespace.ɵɵelement(0, "div", 15);
     } }
     const MAX_PROCESS = 3;
     class ProcessManagerComponent {
@@ -867,17 +858,17 @@
         static { this.ɵfac = function ProcessManagerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProcessManagerComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); }; }
         static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: ProcessManagerComponent, selectors: [["", "wmProcessManager", ""]], features: [i0__namespace.ɵɵProvidersFeature([
                     i5.provideAsWidgetRef(ProcessManagerComponent)
-                ])], attrs: _c0, decls: 3, vars: 1, consts: [["progressTemplate", ""], [4, "ngIf"], [1, "modal-dialog", "app-dialog"], [1, "modal-content"], [1, "instance-list", "list-unstyled"], ["class", "instance-list-item", 4, "ngFor", "ngForOf"], ["class", "instance-list-item", 4, "ngIf"], [1, "instance-list-item"], [1, "row"], [1, "col-xs-8"], [1, "app-global-progress-bar-name", "h6"], [1, "col-xs-4", "app-global-progress-bar-progress-label-col"], [1, "app-global-progress-bar-progress-label", "h6"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "btn btn-secondary pull-right stop-btn", 3, "click", 4, "ngIf"], [2, "clear", "both"], [1, "btn", "btn-secondary", "pull-right", "stop-btn", 3, "click"], [1, "global-progress-bar-ui-primary-label", "h6"], ["wmProgressBar", "", "minvalue.bind", "instance.min", "maxvalue.bind", "instance.max", "datavalue.bind", "instance.value"]], template: function ProcessManagerComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, ProcessManagerComponent_ng_container_0_Template, 6, 2, "ng-container", 1)(1, ProcessManagerComponent_ng_template_1_Template, 1, 0, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor);
+                ])], attrs: _c0, decls: 3, vars: 1, consts: [["progressTemplate", ""], [1, "modal-dialog", "app-dialog"], [1, "modal-content"], [1, "instance-list", "list-unstyled"], [1, "instance-list-item"], [1, "row"], [1, "col-xs-8"], [1, "app-global-progress-bar-name", "h6"], [1, "col-xs-4", "app-global-progress-bar-progress-label-col"], [1, "app-global-progress-bar-progress-label", "h6"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "btn", "btn-secondary", "pull-right", "stop-btn"], [2, "clear", "both"], [1, "btn", "btn-secondary", "pull-right", "stop-btn", 3, "click"], [1, "global-progress-bar-ui-primary-label", "h6"], ["wmProgressBar", "", "minvalue.bind", "instance.min", "maxvalue.bind", "instance.max", "datavalue.bind", "instance.value"]], template: function ProcessManagerComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, ProcessManagerComponent_Conditional_0_Template, 6, 1, "div", 1)(1, ProcessManagerComponent_ng_template_1_Template, 1, 0, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor);
             } if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.instances.length > 0);
-            } }, dependencies: [i3$1__namespace.NgForOf, i3$1__namespace.NgIf, i3$1__namespace.NgTemplateOutlet, i2$1__namespace.ProgressBarComponent], encapsulation: 2 }); }
+                i0__namespace.ɵɵconditional(ctx.instances.length > 0 ? 0 : -1);
+            } }, dependencies: [i1$2__namespace.NgTemplateOutlet, i2$1__namespace.ProgressBarComponent], encapsulation: 2 }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ProcessManagerComponent, [{
             type: i0.Component,
             args: [{ selector: '[wmProcessManager]', providers: [
                         i5.provideAsWidgetRef(ProcessManagerComponent)
-                    ], template: "<ng-container *ngIf=\"instances.length > 0\">\n   <div class=\"modal-dialog app-dialog\">\n       <div class=\"modal-content\">\n           <ul class=\"instance-list list-unstyled\">\n               <li *ngFor=\"let instance of getVisibleInstances(instances); index as i\" class=\"instance-list-item\">\n                   <div class=\"row\">\n                       <div class=\"col-xs-8\">\n                           <label class=\"app-global-progress-bar-name h6\">{{instance.name}}</label>\n                       </div>\n                       <div class=\"col-xs-4 app-global-progress-bar-progress-label-col\">\n                           <label class=\"app-global-progress-bar-progress-label h6\">\n                                   {{instance.progressLabel}}</label>\n                       </div>\n                   </div>\n                   <ng-template [ngTemplateOutlet]=\"progressTemplate\" [ngTemplateOutletContext]=\"{instance: instance}\"></ng-template>\n                   <button class=\"btn btn-secondary pull-right stop-btn\" *ngIf=\"instance.onStop\" (click)=\"instance.onStop();\">\n                       {{instance.stopButtonLabel}}\n                   </button>\n                   <div style=\"clear: both;\"></div>\n               </li>\n               <li class=\"instance-list-item\" *ngIf=\"queue.length > 0\">\n                   <label class=\"global-progress-bar-ui-primary-label h6\">\n                       ({{queue.length}}) queued\n                   </label>\n               </li>\n           </ul>\n       </div>\n   </div>\n</ng-container>\n<ng-template #progressTemplate let-instance=\"instance\">\n    <div wmProgressBar minvalue.bind=\"instance.min\" maxvalue.bind=\"instance.max\" datavalue.bind=\"instance.value\"></div>\n</ng-template>" }]
+                    ], template: "@if (instances.length > 0) {\n  <div class=\"modal-dialog app-dialog\">\n    <div class=\"modal-content\">\n      <ul class=\"instance-list list-unstyled\">\n        @for (instance of getVisibleInstances(instances); track instance; let i = $index) {\n          <li class=\"instance-list-item\">\n            <div class=\"row\">\n              <div class=\"col-xs-8\">\n                <label class=\"app-global-progress-bar-name h6\">{{instance.name}}</label>\n              </div>\n              <div class=\"col-xs-4 app-global-progress-bar-progress-label-col\">\n                <label class=\"app-global-progress-bar-progress-label h6\">\n                {{instance.progressLabel}}</label>\n              </div>\n            </div>\n            <ng-template [ngTemplateOutlet]=\"progressTemplate\" [ngTemplateOutletContext]=\"{instance: instance}\"></ng-template>\n            @if (instance.onStop) {\n              <button class=\"btn btn-secondary pull-right stop-btn\" (click)=\"instance.onStop();\">\n                {{instance.stopButtonLabel}}\n              </button>\n            }\n            <div style=\"clear: both;\"></div>\n          </li>\n        }\n        @if (queue.length > 0) {\n          <li class=\"instance-list-item\">\n            <label class=\"global-progress-bar-ui-primary-label h6\">\n              ({{queue.length}}) queued\n            </label>\n          </li>\n        }\n      </ul>\n    </div>\n  </div>\n}\n<ng-template #progressTemplate let-instance=\"instance\">\n  <div wmProgressBar minvalue.bind=\"instance.min\" maxvalue.bind=\"instance.max\" datavalue.bind=\"instance.value\"></div>\n</ng-template>" }]
         }], () => [{ type: i0__namespace.ElementRef }], null); })();
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(ProcessManagerComponent, { className: "ProcessManagerComponent", filePath: "process-manager/process-manager.component.ts", lineNumber: 33 }); })();
 
@@ -937,7 +928,7 @@
     class BasicModule {
         static { this.ɵfac = function BasicModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BasicModule)(); }; }
         static { this.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: BasicModule }); }
-        static { this.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i3$1.CommonModule,
+        static { this.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i1$2.CommonModule,
                 i2$1.ProgressModule,
                 i5.WmComponentsModule] }); }
     }
@@ -945,7 +936,7 @@
             type: i0.NgModule,
             args: [{
                     imports: [
-                        i3$1.CommonModule,
+                        i1$2.CommonModule,
                         i2$1.ProgressModule,
                         i5.WmComponentsModule
                     ],
@@ -958,7 +949,7 @@
             FileBrowserComponent,
             ImageCacheDirective,
             NetworkInfoToasterComponent,
-            ProcessManagerComponent], imports: [i3$1.CommonModule,
+            ProcessManagerComponent], imports: [i1$2.CommonModule,
             i2$1.ProgressModule,
             i5.WmComponentsModule], exports: [AnchorDirective,
             AppUpdateComponent,