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

package/runtime/base/fesm2022/index.mjs

@@ -1,93 +1,88 @@
 import * as i0 from '@angular/core';
-import { Injectable, Directive, inject, ViewChild, Inject, HostListener, Optional, Input, Component, ViewContainerRef, Self, ChangeDetectorRef, KeyValueDiffers, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, APP_ID, RendererStyleFlags2, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
+import { Injectable, Directive, inject, ViewChild, Inject, HostListener, Optional, Input, Component, ViewContainerRef, ChangeDetectorRef, KeyValueDiffers, ViewEncapsulation, Self, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, APP_ID, RendererStyleFlags2, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
 import * as i1$1 from '@angular/router';
 import { ActivatedRoute, Router, RouterOutlet, NavigationStart, NavigationEnd, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
-import * as i1$2 from '@angular/common';
-import { AsyncPipe, SlicePipe, PercentPipe, I18nPluralPipe, NgLocalization, I18nSelectPipe, KeyValuePipe, UpperCasePipe, LowerCasePipe, JsonPipe, DecimalPipe, TitleCasePipe, CurrencyPipe, DatePipe, DOCUMENT, ɵgetDOM as _getDOM, CommonModule } from '@angular/common';
+import * as i5 from '@angular/common';
+import { CommonModule, AsyncPipe, SlicePipe, PercentPipe, I18nPluralPipe, NgLocalization, I18nSelectPipe, KeyValuePipe, UpperCasePipe, LowerCasePipe, JsonPipe, DecimalPipe, TitleCasePipe, CurrencyPipe, DatePipe, DOCUMENT, ɵgetDOM as _getDOM } from '@angular/common';
 import * as i1 from '@wm/core';
-import { $appDigest, isDefined, triggerFn, fetchContent, _WM_APP_PROJECT, stringStartsWith, loadStyleSheets, loadScripts, noop as noop$1, App, AbstractI18nService, ScriptLoaderService, Viewport, UtilsService, $invokeWatchers, registerFnByExpr, LRUCache, muteWatchers, AbstractNavigationService, getWmProjectProperties, isMobileApp, isIos, isAndroid, unMuteWatchers, $watch, isIE, CustomPipeManager, getSessionStorageItem, AbstractDialogService, StatePersistence, AbstractSpinnerService, AbstractToasterService, ConstantService, FieldTypeService, FieldWidgetService, DynamicComponentRefProvider, EventNotifier, setCSS, isMobile, setSessionStorageItem, replace, setPipeProvider, setNgZone, setAppRef, addClass, removeClass, hasCordova, extendProto, $parseExpr, AppDefaults, isObject as isObject$1, isIphone, isIpod, isIpad, CoreModule } from '@wm/core';
+import { $appDigest, isDefined, triggerFn, fetchContent, _WM_APP_PROJECT, stringStartsWith, loadStyleSheets, loadScripts, noop as noop$1, App, AbstractI18nService, ScriptLoaderService, Viewport, UtilsService, $invokeWatchers, registerFnByExpr, LRUCache, muteWatchers, AbstractNavigationService, getWmProjectProperties, isIos, isAndroid, unMuteWatchers, $watch, isIE, CustomPipeManager, getSessionStorageItem, AbstractDialogService, StatePersistence, AbstractSpinnerService, AbstractToasterService, ConstantService, FieldTypeService, FieldWidgetService, DynamicComponentRefProvider, EventNotifier, setCSS, setSessionStorageItem, replace, setPipeProvider, setNgZone, setAppRef, addClass, removeClass, extendProto, $parseExpr, AppDefaults, isObject as isObject$1, isIphone, isIpod, isIpad } from '@wm/core';
 import * as i2 from '@wm/security';
-import { SecurityModule } from '@wm/security';
+import { SecurityService } from '@wm/security';
 import * as i4 from '@wm/variables';
-import { CONSTANTS, routerService, $rootScope, VariablesService, appManager, httpService, VariablesModule } from '@wm/variables';
+import { $rootScope, VariablesService, CONSTANTS, appManager, httpService, MetadataService } from '@wm/variables';
 import { isEmpty, trim, forEach, extend, get, merge, isUndefined, isObject, endsWith, each, isNil, capitalize, startsWith, split, includes, isString, isNumber, find, intersection, map, toLower, values, findKey, keys, isEqual, filter } from 'lodash-es';
-import { SpaPageDirective, PageDirective, LayoutDirective, PageModule } from '@wm/components/page';
+import { SpaPageDirective, PageDirective, LayoutDirective, ContentComponent, PageContentComponent, RouterOutletDirective } from '@wm/components/page';
 import { Subject } from 'rxjs';
 import * as i3 from '@wm/components/base';
-import { WidgetRef, PartialDirective, FileIconClassPipe, FileExtensionFromMimePipe, StateClassPipe, FileSizePipe, FilterPipe, ToDatePipe, ToNumberPipe, ToCurrencyPipe, PrefixPipe, SuffixPipe, TimeFromNowPipe, NumberToStringPipe, StringToNumberPipe, CustomPipe, TrustAsPipe, SanitizePipe, WmComponentsModule } from '@wm/components/base';
+import { WidgetRef, PartialDirective, WmComponentsModule, FileIconClassPipe, FileExtensionFromMimePipe, StateClassPipe, FileSizePipe, FilterPipe, ToDatePipe, ToNumberPipe, ToCurrencyPipe, PrefixPipe, SuffixPipe, TimeFromNowPipe, NumberToStringPipe, StringToNumberPipe, CustomPipe, TrustAsPipe, SanitizePipe } from '@wm/components/base';
 import { __decorate, __param, __metadata } from 'tslib';
-import { RadiosetComponent, CheckboxsetComponent, InputModule } from '@wm/components/input';
-import * as i2$3 from '@wm/components/prefab';
-import { PrefabContainerDirective, PrefabDirective as PrefabDirective$1, PrefabModule } from '@wm/components/prefab';
-import * as i1$5 from '@angular/common/http';
+import { RadiosetComponent, CheckboxsetComponent, ButtonComponent, ButtonGroupDirective, CaptionPositionDirective, CheckboxComponent, CompositeDirective, NumberComponent, SelectComponent, SwitchComponent, InputCalendarComponent, InputColorComponent, InputEmailComponent, InputNumberComponent, InputTextComponent, TextareaComponent } from '@wm/components/input';
+import { PrefabContainerDirective, PrefabDirective as PrefabDirective$1 } from '@wm/components/prefab';
+import * as i1$4 from '@angular/common/http';
 import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
-import * as i1$4 from '@angular/platform-browser';
+import * as i1$3 from '@angular/platform-browser';
 import { EventManager, ɵSharedStylesHost as _SharedStylesHost, ɵDomRendererFactory2 as _DomRendererFactory2 } from '@angular/platform-browser';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1$3 from 'ngx-toastr';
+import * as i1$2 from 'ngx-toastr';
 import { Toast, ToastrModule } from 'ngx-toastr';
-import { DialogModule } from '@wm/components/dialogs';
-import * as i9 from '@wm/components/dialogs/confirm-dialog';
-import { ConfirmDialogModule } from '@wm/components/dialogs/confirm-dialog';
-import * as i10 from '@wm/components/dialogs/design-dialog';
-import { DesignDialogModule } from '@wm/components/dialogs/design-dialog';
-import * as i1$6 from '@wm/mobile/runtime';
-import { MobileRuntimeModule } from '@wm/mobile/runtime';
-import { WmHttpRequest, WmHttpResponse, HttpServiceModule } from '@wm/http';
+import { DialogBodyDirective, DialogFooterDirective, DialogHeaderComponent } from '@wm/components/dialogs';
+import { ConfirmDialogComponent } from '@wm/components/dialogs/confirm-dialog';
+import { DialogComponent } from '@wm/components/dialogs/design-dialog';
+import { WmHttpRequest, WmHttpResponse, HttpServiceImpl } from '@wm/http';
 import * as i2$2 from '@wm/oAuth';
-import { OAuthModule } from '@wm/oAuth';
+import { OAuthService } from '@wm/oAuth';
+import * as momentLib from 'moment-timezone/moment-timezone';
 import { defineLocale } from 'ngx-bootstrap/chronos';
 import * as i2$1 from 'ngx-bootstrap/datepicker';
 import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
+import { AlertDialogComponent } from '@wm/components/dialogs/alert-dialog';
 import { setTheme } from 'ngx-bootstrap/utils';
-import * as i11 from '@wm/components/dialogs/alert-dialog';
-import { AlertDialogModule } from '@wm/components/dialogs/alert-dialog';
 import { tap } from 'rxjs/operators';
 import { transpile } from '@wm/transpiler';
 import { initComponentsBuildTask } from '@wm/build-task';
-import { FooterModule } from '@wm/components/page/footer';
-import { HeaderModule } from '@wm/components/page/header';
-import { LeftPanelModule } from '@wm/components/page/left-panel';
-import { RightPanelModule } from '@wm/components/page/right-panel';
-import { TopNavModule } from '@wm/components/page/top-nav';
-import { BasicModule } from '@wm/components/basic';
-import { ProgressModule } from '@wm/components/basic/progress';
-import { RichTextEditorModule } from '@wm/components/basic/rich-text-editor';
-import { SearchModule } from '@wm/components/basic/search';
-import { TreeModule } from '@wm/components/basic/tree';
-import { CalendarModule } from '@wm/components/input/calendar';
-import { ChipsModule } from '@wm/components/input/chips';
-import { ColorPickerModule } from '@wm/components/input/color-picker';
-import { CurrencyModule } from '@wm/components/input/currency';
-import { EpochModule } from '@wm/components/input/epoch';
-import { FileUploadModule } from '@wm/components/input/file-upload';
-import { RatingModule } from '@wm/components/input/rating';
-import { SliderModule } from '@wm/components/input/slider';
-import { CardModule } from '@wm/components/data/card';
-import { FormModule } from '@wm/components/data/form';
-import { ListModule } from '@wm/components/data/list';
-import { LiveTableModule } from '@wm/components/data/live-table';
-import { PaginationModule as PaginationModule$1 } from '@wm/components/data/pagination';
-import { TableModule } from '@wm/components/data/table';
-import { ChartModule } from '@wm/components/chart';
-import { AccordionModule } from '@wm/components/containers/accordion';
-import { LinearLayoutModule } from '@wm/components/containers/linear-layout';
-import { LayoutGridModule } from '@wm/components/containers/layout-grid';
-import { PanelModule } from '@wm/components/containers/panel';
-import { TabsModule } from '@wm/components/containers/tabs';
-import { TileModule } from '@wm/components/containers/tile';
-import { WizardModule } from '@wm/components/containers/wizard';
-import { IframeDialogModule } from '@wm/components/dialogs/iframe-dialog';
-import { LoginDialogModule } from '@wm/components/dialogs/login-dialog';
-import { PartialDialogModule } from '@wm/components/dialogs/partial-dialog';
-import { BreadcrumbModule } from '@wm/components/navigation/breadcrumb';
-import { MenuModule } from '@wm/components/navigation/menu';
-import { NavbarModule } from '@wm/components/navigation/navbar';
-import { PopoverModule as PopoverModule$1 } from '@wm/components/navigation/popover';
-import { CarouselModule as CarouselModule$1 } from '@wm/components/advanced/carousel';
-import { LoginModule } from '@wm/components/advanced/login';
-import { MarqueeModule } from '@wm/components/advanced/marquee';
-import { CustomModule } from '@wm/components/advanced/custom';
+import { FooterDirective } from '@wm/components/page/footer';
+import { HeaderComponent } from '@wm/components/page/header';
+import { LeftPanelDirective } from '@wm/components/page/left-panel';
+import { RightPanelDirective } from '@wm/components/page/right-panel';
+import { TopNavDirective } from '@wm/components/page/top-nav';
+import { AnchorComponent, AudioComponent, HtmlDirective, IconComponent, IframeComponent, LabelDirective, PictureDirective, SpinnerComponent, VideoComponent } from '@wm/components/basic';
+import { ProgressBarComponent, ProgressCircleComponent } from '@wm/components/basic/progress';
+import { RichTextEditorComponent } from '@wm/components/basic/rich-text-editor';
+import { SearchComponent, ScrollableDirective } from '@wm/components/basic/search';
+import { TreeComponent } from '@wm/components/basic/tree';
+import { CalendarComponent } from '@wm/components/input/calendar';
+import { ChipsComponent } from '@wm/components/input/chips';
+import { ColorPickerComponent } from '@wm/components/input/color-picker';
+import { CurrencyComponent } from '@wm/components/input/currency';
+import { DateComponent, DatetimeComponent, TimeComponent, DateTimePickerComponent, TimePickerComponent, PickerComponent, PickerGroupComponent } from '@wm/components/input/epoch';
+import { FileUploadComponent } from '@wm/components/input/file-upload';
+import { RatingComponent } from '@wm/components/input/rating';
+import { SliderComponent } from '@wm/components/input/slider';
+import { CardComponent, CardActionsDirective, CardContentComponent, CardFooterDirective } from '@wm/components/data/card';
+import { FormComponent, FormWidgetDirective, FormActionDirective, FormFieldDirective, LiveActionsDirective, DependsonDirective, LiveFilterDirective, LiveFormDirective } from '@wm/components/data/form';
+import { ListComponent, ListItemDirective } from '@wm/components/data/list';
+import { LiveTableComponent } from '@wm/components/data/live-table';
+import { PaginationComponent } from '@wm/components/data/pagination';
+import { TableComponent, TableCUDDirective, TableFilterSortDirective, TableActionDirective, TableColumnDirective, TableColumnGroupDirective, TableRowDirective, TableRowActionDirective } from '@wm/components/data/table';
+import { ChartComponent } from '@wm/components/chart';
+import { AccordionPaneComponent, AccordionDirective } from '@wm/components/containers/accordion';
+import { LinearLayoutDirective, LinearLayoutItemDirective } from '@wm/components/containers/linear-layout';
+import { LayoutgridDirective, LayoutGridRowDirective, LayoutGridColumnDirective } from '@wm/components/containers/layout-grid';
+import { PanelComponent } from '@wm/components/containers/panel';
+import { TabPaneComponent, TabsComponent } from '@wm/components/containers/tabs';
+import { TileDirective } from '@wm/components/containers/tile';
+import { WizardActionDirective, WizardStepComponent, WizardComponent } from '@wm/components/containers/wizard';
+import { IframeDialogComponent } from '@wm/components/dialogs/iframe-dialog';
+import { LoginDialogDirective } from '@wm/components/dialogs/login-dialog';
+import { PartialDialogComponent } from '@wm/components/dialogs/partial-dialog';
+import { BreadcrumbComponent } from '@wm/components/navigation/breadcrumb';
+import { MenuComponent, MenuDropdownComponent, MenuDropdownItemComponent, NavigationControlDirective, NavComponent, NavItemDirective } from '@wm/components/navigation/menu';
+import { NavbarComponent } from '@wm/components/navigation/navbar';
+import { PopoverComponent } from '@wm/components/navigation/popover';
+import { CarouselDirective, CarouselTemplateDirective } from '@wm/components/advanced/carousel';
+import { LoginComponent } from '@wm/components/advanced/login';
+import { MarqueeDirective } from '@wm/components/advanced/marquee';
+import { CustomWidgetDirective, CustomWidgetContainerDirective } from '@wm/components/advanced/custom';
 import { TimepickerModule } from 'ngx-bootstrap/timepicker';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import { PaginationModule } from 'ngx-bootstrap/pagination';
@@ -304,60 +299,43 @@ class AppManagerService {
         // 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 (CONSTANTS.hasCordova) {
-            // get previously loggedInUser name (if any)
-            const lastLoggedInUsername = get(this.$security.get(), 'userInfo.userName');
-            this.$security.authInBrowser()
-                .then(() => this.reloadAppData())
-                .then(() => {
-                const presentLoggedInUsername = get(this.$security.get(), 'userInfo.userName');
-                if (presentLoggedInUsername && presentLoggedInUsername === lastLoggedInUsername) {
-                    routerService.navigate([page]);
-                }
-                else {
-                    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 = 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 = 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
@@ -592,12 +570,12 @@ class AppManagerService {
             return this.postTemplateBundleInfo();
         }
     }
-    static { this.ɵfac = function AppManagerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppManagerService)(i0.ɵɵinject(i1.AbstractHttpService), i0.ɵɵinject(i2.SecurityService), i0.ɵɵinject(i1.AbstractDialogService), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i1.App), i0.ɵɵinject(i4.VariablesService), i0.ɵɵinject(i4.MetadataService), i0.ɵɵinject(i1.AbstractSpinnerService), i0.ɵɵinject(i1.AbstractI18nService), i0.ɵɵinject(i1$2.DatePipe)); }; }
+    static { this.ɵfac = function AppManagerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppManagerService)(i0.ɵɵinject(i1.AbstractHttpService), i0.ɵɵinject(i2.SecurityService), i0.ɵɵinject(i1.AbstractDialogService), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i1.App), i0.ɵɵinject(i4.VariablesService), i0.ɵɵinject(i4.MetadataService), i0.ɵɵinject(i1.AbstractSpinnerService), i0.ɵɵinject(i1.AbstractI18nService), i0.ɵɵinject(i5.DatePipe)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppManagerService, factory: AppManagerService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppManagerService, [{
         type: Injectable
-    }], () => [{ type: i1.AbstractHttpService }, { type: i2.SecurityService }, { type: i1.AbstractDialogService }, { type: i1$1.Router }, { type: i1.App }, { type: i4.VariablesService }, { type: i4.MetadataService }, { type: i1.AbstractSpinnerService }, { type: i1.AbstractI18nService }, { type: i1$2.DatePipe }], null); })();
+    }], () => [{ type: i1.AbstractHttpService }, { type: i2.SecurityService }, { type: i1.AbstractDialogService }, { type: i1$1.Router }, { type: i1.App }, { type: i4.VariablesService }, { type: i4.MetadataService }, { type: i1.AbstractSpinnerService }, { type: i1.AbstractI18nService }, { type: i5.DatePipe }], null); })();
 
 const isPrefabInPreview = (prefabName) => prefabName === '__self__';
 const getPrefabBaseUrl = (prefabName) => {
@@ -1256,19 +1234,11 @@ class BasePageComponent extends FragmentMonitor {
             }
         });
     }
-    restoreLastPageSnapshot() {
-        if (isMobileApp() && BasePageComponent.lastPageSnapShot && this.$page) {
-            this.$page.parent().prepend(BasePageComponent.lastPageSnapShot);
-        }
-    }
+    restoreLastPageSnapshot() { }
     savePageSnapShot() {
         if (BasePageComponent.lastPageSnapShot) {
             BasePageComponent.lastPageSnapShot.remove();
         }
-        if (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) => {
@@ -2201,19 +2171,11 @@ class BaseSpaPageComponent extends FragmentMonitor {
             }
         });
     }
-    restoreLastPageSnapshot() {
-        if (isMobileApp() && BaseSpaPageComponent.lastPageSnapShot && this.$page) {
-            this.$page.parent().prepend(BaseSpaPageComponent.lastPageSnapShot);
-        }
-    }
+    restoreLastPageSnapshot() { }
     savePageSnapShot() {
         if (BaseSpaPageComponent.lastPageSnapShot) {
             BaseSpaPageComponent.lastPageSnapShot.remove();
         }
-        if (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) => {
@@ -2461,11 +2423,12 @@ class AccessrolesDirective {
         }
     }
     static { this.ɵfac = function AccessrolesDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccessrolesDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i2.SecurityService), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AccessrolesDirective, selectors: [["", "accessroles", ""]], inputs: { accessroles: "accessroles" } }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AccessrolesDirective, selectors: [["", "accessroles", ""]], inputs: { accessroles: "accessroles" }, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccessrolesDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[accessroles]'
             }]
     }], () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i2.SecurityService }, { type: i0.Injector }, { type: undefined, decorators: [{
@@ -2477,47 +2440,53 @@ class AccessrolesDirective {
             type: Input
         }] }); })();
 
-function AppSpinnerComponent_div_0_p_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 6);
+function AppSpinnerComponent_Conditional_0_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 4);
 } if (rf & 2) {
     const value_r1 = ctx.$implicit;
     i0.ɵɵproperty("textContent", value_r1);
 } }
-function AppSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-    i0.ɵɵelement(2, "i", 3);
-    i0.ɵɵelementStart(3, "div", 4);
-    i0.ɵɵtemplate(4, AppSpinnerComponent_div_0_p_4_Template, 1, 1, "p", 5);
+function AppSpinnerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+    i0.ɵɵelement(2, "i", 2);
+    i0.ɵɵelementStart(3, "div", 3);
+    i0.ɵɵrepeaterCreate(4, AppSpinnerComponent_Conditional_0_For_5_Template, 1, 1, "p", 4, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r1.classname);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r1.spinnermessages);
+    i0.ɵɵrepeater(ctx_r1.spinnermessages);
 } }
 class AppSpinnerComponent {
     constructor() { }
     static { this.ɵfac = function AppSpinnerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppSpinnerComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵ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.ɵɵtemplate(0, AppSpinnerComponent_div_0_Template, 5, 2, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AppSpinnerComponent, selectors: [["app-spinner"]], inputs: { show: "show", spinnermessages: "spinnermessages", classname: "classname", arialabel: "arialabel" }, standalone: true, features: [i0.ɵɵ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.ɵɵtemplate(0, AppSpinnerComponent_Conditional_0_Template, 6, 1, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.show);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i3.TextContentDirective], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.show ? 0 : -1);
+        } }, dependencies: [CommonModule, i5.NgClass, WmComponentsModule, i3.TextContentDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppSpinnerComponent, [{
         type: Component,
         args: [{
+                standalone: true,
+                imports: [CommonModule, 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: Input
@@ -2528,26 +2497,26 @@ class AppSpinnerComponent {
         }], arialabel: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppSpinnerComponent, { className: "AppSpinnerComponent", filePath: "components/app-spinner.component.ts", lineNumber: 16 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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.ɵɵelement(0, "div", 5);
+function CustomToasterComponent_ng_template_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 4);
 } if (rf & 2) {
     const param_r1 = ctx.$implicit;
     i0.ɵɵproperty("name", param_r1.key)("value", param_r1.value);
 } }
 function CustomToasterComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵtemplate(1, CustomToasterComponent_ng_template_3_div_1_Template, 1, 2, "div", 4);
-    i0.ɵɵpipe(2, "keyvalue");
+    i0.ɵɵrepeaterCreate(1, CustomToasterComponent_ng_template_3_For_2_Template, 1, 2, "div", 4, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵpipe(3, "keyvalue");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, ctx_r1.params));
+    i0.ɵɵrepeater(i0.ɵɵpipeBind1(3, 0, ctx_r1.params));
 } }
 class CustomToasterComponent extends Toast {
     // constructor is only necessary when not using AoT
@@ -2587,7 +2556,7 @@ class CustomToasterComponent extends Toast {
         forEach(this.watchers, watcher => watcher());
         super.ngOnDestroy();
     }
-    static { this.ɵfac = function CustomToasterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomToasterComponent)(i0.ɵɵdirectiveInject(i1$3.ToastrService), i0.ɵɵdirectiveInject(i1$3.ToastPackage)); }; }
+    static { this.ɵfac = function CustomToasterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomToasterComponent)(i0.ɵɵdirectiveInject(i1$2.ToastrService), i0.ɵɵdirectiveInject(i1$2.ToastPackage)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CustomToasterComponent, selectors: [["", "custom-toaster-component", ""]], viewQuery: function CustomToasterComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$1, 7, ViewContainerRef);
             i0.ɵɵviewQuery(_c1, 5);
@@ -2595,35 +2564,39 @@ class CustomToasterComponent extends Toast {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customToastRef = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customToastTmpl = _t.first);
-        } }, features: [i0.ɵɵ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.ɵɵInheritDefinitionFeature, i0.ɵɵ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.ɵɵelement(0, "div", 2);
             i0.ɵɵelementContainer(1, null, 0);
-            i0.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 3, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-        } }, dependencies: [i1$2.NgForOf, i3.ContainerDirective, i3.PartialParamHandlerDirective, i3.PartialParamDirective, i3.PartialContainerDirective, i1$2.KeyValuePipe], encapsulation: 2 }); }
+            i0.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 4, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+        } }, dependencies: [CommonModule, i5.KeyValuePipe, WmComponentsModule, i3.ContainerDirective, i3.PartialParamHandlerDirective, i3.PartialParamDirective, i3.PartialContainerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomToasterComponent, [{
         type: Component,
         args: [{
+                standalone: true,
+                imports: [CommonModule, 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.ToastrService }, { type: i1$3.ToastPackage }], { customToastRef: [{
+    }], () => [{ type: i1$2.ToastrService }, { type: i1$2.ToastPackage }], { customToastRef: [{
             type: ViewChild,
             args: ['customToast', { static: true, read: ViewContainerRef }]
         }], customToastTmpl: [{
             type: ViewChild,
             args: ['customToastTmpl']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomToasterComponent, { className: "CustomToasterComponent", filePath: "components/custom-toaster.component.ts", lineNumber: 23 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomToasterComponent, { className: "CustomToasterComponent", filePath: "components/custom-toaster.component.ts", lineNumber: 29 }); })();
 
 class EmptyPageComponent {
     constructor(route, securityService, router, app, appManger) {
@@ -2649,52 +2622,19 @@ class EmptyPageComponent {
         }
     }
     static { this.ɵfac = function EmptyPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EmptyPageComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SecurityService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵdirectiveInject(AppManagerService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵ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.ɵɵdefineComponent({ type: EmptyPageComponent, selectors: [["app-empty-page"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 0, template: function EmptyPageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "div");
         } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmptyPageComponent, [{
         type: Component,
         args: [{
+                standalone: true,
                 selector: 'app-empty-page',
                 template: '<div></div>'
             }]
     }], () => [{ type: i1$1.ActivatedRoute }, { type: i2.SecurityService }, { type: i1$1.Router }, { type: i1.App }, { type: AppManagerService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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, 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.ɵɵdirectiveInject(WidgetRef, 2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PrefabManagerService), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(ComponentRefProvider)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PrefabDirective, selectors: [["", "wmPrefab", "", "prefabname", ""]] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[wmPrefab][prefabname]'
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Self
-            }, {
-                type: Inject,
-                args: [WidgetRef]
-            }] }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: PrefabManagerService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: ComponentRefProvider }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmptyPageComponent, { className: "EmptyPageComponent", filePath: "components/empty-component/empty-page.component.ts", lineNumber: 14 }); })();
 
 class PipeProvider {
     setPipeData() {
@@ -2801,7 +2741,7 @@ class PipeProvider {
             return new ref(...args);
         }
     }
-    static { this.ɵfac = function PipeProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PipeProvider)(i0.ɵɵinject(i0.Compiler), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(i1$4.DomSanitizer), i0.ɵɵinject(i1.AbstractI18nService)); }; }
+    static { this.ɵfac = function PipeProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PipeProvider)(i0.ɵɵinject(i0.Compiler), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(i1$3.DomSanitizer), i0.ɵɵinject(i1.AbstractI18nService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PipeProvider, factory: PipeProvider.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipeProvider, [{
@@ -2809,7 +2749,7 @@ class PipeProvider {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i0.Compiler }, { type: i0.Injector }, { type: i1$4.DomSanitizer }, { type: i1.AbstractI18nService }], null); })();
+    }], () => [{ type: i0.Compiler }, { type: i0.Injector }, { type: i1$3.DomSanitizer }, { type: i1.AbstractI18nService }], null); })();
 
 class PipeService {
     constructor(pipeProvider, $app) {
@@ -2836,6 +2776,7 @@ class PipeService {
         args: [{ providedIn: 'root' }]
     }], () => [{ type: PipeProvider }, { type: i1.App }], null); })();
 
+const moment$1 = momentLib.default || window['moment'];
 const injectorMap = {
     DialogService: AbstractDialogService,
     i18nService: AbstractI18nService,
@@ -2922,6 +2863,11 @@ class AppRef {
     notify(eventName, ...data) {
         this._eventNotifier.notify.apply(this._eventNotifier, arguments);
     }
+    importModule(moduleName) {
+        if (moduleName === 'moment') {
+            return moment$1;
+        }
+    }
     getDependency(injToken) {
         if (isString(injToken)) {
             if (injToken === 'HttpService') {
@@ -3072,13 +3018,14 @@ class ToasterServiceImpl extends AbstractToasterService {
             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.ɵɵinject(i1$3.ToastrService)); }; }
+    static { this.ɵfac = function ToasterServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToasterServiceImpl)(i0.ɵɵinject(i1$2.ToastrService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ToasterServiceImpl, factory: ToasterServiceImpl.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToasterServiceImpl, [{
         type: Injectable
-    }], () => [{ type: i1$3.ToastrService }], null); })();
+    }], () => [{ type: i1$2.ToastrService }], null); })();
 
+const moment = momentLib.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',
@@ -3161,23 +3108,30 @@ class I18nServiceImpl extends AbstractI18nService {
         });
     }
     loadMomentLocaleBundle(momentLocale) {
-        const _cdnUrl = _WM_APP_PROJECT.cdnUrl || _WM_APP_PROJECT.ngDest;
         if (this.selectedLocale === this.defaultSupportedLocale) {
             moment.locale(this.defaultSupportedLocale);
             return;
         }
-        const path = _cdnUrl + `locales/moment/${momentLocale}.js`;
-        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;
-            defineLocale(this.selectedLocale, _config);
-            this.bsLocaleService.use(this.getSelectedLocale() || this.defaultSupportedLocale);
-            this.bundleLoaded.moment = true;
-            this.notifyLocaleChanged();
-        });
+        if (_WM_APP_PROJECT.isPreview) {
+            const path = `${_WM_APP_PROJECT.cdnUrl}locales/moment/${momentLocale}.js`;
+            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;
+        defineLocale(this.selectedLocale, _config);
+        this.bsLocaleService.use(this.getSelectedLocale() || this.defaultSupportedLocale);
+        this.bundleLoaded.moment = true;
+        this.notifyLocaleChanged();
     }
     loadAngularLocaleBundle(angLocale) {
         return new Promise(resolve => {
@@ -3193,26 +3147,10 @@ class I18nServiceImpl extends AbstractI18nService {
             }, resolve);
         });
     }
-    loadCalendarLocaleBundle(calendarLocale, force = false) {
-        const _cdnUrl = _WM_APP_PROJECT.cdnUrl || _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 && (isMobile() || isMobileApp() || this.selectedLocale === this.defaultSupportedLocale)) {
-            this.bundleLoaded.fullCalendar = true;
-            return;
-        }
-        // Call the script. In script, moment defines the loaded locale
-        return loadScripts([path], true);
-    }
     loadMomentTimeZoneBundle(locale, compInstance) {
         return new Promise(resolve => {
             const _cdnUrl = _WM_APP_PROJECT.cdnUrl || _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`;
             loadScripts([path], true).then(() => {
                 /**
@@ -3246,10 +3184,8 @@ class I18nServiceImpl extends AbstractI18nService {
             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;
@@ -3325,21 +3261,6 @@ class I18nServiceImpl extends AbstractI18nService {
         // 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 (CONSTANTS.hasCordova) {
-            let supportedLang = [];
-            forEach(_acceptLang, function (lang) {
-                let matchedLang = find(_supportedLang, (val) => lang === val) || 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 = getSessionStorageItem('selectedLocale') || _selectedDefaultLang || _appSupportedLang || intersection(_acceptLang, _supportedLang)[0] || this.defaultSupportedLocale;
         // if the supportedLocale is not available set it to defaultLocale
@@ -3358,28 +3279,20 @@ class I18nServiceImpl extends AbstractI18nService {
     // This function returns the accepted languages list
     getAcceptedLanguages() {
         let languages;
-        if (CONSTANTS.hasCordova) {
-            languages = navigator.languages || [navigator.language];
-        }
-        else {
-            languages = decodeURIComponent(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(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 map(languages, toLower);
     }
     initCalendarLocale() {
-        if (this.selectedLocale !== 'en') {
-            return this.loadCalendarLocaleBundle(this.selectedLocale, true);
-        }
         return Promise.resolve();
     }
     isAngularLocaleLoaded() {
@@ -3396,12 +3309,12 @@ class I18nServiceImpl extends AbstractI18nService {
             this.app.notify('locale-changed', this.bundleLoaded.libLocale);
         }
     }
-    static { this.ɵfac = function I18nServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || I18nServiceImpl)(i0.ɵɵinject(i1$5.HttpClient), i0.ɵɵinject(i2$1.BsLocaleService), i0.ɵɵinject(i1.AppDefaults), i0.ɵɵinject(i0.Injector)); }; }
+    static { this.ɵfac = function I18nServiceImpl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || I18nServiceImpl)(i0.ɵɵinject(i1$4.HttpClient), i0.ɵɵinject(i2$1.BsLocaleService), i0.ɵɵinject(i1.AppDefaults), i0.ɵɵinject(i0.Injector)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: I18nServiceImpl, factory: I18nServiceImpl.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(I18nServiceImpl, [{
         type: Injectable
-    }], () => [{ type: i1$5.HttpClient }, { type: i2$1.BsLocaleService }, { type: i1.AppDefaults }, { type: i0.Injector }], null); })();
+    }], () => [{ type: i1$4.HttpClient }, { type: i2$1.BsLocaleService }, { type: i1.AppDefaults }, { type: i0.Injector }], null); })();
 
 const spinnerTemplate = `<div class="app-spinner">
                             <div class="spinner-message" aria-label="loading gif">
@@ -4023,13 +3936,13 @@ class I18nResolve {
     }], () => [{ type: i1.AbstractI18nService }], null); })();
 
 const _c0 = ["dynamicComponent"];
-function AppComponent_ng_container_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 11);
+function AppComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵ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.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 14)(1, "button", 15);
-    i0.ɵɵlistener("click", function AppComponent_ng_container_0_ng_template_5_li_1_Template_button_click_1_listener() { const provider_r2 = i0.ɵɵrestoreView(_r1).$implicit; return i0.ɵɵresetView(provider_r2.invoke()); });
+    i0.ɵɵelementStart(0, "li", 11)(1, "button", 12);
+    i0.ɵɵlistener("click", function AppComponent_Conditional_0_ng_template_4_For_2_Template_button_click_1_listener() { const provider_r2 = i0.ɵɵrestoreView(_r1).$implicit; return i0.ɵɵresetView(provider_r2.invoke()); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -4037,44 +3950,42 @@ function AppComponent_ng_container_0_ng_template_5_li_1_Template(rf, ctx) { if (
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(provider_r2.name);
 } }
-function AppComponent_ng_container_0_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 12);
-    i0.ɵɵ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.ɵɵelementStart(0, "ul", 10);
+    i0.ɵɵrepeaterCreate(1, AppComponent_Conditional_0_ng_template_4_For_2_Template, 3, 1, "li", 11, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r2.providersConfig);
+    i0.ɵɵrepeater(ctx_r2.providersConfig);
 } }
-function AppComponent_ng_container_0_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 16);
+function AppComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 6);
 } }
-function AppComponent_ng_container_0_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 17);
+function AppComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 7);
 } }
-function AppComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelement(1, "router-outlet");
-    i0.ɵɵtemplate(2, AppComponent_ng_container_0_div_2_Template, 1, 0, "div", 3);
-    i0.ɵɵelement(3, "app-spinner", 4);
-    i0.ɵɵelementStart(4, "div", 5);
-    i0.ɵɵtemplate(5, AppComponent_ng_container_0_ng_template_5_Template, 2, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+function AppComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "router-outlet");
+    i0.ɵɵtemplate(1, AppComponent_Conditional_0_Conditional_1_Template, 1, 0, "div", 2);
+    i0.ɵɵelement(2, "app-spinner", 3);
+    i0.ɵɵelementStart(3, "div", 4);
+    i0.ɵɵtemplate(4, AppComponent_Conditional_0_ng_template_4_Template, 3, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 6);
-    i0.ɵɵ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.ɵɵelement(10, "div", 9)(11, "i", 10);
-    i0.ɵɵelementContainerEnd();
+    i0.ɵɵelement(6, "div", 5);
+    i0.ɵɵtemplate(7, AppComponent_Conditional_0_Conditional_7_Template, 1, 0, "div", 6)(8, AppComponent_Conditional_0_Conditional_8_Template, 1, 0, "div", 7);
+    i0.ɵɵelement(9, "div", 8)(10, "i", 9);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.isApplicationType);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.isApplicationType ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("show", ctx_r2.spinner.show)("spinnermessages", ctx_r2.spinner.messages);
     i0.ɵɵattribute("aria-label", ctx_r2.spinner.arialabel || "Loading");
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
+    i0.ɵɵconditional(!ctx_r2.isApplicationType ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
+    i0.ɵɵconditional(!ctx_r2.isApplicationType ? 8 : -1);
 } }
 class AppComponent {
     constructor(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router, app, appManager, customIconsLoaderService) {
@@ -4203,12 +4114,7 @@ class AppComponent {
     }
     ngAfterViewInit() {
         document.documentElement.setAttribute('lang', getWmProjectProperties().defaultLanguage);
-        if (hasCordova() && !window['wmDeviceReady']) {
-            document.addEventListener('wmDeviceReady', () => this.start());
-        }
-        else {
-            this.start();
-        }
+        this.start();
     }
     ngDoCheck() {
         $invokeWatchers();
@@ -4221,16 +4127,16 @@ class AppComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.routerOutlet = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵ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.ɵɵtemplate(0, AppComponent_ng_container_0_Template, 12, 6, "ng-container", 2);
+        } }, standalone: true, features: [i0.ɵɵ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.ɵɵtemplate(0, AppComponent_Conditional_0_Template, 11, 6);
             i0.ɵɵelementContainer(1, null, 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.startApp);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i1$1.RouterOutlet, i3.ContainerDirective, i3.PartialParamHandlerDirective, i3.PartialContainerDirective, i1$6.AppExtComponent, i9.ConfirmDialogComponent, i10.DialogComponent, i11.AlertDialogComponent, AppSpinnerComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.startApp ? 0 : -1);
+        } }, dependencies: [CommonModule, WmComponentsModule, i3.ContainerDirective, i3.PartialParamHandlerDirective, i3.PartialContainerDirective, RouterOutlet, AlertDialogComponent, ConfirmDialogComponent, DialogComponent, AppSpinnerComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppComponent, [{
         type: Component,
-        args: [{ selector: 'app-root', encapsulation: 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: [CommonModule, WmComponentsModule, RouterOutlet, AlertDialogComponent, ConfirmDialogComponent, DialogComponent, AppSpinnerComponent], selector: 'app-root', encapsulation: 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.ApplicationRef }, { type: i0.ElementRef }, { type: i2$2.OAuthService }, { type: i1.AbstractDialogService }, { type: i1.AbstractSpinnerService }, { type: i0.NgZone }, { type: i1$1.Router }, { type: i1.App }, { type: AppManagerService }, { type: i1.CustomIconsLoaderService }], { routerOutlet: [{
             type: ViewChild,
             args: [RouterOutlet]
@@ -4238,7 +4144,7 @@ class AppComponent {
             type: ViewChild,
             args: ['dynamicComponent', { read: ViewContainerRef }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "components/app-component/app.component.ts", lineNumber: 46 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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
@@ -4314,6 +4220,41 @@ class HttpCallInterceptor {
         type: 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, 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.ɵɵdirectiveInject(WidgetRef, 2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PrefabManagerService), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(ComponentRefProvider)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PrefabDirective, selectors: [["", "wmPrefab", "", "prefabname", ""]], standalone: true }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabDirective, [{
+        type: Directive,
+        args: [{
+                standalone: true,
+                selector: '[wmPrefab][prefabname]'
+            }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Self
+            }, {
+                type: Inject,
+                args: [WidgetRef]
+            }] }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: PrefabManagerService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: ComponentRefProvider }], null); })();
+
 const PREFAB = 'PREFAB';
 class PrefabPreviewComponent {
     constructor(prefabManager) {
@@ -4394,15 +4335,17 @@ class PrefabPreviewComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵ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.ɵɵ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.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "section", 1);
             i0.ɵɵelementEnd();
-        } }, dependencies: [i2$3.PrefabDirective, PrefabDirective], encapsulation: 2 }); }
+        } }, dependencies: [PrefabDirective$1, PrefabDirective, WmComponentsModule], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabPreviewComponent, [{
         type: Component,
         args: [{
+                standalone: true,
+                imports: [PrefabDirective$1, PrefabDirective, WmComponentsModule],
                 selector: 'wm-prefab-preview',
                 template: `
         <div class="prefab-preview row">
@@ -4414,7 +4357,7 @@ class PrefabPreviewComponent {
             type: ViewChild,
             args: [PrefabDirective$1, { static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrefabPreviewComponent, { className: "PrefabPreviewComponent", filePath: "components/prefab-preview.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrefabPreviewComponent, { className: "PrefabPreviewComponent", filePath: "components/prefab-preview.component.ts", lineNumber: 19 }); })();
 
 initComponentsBuildTask();
 const componentFactoryRefCache = new Map();
@@ -4716,12 +4659,12 @@ class WMDomRendererFactory2 {
     }
     begin() { }
     end() { }
-    static { this.ɵfac = function WMDomRendererFactory2_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WMDomRendererFactory2)(i0.ɵɵinject(i1$4.EventManager), i0.ɵɵinject(i1$4.ɵSharedStylesHost), i0.ɵɵinject(APP_ID), i0.ɵɵinject(DOCUMENT)); }; }
+    static { this.ɵfac = function WMDomRendererFactory2_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WMDomRendererFactory2)(i0.ɵɵinject(i1$3.EventManager), i0.ɵɵinject(i1$3.ɵSharedStylesHost), i0.ɵɵinject(APP_ID), i0.ɵɵinject(DOCUMENT)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: WMDomRendererFactory2, factory: WMDomRendererFactory2.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WMDomRendererFactory2, [{
         type: Injectable
-    }], () => [{ type: i1$4.EventManager }, { type: i1$4.ɵSharedStylesHost }, { type: undefined, decorators: [{
+    }], () => [{ type: i1$3.EventManager }, { type: i1$3.ɵSharedStylesHost }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [APP_ID]
             }] }, { type: Document, decorators: [{
@@ -4965,17 +4908,18 @@ ShadowDomRenderer = __decorate([
 const initializeProjectDetails = () => {
     let cdnUrl = document.querySelector('[name="deployUrl"]') && document.querySelector('[name="deployUrl"]').getAttribute('content');
     _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');
     }
-    _WM_APP_PROJECT.id = hasCordova() ? _WM_APP_PROPERTIES.displayName : location.href.split('/')[3];
+    _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/
     _WM_APP_PROJECT.apiUrl = apiUrl || './';
     _WM_APP_PROJECT.cdnUrl = cdnUrl || 'ng-bundle/';
     _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;
     }
@@ -4994,7 +4938,6 @@ function getSettingProvider(key, defaultValue) {
         useValue: defaultValue
     };
 }
-;
 function InitializeApp(I18nService, AppJSResolve) {
     return async () => {
         initializeProjectDetails();
@@ -5010,15 +4953,17 @@ const definitions = [
     AccessrolesDirective,
     AppSpinnerComponent,
     CustomToasterComponent,
-    PrefabDirective,
     AppComponent,
+    PrefabDirective,
     PrefabPreviewComponent,
     EmptyPageComponent
 ];
 const REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS = [
-    ConfirmDialogModule,
-    DesignDialogModule,
-    DialogModule,
+    ConfirmDialogComponent,
+    DialogComponent,
+    DialogBodyDirective,
+    DialogFooterDirective,
+    DialogHeaderComponent,
     // NGX Bootstrap
     BsDatepickerModule,
     TimepickerModule,
@@ -5031,60 +4976,112 @@ const REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS = [
     NgCircleProgressModule,
     TooltipModule,
     // Basic widgets
-    BasicModule,
-    ProgressModule,
-    RichTextEditorModule,
-    SearchModule,
-    TreeModule,
+    AnchorComponent,
+    AudioComponent,
+    HtmlDirective,
+    IconComponent,
+    IframeComponent,
+    LabelDirective,
+    PictureDirective,
+    SpinnerComponent,
+    VideoComponent,
+    ProgressBarComponent,
+    ProgressCircleComponent,
+    RichTextEditorComponent,
+    SearchComponent, ScrollableDirective,
+    TreeComponent,
     // Input
-    CalendarModule,
-    ChipsModule,
-    ColorPickerModule,
-    CurrencyModule,
-    EpochModule,
-    FileUploadModule,
-    InputModule,
-    RatingModule,
-    SliderModule,
+    CalendarComponent,
+    ChipsComponent,
+    ColorPickerComponent,
+    CurrencyComponent,
+    DateComponent,
+    DatetimeComponent,
+    TimeComponent,
+    DateTimePickerComponent,
+    TimePickerComponent,
+    PickerComponent,
+    PickerGroupComponent,
+    FileUploadComponent,
+    ButtonComponent,
+    ButtonGroupDirective,
+    CaptionPositionDirective,
+    CheckboxComponent,
+    CheckboxsetComponent,
+    CompositeDirective,
+    NumberComponent,
+    RadiosetComponent,
+    SelectComponent,
+    SwitchComponent,
+    InputCalendarComponent,
+    InputColorComponent,
+    InputEmailComponent,
+    InputNumberComponent,
+    InputTextComponent,
+    TextareaComponent,
+    RatingComponent,
+    SliderComponent,
     // Data
-    CardModule,
-    FormModule,
-    ListModule,
-    LiveTableModule,
-    PaginationModule$1,
-    TableModule,
+    CardComponent,
+    CardActionsDirective,
+    CardContentComponent,
+    CardFooterDirective,
+    FormComponent,
+    FormWidgetDirective,
+    FormActionDirective,
+    FormFieldDirective,
+    LiveActionsDirective,
+    DependsonDirective,
+    LiveFilterDirective,
+    LiveFormDirective,
+    ListComponent, ListItemDirective,
+    LiveTableComponent,
+    PaginationComponent,
+    TableComponent,
+    TableCUDDirective,
+    TableFilterSortDirective,
+    TableActionDirective,
+    TableColumnDirective,
+    TableColumnGroupDirective,
+    TableRowDirective,
+    TableRowActionDirective,
     // chart
-    ChartModule,
+    ChartComponent,
     // container modules
-    AccordionModule,
-    LinearLayoutModule,
-    LayoutGridModule,
-    PanelModule,
-    TabsModule,
-    TileModule,
-    WizardModule,
+    AccordionPaneComponent, AccordionDirective,
+    LinearLayoutDirective, LinearLayoutItemDirective,
+    LayoutgridDirective, LayoutGridRowDirective, LayoutGridColumnDirective,
+    PanelComponent,
+    TabPaneComponent, TabsComponent,
+    TileDirective,
+    WizardActionDirective, WizardStepComponent, WizardComponent,
     // dialogs
-    AlertDialogModule,
-    IframeDialogModule,
-    LoginDialogModule,
-    PartialDialogModule,
+    AlertDialogComponent,
+    IframeDialogComponent,
+    LoginDialogDirective,
+    PartialDialogComponent,
     // navigation
-    BreadcrumbModule,
-    MenuModule,
-    NavbarModule,
-    PopoverModule$1,
+    BreadcrumbComponent,
+    MenuComponent, MenuDropdownComponent, MenuDropdownItemComponent, NavigationControlDirective, NavComponent, NavItemDirective,
+    NavbarComponent,
+    PopoverComponent,
     // Advanced
-    CarouselModule$1,
-    LoginModule,
-    MarqueeModule,
-    CustomModule,
-    PageModule,
-    FooterModule,
-    HeaderModule,
-    LeftPanelModule,
-    RightPanelModule,
-    TopNavModule,
-    PrefabModule
+    CarouselDirective, CarouselTemplateDirective,
+    LoginComponent,
+    MarqueeDirective,
+    CustomWidgetDirective, CustomWidgetContainerDirective,
+    PageDirective,
+    LayoutDirective,
+    ContentComponent,
+    PageContentComponent,
+    SpaPageDirective,
+    RouterOutletDirective,
+    FooterDirective,
+    HeaderComponent,
+    LeftPanelDirective,
+    RightPanelDirective,
+    TopNavDirective,
+    PrefabDirective$1, PrefabContainerDirective
 ];
 // setting parseExpr as exprEvaluator for swipeAnimation
 $.fn.swipeAnimation.expressionEvaluator = $parseExpr;
@@ -5144,12 +5141,16 @@ class RuntimeBaseModule {
                 AppJSResolve,
                 AppExtensionJSResolve,
                 I18nResolve,
+                SecurityService,
+                OAuthService,
+                VariablesService,
+                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 = {
@@ -5182,38 +5183,23 @@ class RuntimeBaseModule {
             }
         });
     }
-    static { this.ɵfac = function RuntimeBaseModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RuntimeBaseModule)(i0.ɵɵinject(i1$6.MobileRuntimeModule), i0.ɵɵinject(i1.App), i0.ɵɵinject(i1.Viewport)); }; }
+    static { this.ɵfac = function RuntimeBaseModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RuntimeBaseModule)(i0.ɵɵinject(i1.App), i0.ɵɵinject(i1.Viewport)); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: RuntimeBaseModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             { provide: _SharedStylesHost, useClass: WMDomSharedStylesHost },
-            { provide: _DomRendererFactory2, useClass: WMDomRendererFactory2 }
+            { provide: _DomRendererFactory2, useClass: WMDomRendererFactory2 },
+            HttpServiceImpl,
         ], imports: [CommonModule,
             RouterModule,
             HttpClientModule,
             FormsModule,
-            ReactiveFormsModule,
-            ToastrModule,
-            WmComponentsModule,
-            MobileRuntimeModule,
-            CoreModule,
-            SecurityModule,
-            OAuthModule,
-            VariablesModule,
-            HttpServiceModule, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, FormsModule,
-            ReactiveFormsModule,
-            CommonModule,
-            RouterModule,
-            HttpClientModule,
-            ToastrModule,
-            WmComponentsModule,
-            MobileRuntimeModule,
-            CoreModule,
-            SecurityModule,
-            OAuthModule,
-            VariablesModule,
-            HttpServiceModule, ConfirmDialogModule,
-            DesignDialogModule,
-            DialogModule,
+            ReactiveFormsModule, AppSpinnerComponent,
+            CustomToasterComponent,
+            AppComponent,
+            PrefabPreviewComponent, ToastrModule,
+            WmComponentsModule, ConfirmDialogComponent,
+            DialogComponent,
+            DialogHeaderComponent,
             // NGX Bootstrap
             BsDatepickerModule,
             TimepickerModule,
@@ -5226,125 +5212,142 @@ class RuntimeBaseModule {
             NgCircleProgressModule,
             TooltipModule,
             // Basic widgets
-            BasicModule,
-            ProgressModule,
-            RichTextEditorModule,
-            SearchModule,
-            TreeModule,
+            AnchorComponent,
+            AudioComponent,
+            IconComponent,
+            IframeComponent,
+            SpinnerComponent,
+            VideoComponent,
+            ProgressBarComponent,
+            ProgressCircleComponent,
+            RichTextEditorComponent,
+            SearchComponent,
+            TreeComponent,
             // Input
-            CalendarModule,
-            ChipsModule,
-            ColorPickerModule,
-            CurrencyModule,
-            EpochModule,
-            FileUploadModule,
-            InputModule,
-            RatingModule,
-            SliderModule,
+            CalendarComponent,
+            ChipsComponent,
+            ColorPickerComponent,
+            CurrencyComponent,
+            DateComponent,
+            DatetimeComponent,
+            TimeComponent,
+            DateTimePickerComponent,
+            TimePickerComponent,
+            PickerComponent,
+            PickerGroupComponent,
+            FileUploadComponent,
+            ButtonComponent,
+            CheckboxComponent,
+            CheckboxsetComponent,
+            NumberComponent,
+            RadiosetComponent,
+            SelectComponent,
+            SwitchComponent,
+            InputCalendarComponent,
+            InputColorComponent,
+            InputEmailComponent,
+            InputNumberComponent,
+            InputTextComponent,
+            TextareaComponent,
+            RatingComponent,
+            SliderComponent,
             // Data
-            CardModule,
-            FormModule,
-            ListModule,
-            LiveTableModule,
-            PaginationModule$1,
-            TableModule,
+            CardComponent,
+            CardContentComponent,
+            FormComponent,
+            ListComponent,
+            LiveTableComponent,
+            PaginationComponent,
+            TableComponent,
             // chart
-            ChartModule,
+            ChartComponent,
             // container modules
-            AccordionModule,
-            LinearLayoutModule,
-            LayoutGridModule,
-            PanelModule,
-            TabsModule,
-            TileModule,
-            WizardModule,
+            AccordionPaneComponent,
+            PanelComponent,
+            TabPaneComponent, TabsComponent,
+            WizardStepComponent, WizardComponent,
             // dialogs
-            AlertDialogModule,
-            IframeDialogModule,
-            LoginDialogModule,
-            PartialDialogModule,
+            AlertDialogComponent,
+            IframeDialogComponent,
+            PartialDialogComponent,
             // navigation
-            BreadcrumbModule,
-            MenuModule,
-            NavbarModule,
-            PopoverModule$1,
-            // Advanced
-            CarouselModule$1,
-            LoginModule,
-            MarqueeModule,
-            CustomModule,
-            PageModule,
-            FooterModule,
-            HeaderModule,
-            LeftPanelModule,
-            RightPanelModule,
-            TopNavModule,
-            PrefabModule] }); }
+            BreadcrumbComponent,
+            MenuComponent, MenuDropdownComponent, MenuDropdownItemComponent, NavComponent,
+            NavbarComponent,
+            PopoverComponent,
+            LoginComponent,
+            ContentComponent,
+            PageContentComponent,
+            HeaderComponent, FormsModule,
+            ReactiveFormsModule,
+            CommonModule,
+            RouterModule,
+            HttpClientModule,
+            ToastrModule,
+            WmComponentsModule, 
+            // NGX Bootstrap
+            BsDatepickerModule,
+            TimepickerModule,
+            BsDropdownModule,
+            PaginationModule,
+            TypeaheadModule,
+            ProgressbarModule,
+            CarouselModule,
+            PopoverModule,
+            NgCircleProgressModule,
+            TooltipModule] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RuntimeBaseModule, [{
         type: NgModule,
         args: [{
-                declarations: [...definitions],
                 imports: [
                     CommonModule,
                     RouterModule,
                     HttpClientModule,
                     FormsModule,
                     ReactiveFormsModule,
+                    ...definitions,
                     ToastrModule,
                     WmComponentsModule,
-                    MobileRuntimeModule,
-                    CoreModule,
-                    SecurityModule,
-                    OAuthModule,
-                    VariablesModule,
-                    HttpServiceModule,
+                    // CoreModule, 
                     ...REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS
                 ],
                 exports: [
                     FormsModule,
                     ReactiveFormsModule,
-                    ...definitions,
+                    PrefabDirective,
+                    AccessrolesDirective,
                     CommonModule,
                     RouterModule,
                     HttpClientModule,
                     ToastrModule,
                     WmComponentsModule,
-                    MobileRuntimeModule,
-                    CoreModule,
-                    SecurityModule,
-                    OAuthModule,
-                    VariablesModule,
-                    HttpServiceModule,
+                    // CoreModule, 
                     ...REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS
                 ],
                 providers: [
                     { provide: _SharedStylesHost, useClass: WMDomSharedStylesHost },
-                    { provide: _DomRendererFactory2, useClass: WMDomRendererFactory2 }
+                    { provide: _DomRendererFactory2, useClass: WMDomRendererFactory2 },
+                    HttpServiceImpl,
                 ]
             }]
-    }], () => [{ type: i1$6.MobileRuntimeModule }, { type: i1.App }, { type: i1.Viewport }], null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RuntimeBaseModule, { declarations: [AccessrolesDirective,
+    }], () => [{ type: i1.App }, { type: i1.Viewport }], null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RuntimeBaseModule, { imports: [CommonModule,
+        RouterModule,
+        HttpClientModule,
+        FormsModule,
+        ReactiveFormsModule, AccessrolesDirective,
         AppSpinnerComponent,
         CustomToasterComponent,
-        PrefabDirective,
         AppComponent,
+        PrefabDirective,
         PrefabPreviewComponent,
-        EmptyPageComponent], imports: [CommonModule,
-        RouterModule,
-        HttpClientModule,
-        FormsModule,
-        ReactiveFormsModule,
-        ToastrModule,
-        WmComponentsModule,
-        MobileRuntimeModule,
-        CoreModule,
-        SecurityModule,
-        OAuthModule,
-        VariablesModule,
-        HttpServiceModule, ConfirmDialogModule,
-        DesignDialogModule,
-        DialogModule,
+        EmptyPageComponent, ToastrModule,
+        WmComponentsModule, ConfirmDialogComponent,
+        DialogComponent,
+        DialogBodyDirective,
+        DialogFooterDirective,
+        DialogHeaderComponent,
         // NGX Bootstrap
         BsDatepickerModule,
         TimepickerModule,
@@ -5357,79 +5360,124 @@ class RuntimeBaseModule {
         NgCircleProgressModule,
         TooltipModule,
         // Basic widgets
-        BasicModule,
-        ProgressModule,
-        RichTextEditorModule,
-        SearchModule,
-        TreeModule,
+        AnchorComponent,
+        AudioComponent,
+        HtmlDirective,
+        IconComponent,
+        IframeComponent,
+        LabelDirective,
+        PictureDirective,
+        SpinnerComponent,
+        VideoComponent,
+        ProgressBarComponent,
+        ProgressCircleComponent,
+        RichTextEditorComponent,
+        SearchComponent, ScrollableDirective,
+        TreeComponent,
         // Input
-        CalendarModule,
-        ChipsModule,
-        ColorPickerModule,
-        CurrencyModule,
-        EpochModule,
-        FileUploadModule,
-        InputModule,
-        RatingModule,
-        SliderModule,
+        CalendarComponent,
+        ChipsComponent,
+        ColorPickerComponent,
+        CurrencyComponent,
+        DateComponent,
+        DatetimeComponent,
+        TimeComponent,
+        DateTimePickerComponent,
+        TimePickerComponent,
+        PickerComponent,
+        PickerGroupComponent,
+        FileUploadComponent,
+        ButtonComponent,
+        ButtonGroupDirective,
+        CaptionPositionDirective,
+        CheckboxComponent,
+        CheckboxsetComponent,
+        CompositeDirective,
+        NumberComponent,
+        RadiosetComponent,
+        SelectComponent,
+        SwitchComponent,
+        InputCalendarComponent,
+        InputColorComponent,
+        InputEmailComponent,
+        InputNumberComponent,
+        InputTextComponent,
+        TextareaComponent,
+        RatingComponent,
+        SliderComponent,
         // Data
-        CardModule,
-        FormModule,
-        ListModule,
-        LiveTableModule,
-        PaginationModule$1,
-        TableModule,
+        CardComponent,
+        CardActionsDirective,
+        CardContentComponent,
+        CardFooterDirective,
+        FormComponent,
+        FormWidgetDirective,
+        FormActionDirective,
+        FormFieldDirective,
+        LiveActionsDirective,
+        DependsonDirective,
+        LiveFilterDirective,
+        LiveFormDirective,
+        ListComponent, ListItemDirective,
+        LiveTableComponent,
+        PaginationComponent,
+        TableComponent,
+        TableCUDDirective,
+        TableFilterSortDirective,
+        TableActionDirective,
+        TableColumnDirective,
+        TableColumnGroupDirective,
+        TableRowDirective,
+        TableRowActionDirective,
         // chart
-        ChartModule,
+        ChartComponent,
         // container modules
-        AccordionModule,
-        LinearLayoutModule,
-        LayoutGridModule,
-        PanelModule,
-        TabsModule,
-        TileModule,
-        WizardModule,
+        AccordionPaneComponent, AccordionDirective,
+        LinearLayoutDirective, LinearLayoutItemDirective,
+        LayoutgridDirective, LayoutGridRowDirective, LayoutGridColumnDirective,
+        PanelComponent,
+        TabPaneComponent, TabsComponent,
+        TileDirective,
+        WizardActionDirective, WizardStepComponent, WizardComponent,
         // dialogs
-        AlertDialogModule,
-        IframeDialogModule,
-        LoginDialogModule,
-        PartialDialogModule,
+        AlertDialogComponent,
+        IframeDialogComponent,
+        LoginDialogDirective,
+        PartialDialogComponent,
         // navigation
-        BreadcrumbModule,
-        MenuModule,
-        NavbarModule,
-        PopoverModule$1,
+        BreadcrumbComponent,
+        MenuComponent, MenuDropdownComponent, MenuDropdownItemComponent, NavigationControlDirective, NavComponent, NavItemDirective,
+        NavbarComponent,
+        PopoverComponent,
         // Advanced
-        CarouselModule$1,
-        LoginModule,
-        MarqueeModule,
-        CustomModule,
-        PageModule,
-        FooterModule,
-        HeaderModule,
-        LeftPanelModule,
-        RightPanelModule,
-        TopNavModule,
-        PrefabModule], exports: [FormsModule,
-        ReactiveFormsModule, AccessrolesDirective,
-        AppSpinnerComponent,
-        CustomToasterComponent,
+        CarouselDirective, CarouselTemplateDirective,
+        LoginComponent,
+        MarqueeDirective,
+        CustomWidgetDirective, CustomWidgetContainerDirective,
+        PageDirective,
+        LayoutDirective,
+        ContentComponent,
+        PageContentComponent,
+        SpaPageDirective,
+        RouterOutletDirective,
+        FooterDirective,
+        HeaderComponent,
+        LeftPanelDirective,
+        RightPanelDirective,
+        TopNavDirective,
+        PrefabDirective$1, PrefabContainerDirective], exports: [FormsModule,
+        ReactiveFormsModule,
         PrefabDirective,
-        AppComponent,
-        PrefabPreviewComponent,
-        EmptyPageComponent, CommonModule,
+        AccessrolesDirective,
+        CommonModule,
         RouterModule,
         HttpClientModule,
         ToastrModule,
-        WmComponentsModule,
-        MobileRuntimeModule,
-        CoreModule,
-        SecurityModule,
-        OAuthModule,
-        VariablesModule,
-        HttpServiceModule, ConfirmDialogModule,
-        DesignDialogModule,
-        DialogModule,
+        WmComponentsModule, ConfirmDialogComponent,
+        DialogComponent,
+        DialogBodyDirective,
+        DialogFooterDirective,
+        DialogHeaderComponent,
         // NGX Bootstrap
         BsDatepickerModule,
         TimepickerModule,
@@ -5442,68 +5490,114 @@ class RuntimeBaseModule {
         NgCircleProgressModule,
         TooltipModule,
         // Basic widgets
-        BasicModule,
-        ProgressModule,
-        RichTextEditorModule,
-        SearchModule,
-        TreeModule,
+        AnchorComponent,
+        AudioComponent,
+        HtmlDirective,
+        IconComponent,
+        IframeComponent,
+        LabelDirective,
+        PictureDirective,
+        SpinnerComponent,
+        VideoComponent,
+        ProgressBarComponent,
+        ProgressCircleComponent,
+        RichTextEditorComponent,
+        SearchComponent, ScrollableDirective,
+        TreeComponent,
         // Input
-        CalendarModule,
-        ChipsModule,
-        ColorPickerModule,
-        CurrencyModule,
-        EpochModule,
-        FileUploadModule,
-        InputModule,
-        RatingModule,
-        SliderModule,
+        CalendarComponent,
+        ChipsComponent,
+        ColorPickerComponent,
+        CurrencyComponent,
+        DateComponent,
+        DatetimeComponent,
+        TimeComponent,
+        DateTimePickerComponent,
+        TimePickerComponent,
+        PickerComponent,
+        PickerGroupComponent,
+        FileUploadComponent,
+        ButtonComponent,
+        ButtonGroupDirective,
+        CaptionPositionDirective,
+        CheckboxComponent,
+        CheckboxsetComponent,
+        CompositeDirective,
+        NumberComponent,
+        RadiosetComponent,
+        SelectComponent,
+        SwitchComponent,
+        InputCalendarComponent,
+        InputColorComponent,
+        InputEmailComponent,
+        InputNumberComponent,
+        InputTextComponent,
+        TextareaComponent,
+        RatingComponent,
+        SliderComponent,
         // Data
-        CardModule,
-        FormModule,
-        ListModule,
-        LiveTableModule,
-        PaginationModule$1,
-        TableModule,
+        CardComponent,
+        CardActionsDirective,
+        CardContentComponent,
+        CardFooterDirective,
+        FormComponent,
+        FormWidgetDirective,
+        FormActionDirective,
+        FormFieldDirective,
+        LiveActionsDirective,
+        DependsonDirective,
+        LiveFilterDirective,
+        LiveFormDirective,
+        ListComponent, ListItemDirective,
+        LiveTableComponent,
+        PaginationComponent,
+        TableComponent,
+        TableCUDDirective,
+        TableFilterSortDirective,
+        TableActionDirective,
+        TableColumnDirective,
+        TableColumnGroupDirective,
+        TableRowDirective,
+        TableRowActionDirective,
         // chart
-        ChartModule,
+        ChartComponent,
         // container modules
-        AccordionModule,
-        LinearLayoutModule,
-        LayoutGridModule,
-        PanelModule,
-        TabsModule,
-        TileModule,
-        WizardModule,
+        AccordionPaneComponent, AccordionDirective,
+        LinearLayoutDirective, LinearLayoutItemDirective,
+        LayoutgridDirective, LayoutGridRowDirective, LayoutGridColumnDirective,
+        PanelComponent,
+        TabPaneComponent, TabsComponent,
+        TileDirective,
+        WizardActionDirective, WizardStepComponent, WizardComponent,
         // dialogs
-        AlertDialogModule,
-        IframeDialogModule,
-        LoginDialogModule,
-        PartialDialogModule,
+        AlertDialogComponent,
+        IframeDialogComponent,
+        LoginDialogDirective,
+        PartialDialogComponent,
         // navigation
-        BreadcrumbModule,
-        MenuModule,
-        NavbarModule,
-        PopoverModule$1,
+        BreadcrumbComponent,
+        MenuComponent, MenuDropdownComponent, MenuDropdownItemComponent, NavigationControlDirective, NavComponent, NavItemDirective,
+        NavbarComponent,
+        PopoverComponent,
         // Advanced
-        CarouselModule$1,
-        LoginModule,
-        MarqueeModule,
-        CustomModule,
-        PageModule,
-        FooterModule,
-        HeaderModule,
-        LeftPanelModule,
-        RightPanelModule,
-        TopNavModule,
-        PrefabModule] }); })();
+        CarouselDirective, CarouselTemplateDirective,
+        LoginComponent,
+        MarqueeDirective,
+        CustomWidgetDirective, CustomWidgetContainerDirective,
+        PageDirective,
+        LayoutDirective,
+        ContentComponent,
+        PageContentComponent,
+        SpaPageDirective,
+        RouterOutletDirective,
+        FooterDirective,
+        HeaderComponent,
+        LeftPanelDirective,
+        RightPanelDirective,
+        TopNavDirective,
+        PrefabDirective$1, PrefabContainerDirective] }); })();
 const WM_MODULES_FOR_ROOT = [
     WmComponentsModule.forRoot(),
-    MobileRuntimeModule.forRoot(),
-    CoreModule.forRoot(),
-    SecurityModule.forRoot(),
-    OAuthModule.forRoot(),
-    VariablesModule.forRoot(),
-    HttpServiceModule.forRoot(),
     RuntimeBaseModule.forRoot()
 ];
 
@@ -5553,10 +5647,8 @@ class MetadataResolve {
 class SecurityConfigResolve {
     constructor(appManager) {
         this.appManager = appManager;
-        if (!isMobileApp()) {
-            // if the project type is PREFAB, setting this flag will not trigger security/info call
-            this.loaded = this.appManager.isPrefabType() || this.appManager.isTemplateBundleType() || !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() || !getWmProjectProperties().securityEnabled;
     }
     resolve() {
         return this.loaded || this.appManager.loadSecurityConfig().then(() => {