@wavemaker/app-ng-runtime 11.10.5-rc.6100 → 11.11.0-1.6140

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  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, 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';
+  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/http'), require('@wm/oAuth'), require('moment-timezone/moment-timezone'), require('ngx-bootstrap/chronos'), require('ngx-bootstrap/datepicker'), require('@wm/components/dialogs/alert-dialog'), require('ngx-bootstrap/utils'), 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/http', '@wm/oAuth', 'moment-timezone/moment-timezone', 'ngx-bootstrap/chronos', 'ngx-bootstrap/datepicker', '@wm/components/dialogs/alert-dialog', 'ngx-bootstrap/utils', '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.http, global.wm.oAuth, global.momentLib, global.chronos, global.datepicker, global.wm.components.dialogs.alertdialog, global.utils, 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, i3, tslib, input, prefab, i1$4, i1$3, forms, i1$2, dialogs, confirmDialog, designDialog, http, i2$2, momentLib, chronos, i2$1, alertDialog, utils, 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,17 @@
 
   var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
   var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
-  var i1$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$2);
+  var i5__namespace = /*#__PURE__*/_interopNamespaceDefault(i5);
   var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
   var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
   var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
   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 i9__namespace = /*#__PURE__*/_interopNamespaceDefault(i9);
-  var i10__namespace = /*#__PURE__*/_interopNamespaceDefault(i10);
-  var i1$6__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$6);
+  var i1$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$2);
   var i2$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$2);
+  var momentLib__namespace = /*#__PURE__*/_interopNamespaceDefault(momentLib);
   var i2$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i2$1);
-  var i11__namespace = /*#__PURE__*/_interopNamespaceDefault(i11);
 
   exports.ComponentType = void 0;
   (function (ComponentType) {
@@ -245,60 +241,43 @@
           // do not provide redirectTo page if fetching HOME page resulted 401
           // on app load, by default Home page is loaded
           page = this.$security.getRedirectPage(config);
-          if (i4.CONSTANTS.hasCordova) {
-              // get previously loggedInUser name (if any)
-              const lastLoggedInUsername = lodashEs.get(this.$security.get(), 'userInfo.userName');
-              this.$security.authInBrowser()
-                  .then(() => this.reloadAppData())
-                  .then(() => {
-                  const presentLoggedInUsername = lodashEs.get(this.$security.get(), 'userInfo.userName');
-                  if (presentLoggedInUsername && presentLoggedInUsername === lastLoggedInUsername) {
-                      i4.routerService.navigate([page]);
-                  }
-                  else {
-                      i4.routerService.navigate([`/`]);
-                  }
-              });
-          }
-          else {
-              page = page ? '?redirectPage=' + encodeURIComponent(page) : '';
-              /*
-               * For preview, this.$security.getRedirectedRouteQueryParams() gets the queryparams form the activated route(pagewrappercomponent)
-               * For deployed app, canactivate guard resolved to false and gets the queryparams from the canactivate gurard(no active route component)
-               */
-              queryParams = (options && options.queryParams) || this.$security.getRedirectedRouteQueryParams();
-              queryParams = this.$security.getQueryString(queryParams);
-              queryParams = queryParams ? '?' + queryParams : '';
-              // showing a redirecting message
-              document.body.textContent = lodashEs.get(this.getAppLocale(), ['MESSAGE_LOGIN_REDIRECTION']) || 'Redirecting to sso login...';
-              // appending redirect to page and page params
-              const ssoUrl = this.getDeployedURL() + SSO_URL + page + queryParams;
-              /*
-               * remove iFrame when redirected to IdP login page.
-               * this is being done as IDPs do not allow to get themselves loaded into iFrames.
-               * remove-toolbar has been assigned with a window name WM_PREVIEW_WINDOW, check if the iframe is our toolbar related and
-               * safely change the location of the parent toolbar with current url.
-               */
-              if (window.self !== window.top) {
-                  try {
-                      if (window.parent && window.location.origin === window.parent.origin) {
-                          if (window.parent.name === PREVIEW_WINDOW_NAME) {
-                              window.parent.location.href = window.self.location.href;
-                              window.parent.name = "";
-                          }
-                      }
-                      else {
-                          window.location.href = ssoUrl;
+          page = page ? '?redirectPage=' + encodeURIComponent(page) : '';
+          /*
+           * For preview, this.$security.getRedirectedRouteQueryParams() gets the queryparams form the activated route(pagewrappercomponent)
+           * For deployed app, canactivate guard resolved to false and gets the queryparams from the canactivate gurard(no active route component)
+           */
+          queryParams = (options && options.queryParams) || this.$security.getRedirectedRouteQueryParams();
+          queryParams = this.$security.getQueryString(queryParams);
+          queryParams = queryParams ? '?' + queryParams : '';
+          // showing a redirecting message
+          document.body.textContent = lodashEs.get(this.getAppLocale(), ['MESSAGE_LOGIN_REDIRECTION']) || 'Redirecting to sso login...';
+          // appending redirect to page and page params
+          const ssoUrl = this.getDeployedURL() + SSO_URL + page + queryParams;
+          /*
+           * remove iFrame when redirected to IdP login page.
+           * this is being done as IDPs do not allow to get themselves loaded into iFrames.
+           * remove-toolbar has been assigned with a window name WM_PREVIEW_WINDOW, check if the iframe is our toolbar related and
+           * safely change the location of the parent toolbar with current url.
+           */
+          if (window.self !== window.top) {
+              try {
+                  if (window.parent && window.location.origin === window.parent.origin) {
+                      if (window.parent.name === PREVIEW_WINDOW_NAME) {
+                          window.parent.location.href = window.self.location.href;
+                          window.parent.name = "";
                       }
                   }
-                  catch (error) {
+                  else {
                       window.location.href = ssoUrl;
                   }
               }
-              else {
+              catch (error) {
                   window.location.href = ssoUrl;
               }
           }
+          else {
+              window.location.href = ssoUrl;
+          }
       }
       /**
        * Handles the app when a XHR request returns 401 response
@@ -533,12 +512,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(i1$2__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(i5__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: i1$2__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: i5__namespace.DatePipe }], null); })();
 
   const isPrefabInPreview = (prefabName) => prefabName === '__self__';
   const getPrefabBaseUrl = (prefabName) => {
@@ -1197,19 +1176,11 @@
               }
           });
       }
-      restoreLastPageSnapshot() {
-          if (i1.isMobileApp() && BasePageComponent.lastPageSnapShot && this.$page) {
-              this.$page.parent().prepend(BasePageComponent.lastPageSnapShot);
-          }
-      }
+      restoreLastPageSnapshot() { }
       savePageSnapShot() {
           if (BasePageComponent.lastPageSnapShot) {
               BasePageComponent.lastPageSnapShot.remove();
           }
-          if (i1.isMobileApp() && this.$page) {
-              BasePageComponent.lastPageSnapShot = this.$page.clone();
-              this.$page.parents('app-root').prepend(BasePageComponent.lastPageSnapShot);
-          }
       }
       saveScrollPosition() {
           const fn = ($el, key, recursive = true, $target = $el) => {
@@ -1897,7 +1868,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$3.PrefabContainerDirective, 5);
+              i0__namespace.ɵɵviewQuery(prefab.PrefabContainerDirective, 5);
           } if (rf & 2) {
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.prefabContainerDirective = _t.first);
@@ -1907,7 +1878,7 @@
           type: i0.Directive
       }], null, { prefabContainerDirective: [{
               type: i0.ViewChild,
-              args: [i2$3.PrefabContainerDirective]
+              args: [prefab.PrefabContainerDirective]
           }] }); })();
 
   class BaseLayoutComponent {
@@ -2142,19 +2113,11 @@
               }
           });
       }
-      restoreLastPageSnapshot() {
-          if (i1.isMobileApp() && BaseSpaPageComponent.lastPageSnapShot && this.$page) {
-              this.$page.parent().prepend(BaseSpaPageComponent.lastPageSnapShot);
-          }
-      }
+      restoreLastPageSnapshot() { }
       savePageSnapShot() {
           if (BaseSpaPageComponent.lastPageSnapShot) {
               BaseSpaPageComponent.lastPageSnapShot.remove();
           }
-          if (i1.isMobileApp() && this.$page) {
-              BaseSpaPageComponent.lastPageSnapShot = this.$page.clone();
-              this.$page.parents('app-root').prepend(BaseSpaPageComponent.lastPageSnapShot);
-          }
       }
       saveScrollPosition() {
           const fn = ($el, key, recursive = true, $target = $el) => {
@@ -2402,11 +2365,12 @@
           }
       }
       static { this.ɵfac = function AccessrolesDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccessrolesDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.TemplateRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(i2__namespace.SecurityService), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-      static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: AccessrolesDirective, selectors: [["", "accessroles", ""]], inputs: { accessroles: "accessroles" } }); }
+      static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: AccessrolesDirective, selectors: [["", "accessroles", ""]], inputs: { accessroles: "accessroles" }, standalone: true }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AccessrolesDirective, [{
           type: i0.Directive,
           args: [{
+                  standalone: true,
                   selector: '[accessroles]'
               }]
       }], () => [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }, { type: i2__namespace.SecurityService }, { type: i0__namespace.Injector }, { type: undefined, decorators: [{
@@ -2418,47 +2382,53 @@
               type: i0.Input
           }] }); })();
 
-  function AppSpinnerComponent_div_0_p_4_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "p", 6);
+  function AppSpinnerComponent_Conditional_0_For_5_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "p", 4);
   } if (rf & 2) {
       const value_r1 = ctx.$implicit;
       i0__namespace.ɵɵproperty("textContent", value_r1);
   } }
-  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);
+  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);
       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.ɵɵproperty("ngForOf", ctx_r1.spinnermessages);
+      i0__namespace.ɵɵrepeater(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: [["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);
+      static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AppSpinnerComponent, selectors: [["app-spinner"]], inputs: { show: "show", spinnermessages: "spinnermessages", classname: "classname", arialabel: "arialabel" }, standalone: true, features: [i0__namespace.ɵɵStandaloneFeature], 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);
           } if (rf & 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 }); }
+              i0__namespace.ɵɵconditional(ctx.show ? 0 : -1);
+          } }, dependencies: [i5.CommonModule, i5__namespace.NgClass, i3.WmComponentsModule, i3__namespace.TextContentDirective], encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppSpinnerComponent, [{
           type: i0.Component,
           args: [{
+                  standalone: true,
+                  imports: [i5.CommonModule, i3.WmComponentsModule],
                   selector: 'app-spinner',
                   template: `
-        <div class="app-spinner" [ngClass]="classname" *ngIf="show">
+        @if (show) {
+          <div class="app-spinner" [ngClass]="classname">
             <div class="spinner-message">
-                <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>
+              <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>
             </div>
-        </div>
-    `
+          </div>
+        }
+        `
               }]
       }], () => [], { show: [{
               type: i0.Input
@@ -2469,28 +2439,28 @@
           }], arialabel: [{
               type: i0.Input
           }] }); })();
-  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppSpinnerComponent, { className: "AppSpinnerComponent", filePath: "components/app-spinner.component.ts", lineNumber: 16 }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppSpinnerComponent, { className: "AppSpinnerComponent", filePath: "components/app-spinner.component.ts", lineNumber: 24 }); })();
 
   const _c0$1 = ["customToast"];
   const _c1 = ["customToastTmpl"];
   const _c2 = ["custom-toaster-component", ""];
-  function CustomToasterComponent_ng_template_3_div_1_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "div", 5);
+  function CustomToasterComponent_ng_template_3_For_2_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "div", 4);
   } 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.ɵɵtemplate(1, CustomToasterComponent_ng_template_3_div_1_Template, 1, 2, "div", 4);
-      i0__namespace.ɵɵpipe(2, "keyvalue");
+      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.ɵɵelementEnd();
   } if (rf & 2) {
       const ctx_r1 = i0__namespace.ɵɵnextContext();
       i0__namespace.ɵɵadvance();
-      i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(2, 1, ctx_r1.params));
+      i0__namespace.ɵɵrepeater(i0__namespace.ɵɵpipeBind1(3, 0, ctx_r1.params));
   } }
-  class CustomToasterComponent extends i1$3.Toast {
+  class CustomToasterComponent extends i1$2.Toast {
       // constructor is only necessary when not using AoT
       constructor(toastrService, toastPackage) {
           super(toastrService, toastPackage);
@@ -2528,7 +2498,7 @@
           lodashEs.forEach(this.watchers, watcher => watcher());
           super.ngOnDestroy();
       }
-      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.ɵ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.ɵ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);
@@ -2536,35 +2506,39 @@
               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", 4, "ngFor", "ngForOf"], ["wmParam", "", "hidden", "", 3, "name", "value"]], template: function CustomToasterComponent_Template(rf, ctx) { if (rf & 1) {
+          } }, standalone: true, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], 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) {
               i0__namespace.ɵɵelement(0, "div", 2);
               i0__namespace.ɵɵelementContainer(1, null, 0);
-              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 }); }
+              i0__namespace.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 4, 2, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
+          } }, dependencies: [i5.CommonModule, i5__namespace.KeyValuePipe, i3.WmComponentsModule, i3__namespace.ContainerDirective, i3__namespace.PartialParamHandlerDirective, i3__namespace.PartialParamDirective, i3__namespace.PartialContainerDirective], encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomToasterComponent, [{
           type: i0.Component,
           args: [{
+                  standalone: true,
+                  imports: [i5.CommonModule, i3.WmComponentsModule],
                   selector: '[custom-toaster-component]',
                   template: `
         <div class="parent-custom-toast"></div>
         <ng-container #customToast></ng-container>
         <ng-template #customToastTmpl>
-            <div wmContainer partialContainer content.bind="pagename">
-                <div *ngFor="let param of params | keyvalue" wmParam hidden
-                    [name]="param.key" [value]="param.value"></div>
-            </div>
+          <div wmContainer partialContainer content.bind="pagename">
+            @for (param of params | keyvalue; track param) {
+              <div wmParam hidden
+              [name]="param.key" [value]="param.value"></div>
+            }
+          </div>
         </ng-template>`,
                   preserveWhitespaces: false
               }]
-      }], () => [{ type: i1$3__namespace.ToastrService }, { type: i1$3__namespace.ToastPackage }], { customToastRef: [{
+      }], () => [{ type: i1$2__namespace.ToastrService }, { type: i1$2__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: 23 }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(CustomToasterComponent, { className: "CustomToasterComponent", filePath: "components/custom-toaster.component.ts", lineNumber: 29 }); })();
 
   class EmptyPageComponent {
       constructor(route, securityService, router, app, appManger) {
@@ -2590,65 +2564,32 @@
           }
       }
       static { this.ɵfac = function EmptyPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EmptyPageComponent)(i0__namespace.ɵɵdirectiveInject(i1$1__namespace.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i2__namespace.SecurityService), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.Router), i0__namespace.ɵɵdirectiveInject(i1__namespace.App), i0__namespace.ɵɵdirectiveInject(AppManagerService)); }; }
-      static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: EmptyPageComponent, selectors: [["app-empty-page"]], decls: 1, vars: 0, template: function EmptyPageComponent_Template(rf, ctx) { if (rf & 1) {
+      static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: EmptyPageComponent, selectors: [["app-empty-page"]], standalone: true, features: [i0__namespace.ɵɵStandaloneFeature], decls: 1, vars: 0, template: function EmptyPageComponent_Template(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵelement(0, "div");
           } }, encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EmptyPageComponent, [{
           type: i0.Component,
           args: [{
+                  standalone: true,
                   selector: 'app-empty-page',
                   template: '<div></div>'
               }]
       }], () => [{ type: i1$1__namespace.ActivatedRoute }, { type: i2__namespace.SecurityService }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: AppManagerService }], null); })();
-  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(EmptyPageComponent, { className: "EmptyPageComponent", filePath: "components/empty-component/empty-page.component.ts", lineNumber: 13 }); })();
-
-  class PrefabDirective {
-      constructor(componentInstance, vcRef, elRef, prefabMngr, resolver, injector, componentRefProvider) {
-          this.componentInstance = componentInstance;
-          this.vcRef = vcRef;
-          this.elRef = elRef;
-          this.prefabMngr = prefabMngr;
-          this.resolver = resolver;
-          this.injector = injector;
-          this.componentRefProvider = componentRefProvider;
-          const prefabName = this.componentInstance.prefabName;
-          this.prefabMngr.loadDependencies(prefabName)
-              .then(async () => {
-              const componentFactory = await this.componentRefProvider.getComponentFactoryRef(prefabName, exports.ComponentType.PREFAB);
-              if (componentFactory) {
-                  const instanceRef = this.vcRef.createComponent(componentFactory, 0, injector);
-                  this.elRef.nativeElement.appendChild(instanceRef.location.nativeElement);
-              }
-          });
-      }
-      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, [{
-          type: i0.Directive,
-          args: [{
-                  selector: '[wmPrefab][prefabname]'
-              }]
-      }], () => [{ type: undefined, decorators: [{
-                  type: i0.Self
-              }, {
-                  type: i0.Inject,
-                  args: [i3.WidgetRef]
-              }] }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ElementRef }, { type: PrefabManagerService }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: ComponentRefProvider }], null); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(EmptyPageComponent, { className: "EmptyPageComponent", filePath: "components/empty-component/empty-page.component.ts", lineNumber: 14 }); })();
 
   class PipeProvider {
       setPipeData() {
           this._pipeData = [
               // TODO | NEED TO BE TESTED
-              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.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.I18nSelectPipe, 'i18nSelect', true),
-              this.preparePipeMeta(i1$2.KeyValuePipe, 'keyvalue', false, [
+              this.preparePipeMeta(i5.I18nSelectPipe, 'i18nSelect', true),
+              this.preparePipeMeta(i5.KeyValuePipe, 'keyvalue', false, [
                   i0.KeyValueDiffers
               ]),
               this.preparePipeMeta(i3.FileIconClassPipe, 'fileIconClass', true),
@@ -2657,29 +2598,29 @@
               this.preparePipeMeta(i3.FileSizePipe, 'filesize', true),
               // TESTED
               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(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(i3.ToDatePipe, 'toDate', true, [
-                  new i1$2.DatePipe(this._locale), undefined, this.injector.get(i1.CustomPipeManager)
+                  new i5.DatePipe(this._locale), undefined, this.injector.get(i1.CustomPipeManager)
               ]),
               this.preparePipeMeta(i3.ToNumberPipe, 'toNumber', true, [
-                  new i1$2.DecimalPipe(this._locale),
+                  new i5.DecimalPipe(this._locale),
                   this.i18service
               ]),
               this.preparePipeMeta(i3.ToCurrencyPipe, 'toCurrency', true, [
-                  new i1$2.DecimalPipe(this._locale),
+                  new i5.DecimalPipe(this._locale),
                   this.i18service
               ]),
               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)
+                  new i5.DecimalPipe(this._locale)
               ]),
               this.preparePipeMeta(i3.StringToNumberPipe, 'stringToNumber', true),
               this.preparePipeMeta(i3.CustomPipe, 'custom', true, [this.injector.get(i1.CustomPipeManager)]),
@@ -2742,7 +2683,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$4__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$3__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, [{
@@ -2750,7 +2691,7 @@
           args: [{
                   providedIn: 'root'
               }]
-      }], () => [{ type: i0__namespace.Compiler }, { type: i0__namespace.Injector }, { type: i1$4__namespace.DomSanitizer }, { type: i1__namespace.AbstractI18nService }], null); })();
+      }], () => [{ type: i0__namespace.Compiler }, { type: i0__namespace.Injector }, { type: i1$3__namespace.DomSanitizer }, { type: i1__namespace.AbstractI18nService }], null); })();
 
   class PipeService {
       constructor(pipeProvider, $app) {
@@ -2777,6 +2718,7 @@
           args: [{ providedIn: 'root' }]
       }], () => [{ type: PipeProvider }, { type: i1__namespace.App }], null); })();
 
+  const moment$1 = momentLib__namespace.default || window['moment'];
   const injectorMap = {
       DialogService: i1.AbstractDialogService,
       i18nService: i1.AbstractI18nService,
@@ -2863,6 +2805,11 @@
       notify(eventName, ...data) {
           this._eventNotifier.notify.apply(this._eventNotifier, arguments);
       }
+      importModule(moduleName) {
+          if (moduleName === 'moment') {
+              return moment$1;
+          }
+      }
       getDependency(injToken) {
           if (lodashEs.isString(injToken)) {
               if (injToken === 'HttpService') {
@@ -3013,13 +2960,14 @@
               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$3__namespace.ToastrService)); }; }
+      static { this.ɵfac = function ToasterServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToasterServiceImpl)(i0__namespace.ɵɵinject(i1$2__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$3__namespace.ToastrService }], null); })();
+      }], () => [{ type: i1$2__namespace.ToastrService }], null); })();
 
+  const moment = momentLib__namespace.default || window['moment'];
   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',
       'ar-ma', 'ar-om', 'ar-qa', 'ar-sa', 'ar-sd', 'ar-sy', 'ar-tn', 'ar-ye', 'arc', 'bcc', 'bqi', 'ckb', 'dv', 'fa', 'glk',
@@ -3102,23 +3050,30 @@
           });
       }
       loadMomentLocaleBundle(momentLocale) {
-          const _cdnUrl = i1._WM_APP_PROJECT.cdnUrl || i1._WM_APP_PROJECT.ngDest;
           if (this.selectedLocale === this.defaultSupportedLocale) {
               moment.locale(this.defaultSupportedLocale);
               return;
           }
-          const path = _cdnUrl + `locales/moment/${momentLocale}.js`;
-          i1.loadScripts([path], true).then(() => {
-              moment.locale(this.selectedLocale);
-              // For ngx bootstrap locale, get the config from script and apply locale
-              // moment.localeData(momentLocale) will return moment locale instance. _config inside will have actual config
-              let _config = moment.localeData(momentLocale);
-              _config = _config && _config._config;
-              chronos.defineLocale(this.selectedLocale, _config);
-              this.bsLocaleService.use(this.getSelectedLocale() || this.defaultSupportedLocale);
-              this.bundleLoaded.moment = true;
-              this.notifyLocaleChanged();
-          });
+          if (i1._WM_APP_PROJECT.isPreview) {
+              const path = `${i1._WM_APP_PROJECT.cdnUrl}locales/moment/${momentLocale}.js`;
+              i1.loadScripts([path], true).then(() => {
+                  this.loadScriptForMoment(momentLocale);
+              });
+          }
+          else {
+              this.loadScriptForMoment(momentLocale);
+          }
+      }
+      loadScriptForMoment(momentLocale) {
+          moment.locale(this.selectedLocale);
+          // For ngx bootstrap locale, get the config from script and apply locale
+          // moment.localeData(momentLocale) will return moment locale instance. _config inside will have actual config
+          let _config = moment.localeData(momentLocale);
+          _config = _config && _config._config;
+          chronos.defineLocale(this.selectedLocale, _config);
+          this.bsLocaleService.use(this.getSelectedLocale() || this.defaultSupportedLocale);
+          this.bundleLoaded.moment = true;
+          this.notifyLocaleChanged();
       }
       loadAngularLocaleBundle(angLocale) {
           return new Promise(resolve => {
@@ -3134,26 +3089,10 @@
               }, resolve);
           });
       }
-      loadCalendarLocaleBundle(calendarLocale, force = false) {
-          const _cdnUrl = i1._WM_APP_PROJECT.cdnUrl || i1._WM_APP_PROJECT.ngDest;
-          let path;
-          if (calendarLocale) {
-              path = _cdnUrl + `locales/fullcalendar/${calendarLocale}.js`;
-          }
-          else {
-              return Promise.resolve();
-          }
-          // return in case of mobile app or if selected locale is default supported locale.
-          if (!force && (i1.isMobile() || i1.isMobileApp() || this.selectedLocale === this.defaultSupportedLocale)) {
-              this.bundleLoaded.fullCalendar = true;
-              return;
-          }
-          // Call the script. In script, moment defines the loaded locale
-          return i1.loadScripts([path], true);
-      }
       loadMomentTimeZoneBundle(locale, compInstance) {
           return new Promise(resolve => {
               const _cdnUrl = i1._WM_APP_PROJECT.cdnUrl || i1._WM_APP_PROJECT.ngDest;
+              window['moment'] = moment; //moment-timezone-with-data.js need moment as require('moment') to be available in window
               const path = _cdnUrl + `locales/moment-timezone/moment-timezone-with-data.js`;
               i1.loadScripts([path], true).then(() => {
                   /**
@@ -3187,10 +3126,8 @@
               this.bundleLoaded.moment = true;
           }
           if (libLocale.fullCalendar && window['FullCalendar']) {
-              this.loadCalendarLocaleBundle(libLocale.fullCalendar)?.then(() => {
-                  this.bundleLoaded.fullCalendar = true;
-                  this.notifyLocaleChanged();
-              });
+              this.bundleLoaded.fullCalendar = true;
+              this.notifyLocaleChanged();
           }
           else {
               this.bundleLoaded.fullCalendar = true;
@@ -3266,21 +3203,6 @@
           // when preference is given to browser set languages, do not populate _selectedDefaultLang variable
           let _selectedDefaultLang = preferBrowserLang ? undefined : _defaultLanguage;
           let _appSupportedLang;
-          /**
-           * for cordova, check for language ignoring the locale
-           * As the navigator.languages always returns the language with locale (en-us)
-           * The supportedLanguages from BE doesn't include locale (en) which leads to mismatch
-           */
-          if (i4.CONSTANTS.hasCordova) {
-              let supportedLang = [];
-              lodashEs.forEach(_acceptLang, function (lang) {
-                  let matchedLang = lodashEs.find(_supportedLang, (val) => lang === val) || lodashEs.find(_supportedLang, (val) => lang.startsWith(val));
-                  if (matchedLang) {
-                      supportedLang.push(matchedLang);
-                  }
-              });
-              _appSupportedLang = supportedLang[0];
-          }
           // check for the session storage to load any pre-requested locale
           const _defaultLang = i1.getSessionStorageItem('selectedLocale') || _selectedDefaultLang || _appSupportedLang || lodashEs.intersection(_acceptLang, _supportedLang)[0] || this.defaultSupportedLocale;
           // if the supportedLocale is not available set it to defaultLocale
@@ -3299,28 +3221,20 @@
       // This function returns the accepted languages list
       getAcceptedLanguages() {
           let languages;
-          if (i4.CONSTANTS.hasCordova) {
-              languages = navigator.languages || [navigator.language];
-          }
-          else {
-              languages = decodeURIComponent(i1.getWmProjectProperties().preferredLanguage || '');
-              /**
-               * Accept-Language Header will contain set of supported locale, so try splitting the string to proper locale set
-               * Ex: en,en-US;q=0.9,de;q=0.6,ar;q=0.2,hi
-               *
-               * Split the above into [en,en-us,de,ar,hi]
-               * @type {Array}
-               */
-              languages = languages.split(',').map(function (locale) {
-                  return locale.split(';')[0];
-              });
-          }
+          languages = decodeURIComponent(i1.getWmProjectProperties().preferredLanguage || '');
+          /**
+           * Accept-Language Header will contain set of supported locale, so try splitting the string to proper locale set
+           * Ex: en,en-US;q=0.9,de;q=0.6,ar;q=0.2,hi
+           *
+           * Split the above into [en,en-us,de,ar,hi]
+           * @type {Array}
+           */
+          languages = languages.split(',').map(function (locale) {
+              return locale.split(';')[0];
+          });
           return lodashEs.map(languages, lodashEs.toLower);
       }
       initCalendarLocale() {
-          if (this.selectedLocale !== 'en') {
-              return this.loadCalendarLocaleBundle(this.selectedLocale, true);
-          }
           return Promise.resolve();
       }
       isAngularLocaleLoaded() {
@@ -3337,12 +3251,12 @@
               this.app.notify('locale-changed', this.bundleLoaded.libLocale);
           }
       }
-      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.ɵfac = function I18nServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || I18nServiceImpl)(i0__namespace.ɵɵinject(i1$4__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$5__namespace.HttpClient }, { type: i2$1__namespace.BsLocaleService }, { type: i1__namespace.AppDefaults }, { type: i0__namespace.Injector }], null); })();
+      }], () => [{ type: i1$4__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">
@@ -3964,13 +3878,13 @@
       }], () => [{ type: i1__namespace.AbstractI18nService }], null); })();
 
   const _c0 = ["dynamicComponent"];
-  function AppComponent_ng_container_0_div_2_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "div", 11);
+  function AppComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "div", 2);
   } }
-  function AppComponent_ng_container_0_ng_template_5_li_1_Template(rf, ctx) { if (rf & 1) {
+  function AppComponent_Conditional_0_ng_template_4_For_2_Template(rf, ctx) { if (rf & 1) {
       const _r1 = i0__namespace.ɵɵgetCurrentView();
-      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.ɵɵ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.ɵɵtext(2);
       i0__namespace.ɵɵelementEnd()();
   } if (rf & 2) {
@@ -3978,44 +3892,42 @@
       i0__namespace.ɵɵadvance(2);
       i0__namespace.ɵɵtextInterpolate(provider_r2.name);
   } }
-  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);
+  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);
       i0__namespace.ɵɵelementEnd();
   } if (rf & 2) {
       const ctx_r2 = i0__namespace.ɵɵnextContext(2);
       i0__namespace.ɵɵadvance();
-      i0__namespace.ɵɵproperty("ngForOf", ctx_r2.providersConfig);
+      i0__namespace.ɵɵrepeater(ctx_r2.providersConfig);
   } }
-  function AppComponent_ng_container_0_div_8_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "div", 16);
+  function AppComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "div", 6);
   } }
-  function AppComponent_ng_container_0_div_9_Template(rf, ctx) { if (rf & 1) {
-      i0__namespace.ɵɵelement(0, "div", 17);
+  function AppComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+      i0__namespace.ɵɵelement(0, "div", 7);
   } }
-  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);
+  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);
       i0__namespace.ɵɵelementEnd();
-      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();
+      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);
   } if (rf & 2) {
       const ctx_r2 = i0__namespace.ɵɵnextContext();
-      i0__namespace.ɵɵadvance(2);
-      i0__namespace.ɵɵproperty("ngIf", ctx_r2.isApplicationType);
+      i0__namespace.ɵɵadvance();
+      i0__namespace.ɵɵconditional(ctx_r2.isApplicationType ? 1 : -1);
       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.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
+      i0__namespace.ɵɵconditional(!ctx_r2.isApplicationType ? 7 : -1);
       i0__namespace.ɵɵadvance();
-      i0__namespace.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
+      i0__namespace.ɵɵconditional(!ctx_r2.isApplicationType ? 8 : -1);
   } }
   class AppComponent {
       constructor(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router, app, appManager, customIconsLoaderService) {
@@ -4144,12 +4056,7 @@
       }
       ngAfterViewInit() {
           document.documentElement.setAttribute('lang', i1.getWmProjectProperties().defaultLanguage);
-          if (i1.hasCordova() && !window['wmDeviceReady']) {
-              document.addEventListener('wmDeviceReady', () => this.start());
-          }
-          else {
-              this.start();
-          }
+          this.start();
       }
       ngDoCheck() {
           i1.$invokeWatchers();
@@ -4162,16 +4069,16 @@
               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", ""], [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);
+          } }, standalone: true, features: [i0__namespace.ɵɵStandaloneFeature], 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);
               i0__namespace.ɵɵelementContainer(1, null, 0);
           } if (rf & 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 }); }
+              i0__namespace.ɵɵconditional(ctx.startApp ? 0 : -1);
+          } }, dependencies: [i5.CommonModule, i3.WmComponentsModule, i3__namespace.ContainerDirective, i3__namespace.PartialParamHandlerDirective, i3__namespace.PartialContainerDirective, i1$1.RouterOutlet, alertDialog.AlertDialogComponent, confirmDialog.ConfirmDialogComponent, designDialog.DialogComponent, AppSpinnerComponent], encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppComponent, [{
           type: i0.Component,
-          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" }]
+          args: [{ standalone: true, imports: [i5.CommonModule, i3.WmComponentsModule, i1$1.RouterOutlet, alertDialog.AlertDialogComponent, confirmDialog.ConfirmDialogComponent, designDialog.DialogComponent, AppSpinnerComponent], 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$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]
@@ -4179,7 +4086,7 @@
               type: i0.ViewChild,
               args: ['dynamicComponent', { read: i0.ViewContainerRef }]
           }] }); })();
-  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "components/app-component/app.component.ts", lineNumber: 46 }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "components/app-component/app.component.ts", lineNumber: 53 }); })();
 
   /**
    * This Interceptor intercepts all network calls and if a network call fails
@@ -4255,6 +4162,41 @@
           type: i0.Injectable
       }], () => [], null); })();
 
+  class PrefabDirective {
+      constructor(componentInstance, vcRef, elRef, prefabMngr, resolver, injector, componentRefProvider) {
+          this.componentInstance = componentInstance;
+          this.vcRef = vcRef;
+          this.elRef = elRef;
+          this.prefabMngr = prefabMngr;
+          this.resolver = resolver;
+          this.injector = injector;
+          this.componentRefProvider = componentRefProvider;
+          const prefabName = this.componentInstance.prefabName;
+          this.prefabMngr.loadDependencies(prefabName)
+              .then(async () => {
+              const componentFactory = await this.componentRefProvider.getComponentFactoryRef(prefabName, exports.ComponentType.PREFAB);
+              if (componentFactory) {
+                  const instanceRef = this.vcRef.createComponent(componentFactory, 0, injector);
+                  this.elRef.nativeElement.appendChild(instanceRef.location.nativeElement);
+              }
+          });
+      }
+      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", ""]], standalone: true }); }
+  }
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabDirective, [{
+          type: i0.Directive,
+          args: [{
+                  standalone: true,
+                  selector: '[wmPrefab][prefabname]'
+              }]
+      }], () => [{ type: undefined, decorators: [{
+                  type: i0.Self
+              }, {
+                  type: i0.Inject,
+                  args: [i3.WidgetRef]
+              }] }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ElementRef }, { type: PrefabManagerService }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: ComponentRefProvider }], null); })();
+
   const PREFAB = 'PREFAB';
   class PrefabPreviewComponent {
       constructor(prefabManager) {
@@ -4331,19 +4273,21 @@
       }
       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$3.PrefabDirective, 7);
+              i0__namespace.ɵɵviewQuery(prefab.PrefabDirective, 7);
           } if (rf & 2) {
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.prefabInstance = _t.first);
-          } }, decls: 2, vars: 0, consts: [[1, "prefab-preview", "row"], ["wmPrefab", "", "name", "prefab-preview", "prefabname", "__self__"]], template: function PrefabPreviewComponent_Template(rf, ctx) { if (rf & 1) {
+          } }, standalone: true, features: [i0__namespace.ɵɵStandaloneFeature], decls: 2, vars: 0, consts: [[1, "prefab-preview", "row"], ["wmPrefab", "", "name", "prefab-preview", "prefabname", "__self__"]], template: function PrefabPreviewComponent_Template(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "div", 0);
               i0__namespace.ɵɵelement(1, "section", 1);
               i0__namespace.ɵɵelementEnd();
-          } }, dependencies: [i2$3__namespace.PrefabDirective, PrefabDirective], encapsulation: 2 }); }
+          } }, dependencies: [prefab.PrefabDirective, PrefabDirective, i3.WmComponentsModule], encapsulation: 2 }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabPreviewComponent, [{
           type: i0.Component,
           args: [{
+                  standalone: true,
+                  imports: [prefab.PrefabDirective, PrefabDirective, i3.WmComponentsModule],
                   selector: 'wm-prefab-preview',
                   template: `
         <div class="prefab-preview row">
@@ -4353,9 +4297,9 @@
               }]
       }], () => [{ type: PrefabManagerService }], { prefabInstance: [{
               type: i0.ViewChild,
-              args: [i2$3.PrefabDirective, { static: true }]
+              args: [prefab.PrefabDirective, { static: true }]
           }] }); })();
-  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(PrefabPreviewComponent, { className: "PrefabPreviewComponent", filePath: "components/prefab-preview.component.ts", lineNumber: 17 }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(PrefabPreviewComponent, { className: "PrefabPreviewComponent", filePath: "components/prefab-preview.component.ts", lineNumber: 19 }); })();
 
   buildTask.initComponentsBuildTask();
   const componentFactoryRefCache = new Map();
@@ -4540,17 +4484,17 @@
       ngOnDestroy() {
           this._hostNodes.forEach(styleNodes => styleNodes.forEach(removeStyle));
       }
-      static { this.ɵfac = function WMDomSharedStylesHost_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WMDomSharedStylesHost)(i0__namespace.ɵɵinject(i1$2.DOCUMENT)); }; }
+      static { this.ɵfac = function WMDomSharedStylesHost_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WMDomSharedStylesHost)(i0__namespace.ɵɵinject(i5.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: [i1$2.DOCUMENT]
+                  args: [i5.DOCUMENT]
               }] }], null); })();
   function removeStyle(styleNode) {
-      i1$2.ɵgetDOM().remove(styleNode);
+      i5.ɵgetDOM().remove(styleNode);
   }
 
   const NAMESPACE_URIS = {
@@ -4646,17 +4590,17 @@
       }
       begin() { }
       end() { }
-      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.ɵ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.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: WMDomRendererFactory2, factory: WMDomRendererFactory2.ɵfac }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WMDomRendererFactory2, [{
           type: i0.Injectable
-      }], () => [{ type: i1$4__namespace.EventManager }, { type: i1$4__namespace.ɵSharedStylesHost }, { type: undefined, decorators: [{
+      }], () => [{ type: i1$3__namespace.EventManager }, { type: i1$3__namespace.ɵSharedStylesHost }, { type: undefined, decorators: [{
                   type: i0.Inject,
                   args: [i0.APP_ID]
               }] }, { type: Document, decorators: [{
                   type: i0.Inject,
-                  args: [i1$2.DOCUMENT]
+                  args: [i5.DOCUMENT]
               }] }], null); })();
   let WMDefaultDomRenderer2 = class WMDefaultDomRenderer2 {
       constructor(eventManager, doc) {
@@ -4805,7 +4749,7 @@
       }
       listen(target, event, callback) {
           if (typeof target === 'string') {
-              target = i1$2.ɵgetDOM().getGlobalEventTarget(this.doc, target);
+              target = i5.ɵgetDOM().getGlobalEventTarget(this.doc, target);
               if (!target) {
                   throw new Error(`Unsupported event target ${target} for event ${event}`);
               }
@@ -4814,8 +4758,8 @@
       }
   };
   WMDefaultDomRenderer2 = tslib.__decorate([
-      tslib.__param(1, i0.Inject(i1$2.DOCUMENT)),
-      tslib.__metadata("design:paramtypes", [i1$4.EventManager, Document])
+      tslib.__param(1, i0.Inject(i5.DOCUMENT)),
+      tslib.__metadata("design:paramtypes", [i1$3.EventManager, Document])
   ], WMDefaultDomRenderer2);
   function isTemplateNode(node) {
       return node.tagName === 'TEMPLATE' && node.content !== undefined;
@@ -4840,8 +4784,8 @@
       }
   };
   EmulatedEncapsulationDomRenderer2 = tslib.__decorate([
-      tslib.__param(4, i0.Inject(i1$2.DOCUMENT)),
-      tslib.__metadata("design:paramtypes", [i1$4.EventManager, i1$4.ɵSharedStylesHost, Object, String, Document])
+      tslib.__param(4, i0.Inject(i5.DOCUMENT)),
+      tslib.__metadata("design:paramtypes", [i1$3.EventManager, i1$3.ɵSharedStylesHost, Object, String, Document])
   ], EmulatedEncapsulationDomRenderer2);
   let ShadowDomRenderer = class ShadowDomRenderer extends WMDefaultDomRenderer2 {
       constructor(eventManager, sharedStylesHost, hostEl, component, doc) {
@@ -4878,24 +4822,25 @@
       }
   };
   ShadowDomRenderer = tslib.__decorate([
-      tslib.__param(4, i0.Inject(i1$2.DOCUMENT)),
-      tslib.__metadata("design:paramtypes", [i1$4.EventManager, i1$4.ɵSharedStylesHost, Object, Object, Document])
+      tslib.__param(4, i0.Inject(i5.DOCUMENT)),
+      tslib.__metadata("design:paramtypes", [i1$3.EventManager, i1$3.ɵSharedStylesHost, Object, Object, Document])
   ], ShadowDomRenderer);
 
   const initializeProjectDetails = () => {
       let cdnUrl = document.querySelector('[name="deployUrl"]') && document.querySelector('[name="deployUrl"]').getAttribute('content');
       i1._WM_APP_PROJECT.isPreview = cdnUrl ? false : true;
-      let apiUrl = document.querySelector('[name="apiUrl"]') && document.querySelector('[name="apiUrl"]').getAttribute('content');
+      const apiUrl = document.querySelector('[name="apiUrl"]') && document.querySelector('[name="apiUrl"]').getAttribute('content');
       //for preview
       if (!cdnUrl) {
           cdnUrl = document.querySelector('[name="cdnUrl"]') && document.querySelector('[name="cdnUrl"]').getAttribute('content');
       }
-      i1._WM_APP_PROJECT.id = i1.hasCordova() ? _WM_APP_PROPERTIES.displayName : location.href.split('/')[3];
+      i1._WM_APP_PROJECT.id = location.href.split('/')[3];
       // Integration with third party apps like in SSPA/WebComponents, this meta tag with cdnUrl will not be there then default it to ng-bundle/
       i1._WM_APP_PROJECT.apiUrl = apiUrl || './';
       i1._WM_APP_PROJECT.cdnUrl = cdnUrl || 'ng-bundle/';
       i1._WM_APP_PROJECT.ngDest = 'ng-bundle/';
       try {
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           //@ts-ignore
           __webpack_require__.p = __webpack_public_path__ = cdnUrl;
       }
@@ -4929,15 +4874,17 @@
       AccessrolesDirective,
       AppSpinnerComponent,
       CustomToasterComponent,
-      PrefabDirective,
       AppComponent,
+      PrefabDirective,
       PrefabPreviewComponent,
       EmptyPageComponent
   ];
   const REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS = [
-      i9.ConfirmDialogModule,
-      i10.DesignDialogModule,
-      dialogs.DialogModule,
+      confirmDialog.ConfirmDialogComponent,
+      designDialog.DialogComponent,
+      dialogs.DialogBodyDirective,
+      dialogs.DialogFooterDirective,
+      dialogs.DialogHeaderComponent,
       // NGX Bootstrap
       i2$1.BsDatepickerModule,
       timepicker.TimepickerModule,
@@ -4950,60 +4897,112 @@
       ngCircleProgress.NgCircleProgressModule,
       tooltip.TooltipModule,
       // Basic widgets
-      basic.BasicModule,
-      progress.ProgressModule,
-      richTextEditor.RichTextEditorModule,
-      search.SearchModule,
-      tree.TreeModule,
+      basic.AnchorComponent,
+      basic.AudioComponent,
+      basic.HtmlDirective,
+      basic.IconComponent,
+      basic.IframeComponent,
+      basic.LabelDirective,
+      basic.PictureDirective,
+      basic.SpinnerComponent,
+      basic.VideoComponent,
+      progress.ProgressBarComponent,
+      progress.ProgressCircleComponent,
+      richTextEditor.RichTextEditorComponent,
+      search.SearchComponent, search.ScrollableDirective,
+      tree.TreeComponent,
       // Input
-      calendar.CalendarModule,
-      chips.ChipsModule,
-      colorPicker.ColorPickerModule,
-      currency.CurrencyModule,
-      epoch.EpochModule,
-      fileUpload.FileUploadModule,
-      input.InputModule,
-      rating.RatingModule,
-      slider.SliderModule,
+      calendar.CalendarComponent,
+      chips.ChipsComponent,
+      colorPicker.ColorPickerComponent,
+      currency.CurrencyComponent,
+      epoch.DateComponent,
+      epoch.DatetimeComponent,
+      epoch.TimeComponent,
+      epoch.DateTimePickerComponent,
+      epoch.TimePickerComponent,
+      epoch.PickerComponent,
+      epoch.PickerGroupComponent,
+      fileUpload.FileUploadComponent,
+      input.ButtonComponent,
+      input.ButtonGroupDirective,
+      input.CaptionPositionDirective,
+      input.CheckboxComponent,
+      input.CheckboxsetComponent,
+      input.CompositeDirective,
+      input.NumberComponent,
+      input.RadiosetComponent,
+      input.SelectComponent,
+      input.SwitchComponent,
+      input.InputCalendarComponent,
+      input.InputColorComponent,
+      input.InputEmailComponent,
+      input.InputNumberComponent,
+      input.InputTextComponent,
+      input.TextareaComponent,
+      rating.RatingComponent,
+      slider.SliderComponent,
       // Data
-      card.CardModule,
-      form.FormModule,
-      list.ListModule,
-      liveTable.LiveTableModule,
-      pagination$1.PaginationModule,
-      table.TableModule,
+      card.CardComponent,
+      card.CardActionsDirective,
+      card.CardContentComponent,
+      card.CardFooterDirective,
+      form.FormComponent,
+      form.FormWidgetDirective,
+      form.FormActionDirective,
+      form.FormFieldDirective,
+      form.LiveActionsDirective,
+      form.DependsonDirective,
+      form.LiveFilterDirective,
+      form.LiveFormDirective,
+      list.ListComponent, list.ListItemDirective,
+      liveTable.LiveTableComponent,
+      pagination$1.PaginationComponent,
+      table.TableComponent,
+      table.TableCUDDirective,
+      table.TableFilterSortDirective,
+      table.TableActionDirective,
+      table.TableColumnDirective,
+      table.TableColumnGroupDirective,
+      table.TableRowDirective,
+      table.TableRowActionDirective,
       // chart
-      chart.ChartModule,
+      chart.ChartComponent,
       // container modules
-      accordion.AccordionModule,
-      linearLayout.LinearLayoutModule,
-      layoutGrid.LayoutGridModule,
-      panel.PanelModule,
-      tabs.TabsModule,
-      tile.TileModule,
-      wizard.WizardModule,
+      accordion.AccordionPaneComponent, accordion.AccordionDirective,
+      linearLayout.LinearLayoutDirective, linearLayout.LinearLayoutItemDirective,
+      layoutGrid.LayoutgridDirective, layoutGrid.LayoutGridRowDirective, layoutGrid.LayoutGridColumnDirective,
+      panel.PanelComponent,
+      tabs.TabPaneComponent, tabs.TabsComponent,
+      tile.TileDirective,
+      wizard.WizardActionDirective, wizard.WizardStepComponent, wizard.WizardComponent,
       // dialogs
-      i11.AlertDialogModule,
-      iframeDialog.IframeDialogModule,
-      loginDialog.LoginDialogModule,
-      partialDialog.PartialDialogModule,
+      alertDialog.AlertDialogComponent,
+      iframeDialog.IframeDialogComponent,
+      loginDialog.LoginDialogDirective,
+      partialDialog.PartialDialogComponent,
       // navigation
-      breadcrumb.BreadcrumbModule,
-      menu.MenuModule,
-      navbar.NavbarModule,
-      popover$1.PopoverModule,
+      breadcrumb.BreadcrumbComponent,
+      menu.MenuComponent, menu.MenuDropdownComponent, menu.MenuDropdownItemComponent, menu.NavigationControlDirective, menu.NavComponent, menu.NavItemDirective,
+      navbar.NavbarComponent,
+      popover$1.PopoverComponent,
       // Advanced
-      carousel$1.CarouselModule,
-      login.LoginModule,
-      marquee.MarqueeModule,
-      custom.CustomModule,
-      page.PageModule,
-      footer.FooterModule,
-      header.HeaderModule,
-      leftPanel.LeftPanelModule,
-      rightPanel.RightPanelModule,
-      topNav.TopNavModule,
-      i2$3.PrefabModule
+      carousel$1.CarouselDirective, carousel$1.CarouselTemplateDirective,
+      login.LoginComponent,
+      marquee.MarqueeDirective,
+      custom.CustomWidgetDirective, custom.CustomWidgetContainerDirective,
+      page.PageDirective,
+      page.LayoutDirective,
+      page.ContentComponent,
+      page.PageContentComponent,
+      page.SpaPageDirective,
+      page.RouterOutletDirective,
+      footer.FooterDirective,
+      header.HeaderComponent,
+      leftPanel.LeftPanelDirective,
+      rightPanel.RightPanelDirective,
+      topNav.TopNavDirective,
+      prefab.PrefabDirective, prefab.PrefabContainerDirective
   ];
   // setting parseExpr as exprEvaluator for swipeAnimation
   $.fn.swipeAnimation.expressionEvaluator = i1.$parseExpr;
@@ -5047,13 +5046,13 @@
                       deps: [i1.AbstractI18nService]
                   },
                   {
-                      provide: i1$5.HTTP_INTERCEPTORS,
+                      provide: i1$4.HTTP_INTERCEPTORS,
                       useClass: HttpCallInterceptor,
                       multi: true
                   },
                   PipeService,
-                  i1$2.DecimalPipe,
-                  i1$2.DatePipe,
+                  i5.DecimalPipe,
+                  i5.DatePipe,
                   AppManagerService,
                   PrefabManagerService,
                   AuthGuard,
@@ -5063,12 +5062,16 @@
                   AppJSResolve,
                   AppExtensionJSResolve,
                   I18nResolve,
+                  i2.SecurityService,
+                  i2$2.OAuthService,
+                  i4.VariablesService,
+                  i4.MetadataService,
                   getSettingProvider(MAX_CACHE_SIZE, 10),
                   getSettingProvider(MAX_CACHE_AGE, 30 * 60)
               ]
           };
       }
-      constructor(mobileRuntimeModule, app, viewport) {
+      constructor(app, viewport) {
           RuntimeBaseModule.addCustomEventPolyfill();
           this.getDeviceDetails().then(details => {
               app.selectedViewPort = {
@@ -5101,38 +5104,23 @@
               }
           });
       }
-      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.ɵfac = function RuntimeBaseModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RuntimeBaseModule)(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$4.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
-              { provide: i1$4.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
-          ], imports: [i1$2.CommonModule,
+              { provide: i1$3.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
+              { provide: i1$3.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 },
+              http.HttpServiceImpl,
+          ], imports: [i5.CommonModule,
               i1$1.RouterModule,
-              i1$5.HttpClientModule,
+              i1$4.HttpClientModule,
               forms.FormsModule,
-              forms.ReactiveFormsModule,
-              i1$3.ToastrModule,
-              i3.WmComponentsModule,
-              i1$6.MobileRuntimeModule,
-              i1.CoreModule,
-              i2.SecurityModule,
-              i2$2.OAuthModule,
-              i4.VariablesModule,
-              http.HttpServiceModule, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, forms.FormsModule,
-              forms.ReactiveFormsModule,
-              i1$2.CommonModule,
-              i1$1.RouterModule,
-              i1$5.HttpClientModule,
-              i1$3.ToastrModule,
-              i3.WmComponentsModule,
-              i1$6.MobileRuntimeModule,
-              i1.CoreModule,
-              i2.SecurityModule,
-              i2$2.OAuthModule,
-              i4.VariablesModule,
-              http.HttpServiceModule, i9.ConfirmDialogModule,
-              i10.DesignDialogModule,
-              dialogs.DialogModule,
+              forms.ReactiveFormsModule, AppSpinnerComponent,
+              CustomToasterComponent,
+              AppComponent,
+              PrefabPreviewComponent, i1$2.ToastrModule,
+              i3.WmComponentsModule, confirmDialog.ConfirmDialogComponent,
+              designDialog.DialogComponent,
+              dialogs.DialogHeaderComponent,
               // NGX Bootstrap
               i2$1.BsDatepickerModule,
               timepicker.TimepickerModule,
@@ -5145,125 +5133,142 @@
               ngCircleProgress.NgCircleProgressModule,
               tooltip.TooltipModule,
               // Basic widgets
-              basic.BasicModule,
-              progress.ProgressModule,
-              richTextEditor.RichTextEditorModule,
-              search.SearchModule,
-              tree.TreeModule,
+              basic.AnchorComponent,
+              basic.AudioComponent,
+              basic.IconComponent,
+              basic.IframeComponent,
+              basic.SpinnerComponent,
+              basic.VideoComponent,
+              progress.ProgressBarComponent,
+              progress.ProgressCircleComponent,
+              richTextEditor.RichTextEditorComponent,
+              search.SearchComponent,
+              tree.TreeComponent,
               // Input
-              calendar.CalendarModule,
-              chips.ChipsModule,
-              colorPicker.ColorPickerModule,
-              currency.CurrencyModule,
-              epoch.EpochModule,
-              fileUpload.FileUploadModule,
-              input.InputModule,
-              rating.RatingModule,
-              slider.SliderModule,
+              calendar.CalendarComponent,
+              chips.ChipsComponent,
+              colorPicker.ColorPickerComponent,
+              currency.CurrencyComponent,
+              epoch.DateComponent,
+              epoch.DatetimeComponent,
+              epoch.TimeComponent,
+              epoch.DateTimePickerComponent,
+              epoch.TimePickerComponent,
+              epoch.PickerComponent,
+              epoch.PickerGroupComponent,
+              fileUpload.FileUploadComponent,
+              input.ButtonComponent,
+              input.CheckboxComponent,
+              input.CheckboxsetComponent,
+              input.NumberComponent,
+              input.RadiosetComponent,
+              input.SelectComponent,
+              input.SwitchComponent,
+              input.InputCalendarComponent,
+              input.InputColorComponent,
+              input.InputEmailComponent,
+              input.InputNumberComponent,
+              input.InputTextComponent,
+              input.TextareaComponent,
+              rating.RatingComponent,
+              slider.SliderComponent,
               // Data
-              card.CardModule,
-              form.FormModule,
-              list.ListModule,
-              liveTable.LiveTableModule,
-              pagination$1.PaginationModule,
-              table.TableModule,
+              card.CardComponent,
+              card.CardContentComponent,
+              form.FormComponent,
+              list.ListComponent,
+              liveTable.LiveTableComponent,
+              pagination$1.PaginationComponent,
+              table.TableComponent,
               // chart
-              chart.ChartModule,
+              chart.ChartComponent,
               // container modules
-              accordion.AccordionModule,
-              linearLayout.LinearLayoutModule,
-              layoutGrid.LayoutGridModule,
-              panel.PanelModule,
-              tabs.TabsModule,
-              tile.TileModule,
-              wizard.WizardModule,
+              accordion.AccordionPaneComponent,
+              panel.PanelComponent,
+              tabs.TabPaneComponent, tabs.TabsComponent,
+              wizard.WizardStepComponent, wizard.WizardComponent,
               // dialogs
-              i11.AlertDialogModule,
-              iframeDialog.IframeDialogModule,
-              loginDialog.LoginDialogModule,
-              partialDialog.PartialDialogModule,
+              alertDialog.AlertDialogComponent,
+              iframeDialog.IframeDialogComponent,
+              partialDialog.PartialDialogComponent,
               // navigation
-              breadcrumb.BreadcrumbModule,
-              menu.MenuModule,
-              navbar.NavbarModule,
-              popover$1.PopoverModule,
-              // Advanced
-              carousel$1.CarouselModule,
-              login.LoginModule,
-              marquee.MarqueeModule,
-              custom.CustomModule,
-              page.PageModule,
-              footer.FooterModule,
-              header.HeaderModule,
-              leftPanel.LeftPanelModule,
-              rightPanel.RightPanelModule,
-              topNav.TopNavModule,
-              i2$3.PrefabModule] }); }
+              breadcrumb.BreadcrumbComponent,
+              menu.MenuComponent, menu.MenuDropdownComponent, menu.MenuDropdownItemComponent, menu.NavComponent,
+              navbar.NavbarComponent,
+              popover$1.PopoverComponent,
+              login.LoginComponent,
+              page.ContentComponent,
+              page.PageContentComponent,
+              header.HeaderComponent, forms.FormsModule,
+              forms.ReactiveFormsModule,
+              i5.CommonModule,
+              i1$1.RouterModule,
+              i1$4.HttpClientModule,
+              i1$2.ToastrModule,
+              i3.WmComponentsModule, 
+              // NGX Bootstrap
+              i2$1.BsDatepickerModule,
+              timepicker.TimepickerModule,
+              dropdown.BsDropdownModule,
+              pagination.PaginationModule,
+              typeahead.TypeaheadModule,
+              progressbar.ProgressbarModule,
+              carousel.CarouselModule,
+              popover.PopoverModule,
+              ngCircleProgress.NgCircleProgressModule,
+              tooltip.TooltipModule] }); }
   }
   (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RuntimeBaseModule, [{
           type: i0.NgModule,
           args: [{
-                  declarations: [...definitions],
                   imports: [
-                      i1$2.CommonModule,
+                      i5.CommonModule,
                       i1$1.RouterModule,
-                      i1$5.HttpClientModule,
+                      i1$4.HttpClientModule,
                       forms.FormsModule,
                       forms.ReactiveFormsModule,
-                      i1$3.ToastrModule,
+                      ...definitions,
+                      i1$2.ToastrModule,
                       i3.WmComponentsModule,
-                      i1$6.MobileRuntimeModule,
-                      i1.CoreModule,
-                      i2.SecurityModule,
-                      i2$2.OAuthModule,
-                      i4.VariablesModule,
-                      http.HttpServiceModule,
+                      // CoreModule, 
                       ...REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS
                   ],
                   exports: [
                       forms.FormsModule,
                       forms.ReactiveFormsModule,
-                      ...definitions,
-                      i1$2.CommonModule,
+                      PrefabDirective,
+                      AccessrolesDirective,
+                      i5.CommonModule,
                       i1$1.RouterModule,
-                      i1$5.HttpClientModule,
-                      i1$3.ToastrModule,
+                      i1$4.HttpClientModule,
+                      i1$2.ToastrModule,
                       i3.WmComponentsModule,
-                      i1$6.MobileRuntimeModule,
-                      i1.CoreModule,
-                      i2.SecurityModule,
-                      i2$2.OAuthModule,
-                      i4.VariablesModule,
-                      http.HttpServiceModule,
+                      // CoreModule, 
                       ...REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS
                   ],
                   providers: [
-                      { provide: i1$4.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
-                      { provide: i1$4.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
+                      { provide: i1$3.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
+                      { provide: i1$3.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 },
+                      http.HttpServiceImpl,
                   ]
               }]
-      }], () => [{ 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,
+      }], () => [{ type: i1__namespace.App }, { type: i1__namespace.Viewport }], null); })();
+  (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(RuntimeBaseModule, { imports: [i5.CommonModule,
+          i1$1.RouterModule,
+          i1$4.HttpClientModule,
+          forms.FormsModule,
+          forms.ReactiveFormsModule, AccessrolesDirective,
           AppSpinnerComponent,
           CustomToasterComponent,
-          PrefabDirective,
           AppComponent,
+          PrefabDirective,
           PrefabPreviewComponent,
-          EmptyPageComponent], imports: [i1$2.CommonModule,
-          i1$1.RouterModule,
-          i1$5.HttpClientModule,
-          forms.FormsModule,
-          forms.ReactiveFormsModule,
-          i1$3.ToastrModule,
-          i3.WmComponentsModule,
-          i1$6.MobileRuntimeModule,
-          i1.CoreModule,
-          i2.SecurityModule,
-          i2$2.OAuthModule,
-          i4.VariablesModule,
-          http.HttpServiceModule, i9.ConfirmDialogModule,
-          i10.DesignDialogModule,
-          dialogs.DialogModule,
+          EmptyPageComponent, i1$2.ToastrModule,
+          i3.WmComponentsModule, confirmDialog.ConfirmDialogComponent,
+          designDialog.DialogComponent,
+          dialogs.DialogBodyDirective,
+          dialogs.DialogFooterDirective,
+          dialogs.DialogHeaderComponent,
           // NGX Bootstrap
           i2$1.BsDatepickerModule,
           timepicker.TimepickerModule,
@@ -5276,79 +5281,124 @@
           ngCircleProgress.NgCircleProgressModule,
           tooltip.TooltipModule,
           // Basic widgets
-          basic.BasicModule,
-          progress.ProgressModule,
-          richTextEditor.RichTextEditorModule,
-          search.SearchModule,
-          tree.TreeModule,
+          basic.AnchorComponent,
+          basic.AudioComponent,
+          basic.HtmlDirective,
+          basic.IconComponent,
+          basic.IframeComponent,
+          basic.LabelDirective,
+          basic.PictureDirective,
+          basic.SpinnerComponent,
+          basic.VideoComponent,
+          progress.ProgressBarComponent,
+          progress.ProgressCircleComponent,
+          richTextEditor.RichTextEditorComponent,
+          search.SearchComponent, search.ScrollableDirective,
+          tree.TreeComponent,
           // Input
-          calendar.CalendarModule,
-          chips.ChipsModule,
-          colorPicker.ColorPickerModule,
-          currency.CurrencyModule,
-          epoch.EpochModule,
-          fileUpload.FileUploadModule,
-          input.InputModule,
-          rating.RatingModule,
-          slider.SliderModule,
+          calendar.CalendarComponent,
+          chips.ChipsComponent,
+          colorPicker.ColorPickerComponent,
+          currency.CurrencyComponent,
+          epoch.DateComponent,
+          epoch.DatetimeComponent,
+          epoch.TimeComponent,
+          epoch.DateTimePickerComponent,
+          epoch.TimePickerComponent,
+          epoch.PickerComponent,
+          epoch.PickerGroupComponent,
+          fileUpload.FileUploadComponent,
+          input.ButtonComponent,
+          input.ButtonGroupDirective,
+          input.CaptionPositionDirective,
+          input.CheckboxComponent,
+          input.CheckboxsetComponent,
+          input.CompositeDirective,
+          input.NumberComponent,
+          input.RadiosetComponent,
+          input.SelectComponent,
+          input.SwitchComponent,
+          input.InputCalendarComponent,
+          input.InputColorComponent,
+          input.InputEmailComponent,
+          input.InputNumberComponent,
+          input.InputTextComponent,
+          input.TextareaComponent,
+          rating.RatingComponent,
+          slider.SliderComponent,
           // Data
-          card.CardModule,
-          form.FormModule,
-          list.ListModule,
-          liveTable.LiveTableModule,
-          pagination$1.PaginationModule,
-          table.TableModule,
+          card.CardComponent,
+          card.CardActionsDirective,
+          card.CardContentComponent,
+          card.CardFooterDirective,
+          form.FormComponent,
+          form.FormWidgetDirective,
+          form.FormActionDirective,
+          form.FormFieldDirective,
+          form.LiveActionsDirective,
+          form.DependsonDirective,
+          form.LiveFilterDirective,
+          form.LiveFormDirective,
+          list.ListComponent, list.ListItemDirective,
+          liveTable.LiveTableComponent,
+          pagination$1.PaginationComponent,
+          table.TableComponent,
+          table.TableCUDDirective,
+          table.TableFilterSortDirective,
+          table.TableActionDirective,
+          table.TableColumnDirective,
+          table.TableColumnGroupDirective,
+          table.TableRowDirective,
+          table.TableRowActionDirective,
           // chart
-          chart.ChartModule,
+          chart.ChartComponent,
           // container modules
-          accordion.AccordionModule,
-          linearLayout.LinearLayoutModule,
-          layoutGrid.LayoutGridModule,
-          panel.PanelModule,
-          tabs.TabsModule,
-          tile.TileModule,
-          wizard.WizardModule,
+          accordion.AccordionPaneComponent, accordion.AccordionDirective,
+          linearLayout.LinearLayoutDirective, linearLayout.LinearLayoutItemDirective,
+          layoutGrid.LayoutgridDirective, layoutGrid.LayoutGridRowDirective, layoutGrid.LayoutGridColumnDirective,
+          panel.PanelComponent,
+          tabs.TabPaneComponent, tabs.TabsComponent,
+          tile.TileDirective,
+          wizard.WizardActionDirective, wizard.WizardStepComponent, wizard.WizardComponent,
           // dialogs
-          i11.AlertDialogModule,
-          iframeDialog.IframeDialogModule,
-          loginDialog.LoginDialogModule,
-          partialDialog.PartialDialogModule,
+          alertDialog.AlertDialogComponent,
+          iframeDialog.IframeDialogComponent,
+          loginDialog.LoginDialogDirective,
+          partialDialog.PartialDialogComponent,
           // navigation
-          breadcrumb.BreadcrumbModule,
-          menu.MenuModule,
-          navbar.NavbarModule,
-          popover$1.PopoverModule,
+          breadcrumb.BreadcrumbComponent,
+          menu.MenuComponent, menu.MenuDropdownComponent, menu.MenuDropdownItemComponent, menu.NavigationControlDirective, menu.NavComponent, menu.NavItemDirective,
+          navbar.NavbarComponent,
+          popover$1.PopoverComponent,
           // Advanced
-          carousel$1.CarouselModule,
-          login.LoginModule,
-          marquee.MarqueeModule,
-          custom.CustomModule,
-          page.PageModule,
-          footer.FooterModule,
-          header.HeaderModule,
-          leftPanel.LeftPanelModule,
-          rightPanel.RightPanelModule,
-          topNav.TopNavModule,
-          i2$3.PrefabModule], exports: [forms.FormsModule,
-          forms.ReactiveFormsModule, AccessrolesDirective,
-          AppSpinnerComponent,
-          CustomToasterComponent,
+          carousel$1.CarouselDirective, carousel$1.CarouselTemplateDirective,
+          login.LoginComponent,
+          marquee.MarqueeDirective,
+          custom.CustomWidgetDirective, custom.CustomWidgetContainerDirective,
+          page.PageDirective,
+          page.LayoutDirective,
+          page.ContentComponent,
+          page.PageContentComponent,
+          page.SpaPageDirective,
+          page.RouterOutletDirective,
+          footer.FooterDirective,
+          header.HeaderComponent,
+          leftPanel.LeftPanelDirective,
+          rightPanel.RightPanelDirective,
+          topNav.TopNavDirective,
+          prefab.PrefabDirective, prefab.PrefabContainerDirective], exports: [forms.FormsModule,
+          forms.ReactiveFormsModule,
           PrefabDirective,
-          AppComponent,
-          PrefabPreviewComponent,
-          EmptyPageComponent, i1$2.CommonModule,
+          AccessrolesDirective,
+          i5.CommonModule,
           i1$1.RouterModule,
-          i1$5.HttpClientModule,
-          i1$3.ToastrModule,
-          i3.WmComponentsModule,
-          i1$6.MobileRuntimeModule,
-          i1.CoreModule,
-          i2.SecurityModule,
-          i2$2.OAuthModule,
-          i4.VariablesModule,
-          http.HttpServiceModule, i9.ConfirmDialogModule,
-          i10.DesignDialogModule,
-          dialogs.DialogModule,
+          i1$4.HttpClientModule,
+          i1$2.ToastrModule,
+          i3.WmComponentsModule, confirmDialog.ConfirmDialogComponent,
+          designDialog.DialogComponent,
+          dialogs.DialogBodyDirective,
+          dialogs.DialogFooterDirective,
+          dialogs.DialogHeaderComponent,
           // NGX Bootstrap
           i2$1.BsDatepickerModule,
           timepicker.TimepickerModule,
@@ -5361,68 +5411,114 @@
           ngCircleProgress.NgCircleProgressModule,
           tooltip.TooltipModule,
           // Basic widgets
-          basic.BasicModule,
-          progress.ProgressModule,
-          richTextEditor.RichTextEditorModule,
-          search.SearchModule,
-          tree.TreeModule,
+          basic.AnchorComponent,
+          basic.AudioComponent,
+          basic.HtmlDirective,
+          basic.IconComponent,
+          basic.IframeComponent,
+          basic.LabelDirective,
+          basic.PictureDirective,
+          basic.SpinnerComponent,
+          basic.VideoComponent,
+          progress.ProgressBarComponent,
+          progress.ProgressCircleComponent,
+          richTextEditor.RichTextEditorComponent,
+          search.SearchComponent, search.ScrollableDirective,
+          tree.TreeComponent,
           // Input
-          calendar.CalendarModule,
-          chips.ChipsModule,
-          colorPicker.ColorPickerModule,
-          currency.CurrencyModule,
-          epoch.EpochModule,
-          fileUpload.FileUploadModule,
-          input.InputModule,
-          rating.RatingModule,
-          slider.SliderModule,
+          calendar.CalendarComponent,
+          chips.ChipsComponent,
+          colorPicker.ColorPickerComponent,
+          currency.CurrencyComponent,
+          epoch.DateComponent,
+          epoch.DatetimeComponent,
+          epoch.TimeComponent,
+          epoch.DateTimePickerComponent,
+          epoch.TimePickerComponent,
+          epoch.PickerComponent,
+          epoch.PickerGroupComponent,
+          fileUpload.FileUploadComponent,
+          input.ButtonComponent,
+          input.ButtonGroupDirective,
+          input.CaptionPositionDirective,
+          input.CheckboxComponent,
+          input.CheckboxsetComponent,
+          input.CompositeDirective,
+          input.NumberComponent,
+          input.RadiosetComponent,
+          input.SelectComponent,
+          input.SwitchComponent,
+          input.InputCalendarComponent,
+          input.InputColorComponent,
+          input.InputEmailComponent,
+          input.InputNumberComponent,
+          input.InputTextComponent,
+          input.TextareaComponent,
+          rating.RatingComponent,
+          slider.SliderComponent,
           // Data
-          card.CardModule,
-          form.FormModule,
-          list.ListModule,
-          liveTable.LiveTableModule,
-          pagination$1.PaginationModule,
-          table.TableModule,
+          card.CardComponent,
+          card.CardActionsDirective,
+          card.CardContentComponent,
+          card.CardFooterDirective,
+          form.FormComponent,
+          form.FormWidgetDirective,
+          form.FormActionDirective,
+          form.FormFieldDirective,
+          form.LiveActionsDirective,
+          form.DependsonDirective,
+          form.LiveFilterDirective,
+          form.LiveFormDirective,
+          list.ListComponent, list.ListItemDirective,
+          liveTable.LiveTableComponent,
+          pagination$1.PaginationComponent,
+          table.TableComponent,
+          table.TableCUDDirective,
+          table.TableFilterSortDirective,
+          table.TableActionDirective,
+          table.TableColumnDirective,
+          table.TableColumnGroupDirective,
+          table.TableRowDirective,
+          table.TableRowActionDirective,
           // chart
-          chart.ChartModule,
+          chart.ChartComponent,
           // container modules
-          accordion.AccordionModule,
-          linearLayout.LinearLayoutModule,
-          layoutGrid.LayoutGridModule,
-          panel.PanelModule,
-          tabs.TabsModule,
-          tile.TileModule,
-          wizard.WizardModule,
+          accordion.AccordionPaneComponent, accordion.AccordionDirective,
+          linearLayout.LinearLayoutDirective, linearLayout.LinearLayoutItemDirective,
+          layoutGrid.LayoutgridDirective, layoutGrid.LayoutGridRowDirective, layoutGrid.LayoutGridColumnDirective,
+          panel.PanelComponent,
+          tabs.TabPaneComponent, tabs.TabsComponent,
+          tile.TileDirective,
+          wizard.WizardActionDirective, wizard.WizardStepComponent, wizard.WizardComponent,
           // dialogs
-          i11.AlertDialogModule,
-          iframeDialog.IframeDialogModule,
-          loginDialog.LoginDialogModule,
-          partialDialog.PartialDialogModule,
+          alertDialog.AlertDialogComponent,
+          iframeDialog.IframeDialogComponent,
+          loginDialog.LoginDialogDirective,
+          partialDialog.PartialDialogComponent,
           // navigation
-          breadcrumb.BreadcrumbModule,
-          menu.MenuModule,
-          navbar.NavbarModule,
-          popover$1.PopoverModule,
+          breadcrumb.BreadcrumbComponent,
+          menu.MenuComponent, menu.MenuDropdownComponent, menu.MenuDropdownItemComponent, menu.NavigationControlDirective, menu.NavComponent, menu.NavItemDirective,
+          navbar.NavbarComponent,
+          popover$1.PopoverComponent,
           // Advanced
-          carousel$1.CarouselModule,
-          login.LoginModule,
-          marquee.MarqueeModule,
-          custom.CustomModule,
-          page.PageModule,
-          footer.FooterModule,
-          header.HeaderModule,
-          leftPanel.LeftPanelModule,
-          rightPanel.RightPanelModule,
-          topNav.TopNavModule,
-          i2$3.PrefabModule] }); })();
+          carousel$1.CarouselDirective, carousel$1.CarouselTemplateDirective,
+          login.LoginComponent,
+          marquee.MarqueeDirective,
+          custom.CustomWidgetDirective, custom.CustomWidgetContainerDirective,
+          page.PageDirective,
+          page.LayoutDirective,
+          page.ContentComponent,
+          page.PageContentComponent,
+          page.SpaPageDirective,
+          page.RouterOutletDirective,
+          footer.FooterDirective,
+          header.HeaderComponent,
+          leftPanel.LeftPanelDirective,
+          rightPanel.RightPanelDirective,
+          topNav.TopNavDirective,
+          prefab.PrefabDirective, prefab.PrefabContainerDirective] }); })();
   const WM_MODULES_FOR_ROOT = [
       i3.WmComponentsModule.forRoot(),
-      i1$6.MobileRuntimeModule.forRoot(),
-      i1.CoreModule.forRoot(),
-      i2.SecurityModule.forRoot(),
-      i2$2.OAuthModule.forRoot(),
-      i4.VariablesModule.forRoot(),
-      http.HttpServiceModule.forRoot(),
       RuntimeBaseModule.forRoot()
   ];
 
@@ -5472,10 +5568,8 @@
   class SecurityConfigResolve {
       constructor(appManager) {
           this.appManager = appManager;
-          if (!i1.isMobileApp()) {
-              // if the project type is PREFAB, setting this flag will not trigger security/info call
-              this.loaded = this.appManager.isPrefabType() || this.appManager.isTemplateBundleType() || !i1.getWmProjectProperties().securityEnabled;
-          }
+          // if the project type is PREFAB, setting this flag will not trigger security/info call
+          this.loaded = this.appManager.isPrefabType() || this.appManager.isTemplateBundleType() || !i1.getWmProjectProperties().securityEnabled;
       }
       resolve() {
           return this.loaded || this.appManager.loadSecurityConfig().then(() => {