@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.6276

package/runtime/dynamic/fesm2022/index.mjs

@@ -5,13 +5,12 @@ import { bootstrapApplication, BrowserModule } from '@angular/platform-browser';
 import * as i5 from '@wm/core';
 import { appendScriptToHead, UserDefinedExecutionContext, getValidJSON, _WM_APP_PROJECT, AbstractI18nService, App, AbstractToasterService, AbstractSpinnerService, AbstractNavigationService, AbstractDialogService, AppDefaults, DynamicComponentRefProvider, PartialRefProvider, CustomWidgetRefProvider, AbstractHttpService, setPreviewProperties, CustomIconsLoaderService, getWmProjectProperties } from '@wm/core';
 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 { ComponentType, BasePageComponent, EmptyPageComponent, PrefabPreviewComponent, CanDeactivatePageGuard, CustomwidgetConfigProvider, AppJSProvider, AppVariablesProvider, AppExtensionProvider, getPrefabPartialJsonUrl, getPrefabMinJsonUrl, AccessrolesDirective, AppSpinnerComponent, CustomToasterComponent, AppComponent, PrefabDirective, PipeService, AppManagerService, PrefabManagerService, AuthGuard, RoleGuard, PageNotFoundGuard, AppJSResolve, AppExtensionJSResolve, I18nResolve, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, BaseCustomWidgetComponent, BasePrefabComponent, BasePartialComponent, ComponentRefProvider, PrefabConfigProvider, getPrefabConfigUrl, HttpCallInterceptor, AppBeforeLoadResolve, AppVariablesResolve, AppRef, ToasterServiceImpl, I18nServiceImpl, SpinnerServiceImpl, NavigationServiceImpl, AppDefaultsService, DynamicComponentRefProviderService, WmRouteReuseStrategy, WM_MODULES_FOR_ROOT } from '@wm/runtime/base';
 import * as i1 from '@angular/router';
-import { provideRouter, withHashLocation, withComponentInputBinding, RouteReuseStrategy, RouterModule } from '@angular/router';
+import { provideRouter, RouteReuseStrategy, withHashLocation, withComponentInputBinding, RouterModule } from '@angular/router';
 import * as i1$1 from '@angular/common/http';
-import { provideHttpClient, withInterceptorsFromDi, withXsrfConfiguration, HTTP_INTERCEPTORS, HttpClientXsrfModule, HttpClientModule } from '@angular/common/http';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi, withXsrfConfiguration, 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 i2 from '@wm/variables';
 import { VariablesService, MetadataService } from '@wm/variables';
 import * as i3 from '@wm/security';
@@ -24,10 +23,13 @@ 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 { scopeComponentStyles, transpile } from '@wm/transpiler';
 import * as customWidgets from '@wavemaker/custom-widgets-m3';
 import { PageDirective, LayoutDirective, ContentComponent, PageContentComponent, SpaPageDirective, RouterOutletDirective } from '@wm/components/page';
+import { PartialDirective, DialogServiceImpl, SanitizePipe, ToDatePipe, FilterPipe, TrailingZeroDecimalPipe, TrustAsPipe, ImagePipe, CustomPipe } from '@wm/components/base';
+import { ProgressBarComponent } from '@wm/components/basic/progress/progress-bar';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { PrefabContainerDirective, PrefabDirective as PrefabDirective$1 } from '@wm/components/prefab';
 import { TypeaheadModule } from 'ngx-bootstrap/typeahead';
 import { TimepickerModule } from 'ngx-bootstrap/timepicker';
 import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
@@ -36,17 +38,40 @@ import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import { PopoverModule } from 'ngx-bootstrap/popover';
 import { CarouselModule } from 'ngx-bootstrap/carousel';
-import { AnchorComponent, AudioComponent, HtmlDirective, IconComponent, IframeComponent, LabelDirective, PictureDirective, SpinnerComponent, VideoComponent } from '@wm/components/basic';
-import { ProgressBarComponent, ProgressCircleComponent } from '@wm/components/basic/progress';
+import { AnchorComponent } from '@wm/components/basic/anchor';
+import { AudioComponent } from '@wm/components/basic/audio';
+import { HtmlDirective } from '@wm/components/basic/html';
+import { IconComponent } from '@wm/components/basic/icon';
+import { IframeComponent } from '@wm/components/basic/iframe';
+import { LabelDirective } from '@wm/components/basic/label';
+import { PictureDirective } from '@wm/components/basic/picture';
+import { SpinnerComponent } from '@wm/components/basic/spinner';
+import { VideoComponent } from '@wm/components/basic/video';
+import { ProgressCircleComponent } from '@wm/components/basic/progress/progress-circle';
 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 { ButtonComponent } from '@wm/components/input/button';
+import { ButtonGroupDirective } from '@wm/components/input/button-group';
+import { CaptionPositionDirective } from '@wm/components/input/caption-position';
+import { CheckboxComponent } from '@wm/components/input/checkbox';
+import { CheckboxsetComponent } from '@wm/components/input/checkboxset';
+import { CompositeDirective } from '@wm/components/input/composite';
+import { NumberComponent } from '@wm/components/input/number';
+import { RadiosetComponent } from '@wm/components/input/radioset';
+import { SelectComponent } from '@wm/components/input/select';
+import { SwitchComponent } from '@wm/components/input/switch';
+import { InputCalendarComponent, InputColorComponent, InputEmailComponent, InputNumberComponent, InputTextComponent } from '@wm/components/input/text';
+import { TextareaComponent } from '@wm/components/input/textarea';
 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 { DateComponent } from '@wm/components/input/epoch/date';
+import { DatetimeComponent } from '@wm/components/input/epoch/date-time';
+import { TimeComponent } from '@wm/components/input/epoch/time';
+import { DateTimePickerComponent, TimePickerComponent } from '@wm/components/input/epoch/date-time-picker';
+import { PickerComponent, PickerGroupComponent } from '@wm/components/input/epoch/picker';
 import { FileUploadComponent } from '@wm/components/input/file-upload';
 import { RatingComponent } from '@wm/components/input/rating';
 import { SliderComponent } from '@wm/components/input/slider';
@@ -81,7 +106,6 @@ 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) {
@@ -160,44 +184,32 @@ class PageWrapperComponent {
     ngOnDetach() {
         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"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 0, template: function PageWrapperComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelement(0, "div");
-        } }, dependencies: [WmComponentsModule], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageWrapperComponent, deps: [{ token: i0.Injector }, { token: i1.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ApplicationRef }, { token: i2.MetadataService }, { token: i3.SecurityService }, { token: i4.AppManagerService }, { token: i5.App }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i5.AbstractSpinnerService }, { token: i4.ComponentRefProvider }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PageWrapperComponent, isStandalone: true, selector: "app-page-outlet", ngImport: i0, template: '<div></div>', isInline: true }); }
 }
-(() => { (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: 28 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'app-page-outlet',
+                    template: '<div></div>'
+                }]
+        }], ctorParameters: () => [{ 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 }] });
 
-const appDependenciesResolve = {
-    securityConfig: SecurityConfigResolve,
-    metadata: MetadataResolve,
-    appMetaConfig: AppExtensionJSResolve
-};
 const routes = [
     {
         path: '',
         pathMatch: 'full',
-        resolve: appDependenciesResolve,
         component: EmptyPageComponent
     },
     {
         path: 'prefab-preview',
         pathMatch: 'full',
-        resolve: appDependenciesResolve,
         component: PrefabPreviewComponent
     },
     {
         path: ':pageName',
         pathMatch: 'full',
-        resolve: appDependenciesResolve,
         component: PageWrapperComponent,
         canDeactivate: [CanDeactivatePageGuard]
     }
@@ -215,12 +227,12 @@ class CustomwidgetConfigProviderService extends CustomwidgetConfigProvider {
             });
         });
     }
-    static { this.ɵfac = function CustomwidgetConfigProviderService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomwidgetConfigProviderService)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CustomwidgetConfigProviderService, factory: CustomwidgetConfigProviderService.ɵfac }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomwidgetConfigProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomwidgetConfigProviderService }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomwidgetConfigProviderService, [{
-        type: Injectable
-    }], () => [], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomwidgetConfigProviderService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
 
 class AppJSProviderService extends AppJSProvider {
     constructor($http) {
@@ -232,15 +244,15 @@ class AppJSProviderService extends AppJSProvider {
             .toPromise()
             .then(script => new Function('App', 'Utils', 'Injector', script));
     }
-    static { this.ɵfac = function AppJSProviderService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppJSProviderService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppJSProviderService, factory: AppJSProviderService.ɵfac, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppJSProviderService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppJSProviderService, providedIn: 'root' }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppJSProviderService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppJSProviderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
 
 const cache$1 = new Map();
 class AppResourceManagerService {
@@ -262,30 +274,32 @@ class AppResourceManagerService {
     constructor($http) {
         this.$http = $http;
     }
-    static { this.ɵfac = function AppResourceManagerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppResourceManagerService)(i0.ɵɵinject(i5.AbstractHttpService)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppResourceManagerService, factory: AppResourceManagerService.ɵfac }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppResourceManagerService, deps: [{ token: i5.AbstractHttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppResourceManagerService }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppResourceManagerService, [{
-        type: Injectable
-    }], () => [{ type: i5.AbstractHttpService }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppResourceManagerService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i5.AbstractHttpService }] });
 
 class AppVariablesProviderService extends AppVariablesProvider {
-    constructor(resourceManager) {
+    constructor(resourceManager, app) {
         super();
         this.resourceManager = resourceManager;
+        this.app = app;
     }
     async getAppVariables() {
-        return this.resourceManager.get('./app.variables.json');
+        // if prefab return {} - app variables will be empty for prefabs
+        return this.app.isPrefabType ? {} : this.resourceManager.get('./app.variables.json');
     }
-    static { this.ɵfac = function AppVariablesProviderService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppVariablesProviderService)(i0.ɵɵinject(AppResourceManagerService)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppVariablesProviderService, factory: AppVariablesProviderService.ɵfac, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppVariablesProviderService, deps: [{ token: AppResourceManagerService }, { token: i5.App }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppVariablesProviderService, providedIn: 'root' }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppVariablesProviderService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], () => [{ type: AppResourceManagerService }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppVariablesProviderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: AppResourceManagerService }, { type: i5.App }] });
 
 class AppExtensionProviderService extends AppExtensionProvider {
     // With renderer create element, added onloaded callback the append to the body
@@ -297,15 +311,15 @@ class AppExtensionProviderService extends AppExtensionProvider {
             console.warn('Error while loading the formatters.js file');
         }
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAppExtensionProviderService_BaseFactory; return function AppExtensionProviderService_Factory(__ngFactoryType__) { return (ɵAppExtensionProviderService_BaseFactory || (ɵAppExtensionProviderService_BaseFactory = i0.ɵɵgetInheritedFactory(AppExtensionProviderService)))(__ngFactoryType__ || AppExtensionProviderService); }; })(); }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppExtensionProviderService, factory: AppExtensionProviderService.ɵfac, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppExtensionProviderService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppExtensionProviderService, providedIn: 'root' }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppExtensionProviderService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppExtensionProviderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 const fragmentCache = new Map();
 window.resourceCache = fragmentCache;
@@ -339,11 +353,51 @@ const execScript = (script, identifier, ctx, instance, app, utils) => {
 class BaseDynamicComponent {
     init() { }
 }
+const imports = [
+    PartialDirective,
+    PageDirective,
+    AccessrolesDirective,
+    AppSpinnerComponent,
+    CustomToasterComponent,
+    AppComponent,
+    PrefabDirective,
+    PrefabPreviewComponent,
+    EmptyPageComponent,
+    LayoutDirective,
+    ContentComponent,
+    PageContentComponent,
+    SpaPageDirective,
+    RouterOutletDirective,
+    ProgressBarComponent,
+    PrefabContainerDirective,
+];
 const getDynamicModule = (componentRef) => {
     return NgModule({
         declarations: [componentRef],
         imports: [
-            RuntimeBaseModule,
+            ...REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS,
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ...imports
+        ],
+        providers: [
+            PipeService,
+            DecimalPipe,
+            DatePipe,
+            AppManagerService,
+            PrefabManagerService,
+            AuthGuard,
+            RoleGuard,
+            PageNotFoundGuard,
+            CanDeactivatePageGuard,
+            AppJSResolve,
+            AppExtensionJSResolve,
+            I18nResolve,
+            SecurityService,
+            OAuthService,
+            VariablesService,
+            MetadataService,
         ],
         schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]
     })(class DynamicModule {
@@ -505,12 +559,12 @@ class ComponentRefProviderService extends ComponentRefProvider {
             map.clear();
         });
     }
-    static { this.ɵfac = function ComponentRefProviderService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ComponentRefProviderService)(i0.ɵɵinject(AppResourceManagerService), i0.ɵɵinject(i5.App), i0.ɵɵinject(i4.AppManagerService), i0.ɵɵinject(i0.Compiler)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ComponentRefProviderService, factory: ComponentRefProviderService.ɵfac }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponentRefProviderService, deps: [{ token: AppResourceManagerService }, { token: i5.App }, { token: i4.AppManagerService }, { token: i0.Compiler }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponentRefProviderService }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentRefProviderService, [{
-        type: Injectable
-    }], () => [{ type: AppResourceManagerService }, { type: i5.App }, { type: i4.AppManagerService }, { type: i0.Compiler }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponentRefProviderService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: AppResourceManagerService }, { type: i5.App }, { type: i4.AppManagerService }, { type: i0.Compiler }] });
 
 const cache = new Map();
 class PrefabConfigProviderService extends PrefabConfigProvider {
@@ -529,12 +583,12 @@ class PrefabConfigProviderService extends PrefabConfigProvider {
             return _config;
         });
     }
-    static { this.ɵfac = function PrefabConfigProviderService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrefabConfigProviderService)(i0.ɵɵinject(AppResourceManagerService)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrefabConfigProviderService, factory: PrefabConfigProviderService.ɵfac }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrefabConfigProviderService, deps: [{ token: AppResourceManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrefabConfigProviderService }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabConfigProviderService, [{
-        type: Injectable
-    }], () => [{ type: AppResourceManagerService }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrefabConfigProviderService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: AppResourceManagerService }] });
 
 const wmModules = [
     importProvidersFrom(ModalModule.forRoot(), ToastNoAnimationModule.forRoot({ maxOpened: 1, autoDismiss: true }), BsDatepickerModule.forRoot(), NgCircleProgressModule.forRoot())
@@ -562,11 +616,14 @@ const initializeProjectDetails = () => {
         //for app preview there is no webpack. Don't do anything.
     }
 };
-function InitializeApp(I18nService, AppJSResolve) {
+function InitializeApp(I18nService, AppJSResolve, AppBeforeLoadResolve, AppVariablesResolve, AppExtensionJSResolve) {
     return async () => {
         initializeProjectDetails();
         await AppJSResolve.resolve();
-        return I18nService.loadDefaultLocale();
+        await AppVariablesResolve.resolve();
+        await AppExtensionJSResolve.resolve();
+        await I18nService.loadDefaultLocale();
+        return AppBeforeLoadResolve.resolve();
     };
 }
 function setAngularLocale(I18nService) {
@@ -575,6 +632,7 @@ function setAngularLocale(I18nService) {
 }
 const appConfig = {
     providers: [
+        { provide: HTTP_INTERCEPTORS, useClass: HttpCallInterceptor, multi: true },
         // Provide Angular core services
         provideRouter(routes, withHashLocation(), withComponentInputBinding()),
         provideHttpClient(withInterceptorsFromDi(), withXsrfConfiguration({
@@ -586,7 +644,7 @@ const appConfig = {
         {
             provide: APP_INITIALIZER,
             useFactory: InitializeApp,
-            deps: [AbstractI18nService, AppJSResolve],
+            deps: [AbstractI18nService, AppJSResolve, AppBeforeLoadResolve, AppVariablesResolve, AppExtensionJSResolve, PipeService],
             multi: true
         },
         {
@@ -594,11 +652,6 @@ const appConfig = {
             useFactory: setAngularLocale,
             deps: [AbstractI18nService]
         },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: HttpCallInterceptor,
-            multi: true
-        },
         { provide: App, useClass: AppRef },
         { provide: AbstractToasterService, useClass: ToasterServiceImpl },
         { provide: AbstractI18nService, useClass: I18nServiceImpl },
@@ -636,8 +689,10 @@ const appConfig = {
         PageNotFoundGuard,
         CanDeactivatePageGuard,
         AppJSResolve,
+        AppVariablesResolve,
         AppExtensionJSResolve,
         I18nResolve,
+        AppBeforeLoadResolve,
         SecurityService,
         OAuthService,
         VariablesService,
@@ -822,7 +877,7 @@ const componentsModule = [
     LeftPanelDirective,
     RightPanelDirective,
     TopNavDirective,
-    PrefabDirective, PrefabContainerDirective
+    PrefabDirective$1, PrefabContainerDirective
 ];
 REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(...componentsModule);
 REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(FormsModule, ReactiveFormsModule);