@wavemaker/app-ng-runtime 11.11.0-rc.6112 → 11.11.0-rc.6115

package/runtime/dynamic/fesm2022/index.mjs

@@ -1,41 +1,28 @@
 import * as i0 from '@angular/core';
-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 { 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 * as i1 from '@angular/router';
-import { provideRouter, withHashLocation, withComponentInputBinding, RouteReuseStrategy, RouterModule } from '@angular/router';
+import { RouterModule, RouteReuseStrategy } from '@angular/router';
 import * as i1$1 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 { HttpClientXsrfModule, HttpClientModule } from '@angular/common/http';
 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, AbstractHttpService, App } from '@wm/core';
 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';
@@ -76,12 +63,23 @@ import { CarouselDirective, CarouselTemplateDirective } from '@wm/components/adv
 import { LoginComponent } from '@wm/components/advanced/login';
 import { MarqueeDirective } from '@wm/components/advanced/marquee';
 import { CustomWidgetDirective, CustomWidgetContainerDirective } from '@wm/components/advanced/custom';
+import { PageDirective, LayoutDirective, ContentComponent, PageContentComponent, SpaPageDirective, RouterOutletDirective } from '@wm/components/page';
 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';
+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 { WmComponentsModule } from '@wm/components/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 { HttpServiceImpl } from '@wm/http';
 
 class PageWrapperComponent {
     constructor(injector, route, vcRef, appRef, metadataService, securityService, appManager, app, ngZone, elRef, spinnerService, componentRefProvider, router) {
@@ -203,25 +201,6 @@ 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();
@@ -242,22 +221,22 @@ class AppJSProviderService extends AppJSProvider {
             }]
     }], () => [{ type: i1$1.HttpClient }], null); })();
 
-const cache$1 = new Map();
+const cache$2 = new Map();
 class AppResourceManagerService {
     get(url, useCache) {
-        const cachedResponse = cache$1.get(url);
+        const cachedResponse = cache$2.get(url);
         if (cachedResponse) {
             return Promise.resolve(cachedResponse);
         }
         return this.$http.get(url).then(response => {
             if (useCache) {
-                cache$1.set(url, response);
+                cache$2.set(url, response);
             }
             return response;
         });
     }
     clearCache() {
-        cache$1.clear();
+        cache$2.clear();
     }
     constructor($http) {
         this.$http = $http;
@@ -424,7 +403,8 @@ const getDynamicComponent = (componentName, type, template, css, script, variabl
             {
                 provide: UserDefinedExecutionContext,
                 useExisting: DynamicComponent
-            }
+            },
+            PageDirective,
         ]
     })(DynamicComponent);
     return component;
@@ -512,6 +492,25 @@ 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) {
@@ -536,145 +535,6 @@ 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
@@ -871,6 +731,35 @@ AppModule = __decorate([
     __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 => {
+        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.
  */