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

package/runtime/dynamic/fesm2022/index.mjs

@@ -1,84 +1,87 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, ViewEncapsulation, Inject, Injector, enableProdMode, ApplicationRef } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { __decorate, __param, __metadata } from 'tslib';
-import { BrowserModule } from '@angular/platform-browser';
-import { CommonModule } from '@angular/common';
+import { Component, Injectable, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, ViewEncapsulation, Inject, Injector, importProvidersFrom, APP_INITIALIZER, LOCALE_ID, enableProdMode } from '@angular/core';
+import { isUndefined, isString, isEmpty } from 'lodash-es';
+import { bootstrapApplication, BrowserModule } from '@angular/platform-browser';
+import * as i4 from '@wm/runtime/base';
+import { ComponentType, BasePageComponent, SecurityConfigResolve, MetadataResolve, AppExtensionJSResolve, EmptyPageComponent, PrefabPreviewComponent, CanDeactivatePageGuard, CustomwidgetConfigProvider, AppJSProvider, AppVariablesProvider, AppExtensionProvider, getPrefabPartialJsonUrl, getPrefabMinJsonUrl, RuntimeBaseModule, BaseCustomWidgetComponent, BasePrefabComponent, BasePartialComponent, ComponentRefProvider, PrefabConfigProvider, getPrefabConfigUrl, AppJSResolve, HttpCallInterceptor, AppRef, ToasterServiceImpl, I18nServiceImpl, SpinnerServiceImpl, NavigationServiceImpl, AppDefaultsService, DynamicComponentRefProviderService, WmRouteReuseStrategy, PipeService, AppManagerService, PrefabManagerService, AuthGuard, RoleGuard, PageNotFoundGuard, I18nResolve, AppComponent, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, WM_MODULES_FOR_ROOT } from '@wm/runtime/base';
 import * as i1 from '@angular/router';
-import { RouterModule, RouteReuseStrategy } from '@angular/router';
+import { provideRouter, withHashLocation, withComponentInputBinding, RouteReuseStrategy, RouterModule } from '@angular/router';
 import * as i1$1 from '@angular/common/http';
-import { HttpClientXsrfModule, HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi, withXsrfConfiguration, HTTP_INTERCEPTORS, HttpClientXsrfModule, HttpClientModule } from '@angular/common/http';
+import { provideAnimations, BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { WmComponentsModule, DialogServiceImpl, SanitizePipe, ToDatePipe, FilterPipe, TrailingZeroDecimalPipe, TrustAsPipe, ImagePipe, CustomPipe } from '@wm/components/base';
+import * as i5 from '@wm/core';
+import { appendScriptToHead, UserDefinedExecutionContext, getValidJSON, _WM_APP_PROJECT, AbstractI18nService, App, AbstractToasterService, AbstractSpinnerService, AbstractNavigationService, AbstractDialogService, AppDefaults, DynamicComponentRefProvider, PartialRefProvider, CustomWidgetRefProvider, AbstractHttpService, getWmProjectProperties } from '@wm/core';
+import * as i2 from '@wm/variables';
+import { VariablesService, MetadataService } from '@wm/variables';
+import * as i3 from '@wm/security';
+import { SecurityService } from '@wm/security';
+import { HttpServiceImpl } from '@wm/http';
+import { OAuthService } from '@wm/oAuth';
+import { ModalModule } from 'ngx-bootstrap/modal';
+import { ToastNoAnimationModule } from 'ngx-toastr';
+import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
+import { NgCircleProgressModule } from 'ng-circle-progress';
+import { DecimalPipe, DatePipe, CommonModule } from '@angular/common';
+import { __decorate, __param, __metadata } from 'tslib';
+import { transpile, scopeComponentStyles } from '@wm/transpiler';
+import * as customWidgets from '@wavemaker/custom-widgets-m3';
+import { PageDirective, LayoutDirective, ContentComponent, PageContentComponent, SpaPageDirective, RouterOutletDirective } from '@wm/components/page';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { TypeaheadModule } from 'ngx-bootstrap/typeahead';
 import { TimepickerModule } from 'ngx-bootstrap/timepicker';
 import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
 import { PaginationModule } from 'ngx-bootstrap/pagination';
-import { ModalModule } from 'ngx-bootstrap/modal';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
-import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import { PopoverModule } from 'ngx-bootstrap/popover';
-import { NgCircleProgressModule } from 'ng-circle-progress';
-import { ToastNoAnimationModule } from 'ngx-toastr';
 import { CarouselModule } from 'ngx-bootstrap/carousel';
-import * as i5 from '@wm/core';
-import { appendScriptToHead, UserDefinedExecutionContext, getValidJSON, getWmProjectProperties, PartialRefProvider, CustomWidgetRefProvider, App } from '@wm/core';
-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 { InputModule } from '@wm/components/input';
-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 { MOBILE_COMPONENT_MODULES_FOR_ROOT, MobileRuntimeDynamicModule } from '@wm/mobile/runtime/dynamic';
-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 { AlertDialogModule } from '@wm/components/dialogs/alert-dialog';
-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 { PageModule } from '@wm/components/page';
-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 { PrefabModule } from '@wm/components/prefab';
-import * as i4 from '@wm/runtime/base';
-import { ComponentType, BasePageComponent, SecurityConfigResolve, MetadataResolve, AppExtensionJSResolve, EmptyPageComponent, PrefabPreviewComponent, CanDeactivatePageGuard, AppJSProvider, AppVariablesProvider, AppExtensionProvider, getPrefabPartialJsonUrl, getPrefabMinJsonUrl, RuntimeBaseModule, BaseCustomWidgetComponent, BasePrefabComponent, BasePartialComponent, ComponentRefProvider, CustomwidgetConfigProvider, PrefabConfigProvider, getPrefabConfigUrl, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, WM_MODULES_FOR_ROOT, WmRouteReuseStrategy, AppComponent } from '@wm/runtime/base';
-import * as i2 from '@wm/variables';
-import * as i3 from '@wm/security';
-import { transpile, scopeComponentStyles } from '@wm/transpiler';
-import { isUndefined, isString, isEmpty } from 'lodash-es';
-import * as customWidgets from '@wavemaker/custom-widgets-m3';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+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 { ButtonComponent, ButtonGroupDirective, CaptionPositionDirective, CheckboxComponent, CheckboxsetComponent, CompositeDirective, NumberComponent, RadiosetComponent, SelectComponent, SwitchComponent, InputCalendarComponent, InputColorComponent, InputEmailComponent, InputNumberComponent, InputTextComponent, TextareaComponent } from '@wm/components/input';
+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 { AlertDialogComponent } from '@wm/components/dialogs/alert-dialog';
+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 { 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 { PrefabDirective, PrefabContainerDirective } from '@wm/components/prefab';
 
 class PageWrapperComponent {
     constructor(injector, route, vcRef, appRef, metadataService, securityService, appManager, app, ngZone, elRef, spinnerService, componentRefProvider, router) {
@@ -158,18 +161,20 @@ class PageWrapperComponent {
         this.instance.ngOnDetach();
     }
     static { this.ɵfac = function PageWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageWrapperComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(i2.MetadataService), i0.ɵɵdirectiveInject(i3.SecurityService), i0.ɵɵdirectiveInject(i4.AppManagerService), i0.ɵɵdirectiveInject(i5.App), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i5.AbstractSpinnerService), i0.ɵɵdirectiveInject(i4.ComponentRefProvider), i0.ɵɵdirectiveInject(i1.Router)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageWrapperComponent, selectors: [["app-page-outlet"]], decls: 1, vars: 0, template: function PageWrapperComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageWrapperComponent, selectors: [["app-page-outlet"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 0, template: function PageWrapperComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "div");
-        } }, encapsulation: 2 }); }
+        } }, dependencies: [WmComponentsModule], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageWrapperComponent, [{
         type: Component,
         args: [{
+                standalone: true,
+                imports: [WmComponentsModule],
                 selector: 'app-page-outlet',
                 template: '<div></div>'
             }]
     }], () => [{ type: i0.Injector }, { type: i1.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ApplicationRef }, { type: i2.MetadataService }, { type: i3.SecurityService }, { type: i4.AppManagerService }, { type: i5.App }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i5.AbstractSpinnerService }, { type: i4.ComponentRefProvider }, { type: i1.Router }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageWrapperComponent, { className: "PageWrapperComponent", filePath: "app/components/page-wrapper.component.ts", lineNumber: 25 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageWrapperComponent, { className: "PageWrapperComponent", filePath: "app/components/page-wrapper.component.ts", lineNumber: 28 }); })();
 
 const appDependenciesResolve = {
     securityConfig: SecurityConfigResolve,
@@ -198,6 +203,25 @@ const routes = [
     }
 ];
 
+const cache$2 = new Map();
+class CustomwidgetConfigProviderService extends CustomwidgetConfigProvider {
+    constructor() {
+        super();
+    }
+    getConfig(widgetname) {
+        return new Promise((res, rej) => {
+            Promise.resolve(window['resourceCache'].get(`./custom-widgets/${widgetname}/page.min.json`)).then((pageInfo) => {
+                res(pageInfo.config);
+            });
+        });
+    }
+    static { this.ɵfac = function CustomwidgetConfigProviderService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomwidgetConfigProviderService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CustomwidgetConfigProviderService, factory: CustomwidgetConfigProviderService.ɵfac }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomwidgetConfigProviderService, [{
+        type: Injectable
+    }], () => [], null); })();
+
 class AppJSProviderService extends AppJSProvider {
     constructor($http) {
         super();
@@ -218,22 +242,22 @@ class AppJSProviderService extends AppJSProvider {
             }]
     }], () => [{ type: i1$1.HttpClient }], null); })();
 
-const cache$2 = new Map();
+const cache$1 = new Map();
 class AppResourceManagerService {
     get(url, useCache) {
-        const cachedResponse = cache$2.get(url);
+        const cachedResponse = cache$1.get(url);
         if (cachedResponse) {
             return Promise.resolve(cachedResponse);
         }
         return this.$http.get(url).then(response => {
             if (useCache) {
-                cache$2.set(url, response);
+                cache$1.set(url, response);
             }
             return response;
         });
     }
     clearCache() {
-        cache$2.clear();
+        cache$1.clear();
     }
     constructor($http) {
         this.$http = $http;
@@ -488,25 +512,6 @@ class ComponentRefProviderService extends ComponentRefProvider {
         type: Injectable
     }], () => [{ type: AppResourceManagerService }, { type: i5.App }, { type: i4.AppManagerService }, { type: i0.Compiler }], null); })();
 
-const cache$1 = new Map();
-class CustomwidgetConfigProviderService extends CustomwidgetConfigProvider {
-    constructor() {
-        super();
-    }
-    getConfig(widgetname) {
-        return new Promise((res, rej) => {
-            Promise.resolve(window['resourceCache'].get(`./custom-widgets/${widgetname}/page.min.json`)).then((pageInfo) => {
-                res(pageInfo.config);
-            });
-        });
-    }
-    static { this.ɵfac = function CustomwidgetConfigProviderService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomwidgetConfigProviderService)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CustomwidgetConfigProviderService, factory: CustomwidgetConfigProviderService.ɵfac }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomwidgetConfigProviderService, [{
-        type: Injectable
-    }], () => [], null); })();
-
 const cache = new Map();
 class PrefabConfigProviderService extends PrefabConfigProvider {
     constructor(resourceMngr) {
@@ -531,12 +536,151 @@ class PrefabConfigProviderService extends PrefabConfigProvider {
         type: Injectable
     }], () => [{ type: AppResourceManagerService }], null); })();
 
+const wmModules = [
+    importProvidersFrom(ModalModule.forRoot(), ToastNoAnimationModule.forRoot({ maxOpened: 1, autoDismiss: true }), BsDatepickerModule.forRoot(), NgCircleProgressModule.forRoot())
+];
+const xsrfHeaderName$1 = "X-WM-XSRF-TOKEN";
+const initializeProjectDetails = () => {
+    let cdnUrl = document.querySelector('[name="deployUrl"]') && document.querySelector('[name="deployUrl"]').getAttribute('content');
+    _WM_APP_PROJECT.isPreview = cdnUrl ? false : true;
+    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 = 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;
+    }
+    catch (e) {
+        //for app preview there is no webpack. Don't do anything.
+    }
+};
+function InitializeApp(I18nService, AppJSResolve) {
+    return async () => {
+        initializeProjectDetails();
+        await AppJSResolve.resolve();
+        return I18nService.loadDefaultLocale();
+    };
+}
+function setAngularLocale(I18nService) {
+    initializeProjectDetails();
+    return I18nService.deduceAppLocale();
+}
+const appConfig = {
+    providers: [
+        // Provide Angular core services
+        provideRouter(routes, withHashLocation(), withComponentInputBinding()),
+        provideHttpClient(withInterceptorsFromDi(), withXsrfConfiguration({
+            cookieName: "wm_xsrf_token",
+            headerName: xsrfHeaderName$1
+        })),
+        provideAnimations(),
+        // Provide application-specific services
+        {
+            provide: APP_INITIALIZER,
+            useFactory: InitializeApp,
+            deps: [AbstractI18nService, AppJSResolve],
+            multi: true
+        },
+        {
+            provide: LOCALE_ID,
+            useFactory: setAngularLocale,
+            deps: [AbstractI18nService]
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: HttpCallInterceptor,
+            multi: true
+        },
+        { provide: App, useClass: AppRef },
+        { provide: AbstractToasterService, useClass: ToasterServiceImpl },
+        { provide: AbstractI18nService, useClass: I18nServiceImpl },
+        { provide: AbstractSpinnerService, useClass: SpinnerServiceImpl },
+        { provide: AbstractNavigationService, useClass: NavigationServiceImpl },
+        { provide: AbstractDialogService, useClass: DialogServiceImpl },
+        { provide: AppDefaults, useClass: AppDefaultsService },
+        { provide: DynamicComponentRefProvider, useClass: DynamicComponentRefProviderService },
+        { provide: AppJSProvider, useClass: AppJSProviderService },
+        { provide: AppVariablesProvider, useClass: AppVariablesProviderService },
+        { provide: AppExtensionProvider, useClass: AppExtensionProviderService },
+        { provide: ComponentRefProvider, useClass: ComponentRefProviderService },
+        { provide: PartialRefProvider, useClass: ComponentRefProviderService },
+        { provide: CustomWidgetRefProvider, useClass: ComponentRefProviderService },
+        { provide: CustomwidgetConfigProvider, useClass: CustomwidgetConfigProviderService },
+        { provide: PrefabConfigProvider, useClass: PrefabConfigProviderService },
+        { provide: RouteReuseStrategy, useClass: WmRouteReuseStrategy },
+        { provide: AbstractHttpService, useClass: HttpServiceImpl },
+        AppResourceManagerService,
+        PipeService,
+        DecimalPipe,
+        SanitizePipe,
+        ToDatePipe,
+        FilterPipe,
+        TrailingZeroDecimalPipe,
+        TrustAsPipe,
+        ImagePipe,
+        CustomPipe,
+        Location,
+        DatePipe,
+        AppManagerService,
+        PrefabManagerService,
+        AuthGuard,
+        RoleGuard,
+        PageNotFoundGuard,
+        CanDeactivatePageGuard,
+        AppJSResolve,
+        AppExtensionJSResolve,
+        I18nResolve,
+        SecurityService,
+        OAuthService,
+        VariablesService,
+        MetadataService,
+        ...wmModules,
+        PageDirective
+    ]
+};
+
+const DEBUG_MODE = 'debugMode';
+if (sessionStorage.getItem(DEBUG_MODE) !== 'true') {
+    enableProdMode();
+}
+console.time('bootstrap');
+document.addEventListener('DOMContentLoaded', () => {
+    new Promise(resolve => {
+        resolve();
+    }).then(() => bootstrapApplication(AppComponent, appConfig))
+        .then((appRef) => {
+        window.addEventListener('unload', () => {
+            appRef.components.map(c => c?.destroy());
+        });
+    })
+        .catch(err => console.error('Error bootstrapping app:', err));
+});
+window.debugMode = function (on) {
+    if (isEmpty(on)) {
+        on = true;
+    }
+    const value = on ? 'true' : 'false';
+    if (sessionStorage.getItem(DEBUG_MODE) !== value) {
+        sessionStorage.setItem(DEBUG_MODE, value);
+        window.location.reload();
+    }
+};
+var main = () => { };
+
 const routerModule = RouterModule.forRoot(routes, { useHash: true, scrollPositionRestoration: 'top' });
 const toastrModule = ToastNoAnimationModule.forRoot({ maxOpened: 1, autoDismiss: true });
 // In angular 15, xsrf headerName should not be null. Angular 15 is not using default header value like it used to send in calls
 // for angular 12 if the headerName is null . The user has to take care of not sending null values. Then ng 15 uses default value for headerName
-let xsrfHeaderName = getWmProjectProperties().xsrf_header_name;
-let xsrfOptions = {
+const xsrfHeaderName = getWmProjectProperties().xsrf_header_name;
+const xsrfOptions = {
     cookieName: 'wm_xsrf_token'
 };
 if (xsrfHeaderName) {
@@ -567,73 +711,119 @@ const componentsModule = [
     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, PrefabContainerDirective
 ];
 REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(...componentsModule);
-REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(...MOBILE_COMPONENT_MODULES_FOR_ROOT);
 REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(FormsModule, ReactiveFormsModule);
 let AppModule = class AppModule {
     constructor(app, inj, componentRefProvider) {
         this.app = app;
         this.inj = inj;
         this.componentRefProvider = componentRefProvider;
-        if (window['cordova']) {
-            // clear the cached urls on logout, to load the Login Page and not the Main Page as app reload(window.location.reload) is not invoked in mobile
-            this.app.subscribe('userLoggedOut', this.componentRefProvider.clearComponentFactoryRefCache.bind(this.componentRefProvider));
-        }
     }
 };
 AppModule = __decorate([
@@ -661,7 +851,6 @@ AppModule = __decorate([
             routerModule,
             toastrModule,
             httpClientXsrfModule,
-            MobileRuntimeDynamicModule,
             WM_MODULES_FOR_ROOT
         ],
         providers: [
@@ -675,46 +864,13 @@ AppModule = __decorate([
             { provide: CustomwidgetConfigProvider, useClass: CustomwidgetConfigProviderService },
             { provide: PrefabConfigProvider, useClass: PrefabConfigProviderService },
             { provide: RouteReuseStrategy, useClass: WmRouteReuseStrategy },
+            { provide: AbstractHttpService, useClass: HttpServiceImpl }
         ],
         bootstrap: [AppComponent]
     }),
     __metadata("design:paramtypes", [App, Injector, ComponentRefProvider])
 ], AppModule);
 
-const DEBUG_MODE = 'debugMode';
-if (sessionStorage.getItem(DEBUG_MODE) !== 'true') {
-    enableProdMode();
-}
-console.time('bootstrap');
-document.addEventListener('DOMContentLoaded', () => {
-    new Promise(resolve => {
-        if (window['cordova']) {
-            document.addEventListener('deviceready', resolve);
-        }
-        else {
-            resolve();
-        }
-    }).then(() => platformBrowserDynamic().bootstrapModule(AppModule))
-        .then((appModuleRef) => {
-        const applicationRef = appModuleRef.injector.get(ApplicationRef);
-        window.addEventListener('unload', () => {
-            applicationRef.components.map(c => c && c.destroy());
-        });
-        console.timeEnd('bootstrap');
-    }, err => console.log(err));
-});
-window.debugMode = function (on) {
-    if (isEmpty(on)) {
-        on = true;
-    }
-    const value = on ? 'true' : 'false';
-    if (sessionStorage.getItem(DEBUG_MODE) !== value) {
-        sessionStorage.setItem(DEBUG_MODE, value);
-        window.location.reload();
-    }
-};
-var main = () => { };
-
 /**
  * Generated bundle index. Do not edit.
  */