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

package/runtime/base/bundles/index.umd.js

@@ -2,7 +2,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@wm/core'), require('@wm/security'), require('@wm/variables'), require('lodash-es'), require('@wm/components/page'), require('rxjs'), require('@wm/components/base'), require('tslib'), require('@wm/components/input'), require('@wm/components/prefab'), require('@angular/common/http'), require('@angular/platform-browser'), require('@angular/forms'), require('ngx-toastr'), require('@wm/components/dialogs'), require('@wm/components/dialogs/confirm-dialog'), require('@wm/components/dialogs/design-dialog'), require('@wm/mobile/runtime'), require('@wm/http'), require('@wm/oAuth'), require('ngx-bootstrap/chronos'), require('ngx-bootstrap/datepicker'), require('ngx-bootstrap/utils'), require('@wm/components/dialogs/alert-dialog'), require('rxjs/operators'), require('@wm/transpiler'), require('@wm/build-task'), require('@wm/components/page/footer'), require('@wm/components/page/header'), require('@wm/components/page/left-panel'), require('@wm/components/page/right-panel'), require('@wm/components/page/top-nav'), require('@wm/components/basic'), require('@wm/components/basic/progress'), require('@wm/components/basic/rich-text-editor'), require('@wm/components/basic/search'), require('@wm/components/basic/tree'), require('@wm/components/input/calendar'), require('@wm/components/input/chips'), require('@wm/components/input/color-picker'), require('@wm/components/input/currency'), require('@wm/components/input/epoch'), require('@wm/components/input/file-upload'), require('@wm/components/input/rating'), require('@wm/components/input/slider'), require('@wm/components/data/card'), require('@wm/components/data/form'), require('@wm/components/data/list'), require('@wm/components/data/live-table'), require('@wm/components/data/pagination'), require('@wm/components/data/table'), require('@wm/components/chart'), require('@wm/components/containers/accordion'), require('@wm/components/containers/linear-layout'), require('@wm/components/containers/layout-grid'), require('@wm/components/containers/panel'), require('@wm/components/containers/tabs'), require('@wm/components/containers/tile'), require('@wm/components/containers/wizard'), require('@wm/components/dialogs/iframe-dialog'), require('@wm/components/dialogs/login-dialog'), require('@wm/components/dialogs/partial-dialog'), require('@wm/components/navigation/breadcrumb'), require('@wm/components/navigation/menu'), require('@wm/components/navigation/navbar'), require('@wm/components/navigation/popover'), require('@wm/components/advanced/carousel'), require('@wm/components/advanced/login'), require('@wm/components/advanced/marquee'), require('@wm/components/advanced/custom'), require('ngx-bootstrap/timepicker'), require('ngx-bootstrap/dropdown'), require('ngx-bootstrap/pagination'), require('ngx-bootstrap/typeahead'), require('ngx-bootstrap/progressbar'), require('ngx-bootstrap/carousel'), require('ngx-bootstrap/popover'), require('ng-circle-progress'), require('ngx-bootstrap/tooltip')) :
   typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/router', '@angular/common', '@wm/core', '@wm/security', '@wm/variables', 'lodash-es', '@wm/components/page', 'rxjs', '@wm/components/base', 'tslib', '@wm/components/input', '@wm/components/prefab', '@angular/common/http', '@angular/platform-browser', '@angular/forms', 'ngx-toastr', '@wm/components/dialogs', '@wm/components/dialogs/confirm-dialog', '@wm/components/dialogs/design-dialog', '@wm/mobile/runtime', '@wm/http', '@wm/oAuth', 'ngx-bootstrap/chronos', 'ngx-bootstrap/datepicker', 'ngx-bootstrap/utils', '@wm/components/dialogs/alert-dialog', 'rxjs/operators', '@wm/transpiler', '@wm/build-task', '@wm/components/page/footer', '@wm/components/page/header', '@wm/components/page/left-panel', '@wm/components/page/right-panel', '@wm/components/page/top-nav', '@wm/components/basic', '@wm/components/basic/progress', '@wm/components/basic/rich-text-editor', '@wm/components/basic/search', '@wm/components/basic/tree', '@wm/components/input/calendar', '@wm/components/input/chips', '@wm/components/input/color-picker', '@wm/components/input/currency', '@wm/components/input/epoch', '@wm/components/input/file-upload', '@wm/components/input/rating', '@wm/components/input/slider', '@wm/components/data/card', '@wm/components/data/form', '@wm/components/data/list', '@wm/components/data/live-table', '@wm/components/data/pagination', '@wm/components/data/table', '@wm/components/chart', '@wm/components/containers/accordion', '@wm/components/containers/linear-layout', '@wm/components/containers/layout-grid', '@wm/components/containers/panel', '@wm/components/containers/tabs', '@wm/components/containers/tile', '@wm/components/containers/wizard', '@wm/components/dialogs/iframe-dialog', '@wm/components/dialogs/login-dialog', '@wm/components/dialogs/partial-dialog', '@wm/components/navigation/breadcrumb', '@wm/components/navigation/menu', '@wm/components/navigation/navbar', '@wm/components/navigation/popover', '@wm/components/advanced/carousel', '@wm/components/advanced/login', '@wm/components/advanced/marquee', '@wm/components/advanced/custom', 'ngx-bootstrap/timepicker', 'ngx-bootstrap/dropdown', 'ngx-bootstrap/pagination', 'ngx-bootstrap/typeahead', 'ngx-bootstrap/progressbar', 'ngx-bootstrap/carousel', 'ngx-bootstrap/popover', 'ng-circle-progress', 'ngx-bootstrap/tooltip'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.runtime = global.wm.runtime || {}, global.wm.runtime.base = {}), global.ng.core, global.ng.router, global.ng.common, global.wm.core, global.wm.security, global.wm.variables, global._, global.wm.components.page, global.rxjs, global.wm.components.base, global.tslib, global.wm.components.input, global.wm.components.prefab, global.ng.common.http, global.ng.platformBrowser, global.ng.forms, global.ngxToastr, global.wm.components.dialogs, global.wm.components.dialogs.confirmdialog, global.wm.components.dialogs.designdialog, global.wm.mobile.runtime, global.wm.http, global.wm.oAuth, global.chronos, global.datepicker, global.utils, global.wm.components.dialogs.alertdialog, global.rxjs.operators, global.wm.transpiler, global.wm.buildTask, global.wm.components.page.footer, global.wm.components.page.header, global.wm.components.page.leftpanel, global.wm.components.page.rightpanel, global.wm.components.page.topnav, global.wm.components.basic, global.wm.components.basic.progress, global.wm.components.basic.richtexteditor, global.wm.components.basic.search, global.wm.components.basic.tree, global.wm.components.input.calendar, global.wm.components.input.chips, global.wm.components.input.colorpicker, global.wm.components.input.currency, global.wm.components.input.epoch, global.wm.components.input.fileupload, global.wm.components.input.rating, global.wm.components.input.slider, global.wm.components.data.card, global.wm.components.data.form, global.wm.components.data.list, global.wm.components.data.livetable, global.wm.components.data.pagination, global.wm.components.data.table, global.wm.components.chart, global.wm.components.containers.accordion, global.wm.components.containers.linearlayout, global.wm.components.containers.layoutgrid, global.wm.components.containers.panel, global.wm.components.containers.tabs, global.wm.components.containers.tile, global.wm.components.containers.wizard, global.wm.components.dialogs.iframedialog, global.wm.components.dialogs.logindialog, global.wm.components.dialogs.partialdialog, global.wm.components.navigation.breadcrumb, global.wm.components.navigation.menu, global.wm.components.navigation.navbar, global.wm.components.navigation.popover, global.wm.components.advanced.carousel, global.wm.components.advanced.login, global.wm.components.advanced.marquee, global.wm.components.advanced.custom, global.timepicker, global.dropdown, global.pagination, global.typeahead, global.progressbar, global.carousel, global.popover, global.ngCircleProgress, global.tooltip));
-})(this, (function (exports, i0, i1$1, i5, i1, i2, i4, lodashEs, page, rxjs, i2$1, tslib, input, i2$4, i1$4, i1$3, forms, i1$2, dialogs, i8, i9, i1$5, http, i2$3, chronos, i2$2, utils, i10, operators, transpiler, buildTask, footer, header, leftPanel, rightPanel, topNav, basic, progress, richTextEditor, search, tree, calendar, chips, colorPicker, currency, epoch, fileUpload, rating, slider, card, form, list, liveTable, pagination$1, table, chart, accordion, linearLayout, layoutGrid, panel, tabs, tile, wizard, iframeDialog, loginDialog, partialDialog, breadcrumb, menu, navbar, popover$1, carousel$1, login, marquee, custom, timepicker, dropdown, pagination, typeahead, progressbar, carousel, popover, ngCircleProgress, tooltip) { 'use strict';
+})(this, (function (exports, i0, i1$1, i1$2, i1, i2, i4, lodashEs, page, rxjs, i3, tslib, input, i2$3, i1$5, i1$4, forms, i1$3, dialogs, i9, i10, i1$6, http, i2$2, chronos, i2$1, utils, i11, operators, transpiler, buildTask, footer, header, leftPanel, rightPanel, topNav, basic, progress, richTextEditor, search, tree, calendar, chips, colorPicker, currency, epoch, fileUpload, rating, slider, card, form, list, liveTable, pagination$1, table, chart, accordion, linearLayout, layoutGrid, panel, tabs, tile, wizard, iframeDialog, loginDialog, partialDialog, breadcrumb, menu, navbar, popover$1, carousel$1, login, marquee, custom, timepicker, dropdown, pagination, typeahead, progressbar, carousel, popover, ngCircleProgress, tooltip) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -23,21 +23,21 @@
 
   var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
   var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
-  var i5__namespace = /*#__PURE__*/_interopNamespaceDefault(i5);
+  var i1$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$2);
   var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
   var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
   var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
-  var i2$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$1);
-  var i2$4__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$4);
+  var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
+  var i2$3__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$3);
+  var i1$5__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$5);
   var i1$4__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$4);
   var i1$3__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$3);
-  var i1$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$2);
-  var i8__namespace = /*#__PURE__*/_interopNamespaceDefault(i8);
   var i9__namespace = /*#__PURE__*/_interopNamespaceDefault(i9);
-  var i1$5__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$5);
-  var i2$3__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$3);
-  var i2$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$2);
   var i10__namespace = /*#__PURE__*/_interopNamespaceDefault(i10);
+  var i1$6__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$6);
+  var i2$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$2);
+  var i2$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$1);
+  var i11__namespace = /*#__PURE__*/_interopNamespaceDefault(i11);
 
   exports.ComponentType = void 0;
   (function (ComponentType) {
@@ -533,12 +533,12 @@
               return this.postTemplateBundleInfo();
           }
       }
-      static { this.ɵfac = function AppManagerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppManagerService)(i0__namespace.ɵɵinject(i1__namespace.AbstractHttpService), i0__namespace.ɵɵinject(i2__namespace.SecurityService), i0__namespace.ɵɵinject(i1__namespace.AbstractDialogService), i0__namespace.ɵɵinject(i1$1__namespace.Router), i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(i4__namespace.VariablesService), i0__namespace.ɵɵinject(i4__namespace.MetadataService), i0__namespace.ɵɵinject(i1__namespace.AbstractSpinnerService), i0__namespace.ɵɵinject(i1__namespace.AbstractI18nService), i0__namespace.ɵɵinject(i5__namespace.DatePipe)); }; }
+      static { this.ɵfac = function AppManagerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppManagerService)(i0__namespace.ɵɵinject(i1__namespace.AbstractHttpService), i0__namespace.ɵɵinject(i2__namespace.SecurityService), i0__namespace.ɵɵinject(i1__namespace.AbstractDialogService), i0__namespace.ɵɵinject(i1$1__namespace.Router), i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(i4__namespace.VariablesService), i0__namespace.ɵɵinject(i4__namespace.MetadataService), i0__namespace.ɵɵinject(i1__namespace.AbstractSpinnerService), i0__namespace.ɵɵinject(i1__namespace.AbstractI18nService), i0__namespace.ɵɵinject(i1$2__namespace.DatePipe)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: AppManagerService, factory: AppManagerService.ɵfac }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppManagerService, [{
           type: i0.Injectable
-      }], () => [{ type: i1__namespace.AbstractHttpService }, { type: i2__namespace.SecurityService }, { type: i1__namespace.AbstractDialogService }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: i4__namespace.VariablesService }, { type: i4__namespace.MetadataService }, { type: i1__namespace.AbstractSpinnerService }, { type: i1__namespace.AbstractI18nService }, { type: i5__namespace.DatePipe }], null); })();
+      }], () => [{ type: i1__namespace.AbstractHttpService }, { type: i2__namespace.SecurityService }, { type: i1__namespace.AbstractDialogService }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: i4__namespace.VariablesService }, { type: i4__namespace.MetadataService }, { type: i1__namespace.AbstractSpinnerService }, { type: i1__namespace.AbstractI18nService }, { type: i1$2__namespace.DatePipe }], null); })();
 
   const isPrefabInPreview = (prefabName) => prefabName === '__self__';
   const getPrefabBaseUrl = (prefabName) => {
@@ -683,7 +683,7 @@
       init() {
           this.App = this.injector ? this.injector.get(i1.App) : i0.inject(i1.App);
           //making the code compatible in both the JIT and AOT modes
-          this.containerWidget = this.injector ? this.injector.get(i2$1.WidgetRef) : i0.inject(i2$1.WidgetRef);
+          this.containerWidget = this.injector ? this.injector.get(i3.WidgetRef) : i0.inject(i3.WidgetRef);
           this.i18nService = this.injector ? this.injector.get(i1.AbstractI18nService) : i0.inject(i1.AbstractI18nService);
           this.scriptLoaderService = this.injector ? this.injector.get(i1.ScriptLoaderService) : i0.inject(i1.ScriptLoaderService);
           this.Viewport = this.injector ? this.injector.get(i1.Viewport) : i0.inject(i1.Viewport);
@@ -850,7 +850,7 @@
       }
       static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasePartialComponent_BaseFactory; return function BasePartialComponent_Factory(__ngFactoryType__) { return (ɵBasePartialComponent_BaseFactory || (ɵBasePartialComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BasePartialComponent)))(__ngFactoryType__ || BasePartialComponent); }; })(); }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: BasePartialComponent, viewQuery: function BasePartialComponent_Query(rf, ctx) { if (rf & 1) {
-              i0__namespace.ɵɵviewQuery(i2$1.PartialDirective, 5);
+              i0__namespace.ɵɵviewQuery(i3.PartialDirective, 5);
           } if (rf & 2) {
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.partialDirective = _t.first);
@@ -860,7 +860,7 @@
           type: i0.Directive
       }], null, { partialDirective: [{
               type: i0.ViewChild,
-              args: [i2$1.PartialDirective]
+              args: [i3.PartialDirective]
           }] }); })();
 
   const CACHE_PAGE = '_cache_page';
@@ -1414,7 +1414,7 @@
           const promise = new Promise((res) => resolveFn = res);
           this.App = this.injector ? this.injector.get(i1.App) : i0.inject(i1.App);
           //making the code compatible in both the JIT and AOT modes
-          this.containerWidget = this.injector ? this.injector.get(i2$1.WidgetRef) : i0.inject(i2$1.WidgetRef);
+          this.containerWidget = this.injector ? this.injector.get(i3.WidgetRef) : i0.inject(i3.WidgetRef);
           this.i18nService = this.injector ? this.injector.get(i1.AbstractI18nService) : i0.inject(i1.AbstractI18nService);
           this.scriptLoaderService = this.injector ? this.injector.get(i1.ScriptLoaderService) : i0.inject(i1.ScriptLoaderService);
           this.Viewport = this.injector ? this.injector.get(i1.Viewport) : i0.inject(i1.Viewport);
@@ -1702,7 +1702,7 @@
       init() {
           this.App = this.injector.get(i1.App);
           //making the code compatible in both the JIT and AOT modes
-          this.containerWidget = this.injector ? this.injector.get(i2$1.WidgetRef) : i0.inject(i2$1.WidgetRef);
+          this.containerWidget = this.injector ? this.injector.get(i3.WidgetRef) : i0.inject(i3.WidgetRef);
           this.prefabMngr = this.injector ? this.injector.get(PrefabManagerService) : i0.inject(PrefabManagerService);
           this.i18nService = this.injector ? this.injector.get(i1.AbstractI18nService) : i0.inject(i1.AbstractI18nService);
           this.scriptLoaderService = this.injector ? this.injector.get(i1.ScriptLoaderService) : i0.inject(i1.ScriptLoaderService);
@@ -1897,7 +1897,7 @@
       onReady() { }
       static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasePrefabComponent_BaseFactory; return function BasePrefabComponent_Factory(__ngFactoryType__) { return (ɵBasePrefabComponent_BaseFactory || (ɵBasePrefabComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BasePrefabComponent)))(__ngFactoryType__ || BasePrefabComponent); }; })(); }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: BasePrefabComponent, viewQuery: function BasePrefabComponent_Query(rf, ctx) { if (rf & 1) {
-              i0__namespace.ɵɵviewQuery(i2$4.PrefabContainerDirective, 5);
+              i0__namespace.ɵɵviewQuery(i2$3.PrefabContainerDirective, 5);
           } if (rf & 2) {
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.prefabContainerDirective = _t.first);
@@ -1907,7 +1907,7 @@
           type: i0.Directive
       }], null, { prefabContainerDirective: [{
               type: i0.ViewChild,
-              args: [i2$4.PrefabContainerDirective]
+              args: [i2$3.PrefabContainerDirective]
           }] }); })();
 
   class BaseLayoutComponent {
@@ -2418,51 +2418,47 @@
               type: i0.Input
           }] }); })();
 
-  function AppSpinnerComponent_Conditional_0_For_5_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "p", 4);
+  function AppSpinnerComponent_div_0_p_4_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "p", 6);
   } if (rf & 2) {
       const value_r1 = ctx.$implicit;
       i0__namespace.ɵɵproperty("textContent", value_r1);
   } }
-  function AppSpinnerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-      i0__namespace.ɵɵelement(2, "i", 2);
-      i0__namespace.ɵɵelementStart(3, "div", 3);
-      i0__namespace.ɵɵrepeaterCreate(4, AppSpinnerComponent_Conditional_0_For_5_Template, 1, 1, "p", 4, i0__namespace.ɵɵrepeaterTrackByIdentity);
+  function AppSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+      i0__namespace.ɵɵelement(2, "i", 3);
+      i0__namespace.ɵɵelementStart(3, "div", 4);
+      i0__namespace.ɵɵtemplate(4, AppSpinnerComponent_div_0_p_4_Template, 1, 1, "p", 5);
       i0__namespace.ɵɵelementEnd()()();
   } if (rf & 2) {
       const ctx_r1 = i0__namespace.ɵɵnextContext();
       i0__namespace.ɵɵproperty("ngClass", ctx_r1.classname);
       i0__namespace.ɵɵadvance(4);
-      i0__namespace.ɵɵrepeater(ctx_r1.spinnermessages);
+      i0__namespace.ɵɵproperty("ngForOf", ctx_r1.spinnermessages);
   } }
   class AppSpinnerComponent {
       constructor() { }
       static { this.ɵfac = function AppSpinnerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppSpinnerComponent)(); }; }
-      static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AppSpinnerComponent, selectors: [["app-spinner"]], inputs: { show: "show", spinnermessages: "spinnermessages", classname: "classname", arialabel: "arialabel" }, decls: 1, vars: 1, consts: [[1, "app-spinner", 3, "ngClass"], [1, "spinner-message"], [1, "spinner-image", "animated", "infinite", "fa", "fa-circle-o-notch", "fa-spin"], [1, "spinner-messages"], [3, "textContent"]], template: function AppSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
-              i0__namespace.ɵɵtemplate(0, AppSpinnerComponent_Conditional_0_Template, 6, 1, "div", 0);
+      static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AppSpinnerComponent, selectors: [["app-spinner"]], inputs: { show: "show", spinnermessages: "spinnermessages", classname: "classname", arialabel: "arialabel" }, decls: 1, vars: 1, consts: [["class", "app-spinner", 3, "ngClass", 4, "ngIf"], [1, "app-spinner", 3, "ngClass"], [1, "spinner-message"], [1, "spinner-image", "animated", "infinite", "fa", "fa-circle-o-notch", "fa-spin"], [1, "spinner-messages"], [3, "textContent", 4, "ngFor", "ngForOf"], [3, "textContent"]], template: function AppSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
+              i0__namespace.ɵɵtemplate(0, AppSpinnerComponent_div_0_Template, 5, 2, "div", 0);
           } if (rf & 2) {
-              i0__namespace.ɵɵconditional(ctx.show ? 0 : -1);
-          } }, dependencies: [i5__namespace.NgClass, i2$1__namespace.TextContentDirective], encapsulation: 2 }); }
+              i0__namespace.ɵɵproperty("ngIf", ctx.show);
+          } }, dependencies: [i1$2__namespace.NgClass, i1$2__namespace.NgForOf, i1$2__namespace.NgIf, i3__namespace.TextContentDirective], encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppSpinnerComponent, [{
           type: i0.Component,
           args: [{
                   selector: 'app-spinner',
                   template: `
-        @if (show) {
-          <div class="app-spinner" [ngClass]="classname">
+        <div class="app-spinner" [ngClass]="classname" *ngIf="show">
             <div class="spinner-message">
-              <i class="spinner-image animated infinite fa fa-circle-o-notch fa-spin"></i>
-              <div class="spinner-messages">
-                @for (value of spinnermessages; track value) {
-                  <p [textContent]="value"></p>
-                }
-              </div>
+                <i class="spinner-image animated infinite fa fa-circle-o-notch fa-spin"></i>
+                <div class="spinner-messages">
+                    <p *ngFor="let value of spinnermessages" [textContent]="value"></p>
+                </div>
             </div>
-          </div>
-        }
-        `
+        </div>
+    `
               }]
       }], () => [], { show: [{
               type: i0.Input
@@ -2473,28 +2469,28 @@
           }], arialabel: [{
               type: i0.Input
           }] }); })();
-  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppSpinnerComponent, { className: "AppSpinnerComponent", filePath: "components/app-spinner.component.ts", lineNumber: 20 }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppSpinnerComponent, { className: "AppSpinnerComponent", filePath: "components/app-spinner.component.ts", lineNumber: 16 }); })();
 
   const _c0$1 = ["customToast"];
   const _c1 = ["customToastTmpl"];
   const _c2 = ["custom-toaster-component", ""];
-  function CustomToasterComponent_ng_template_3_For_2_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "div", 4);
+  function CustomToasterComponent_ng_template_3_div_1_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "div", 5);
   } if (rf & 2) {
       const param_r1 = ctx.$implicit;
       i0__namespace.ɵɵproperty("name", param_r1.key)("value", param_r1.value);
   } }
   function CustomToasterComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelementStart(0, "div", 3);
-      i0__namespace.ɵɵrepeaterCreate(1, CustomToasterComponent_ng_template_3_For_2_Template, 1, 2, "div", 4, i0__namespace.ɵɵrepeaterTrackByIdentity);
-      i0__namespace.ɵɵpipe(3, "keyvalue");
+      i0__namespace.ɵɵtemplate(1, CustomToasterComponent_ng_template_3_div_1_Template, 1, 2, "div", 4);
+      i0__namespace.ɵɵpipe(2, "keyvalue");
       i0__namespace.ɵɵelementEnd();
   } if (rf & 2) {
       const ctx_r1 = i0__namespace.ɵɵnextContext();
       i0__namespace.ɵɵadvance();
-      i0__namespace.ɵɵrepeater(i0__namespace.ɵɵpipeBind1(3, 0, ctx_r1.params));
+      i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(2, 1, ctx_r1.params));
   } }
-  class CustomToasterComponent extends i1$2.Toast {
+  class CustomToasterComponent extends i1$3.Toast {
       // constructor is only necessary when not using AoT
       constructor(toastrService, toastPackage) {
           super(toastrService, toastPackage);
@@ -2532,7 +2528,7 @@
           lodashEs.forEach(this.watchers, watcher => watcher());
           super.ngOnDestroy();
       }
-      static { this.ɵfac = function CustomToasterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomToasterComponent)(i0__namespace.ɵɵdirectiveInject(i1$2__namespace.ToastrService), i0__namespace.ɵɵdirectiveInject(i1$2__namespace.ToastPackage)); }; }
+      static { this.ɵfac = function CustomToasterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomToasterComponent)(i0__namespace.ɵɵdirectiveInject(i1$3__namespace.ToastrService), i0__namespace.ɵɵdirectiveInject(i1$3__namespace.ToastPackage)); }; }
       static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: CustomToasterComponent, selectors: [["", "custom-toaster-component", ""]], viewQuery: function CustomToasterComponent_Query(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0$1, 7, i0.ViewContainerRef);
               i0__namespace.ɵɵviewQuery(_c1, 5);
@@ -2540,11 +2536,11 @@
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.customToastRef = _t.first);
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.customToastTmpl = _t.first);
-          } }, features: [i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c2, decls: 5, vars: 0, consts: [["customToast", ""], ["customToastTmpl", ""], [1, "parent-custom-toast"], ["wmContainer", "", "partialContainer", "", "content.bind", "pagename"], ["wmParam", "", "hidden", "", 3, "name", "value"]], template: function CustomToasterComponent_Template(rf, ctx) { if (rf & 1) {
+          } }, features: [i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c2, decls: 5, vars: 0, consts: [["customToast", ""], ["customToastTmpl", ""], [1, "parent-custom-toast"], ["wmContainer", "", "partialContainer", "", "content.bind", "pagename"], ["wmParam", "", "hidden", "", 3, "name", "value", 4, "ngFor", "ngForOf"], ["wmParam", "", "hidden", "", 3, "name", "value"]], template: function CustomToasterComponent_Template(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵelement(0, "div", 2);
               i0__namespace.ɵɵelementContainer(1, null, 0);
-              i0__namespace.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 4, 2, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
-          } }, dependencies: [i2$1__namespace.ContainerDirective, i2$1__namespace.PartialParamHandlerDirective, i2$1__namespace.PartialParamDirective, i2$1__namespace.PartialContainerDirective, i5__namespace.KeyValuePipe], encapsulation: 2 }); }
+              i0__namespace.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 3, 3, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
+          } }, dependencies: [i1$2__namespace.NgForOf, i3__namespace.ContainerDirective, i3__namespace.PartialParamHandlerDirective, i3__namespace.PartialParamDirective, i3__namespace.PartialContainerDirective, i1$2__namespace.KeyValuePipe], encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomToasterComponent, [{
           type: i0.Component,
@@ -2554,23 +2550,21 @@
         <div class="parent-custom-toast"></div>
         <ng-container #customToast></ng-container>
         <ng-template #customToastTmpl>
-          <div wmContainer partialContainer content.bind="pagename">
-            @for (param of params | keyvalue; track param) {
-              <div wmParam hidden
-              [name]="param.key" [value]="param.value"></div>
-            }
-          </div>
+            <div wmContainer partialContainer content.bind="pagename">
+                <div *ngFor="let param of params | keyvalue" wmParam hidden
+                    [name]="param.key" [value]="param.value"></div>
+            </div>
         </ng-template>`,
                   preserveWhitespaces: false
               }]
-      }], () => [{ type: i1$2__namespace.ToastrService }, { type: i1$2__namespace.ToastPackage }], { customToastRef: [{
+      }], () => [{ type: i1$3__namespace.ToastrService }, { type: i1$3__namespace.ToastPackage }], { customToastRef: [{
               type: i0.ViewChild,
               args: ['customToast', { static: true, read: i0.ViewContainerRef }]
           }], customToastTmpl: [{
               type: i0.ViewChild,
               args: ['customToastTmpl']
           }] }); })();
-  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(CustomToasterComponent, { className: "CustomToasterComponent", filePath: "components/custom-toaster.component.ts", lineNumber: 25 }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(CustomToasterComponent, { className: "CustomToasterComponent", filePath: "components/custom-toaster.component.ts", lineNumber: 23 }); })();
 
   class EmptyPageComponent {
       constructor(route, securityService, router, app, appManger) {
@@ -2628,7 +2622,7 @@
               }
           });
       }
-      static { this.ɵfac = function PrefabDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrefabDirective)(i0__namespace.ɵɵdirectiveInject(i2$1.WidgetRef, 2), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(PrefabManagerService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(ComponentRefProvider)); }; }
+      static { this.ɵfac = function PrefabDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrefabDirective)(i0__namespace.ɵɵdirectiveInject(i3.WidgetRef, 2), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(PrefabManagerService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(ComponentRefProvider)); }; }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: PrefabDirective, selectors: [["", "wmPrefab", "", "prefabname", ""]] }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabDirective, [{
@@ -2640,57 +2634,57 @@
                   type: i0.Self
               }, {
                   type: i0.Inject,
-                  args: [i2$1.WidgetRef]
+                  args: [i3.WidgetRef]
               }] }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ElementRef }, { type: PrefabManagerService }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: ComponentRefProvider }], null); })();
 
   class PipeProvider {
       setPipeData() {
           this._pipeData = [
               // TODO | NEED TO BE TESTED
-              this.preparePipeMeta(i5.AsyncPipe, 'async', false, [i0.ChangeDetectorRef]),
-              this.preparePipeMeta(i5.SlicePipe, 'slice', false),
-              this.preparePipeMeta(i5.PercentPipe, 'percent', true, [this._locale]),
-              this.preparePipeMeta(i5.I18nPluralPipe, 'i18nPlural', true, [
-                  i5.NgLocalization
+              this.preparePipeMeta(i1$2.AsyncPipe, 'async', false, [i0.ChangeDetectorRef]),
+              this.preparePipeMeta(i1$2.SlicePipe, 'slice', false),
+              this.preparePipeMeta(i1$2.PercentPipe, 'percent', true, [this._locale]),
+              this.preparePipeMeta(i1$2.I18nPluralPipe, 'i18nPlural', true, [
+                  i1$2.NgLocalization
               ]),
-              this.preparePipeMeta(i5.I18nSelectPipe, 'i18nSelect', true),
-              this.preparePipeMeta(i5.KeyValuePipe, 'keyvalue', false, [
+              this.preparePipeMeta(i1$2.I18nSelectPipe, 'i18nSelect', true),
+              this.preparePipeMeta(i1$2.KeyValuePipe, 'keyvalue', false, [
                   i0.KeyValueDiffers
               ]),
-              this.preparePipeMeta(i2$1.FileIconClassPipe, 'fileIconClass', true),
-              this.preparePipeMeta(i2$1.FileExtensionFromMimePipe, 'fileExtensionFromMime', true),
-              this.preparePipeMeta(i2$1.StateClassPipe, 'stateClass', true),
-              this.preparePipeMeta(i2$1.FileSizePipe, 'filesize', true),
+              this.preparePipeMeta(i3.FileIconClassPipe, 'fileIconClass', true),
+              this.preparePipeMeta(i3.FileExtensionFromMimePipe, 'fileExtensionFromMime', true),
+              this.preparePipeMeta(i3.StateClassPipe, 'stateClass', true),
+              this.preparePipeMeta(i3.FileSizePipe, 'filesize', true),
               // TESTED
-              this.preparePipeMeta(i2$1.FilterPipe, 'filter', true),
-              this.preparePipeMeta(i5.UpperCasePipe, 'uppercase', true),
-              this.preparePipeMeta(i5.LowerCasePipe, 'lowercase', true),
-              this.preparePipeMeta(i5.JsonPipe, 'json', false),
-              this.preparePipeMeta(i5.DecimalPipe, 'number', true, [this._locale]),
-              this.preparePipeMeta(i5.TitleCasePipe, 'titlecase', true),
-              this.preparePipeMeta(i5.CurrencyPipe, 'currency', true, [this._locale]),
-              this.preparePipeMeta(i5.DatePipe, 'date', true, [this._locale]),
-              this.preparePipeMeta(i2$1.ToDatePipe, 'toDate', true, [
-                  new i5.DatePipe(this._locale), undefined, this.injector.get(i1.CustomPipeManager)
+              this.preparePipeMeta(i3.FilterPipe, 'filter', true),
+              this.preparePipeMeta(i1$2.UpperCasePipe, 'uppercase', true),
+              this.preparePipeMeta(i1$2.LowerCasePipe, 'lowercase', true),
+              this.preparePipeMeta(i1$2.JsonPipe, 'json', false),
+              this.preparePipeMeta(i1$2.DecimalPipe, 'number', true, [this._locale]),
+              this.preparePipeMeta(i1$2.TitleCasePipe, 'titlecase', true),
+              this.preparePipeMeta(i1$2.CurrencyPipe, 'currency', true, [this._locale]),
+              this.preparePipeMeta(i1$2.DatePipe, 'date', true, [this._locale]),
+              this.preparePipeMeta(i3.ToDatePipe, 'toDate', true, [
+                  new i1$2.DatePipe(this._locale), undefined, this.injector.get(i1.CustomPipeManager)
               ]),
-              this.preparePipeMeta(i2$1.ToNumberPipe, 'toNumber', true, [
-                  new i5.DecimalPipe(this._locale),
+              this.preparePipeMeta(i3.ToNumberPipe, 'toNumber', true, [
+                  new i1$2.DecimalPipe(this._locale),
                   this.i18service
               ]),
-              this.preparePipeMeta(i2$1.ToCurrencyPipe, 'toCurrency', true, [
-                  new i5.DecimalPipe(this._locale),
+              this.preparePipeMeta(i3.ToCurrencyPipe, 'toCurrency', true, [
+                  new i1$2.DecimalPipe(this._locale),
                   this.i18service
               ]),
-              this.preparePipeMeta(i2$1.PrefixPipe, 'prefix', true),
-              this.preparePipeMeta(i2$1.SuffixPipe, 'suffix', true),
-              this.preparePipeMeta(i2$1.TimeFromNowPipe, 'timeFromNow', true),
-              this.preparePipeMeta(i2$1.NumberToStringPipe, 'numberToString', true, [
-                  new i5.DecimalPipe(this._locale)
+              this.preparePipeMeta(i3.PrefixPipe, 'prefix', true),
+              this.preparePipeMeta(i3.SuffixPipe, 'suffix', true),
+              this.preparePipeMeta(i3.TimeFromNowPipe, 'timeFromNow', true),
+              this.preparePipeMeta(i3.NumberToStringPipe, 'numberToString', true, [
+                  new i1$2.DecimalPipe(this._locale)
               ]),
-              this.preparePipeMeta(i2$1.StringToNumberPipe, 'stringToNumber', true),
-              this.preparePipeMeta(i2$1.CustomPipe, 'custom', true, [this.injector.get(i1.CustomPipeManager)]),
-              this.preparePipeMeta(i2$1.TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
-              this.preparePipeMeta(i2$1.SanitizePipe, 'sanitize', true, [this.domSanitizer])
+              this.preparePipeMeta(i3.StringToNumberPipe, 'stringToNumber', true),
+              this.preparePipeMeta(i3.CustomPipe, 'custom', true, [this.injector.get(i1.CustomPipeManager)]),
+              this.preparePipeMeta(i3.TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
+              this.preparePipeMeta(i3.SanitizePipe, 'sanitize', true, [this.domSanitizer])
           ];
       }
       unknownPipe(name) {
@@ -2748,7 +2742,7 @@
               return new ref(...args);
           }
       }
-      static { this.ɵfac = function PipeProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PipeProvider)(i0__namespace.ɵɵinject(i0__namespace.Compiler), i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i1$3__namespace.DomSanitizer), i0__namespace.ɵɵinject(i1__namespace.AbstractI18nService)); }; }
+      static { this.ɵfac = function PipeProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PipeProvider)(i0__namespace.ɵɵinject(i0__namespace.Compiler), i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i1$4__namespace.DomSanitizer), i0__namespace.ɵɵinject(i1__namespace.AbstractI18nService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: PipeProvider, factory: PipeProvider.ɵfac, providedIn: 'root' }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipeProvider, [{
@@ -2756,7 +2750,7 @@
           args: [{
                   providedIn: 'root'
               }]
-      }], () => [{ type: i0__namespace.Compiler }, { type: i0__namespace.Injector }, { type: i1$3__namespace.DomSanitizer }, { type: i1__namespace.AbstractI18nService }], null); })();
+      }], () => [{ type: i0__namespace.Compiler }, { type: i0__namespace.Injector }, { type: i1$4__namespace.DomSanitizer }, { type: i1__namespace.AbstractI18nService }], null); })();
 
   class PipeService {
       constructor(pipeProvider, $app) {
@@ -3019,12 +3013,12 @@
               console.warn('Please pass a valid options object, For Example : {maxOpened: 1, autoDismiss: true}');
           }
       }
-      static { this.ɵfac = function ToasterServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToasterServiceImpl)(i0__namespace.ɵɵinject(i1$2__namespace.ToastrService)); }; }
+      static { this.ɵfac = function ToasterServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToasterServiceImpl)(i0__namespace.ɵɵinject(i1$3__namespace.ToastrService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: ToasterServiceImpl, factory: ToasterServiceImpl.ɵfac }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ToasterServiceImpl, [{
           type: i0.Injectable
-      }], () => [{ type: i1$2__namespace.ToastrService }], null); })();
+      }], () => [{ type: i1$3__namespace.ToastrService }], null); })();
 
   const APP_LOCALE_ROOT_PATH = 'resources/i18n';
   const RTL_LANGUAGE_CODES = ['ar', 'ar-001', 'ar-ae', 'ar-bh', 'ar-dz', 'ar-eg', 'ar-iq', 'ar-jo', 'ar-kw', 'ar-lb', 'ar-ly',
@@ -3343,12 +3337,12 @@
               this.app.notify('locale-changed', this.bundleLoaded.libLocale);
           }
       }
-      static { this.ɵfac = function I18nServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || I18nServiceImpl)(i0__namespace.ɵɵinject(i1$4__namespace.HttpClient), i0__namespace.ɵɵinject(i2$2__namespace.BsLocaleService), i0__namespace.ɵɵinject(i1__namespace.AppDefaults), i0__namespace.ɵɵinject(i0__namespace.Injector)); }; }
+      static { this.ɵfac = function I18nServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || I18nServiceImpl)(i0__namespace.ɵɵinject(i1$5__namespace.HttpClient), i0__namespace.ɵɵinject(i2$1__namespace.BsLocaleService), i0__namespace.ɵɵinject(i1__namespace.AppDefaults), i0__namespace.ɵɵinject(i0__namespace.Injector)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: I18nServiceImpl, factory: I18nServiceImpl.ɵfac }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(I18nServiceImpl, [{
           type: i0.Injectable
-      }], () => [{ type: i1$4__namespace.HttpClient }, { type: i2$2__namespace.BsLocaleService }, { type: i1__namespace.AppDefaults }, { type: i0__namespace.Injector }], null); })();
+      }], () => [{ type: i1$5__namespace.HttpClient }, { type: i2$1__namespace.BsLocaleService }, { type: i1__namespace.AppDefaults }, { type: i0__namespace.Injector }], null); })();
 
   const spinnerTemplate = `<div class="app-spinner">
                             <div class="spinner-message" aria-label="loading gif">
@@ -3970,13 +3964,13 @@
       }], () => [{ type: i1__namespace.AbstractI18nService }], null); })();
 
   const _c0 = ["dynamicComponent"];
-  function AppComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "div", 2);
+  function AppComponent_ng_container_0_div_2_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "div", 11);
   } }
-  function AppComponent_Conditional_0_ng_template_4_For_2_Template(rf, ctx) { if (rf & 1) {
+  function AppComponent_ng_container_0_ng_template_5_li_1_Template(rf, ctx) { if (rf & 1) {
       const _r1 = i0__namespace.ɵɵgetCurrentView();
-      i0__namespace.ɵɵelementStart(0, "li", 11)(1, "button", 12);
-      i0__namespace.ɵɵlistener("click", function AppComponent_Conditional_0_ng_template_4_For_2_Template_button_click_1_listener() { const provider_r2 = i0__namespace.ɵɵrestoreView(_r1).$implicit; return i0__namespace.ɵɵresetView(provider_r2.invoke()); });
+      i0__namespace.ɵɵelementStart(0, "li", 14)(1, "button", 15);
+      i0__namespace.ɵɵlistener("click", function AppComponent_ng_container_0_ng_template_5_li_1_Template_button_click_1_listener() { const provider_r2 = i0__namespace.ɵɵrestoreView(_r1).$implicit; return i0__namespace.ɵɵresetView(provider_r2.invoke()); });
       i0__namespace.ɵɵtext(2);
       i0__namespace.ɵɵelementEnd()();
   } if (rf & 2) {
@@ -3984,42 +3978,44 @@
       i0__namespace.ɵɵadvance(2);
       i0__namespace.ɵɵtextInterpolate(provider_r2.name);
   } }
-  function AppComponent_Conditional_0_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelementStart(0, "ul", 10);
-      i0__namespace.ɵɵrepeaterCreate(1, AppComponent_Conditional_0_ng_template_4_For_2_Template, 3, 1, "li", 11, i0__namespace.ɵɵrepeaterTrackByIdentity);
+  function AppComponent_ng_container_0_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelementStart(0, "ul", 12);
+      i0__namespace.ɵɵtemplate(1, AppComponent_ng_container_0_ng_template_5_li_1_Template, 3, 1, "li", 13);
       i0__namespace.ɵɵelementEnd();
   } if (rf & 2) {
       const ctx_r2 = i0__namespace.ɵɵnextContext(2);
       i0__namespace.ɵɵadvance();
-      i0__namespace.ɵɵrepeater(ctx_r2.providersConfig);
+      i0__namespace.ɵɵproperty("ngForOf", ctx_r2.providersConfig);
   } }
-  function AppComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "div", 6);
+  function AppComponent_ng_container_0_div_8_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "div", 16);
   } }
-  function AppComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "div", 7);
+  function AppComponent_ng_container_0_div_9_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "div", 17);
   } }
-  function AppComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "router-outlet");
-      i0__namespace.ɵɵtemplate(1, AppComponent_Conditional_0_Conditional_1_Template, 1, 0, "div", 2);
-      i0__namespace.ɵɵelement(2, "app-spinner", 3);
-      i0__namespace.ɵɵelementStart(3, "div", 4);
-      i0__namespace.ɵɵtemplate(4, AppComponent_Conditional_0_ng_template_4_Template, 3, 0, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
+  function AppComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelementContainerStart(0);
+      i0__namespace.ɵɵelement(1, "router-outlet");
+      i0__namespace.ɵɵtemplate(2, AppComponent_ng_container_0_div_2_Template, 1, 0, "div", 3);
+      i0__namespace.ɵɵelement(3, "app-spinner", 4);
+      i0__namespace.ɵɵelementStart(4, "div", 5);
+      i0__namespace.ɵɵtemplate(5, AppComponent_ng_container_0_ng_template_5_Template, 2, 1, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
       i0__namespace.ɵɵelementEnd();
-      i0__namespace.ɵɵelement(6, "div", 5);
-      i0__namespace.ɵɵtemplate(7, AppComponent_Conditional_0_Conditional_7_Template, 1, 0, "div", 6)(8, AppComponent_Conditional_0_Conditional_8_Template, 1, 0, "div", 7);
-      i0__namespace.ɵɵelement(9, "div", 8)(10, "i", 9);
+      i0__namespace.ɵɵelement(7, "div", 6);
+      i0__namespace.ɵɵtemplate(8, AppComponent_ng_container_0_div_8_Template, 1, 0, "div", 7)(9, AppComponent_ng_container_0_div_9_Template, 1, 0, "div", 8);
+      i0__namespace.ɵɵelement(10, "div", 9)(11, "i", 10);
+      i0__namespace.ɵɵelementContainerEnd();
   } if (rf & 2) {
       const ctx_r2 = i0__namespace.ɵɵnextContext();
-      i0__namespace.ɵɵadvance();
-      i0__namespace.ɵɵconditional(ctx_r2.isApplicationType ? 1 : -1);
+      i0__namespace.ɵɵadvance(2);
+      i0__namespace.ɵɵproperty("ngIf", ctx_r2.isApplicationType);
       i0__namespace.ɵɵadvance();
       i0__namespace.ɵɵproperty("show", ctx_r2.spinner.show)("spinnermessages", ctx_r2.spinner.messages);
       i0__namespace.ɵɵattribute("aria-label", ctx_r2.spinner.arialabel || "Loading");
       i0__namespace.ɵɵadvance(5);
-      i0__namespace.ɵɵconditional(!ctx_r2.isApplicationType ? 7 : -1);
+      i0__namespace.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
       i0__namespace.ɵɵadvance();
-      i0__namespace.ɵɵconditional(!ctx_r2.isApplicationType ? 8 : -1);
+      i0__namespace.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
   } }
   class AppComponent {
       constructor(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router, app, appManager, customIconsLoaderService) {
@@ -4158,7 +4154,7 @@
       ngDoCheck() {
           i1.$invokeWatchers();
       }
-      static { this.ɵfac = function AppComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppComponent)(i0__namespace.ɵɵdirectiveInject(PipeProvider), i0__namespace.ɵɵdirectiveInject(i0__namespace.ApplicationRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i2$3__namespace.OAuthService), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractSpinnerService), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.Router), i0__namespace.ɵɵdirectiveInject(i1__namespace.App), i0__namespace.ɵɵdirectiveInject(AppManagerService), i0__namespace.ɵɵdirectiveInject(i1__namespace.CustomIconsLoaderService)); }; }
+      static { this.ɵfac = function AppComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppComponent)(i0__namespace.ɵɵdirectiveInject(PipeProvider), i0__namespace.ɵɵdirectiveInject(i0__namespace.ApplicationRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i2$2__namespace.OAuthService), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractSpinnerService), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.Router), i0__namespace.ɵɵdirectiveInject(i1__namespace.App), i0__namespace.ɵɵdirectiveInject(AppManagerService), i0__namespace.ɵɵdirectiveInject(i1__namespace.CustomIconsLoaderService)); }; }
       static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AppComponent, selectors: [["app-root"]], viewQuery: function AppComponent_Query(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵviewQuery(i1$1.RouterOutlet, 5);
               i0__namespace.ɵɵviewQuery(_c0, 5, i0.ViewContainerRef);
@@ -4166,17 +4162,17 @@
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.routerOutlet = _t.first);
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.dynamicComponentContainerRef = _t.first);
-          } }, decls: 3, vars: 1, consts: [["dynamicComponent", ""], ["dialogBody", ""], ["wmContainer", "", "partialContainer", "", "content", "Common", "hidden", "", 1, "ng-hide"], ["name", "globalspinner", "classname", "global-spinner", "role", "alert", "aria-live", "assertive", 3, "show", "spinnermessages"], ["wmDialog", "", "name", "oAuthLoginDialog", "title", "Application is requesting you to sign in with", "close.event", "closeOAuthDialog()"], ["wmConfirmDialog", "", "name", "_app-confirm-dialog", "title.bind", "title", "message.bind", "message", "oktext.bind", "oktext", "canceltext.bind", "canceltext", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmConfirmDialog", "", "name", "PrefabConfirmDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmAlertDialog", "", "name", "PrefabAlertDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmAppExt", ""], ["id", "wm-mobile-display"], [1, "list-items"], [1, "list-item"], [1, "btn", 3, "click"]], template: function AppComponent_Template(rf, ctx) { if (rf & 1) {
-              i0__namespace.ɵɵtemplate(0, AppComponent_Conditional_0_Template, 11, 6);
+          } }, decls: 3, vars: 1, consts: [["dynamicComponent", ""], ["dialogBody", ""], [4, "ngIf"], ["wmContainer", "", "partialContainer", "", "content", "Common", "hidden", "", "class", "ng-hide", 4, "ngIf"], ["name", "globalspinner", "classname", "global-spinner", "role", "alert", "aria-live", "assertive", 3, "show", "spinnermessages"], ["wmDialog", "", "name", "oAuthLoginDialog", "title", "Application is requesting you to sign in with", "close.event", "closeOAuthDialog()"], ["wmConfirmDialog", "", "name", "_app-confirm-dialog", "title.bind", "title", "message.bind", "message", "oktext.bind", "oktext", "canceltext.bind", "canceltext", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmConfirmDialog", "", "name", "PrefabConfirmDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()", 4, "ngIf"], ["wmAlertDialog", "", "name", "PrefabAlertDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()", 4, "ngIf"], ["wmAppExt", ""], ["id", "wm-mobile-display"], ["wmContainer", "", "partialContainer", "", "content", "Common", "hidden", "", 1, "ng-hide"], [1, "list-items"], ["class", "list-item", 4, "ngFor", "ngForOf"], [1, "list-item"], [1, "btn", 3, "click"], ["wmConfirmDialog", "", "name", "PrefabConfirmDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmAlertDialog", "", "name", "PrefabAlertDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"]], template: function AppComponent_Template(rf, ctx) { if (rf & 1) {
+              i0__namespace.ɵɵtemplate(0, AppComponent_ng_container_0_Template, 12, 6, "ng-container", 2);
               i0__namespace.ɵɵelementContainer(1, null, 0);
           } if (rf & 2) {
-              i0__namespace.ɵɵconditional(ctx.startApp ? 0 : -1);
-          } }, dependencies: [i1$1__namespace.RouterOutlet, i2$1__namespace.ContainerDirective, i2$1__namespace.PartialParamHandlerDirective, i2$1__namespace.PartialContainerDirective, i1$5__namespace.AppExtComponent, i8__namespace.ConfirmDialogComponent, i9__namespace.DialogComponent, i10__namespace.AlertDialogComponent, AppSpinnerComponent], encapsulation: 2 }); }
+              i0__namespace.ɵɵproperty("ngIf", ctx.startApp);
+          } }, dependencies: [i1$2__namespace.NgForOf, i1$2__namespace.NgIf, i1$1__namespace.RouterOutlet, i3__namespace.ContainerDirective, i3__namespace.PartialParamHandlerDirective, i3__namespace.PartialContainerDirective, i1$6__namespace.AppExtComponent, i9__namespace.ConfirmDialogComponent, i10__namespace.DialogComponent, i11__namespace.AlertDialogComponent, AppSpinnerComponent], encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppComponent, [{
           type: i0.Component,
-          args: [{ selector: 'app-root', encapsulation: i0.ViewEncapsulation.None, template: "@if (startApp) {\n  <router-outlet></router-outlet>\n  @if (isApplicationType) {\n    <div wmContainer partialContainer content=\"Common\" hidden class=\"ng-hide\"></div>\n  }\n  <app-spinner name=\"globalspinner\" classname=\"global-spinner\" role=\"alert\" aria-live=\"assertive\" [attr.aria-label]=\"spinner.arialabel || 'Loading'\" [show]=\"spinner.show\" [spinnermessages]=\"spinner.messages\"></app-spinner>\n  <div wmDialog name=\"oAuthLoginDialog\" title=\"Application is requesting you to sign in with\"\n    close.event=\"closeOAuthDialog()\">\n    <ng-template #dialogBody>\n      <ul class=\"list-items\">\n        @for (provider of providersConfig; track provider) {\n          <li class=\"list-item\">\n            <button class=\"btn\" (click)=\"provider.invoke()\">{{provider.name}}</button>\n          </li>\n        }\n      </ul>\n    </ng-template>\n  </div>\n  <div wmConfirmDialog name=\"_app-confirm-dialog\" title.bind=\"title\" message.bind=\"message\" oktext.bind=\"oktext\"\n    canceltext.bind=\"canceltext\" closable=\"false\" iconclass.bind=\"iconclass\"\n  escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n  @if (!isApplicationType) {\n    <div  wmConfirmDialog name=\"PrefabConfirmDialog\" title.bind=\"title\" message.bind=\"text\" oktext.bind=\"okButtonText\"\n      canceltext.bind=\"cancelButtonText\" closable=\"false\" iconclass.bind=\"iconclass\"\n    escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n  }\n  @if (!isApplicationType) {\n    <div  wmAlertDialog name=\"PrefabAlertDialog\" title.bind=\"title\" message.bind=\"text\" oktext.bind=\"okButtonText\"\n      canceltext.bind=\"cancelButtonText\" closable=\"false\" iconclass.bind=\"iconclass\"\n    escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n  }\n  <div wmAppExt></div>\n  <i id=\"wm-mobile-display\"></i>\n}\n<!--Dummy container to create the component dynamically-->\n<ng-container #dynamicComponent></ng-container>\n" }]
-      }], () => [{ type: PipeProvider }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.ElementRef }, { type: i2$3__namespace.OAuthService }, { type: i1__namespace.AbstractDialogService }, { type: i1__namespace.AbstractSpinnerService }, { type: i0__namespace.NgZone }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: AppManagerService }, { type: i1__namespace.CustomIconsLoaderService }], { routerOutlet: [{
+          args: [{ selector: 'app-root', encapsulation: i0.ViewEncapsulation.None, template: "<ng-container *ngIf=\"startApp\">\n    <router-outlet></router-outlet>\n    <div wmContainer partialContainer content=\"Common\" hidden class=\"ng-hide\" *ngIf=\"isApplicationType\"></div>\n    <app-spinner name=\"globalspinner\" classname=\"global-spinner\" role=\"alert\" aria-live=\"assertive\" [attr.aria-label]=\"spinner.arialabel || 'Loading'\" [show]=\"spinner.show\" [spinnermessages]=\"spinner.messages\"></app-spinner>\n    <div wmDialog name=\"oAuthLoginDialog\" title=\"Application is requesting you to sign in with\"\n         close.event=\"closeOAuthDialog()\">\n        <ng-template #dialogBody>\n            <ul class=\"list-items\">\n                <li class=\"list-item\" *ngFor=\"let provider of providersConfig\">\n                    <button class=\"btn\" (click)=\"provider.invoke()\">{{provider.name}}</button>\n                </li>\n            </ul>\n        </ng-template>\n    </div>\n    <div wmConfirmDialog name=\"_app-confirm-dialog\" title.bind=\"title\" message.bind=\"message\" oktext.bind=\"oktext\"\n         canceltext.bind=\"canceltext\" closable=\"false\" iconclass.bind=\"iconclass\"\n         escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n    <div  *ngIf=\"!isApplicationType\" wmConfirmDialog name=\"PrefabConfirmDialog\" title.bind=\"title\" message.bind=\"text\" oktext.bind=\"okButtonText\"\n         canceltext.bind=\"cancelButtonText\" closable=\"false\" iconclass.bind=\"iconclass\"\n         escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n    <div  *ngIf=\"!isApplicationType\" wmAlertDialog name=\"PrefabAlertDialog\" title.bind=\"title\" message.bind=\"text\" oktext.bind=\"okButtonText\"\n         canceltext.bind=\"cancelButtonText\" closable=\"false\" iconclass.bind=\"iconclass\"\n         escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n    <div wmAppExt></div>\n    <i id=\"wm-mobile-display\"></i>\n</ng-container>\n<!--Dummy container to create the component dynamically-->\n<ng-container #dynamicComponent></ng-container>\n" }]
+      }], () => [{ type: PipeProvider }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.ElementRef }, { type: i2$2__namespace.OAuthService }, { type: i1__namespace.AbstractDialogService }, { type: i1__namespace.AbstractSpinnerService }, { type: i0__namespace.NgZone }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: AppManagerService }, { type: i1__namespace.CustomIconsLoaderService }], { routerOutlet: [{
               type: i0.ViewChild,
               args: [i1$1.RouterOutlet]
           }], dynamicComponentContainerRef: [{
@@ -4335,7 +4331,7 @@
       }
       static { this.ɵfac = function PrefabPreviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrefabPreviewComponent)(i0__namespace.ɵɵdirectiveInject(PrefabManagerService)); }; }
       static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: PrefabPreviewComponent, selectors: [["wm-prefab-preview"]], viewQuery: function PrefabPreviewComponent_Query(rf, ctx) { if (rf & 1) {
-              i0__namespace.ɵɵviewQuery(i2$4.PrefabDirective, 7);
+              i0__namespace.ɵɵviewQuery(i2$3.PrefabDirective, 7);
           } if (rf & 2) {
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.prefabInstance = _t.first);
@@ -4343,7 +4339,7 @@
               i0__namespace.ɵɵelementStart(0, "div", 0);
               i0__namespace.ɵɵelement(1, "section", 1);
               i0__namespace.ɵɵelementEnd();
-          } }, dependencies: [i2$4__namespace.PrefabDirective, PrefabDirective], encapsulation: 2 }); }
+          } }, dependencies: [i2$3__namespace.PrefabDirective, PrefabDirective], encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabPreviewComponent, [{
           type: i0.Component,
@@ -4357,7 +4353,7 @@
               }]
       }], () => [{ type: PrefabManagerService }], { prefabInstance: [{
               type: i0.ViewChild,
-              args: [i2$4.PrefabDirective, { static: true }]
+              args: [i2$3.PrefabDirective, { static: true }]
           }] }); })();
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(PrefabPreviewComponent, { className: "PrefabPreviewComponent", filePath: "components/prefab-preview.component.ts", lineNumber: 17 }); })();
 
@@ -4544,17 +4540,17 @@
       ngOnDestroy() {
           this._hostNodes.forEach(styleNodes => styleNodes.forEach(removeStyle));
       }
-      static { this.ɵfac = function WMDomSharedStylesHost_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WMDomSharedStylesHost)(i0__namespace.ɵɵinject(i5.DOCUMENT)); }; }
+      static { this.ɵfac = function WMDomSharedStylesHost_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WMDomSharedStylesHost)(i0__namespace.ɵɵinject(i1$2.DOCUMENT)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: WMDomSharedStylesHost, factory: WMDomSharedStylesHost.ɵfac }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WMDomSharedStylesHost, [{
           type: i0.Injectable
       }], () => [{ type: undefined, decorators: [{
                   type: i0.Inject,
-                  args: [i5.DOCUMENT]
+                  args: [i1$2.DOCUMENT]
               }] }], null); })();
   function removeStyle(styleNode) {
-      i5.ɵgetDOM().remove(styleNode);
+      i1$2.ɵgetDOM().remove(styleNode);
   }
 
   const NAMESPACE_URIS = {
@@ -4650,17 +4646,17 @@
       }
       begin() { }
       end() { }
-      static { this.ɵfac = function WMDomRendererFactory2_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WMDomRendererFactory2)(i0__namespace.ɵɵinject(i1$3__namespace.EventManager), i0__namespace.ɵɵinject(i1$3__namespace.ɵSharedStylesHost), i0__namespace.ɵɵinject(i0.APP_ID), i0__namespace.ɵɵinject(i5.DOCUMENT)); }; }
+      static { this.ɵfac = function WMDomRendererFactory2_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WMDomRendererFactory2)(i0__namespace.ɵɵinject(i1$4__namespace.EventManager), i0__namespace.ɵɵinject(i1$4__namespace.ɵSharedStylesHost), i0__namespace.ɵɵinject(i0.APP_ID), i0__namespace.ɵɵinject(i1$2.DOCUMENT)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: WMDomRendererFactory2, factory: WMDomRendererFactory2.ɵfac }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WMDomRendererFactory2, [{
           type: i0.Injectable
-      }], () => [{ type: i1$3__namespace.EventManager }, { type: i1$3__namespace.ɵSharedStylesHost }, { type: undefined, decorators: [{
+      }], () => [{ type: i1$4__namespace.EventManager }, { type: i1$4__namespace.ɵSharedStylesHost }, { type: undefined, decorators: [{
                   type: i0.Inject,
                   args: [i0.APP_ID]
               }] }, { type: Document, decorators: [{
                   type: i0.Inject,
-                  args: [i5.DOCUMENT]
+                  args: [i1$2.DOCUMENT]
               }] }], null); })();
   let WMDefaultDomRenderer2 = class WMDefaultDomRenderer2 {
       constructor(eventManager, doc) {
@@ -4809,7 +4805,7 @@
       }
       listen(target, event, callback) {
           if (typeof target === 'string') {
-              target = i5.ɵgetDOM().getGlobalEventTarget(this.doc, target);
+              target = i1$2.ɵgetDOM().getGlobalEventTarget(this.doc, target);
               if (!target) {
                   throw new Error(`Unsupported event target ${target} for event ${event}`);
               }
@@ -4818,8 +4814,8 @@
       }
   };
   WMDefaultDomRenderer2 = tslib.__decorate([
-      tslib.__param(1, i0.Inject(i5.DOCUMENT)),
-      tslib.__metadata("design:paramtypes", [i1$3.EventManager, Document])
+      tslib.__param(1, i0.Inject(i1$2.DOCUMENT)),
+      tslib.__metadata("design:paramtypes", [i1$4.EventManager, Document])
   ], WMDefaultDomRenderer2);
   function isTemplateNode(node) {
       return node.tagName === 'TEMPLATE' && node.content !== undefined;
@@ -4844,8 +4840,8 @@
       }
   };
   EmulatedEncapsulationDomRenderer2 = tslib.__decorate([
-      tslib.__param(4, i0.Inject(i5.DOCUMENT)),
-      tslib.__metadata("design:paramtypes", [i1$3.EventManager, i1$3.ɵSharedStylesHost, Object, String, Document])
+      tslib.__param(4, i0.Inject(i1$2.DOCUMENT)),
+      tslib.__metadata("design:paramtypes", [i1$4.EventManager, i1$4.ɵSharedStylesHost, Object, String, Document])
   ], EmulatedEncapsulationDomRenderer2);
   let ShadowDomRenderer = class ShadowDomRenderer extends WMDefaultDomRenderer2 {
       constructor(eventManager, sharedStylesHost, hostEl, component, doc) {
@@ -4882,8 +4878,8 @@
       }
   };
   ShadowDomRenderer = tslib.__decorate([
-      tslib.__param(4, i0.Inject(i5.DOCUMENT)),
-      tslib.__metadata("design:paramtypes", [i1$3.EventManager, i1$3.ɵSharedStylesHost, Object, Object, Document])
+      tslib.__param(4, i0.Inject(i1$2.DOCUMENT)),
+      tslib.__metadata("design:paramtypes", [i1$4.EventManager, i1$4.ɵSharedStylesHost, Object, Object, Document])
   ], ShadowDomRenderer);
 
   const initializeProjectDetails = () => {
@@ -4939,11 +4935,11 @@
       EmptyPageComponent
   ];
   const REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS = [
-      i8.ConfirmDialogModule,
-      i9.DesignDialogModule,
+      i9.ConfirmDialogModule,
+      i10.DesignDialogModule,
       dialogs.DialogModule,
       // NGX Bootstrap
-      i2$2.BsDatepickerModule,
+      i2$1.BsDatepickerModule,
       timepicker.TimepickerModule,
       dropdown.BsDropdownModule,
       pagination.PaginationModule,
@@ -4987,7 +4983,7 @@
       tile.TileModule,
       wizard.WizardModule,
       // dialogs
-      i10.AlertDialogModule,
+      i11.AlertDialogModule,
       iframeDialog.IframeDialogModule,
       loginDialog.LoginDialogModule,
       partialDialog.PartialDialogModule,
@@ -5007,7 +5003,7 @@
       leftPanel.LeftPanelModule,
       rightPanel.RightPanelModule,
       topNav.TopNavModule,
-      i2$4.PrefabModule
+      i2$3.PrefabModule
   ];
   // setting parseExpr as exprEvaluator for swipeAnimation
   $.fn.swipeAnimation.expressionEvaluator = i1.$parseExpr;
@@ -5051,13 +5047,13 @@
                       deps: [i1.AbstractI18nService]
                   },
                   {
-                      provide: i1$4.HTTP_INTERCEPTORS,
+                      provide: i1$5.HTTP_INTERCEPTORS,
                       useClass: HttpCallInterceptor,
                       multi: true
                   },
                   PipeService,
-                  i5.DecimalPipe,
-                  i5.DatePipe,
+                  i1$2.DecimalPipe,
+                  i1$2.DatePipe,
                   AppManagerService,
                   PrefabManagerService,
                   AuthGuard,
@@ -5105,40 +5101,40 @@
               }
           });
       }
-      static { this.ɵfac = function RuntimeBaseModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RuntimeBaseModule)(i0__namespace.ɵɵinject(i1$5__namespace.MobileRuntimeModule), i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(i1__namespace.Viewport)); }; }
+      static { this.ɵfac = function RuntimeBaseModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RuntimeBaseModule)(i0__namespace.ɵɵinject(i1$6__namespace.MobileRuntimeModule), i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(i1__namespace.Viewport)); }; }
       static { this.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: RuntimeBaseModule }); }
       static { this.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ providers: [
-              { provide: i1$3.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
-              { provide: i1$3.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
-          ], imports: [i5.CommonModule,
+              { provide: i1$4.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
+              { provide: i1$4.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
+          ], imports: [i1$2.CommonModule,
               i1$1.RouterModule,
-              i1$4.HttpClientModule,
+              i1$5.HttpClientModule,
               forms.FormsModule,
               forms.ReactiveFormsModule,
-              i1$2.ToastrModule,
-              i2$1.WmComponentsModule,
-              i1$5.MobileRuntimeModule,
+              i1$3.ToastrModule,
+              i3.WmComponentsModule,
+              i1$6.MobileRuntimeModule,
               i1.CoreModule,
               i2.SecurityModule,
-              i2$3.OAuthModule,
+              i2$2.OAuthModule,
               i4.VariablesModule,
               http.HttpServiceModule, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, forms.FormsModule,
               forms.ReactiveFormsModule,
-              i5.CommonModule,
+              i1$2.CommonModule,
               i1$1.RouterModule,
-              i1$4.HttpClientModule,
-              i1$2.ToastrModule,
-              i2$1.WmComponentsModule,
-              i1$5.MobileRuntimeModule,
+              i1$5.HttpClientModule,
+              i1$3.ToastrModule,
+              i3.WmComponentsModule,
+              i1$6.MobileRuntimeModule,
               i1.CoreModule,
               i2.SecurityModule,
-              i2$3.OAuthModule,
+              i2$2.OAuthModule,
               i4.VariablesModule,
-              http.HttpServiceModule, i8.ConfirmDialogModule,
-              i9.DesignDialogModule,
+              http.HttpServiceModule, i9.ConfirmDialogModule,
+              i10.DesignDialogModule,
               dialogs.DialogModule,
               // NGX Bootstrap
-              i2$2.BsDatepickerModule,
+              i2$1.BsDatepickerModule,
               timepicker.TimepickerModule,
               dropdown.BsDropdownModule,
               pagination.PaginationModule,
@@ -5182,7 +5178,7 @@
               tile.TileModule,
               wizard.WizardModule,
               // dialogs
-              i10.AlertDialogModule,
+              i11.AlertDialogModule,
               iframeDialog.IframeDialogModule,
               loginDialog.LoginDialogModule,
               partialDialog.PartialDialogModule,
@@ -5202,24 +5198,24 @@
               leftPanel.LeftPanelModule,
               rightPanel.RightPanelModule,
               topNav.TopNavModule,
-              i2$4.PrefabModule] }); }
+              i2$3.PrefabModule] }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RuntimeBaseModule, [{
           type: i0.NgModule,
           args: [{
                   declarations: [...definitions],
                   imports: [
-                      i5.CommonModule,
+                      i1$2.CommonModule,
                       i1$1.RouterModule,
-                      i1$4.HttpClientModule,
+                      i1$5.HttpClientModule,
                       forms.FormsModule,
                       forms.ReactiveFormsModule,
-                      i1$2.ToastrModule,
-                      i2$1.WmComponentsModule,
-                      i1$5.MobileRuntimeModule,
+                      i1$3.ToastrModule,
+                      i3.WmComponentsModule,
+                      i1$6.MobileRuntimeModule,
                       i1.CoreModule,
                       i2.SecurityModule,
-                      i2$3.OAuthModule,
+                      i2$2.OAuthModule,
                       i4.VariablesModule,
                       http.HttpServiceModule,
                       ...REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS
@@ -5228,48 +5224,48 @@
                       forms.FormsModule,
                       forms.ReactiveFormsModule,
                       ...definitions,
-                      i5.CommonModule,
+                      i1$2.CommonModule,
                       i1$1.RouterModule,
-                      i1$4.HttpClientModule,
-                      i1$2.ToastrModule,
-                      i2$1.WmComponentsModule,
-                      i1$5.MobileRuntimeModule,
+                      i1$5.HttpClientModule,
+                      i1$3.ToastrModule,
+                      i3.WmComponentsModule,
+                      i1$6.MobileRuntimeModule,
                       i1.CoreModule,
                       i2.SecurityModule,
-                      i2$3.OAuthModule,
+                      i2$2.OAuthModule,
                       i4.VariablesModule,
                       http.HttpServiceModule,
                       ...REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS
                   ],
                   providers: [
-                      { provide: i1$3.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
-                      { provide: i1$3.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
+                      { provide: i1$4.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
+                      { provide: i1$4.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
                   ]
               }]
-      }], () => [{ type: i1$5__namespace.MobileRuntimeModule }, { type: i1__namespace.App }, { type: i1__namespace.Viewport }], null); })();
+      }], () => [{ type: i1$6__namespace.MobileRuntimeModule }, { type: i1__namespace.App }, { type: i1__namespace.Viewport }], null); })();
   (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(RuntimeBaseModule, { declarations: [AccessrolesDirective,
           AppSpinnerComponent,
           CustomToasterComponent,
           PrefabDirective,
           AppComponent,
           PrefabPreviewComponent,
-          EmptyPageComponent], imports: [i5.CommonModule,
+          EmptyPageComponent], imports: [i1$2.CommonModule,
           i1$1.RouterModule,
-          i1$4.HttpClientModule,
+          i1$5.HttpClientModule,
           forms.FormsModule,
           forms.ReactiveFormsModule,
-          i1$2.ToastrModule,
-          i2$1.WmComponentsModule,
-          i1$5.MobileRuntimeModule,
+          i1$3.ToastrModule,
+          i3.WmComponentsModule,
+          i1$6.MobileRuntimeModule,
           i1.CoreModule,
           i2.SecurityModule,
-          i2$3.OAuthModule,
+          i2$2.OAuthModule,
           i4.VariablesModule,
-          http.HttpServiceModule, i8.ConfirmDialogModule,
-          i9.DesignDialogModule,
+          http.HttpServiceModule, i9.ConfirmDialogModule,
+          i10.DesignDialogModule,
           dialogs.DialogModule,
           // NGX Bootstrap
-          i2$2.BsDatepickerModule,
+          i2$1.BsDatepickerModule,
           timepicker.TimepickerModule,
           dropdown.BsDropdownModule,
           pagination.PaginationModule,
@@ -5313,7 +5309,7 @@
           tile.TileModule,
           wizard.WizardModule,
           // dialogs
-          i10.AlertDialogModule,
+          i11.AlertDialogModule,
           iframeDialog.IframeDialogModule,
           loginDialog.LoginDialogModule,
           partialDialog.PartialDialogModule,
@@ -5333,28 +5329,28 @@
           leftPanel.LeftPanelModule,
           rightPanel.RightPanelModule,
           topNav.TopNavModule,
-          i2$4.PrefabModule], exports: [forms.FormsModule,
+          i2$3.PrefabModule], exports: [forms.FormsModule,
           forms.ReactiveFormsModule, AccessrolesDirective,
           AppSpinnerComponent,
           CustomToasterComponent,
           PrefabDirective,
           AppComponent,
           PrefabPreviewComponent,
-          EmptyPageComponent, i5.CommonModule,
+          EmptyPageComponent, i1$2.CommonModule,
           i1$1.RouterModule,
-          i1$4.HttpClientModule,
-          i1$2.ToastrModule,
-          i2$1.WmComponentsModule,
-          i1$5.MobileRuntimeModule,
+          i1$5.HttpClientModule,
+          i1$3.ToastrModule,
+          i3.WmComponentsModule,
+          i1$6.MobileRuntimeModule,
           i1.CoreModule,
           i2.SecurityModule,
-          i2$3.OAuthModule,
+          i2$2.OAuthModule,
           i4.VariablesModule,
-          http.HttpServiceModule, i8.ConfirmDialogModule,
-          i9.DesignDialogModule,
+          http.HttpServiceModule, i9.ConfirmDialogModule,
+          i10.DesignDialogModule,
           dialogs.DialogModule,
           // NGX Bootstrap
-          i2$2.BsDatepickerModule,
+          i2$1.BsDatepickerModule,
           timepicker.TimepickerModule,
           dropdown.BsDropdownModule,
           pagination.PaginationModule,
@@ -5398,7 +5394,7 @@
           tile.TileModule,
           wizard.WizardModule,
           // dialogs
-          i10.AlertDialogModule,
+          i11.AlertDialogModule,
           iframeDialog.IframeDialogModule,
           loginDialog.LoginDialogModule,
           partialDialog.PartialDialogModule,
@@ -5418,13 +5414,13 @@
           leftPanel.LeftPanelModule,
           rightPanel.RightPanelModule,
           topNav.TopNavModule,
-          i2$4.PrefabModule] }); })();
+          i2$3.PrefabModule] }); })();
   const WM_MODULES_FOR_ROOT = [
-      i2$1.WmComponentsModule.forRoot(),
-      i1$5.MobileRuntimeModule.forRoot(),
+      i3.WmComponentsModule.forRoot(),
+      i1$6.MobileRuntimeModule.forRoot(),
       i1.CoreModule.forRoot(),
       i2.SecurityModule.forRoot(),
-      i2$3.OAuthModule.forRoot(),
+      i2$2.OAuthModule.forRoot(),
       i4.VariablesModule.forRoot(),
       http.HttpServiceModule.forRoot(),
       RuntimeBaseModule.forRoot()