@wavemaker-ai/app-ng-runtime 1.0.0-rc.309

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

@@ -0,0 +1,887 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('lodash-es'), require('@angular/platform-browser'), require('@wm/core'), require('@wm/runtime/base'), require('@angular/router'), require('@angular/common/http'), require('@angular/platform-browser/animations'), require('@wm/variables'), require('@wm/security'), require('@wm/http'), require('@wm/oAuth'), require('ngx-toastr'), require('ngx-bootstrap/modal'), require('ngx-bootstrap/datepicker'), require('ng-circle-progress'), require('@angular/common'), require('tslib'), require('@wm/transpiler'), require('@wavemaker-ai/custom-widgets-m3'), require('@angular/forms'), require('@wm/components/page'), require('@wm/components/base'), require('@wm/components/basic/progress/progress-bar'), require('@wm/components/prefab'), require('ngx-bootstrap/typeahead'), require('ngx-bootstrap/timepicker'), require('ngx-bootstrap/progressbar'), require('ngx-bootstrap/pagination'), require('ngx-bootstrap/tooltip'), require('ngx-bootstrap/dropdown'), require('ngx-bootstrap/popover'), require('ngx-bootstrap/carousel'), require('@wm/components/basic/anchor'), require('@wm/components/basic/audio'), require('@wm/components/basic/html'), require('@wm/components/basic/icon'), require('@wm/components/basic/iframe'), require('@wm/components/basic/label'), require('@wm/components/basic/picture'), require('@wm/components/basic/spinner'), require('@wm/components/basic/video'), require('@wm/components/basic/progress/progress-circle'), require('@wm/components/basic/rich-text-editor'), require('@wm/components/basic/search'), require('@wm/components/basic/tree'), require('@wm/components/input/button'), require('@wm/components/input/button-group'), require('@wm/components/input/caption-position'), require('@wm/components/input/checkbox'), require('@wm/components/input/checkboxset'), require('@wm/components/input/composite'), require('@wm/components/input/number'), require('@wm/components/input/radioset'), require('@wm/components/input/select'), require('@wm/components/input/switch'), require('@wm/components/input/text'), require('@wm/components/input/textarea'), require('@wm/components/input/calendar'), require('@wm/components/input/chips'), require('@wm/components/input/color-picker'), require('@wm/components/input/currency'), require('@wm/components/input/epoch/date'), require('@wm/components/input/epoch/date-time'), require('@wm/components/input/epoch/time'), require('@wm/components/input/epoch/date-time-picker'), require('@wm/components/input/epoch/picker'), require('@wm/components/input/file-upload'), require('@wm/components/input/rating'), require('@wm/components/input/slider'), require('@wm/components/data/card'), require('@wm/components/data/form'), require('@wm/components/data/list'), require('@wm/components/data/live-table'), require('@wm/components/data/pagination'), require('@wm/components/data/table'), require('@wm/components/chart'), require('@wm/components/containers/accordion'), require('@wm/components/containers/linear-layout'), require('@wm/components/containers/layout-grid'), require('@wm/components/containers/panel'), require('@wm/components/containers/tabs'), require('@wm/components/containers/tile'), require('@wm/components/containers/wizard'), require('@wm/components/dialogs/alert-dialog'), require('@wm/components/dialogs/iframe-dialog'), require('@wm/components/dialogs/login-dialog'), require('@wm/components/dialogs/partial-dialog'), require('@wm/components/navigation/breadcrumb'), require('@wm/components/navigation/menu'), require('@wm/components/navigation/navbar'), require('@wm/components/navigation/popover'), require('@wm/components/advanced/carousel'), require('@wm/components/advanced/login'), require('@wm/components/advanced/marquee'), require('@wm/components/advanced/custom'), require('@wm/components/page/footer'), require('@wm/components/page/header'), require('@wm/components/page/left-panel'), require('@wm/components/page/right-panel'), require('@wm/components/page/top-nav')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', 'lodash-es', '@angular/platform-browser', '@wm/core', '@wm/runtime/base', '@angular/router', '@angular/common/http', '@angular/platform-browser/animations', '@wm/variables', '@wm/security', '@wm/http', '@wm/oAuth', 'ngx-toastr', 'ngx-bootstrap/modal', 'ngx-bootstrap/datepicker', 'ng-circle-progress', '@angular/common', 'tslib', '@wm/transpiler', '@wavemaker-ai/custom-widgets-m3', '@angular/forms', '@wm/components/page', '@wm/components/base', '@wm/components/basic/progress/progress-bar', '@wm/components/prefab', 'ngx-bootstrap/typeahead', 'ngx-bootstrap/timepicker', 'ngx-bootstrap/progressbar', 'ngx-bootstrap/pagination', 'ngx-bootstrap/tooltip', 'ngx-bootstrap/dropdown', 'ngx-bootstrap/popover', 'ngx-bootstrap/carousel', '@wm/components/basic/anchor', '@wm/components/basic/audio', '@wm/components/basic/html', '@wm/components/basic/icon', '@wm/components/basic/iframe', '@wm/components/basic/label', '@wm/components/basic/picture', '@wm/components/basic/spinner', '@wm/components/basic/video', '@wm/components/basic/progress/progress-circle', '@wm/components/basic/rich-text-editor', '@wm/components/basic/search', '@wm/components/basic/tree', '@wm/components/input/button', '@wm/components/input/button-group', '@wm/components/input/caption-position', '@wm/components/input/checkbox', '@wm/components/input/checkboxset', '@wm/components/input/composite', '@wm/components/input/number', '@wm/components/input/radioset', '@wm/components/input/select', '@wm/components/input/switch', '@wm/components/input/text', '@wm/components/input/textarea', '@wm/components/input/calendar', '@wm/components/input/chips', '@wm/components/input/color-picker', '@wm/components/input/currency', '@wm/components/input/epoch/date', '@wm/components/input/epoch/date-time', '@wm/components/input/epoch/time', '@wm/components/input/epoch/date-time-picker', '@wm/components/input/epoch/picker', '@wm/components/input/file-upload', '@wm/components/input/rating', '@wm/components/input/slider', '@wm/components/data/card', '@wm/components/data/form', '@wm/components/data/list', '@wm/components/data/live-table', '@wm/components/data/pagination', '@wm/components/data/table', '@wm/components/chart', '@wm/components/containers/accordion', '@wm/components/containers/linear-layout', '@wm/components/containers/layout-grid', '@wm/components/containers/panel', '@wm/components/containers/tabs', '@wm/components/containers/tile', '@wm/components/containers/wizard', '@wm/components/dialogs/alert-dialog', '@wm/components/dialogs/iframe-dialog', '@wm/components/dialogs/login-dialog', '@wm/components/dialogs/partial-dialog', '@wm/components/navigation/breadcrumb', '@wm/components/navigation/menu', '@wm/components/navigation/navbar', '@wm/components/navigation/popover', '@wm/components/advanced/carousel', '@wm/components/advanced/login', '@wm/components/advanced/marquee', '@wm/components/advanced/custom', '@wm/components/page/footer', '@wm/components/page/header', '@wm/components/page/left-panel', '@wm/components/page/right-panel', '@wm/components/page/top-nav'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.runtime = global.wm.runtime || {}, global.wm.runtime.dynamic = {}), global.ng.core, global._, global.ng.platformBrowser, global.wm.core, global.wm.runtime.base, global.ng.router, global.ng.common.http, global.ng.platformBrowser.animations, global.wm.variables, global.wm.security, global.wm.http, global.wm.oAuth, global.ngxToastr, global.ngxBootstrap.modal, global.ngxBootstrap.datepicker, global.ngCircleProgress, global.ng.common, global.tslib, global.wm.transpiler, global.wm_custom_widgets, global.ng.forms, global.wm.components.page, global.wm.components.base, global.wm.components.basic.progress.progressBar, global.wm.components.prefab, global.ngxBootstrap.typeahead, global.ngxBootstrap.timepicker, global.ngxBootstrap.progressbar, global.ngxBootstrap.pagination, global.ngxBootstrap.tooltip, global.ngxBootstrap.dropdown, global.ngxBootstrap.popover, global.ngxBootstrap.carousel, global.wm.components.basic.anchor, global.wm.components.basic.audio, global.wm.components.basic.html, global.wm.components.basic.icon, global.wm.components.basic.iframe, global.wm.components.basic.label, global.wm.components.basic.picture, global.wm.components.basic.spinner, global.wm.components.basic.video, global.wm.components.basic.progress.progressCircle, global.wm.components.basic.richtexteditor, global.wm.components.basic.search, global.wm.components.basic.tree, global.wm.components.input.button, global.wm.components.input.buttongroup, global.wm.components.input.captionposition, global.wm.components.input.checkbox, global.wm.components.input.checkboxset, global.wm.components.input.composite, global.wm.components.input.number, global.wm.components.input.radioset, global.wm.components.input.select, global.wm.components.input.switch, global.wm.components.input.text, global.wm.components.input.textarea, global.wm.components.input.calendar, global.wm.components.input.chips, global.wm.components.input.colorpicker, global.wm.components.input.currency, global.wm.components.input.epoch.date, global.wm.components.input.epoch.dateTime, global.wm.components.input.epoch.time, global.wm.components.input.epoch.dateTimePicker, global.wm.components.input.epoch.picker, global.wm.components.input.fileupload, global.wm.components.input.rating, global.wm.components.input.slider, global.wm.components.data.card, global.wm.components.data.form, global.wm.components.data.list, global.wm.components.data.livetable, global.wm.components.data.pagination, global.wm.components.data.table, global.wm.components.chart, global.wm.components.containers.accordion, global.wm.components.containers.linearlayout, global.wm.components.containers.layoutgrid, global.wm.components.containers.panel, global.wm.components.containers.tabs, global.wm.components.containers.tile, global.wm.components.containers.wizard, global.wm.components.dialogs.alertdialog, global.wm.components.dialogs.iframedialog, global.wm.components.dialogs.logindialog, global.wm.components.dialogs.partialdialog, global.wm.components.navigation.breadcrumb, global.wm.components.navigation.menu, global.wm.components.navigation.navbar, global.wm.components.navigation.popover, global.wm.components.advanced.carousel, global.wm.components.advanced.login, global.wm.components.advanced.marquee, global.wm.components.advanced.custom, global.wm.components.page.footer, global.wm.components.page.header, global.wm.components.page.leftpanel, global.wm.components.page.rightpanel, global.wm.components.page.topnav));
+})(this, (function (exports, i0, lodashEs, platformBrowser, i5, i4, i1, i1$1, animations, i2, i3, http, oAuth, ngxToastr, modal, datepicker, ngCircleProgress, common, tslib, transpiler, customWidgets, forms, page, base, progressBar, prefab, typeahead, timepicker, progressbar, pagination, tooltip, dropdown, popover, carousel, anchor, audio, html, icon, iframe, label, picture, spinner, video, progressCircle, richTextEditor, search, tree, button, buttonGroup, captionPosition, checkbox, checkboxset, composite, number, radioset, select, _switch, text, textarea, calendar, chips, colorPicker, currency, date, dateTime, time, dateTimePicker, picker, fileUpload, rating, slider, card, form, list, liveTable, pagination$1, table, chart, accordion, linearLayout, layoutGrid, panel, tabs, tile, wizard, alertDialog, iframeDialog, loginDialog, partialDialog, breadcrumb, menu, navbar, popover$1, carousel$1, login, marquee, custom, footer, header, leftPanel, rightPanel, topNav) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+    var i5__namespace = /*#__PURE__*/_interopNamespaceDefault(i5);
+    var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
+    var customWidgets__namespace = /*#__PURE__*/_interopNamespaceDefault(customWidgets);
+
+    class PageWrapperComponent {
+        constructor(injector, envInjector, route, vcRef, appRef, metadataService, securityService, appManager, app, ngZone, elRef, spinnerService, componentRefProvider, router) {
+            this.injector = injector;
+            this.envInjector = envInjector;
+            this.route = route;
+            this.vcRef = vcRef;
+            this.appRef = appRef;
+            this.metadataService = metadataService;
+            this.securityService = securityService;
+            this.appManager = appManager;
+            this.app = app;
+            this.ngZone = ngZone;
+            this.elRef = elRef;
+            this.spinnerService = spinnerService;
+            this.componentRefProvider = componentRefProvider;
+            this.router = router;
+        }
+        getTargetNode() {
+            return this.elRef.nativeElement;
+        }
+        resetViewContainer() {
+            this.vcRef.clear();
+            const $target = this.getTargetNode();
+            $target.innerHTML = '';
+        }
+        renderPage(pageName) {
+            const $target = this.getTargetNode();
+            this.appManager.loadAppVariables()
+                .then(async () => {
+                const PageComponentClass = await this.componentRefProvider.getComponentFactoryRef(pageName, i4.ComponentType.PAGE);
+                if (!PageComponentClass) {
+                    console.error(`Failed to load page component: ${pageName}`);
+                    i4.BasePageComponent.clear();
+                    return;
+                }
+                try {
+                    // Create a child injector that explicitly provides the route-specific
+                    // ActivatedRoute from PageWrapperComponent. This ensures dynamically
+                    // created page components get the correct ActivatedRoute with proper
+                    // queryParams, rather than a root-level ActivatedRoute.
+                    const childInjector = i0.Injector.create({
+                        providers: [
+                            { provide: i1.ActivatedRoute, useValue: this.route }
+                        ],
+                        parent: this.injector
+                    });
+                    const componentRef = this.vcRef.createComponent(PageComponentClass, {
+                        index: 0,
+                        environmentInjector: this.envInjector,
+                        injector: childInjector
+                    });
+                    this.instance = componentRef.instance;
+                    $target.appendChild(componentRef.location.nativeElement);
+                    // Clean up any duplicate component instances
+                    if (this.vcRef.length > 1) {
+                        this.vcRef.remove(1);
+                    }
+                }
+                catch (error) {
+                    console.error(`Error creating page component ${pageName}:`, error);
+                    i4.BasePageComponent.clear();
+                }
+            })
+                .catch(error => {
+                console.error(`Error loading app variables for page ${pageName}:`, error);
+                i4.BasePageComponent.clear();
+            });
+        }
+        renderPrefabPreviewPage() {
+            this.router.navigate(['prefab-preview']);
+        }
+        loadPage(pageName) {
+            this.ngZone.run(() => {
+                if (pageName) {
+                    this.renderPage(pageName);
+                }
+            });
+        }
+        ngOnInit() {
+            if (this.app.isPrefabType) {
+                // there is only one route
+                this.renderPrefabPreviewPage();
+            }
+            else {
+                $(this.getTargetNode()).find('>div').first().remove();
+                this.subscription = this.route.params.subscribe(({ pageName }) => {
+                    this.loadPage(pageName);
+                });
+            }
+        }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear ViewContainerRef to destroy dynamically created components
+            this.vcRef.clear();
+            // MEMORY LEAK FIX: Unsubscribe from route params subscription
+            if (this.subscription) {
+                this.subscription.unsubscribe();
+                this.subscription = null;
+            }
+            // MEMORY LEAK FIX: Clear instance reference
+            this.instance = null;
+        }
+        ngOnAttach() {
+            this.getTargetNode().appendChild(this.instance.$page[0]);
+            this.instance.ngOnAttach();
+        }
+        ngOnDetach() {
+            this.instance.ngOnDetach();
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: PageWrapperComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.EnvironmentInjector }, { token: i1__namespace.ActivatedRoute }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.ApplicationRef }, { token: i2__namespace.MetadataService }, { token: i3__namespace.SecurityService }, { token: i4__namespace.AppManagerService }, { token: i5__namespace.App }, { token: i0__namespace.NgZone }, { token: i0__namespace.ElementRef }, { token: i5__namespace.AbstractSpinnerService }, { token: i4__namespace.ComponentRefProvider }, { token: i1__namespace.Router }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PageWrapperComponent, isStandalone: true, selector: "app-page-outlet", ngImport: i0__namespace, template: '<div></div>', isInline: true }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: PageWrapperComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        standalone: true,
+                        selector: 'app-page-outlet',
+                        template: '<div></div>'
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i0__namespace.EnvironmentInjector }, { type: i1__namespace.ActivatedRoute }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ApplicationRef }, { type: i2__namespace.MetadataService }, { type: i3__namespace.SecurityService }, { type: i4__namespace.AppManagerService }, { type: i5__namespace.App }, { type: i0__namespace.NgZone }, { type: i0__namespace.ElementRef }, { type: i5__namespace.AbstractSpinnerService }, { type: i4__namespace.ComponentRefProvider }, { type: i1__namespace.Router }] });
+
+    const routes = [
+        {
+            path: '',
+            pathMatch: 'full',
+            component: i4.EmptyPageComponent
+        },
+        {
+            path: 'prefab-preview',
+            pathMatch: 'full',
+            component: i4.PrefabPreviewComponent
+        },
+        {
+            path: ':pageName',
+            pathMatch: 'full',
+            component: PageWrapperComponent,
+            canDeactivate: [i4.CanDeactivatePageGuard]
+        }
+    ];
+    class CustomwidgetConfigProviderService extends i4.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 = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: CustomwidgetConfigProviderService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: CustomwidgetConfigProviderService }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: CustomwidgetConfigProviderService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: () => [] });
+
+    class AppJSProviderService extends i4.AppJSProvider {
+        constructor($http) {
+            super();
+            this.$http = $http;
+        }
+        getAppScriptFn() {
+            return this.$http.get('./app.js', { responseType: 'text' })
+                .toPromise()
+                .then(script => new Function('App', 'Utils', 'Injector', script));
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppJSProviderService, deps: [{ token: i1$1__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppJSProviderService, providedIn: 'root' }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppJSProviderService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: () => [{ type: i1$1__namespace.HttpClient }] });
+
+    const cache$1 = new Map();
+    class AppResourceManagerService {
+        get(url, useCache) {
+            const cachedResponse = cache$1.get(url);
+            if (cachedResponse) {
+                return Promise.resolve(cachedResponse);
+            }
+            return this.$http.get(url).then(response => {
+                if (useCache) {
+                    cache$1.set(url, response);
+                }
+                return response;
+            });
+        }
+        clearCache() {
+            cache$1.clear();
+        }
+        constructor($http) {
+            this.$http = $http;
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppResourceManagerService, deps: [{ token: i5__namespace.AbstractHttpService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppResourceManagerService }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppResourceManagerService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: () => [{ type: i5__namespace.AbstractHttpService }] });
+
+    class AppVariablesProviderService extends i4.AppVariablesProvider {
+        constructor(resourceManager, app) {
+            super();
+            this.resourceManager = resourceManager;
+            this.app = app;
+        }
+        async getAppVariables() {
+            // if prefab return {} - app variables will be empty for prefabs
+            return this.app.isPrefabType ? {} : this.resourceManager.get('./app.variables.json');
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppVariablesProviderService, deps: [{ token: AppResourceManagerService }, { token: i5__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppVariablesProviderService, providedIn: 'root' }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppVariablesProviderService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: () => [{ type: AppResourceManagerService }, { type: i5__namespace.App }] });
+
+    class AppExtensionProviderService extends i4.AppExtensionProvider {
+        // With renderer create element, added onloaded callback the append to the body
+        loadFormatterConfigScript(callback) {
+            try {
+                i5.appendScriptToHead(callback);
+            }
+            catch (e) {
+                console.warn('Error while loading the formatters.js file');
+            }
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppExtensionProviderService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppExtensionProviderService, providedIn: 'root' }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AppExtensionProviderService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }] });
+
+    // ==================== Caches ====================
+    const fragmentCache = new Map();
+    const componentCache = new Map([
+        [i4.ComponentType.PAGE, new Map()],
+        [i4.ComponentType.PARTIAL, new Map()],
+        [i4.ComponentType.PREFAB, new Map()],
+        [i4.ComponentType.WIDGET, new Map()]
+    ]);
+    const scriptCache = new Map();
+    window.resourceCache = fragmentCache;
+    // ==================== Utilities ====================
+    const decode = (str) => {
+        try {
+            return decodeURIComponent(str.replace(/\+/g, ' '));
+        }
+        catch {
+            return str;
+        }
+    };
+    const getUrl = (name, type, options) => {
+        if (type === i4.ComponentType.PAGE || type === i4.ComponentType.PARTIAL) {
+            return options?.prefab ? i4.getPrefabPartialJsonUrl(options.prefab, name) : `./pages/${name}/page.min.json`;
+        }
+        return type === i4.ComponentType.PREFAB ? i4.getPrefabMinJsonUrl(name) : `./custom-widgets/${name}/page.min.json`;
+    };
+    const execScript = (script, id, ctx, instance, app, utils) => {
+        let fn = scriptCache.get(id);
+        if ((ctx === 'Partial' && !lodashEs.isUndefined(instance.Prefab)) || !fn) {
+            fn = new Function(ctx, 'App', 'Utils', script);
+            scriptCache.set(id, fn);
+        }
+        fn(instance, app, utils);
+    };
+    // ==================== Component Imports ====================
+    const IMPORTS = [
+        ...i4.REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule,
+        base.PartialDirective, page.PageDirective, i4.AccessrolesDirective, i4.AppSpinnerComponent, i4.CustomToasterComponent,
+        i4.AppComponent, i4.PrefabDirective, i4.PrefabPreviewComponent, i4.EmptyPageComponent, page.LayoutDirective,
+        page.ContentComponent, page.PageContentComponent, page.SpaPageDirective, page.RouterOutletDirective,
+        progressBar.ProgressBarComponent, prefab.PrefabContainerDirective
+    ];
+    // ==================== Component Factory ====================
+    const CONFIG_MAP = {
+        [i4.ComponentType.PAGE]: { Base: i4.BasePageComponent, prefix: 'app-page-', ctx: 'Page' },
+        [i4.ComponentType.PARTIAL]: { Base: i4.BasePartialComponent, prefix: 'app-partial-', ctx: 'Partial' },
+        [i4.ComponentType.PREFAB]: { Base: i4.BasePrefabComponent, prefix: 'app-prefab-', ctx: 'Prefab' },
+        [i4.ComponentType.WIDGET]: { Base: i4.BaseCustomWidgetComponent, prefix: 'app-custom-', ctx: 'Widget' }
+    };
+    const createComponent = (name, type, template, css, script, variables) => {
+        const { Base, prefix, ctx } = CONFIG_MAP[type];
+        const selector = prefix + name;
+        let DynamicComponent = class DynamicComponent extends Base {
+            constructor(injector) {
+                super();
+                this.injector = injector;
+                this.isDynamicComponent = true;
+                this.injector = injector;
+                // Set component name based on type
+                if (type === i4.ComponentType.PAGE)
+                    this.pageName = name;
+                else if (type === i4.ComponentType.PARTIAL)
+                    this.partialName = name;
+                else if (type === i4.ComponentType.PREFAB)
+                    this.prefabName = name;
+                else if (type === i4.ComponentType.WIDGET)
+                    this.customWidgetName = name;
+                super.init();
+            }
+            evalUserScript(instance, app, utils) {
+                execScript(script, selector, ctx, instance, app, utils);
+            }
+            getVariables() {
+                try {
+                    return JSON.parse(variables) || {};
+                }
+                catch {
+                    return {};
+                }
+            }
+            getExpressions() {
+                return {};
+            }
+        };
+        DynamicComponent = tslib.__decorate([
+            tslib.__param(0, i0.Inject(i0.Injector)),
+            tslib.__metadata("design:paramtypes", [i0.Injector])
+        ], DynamicComponent);
+        return i0.Component({
+            template,
+            styles: [css],
+            encapsulation: i0.ViewEncapsulation.None,
+            selector,
+            standalone: true,
+            imports: [...IMPORTS],
+            providers: [{ provide: i5.UserDefinedExecutionContext, useExisting: DynamicComponent }],
+            schemas: [i0.CUSTOM_ELEMENTS_SCHEMA, i0.NO_ERRORS_SCHEMA]
+        })(DynamicComponent);
+    };
+    // ==================== Service ====================
+    class ComponentRefProviderService extends i4.ComponentRefProvider {
+        constructor() {
+            super();
+            this.cache = new Map();
+            this.app = i0.inject(i5.App);
+            this.appManager = i0.inject(i4.AppManagerService);
+            this.resourceMngr = i0.inject(AppResourceManagerService);
+        }
+        /**
+         * Load component fragment (markup, script, styles, variables) from JSON resources
+         * Fetches and processes .min.json files for pages, partials, prefabs, and widgets
+         *
+         * @param name - Component name
+         * @param type - Component type (PAGE, PARTIAL, PREFAB, WIDGET)
+         * @param options - Additional options (e.g., prefab context)
+         * @returns Promise resolving to processed component definition
+         * @throws Error with user-friendly message if loading fails (404, 403, etc.)
+         * @private
+         */
+        async loadFragment(name, type, options) {
+            const url = getUrl(name, type, options);
+            // Return cached promise if already loading/loaded
+            if (fragmentCache.has(url)) {
+                return fragmentCache.get(url);
+            }
+            // Create loading promise
+            const loadPromise = (async () => {
+                try {
+                    // Determine if we need to fetch from server or use bundled custom widgets
+                    const shouldFetch = type === i4.ComponentType.WIDGET && !customWidgets__namespace[name];
+                    const rawData = shouldFetch || type !== i4.ComponentType.WIDGET
+                        ? await this.resourceMngr.get(url, true)
+                        : customWidgets__namespace[name];
+                    // Process and return component definition
+                    return {
+                        markup: transpiler.transpile(decode(rawData.markup)).markup,
+                        script: decode(rawData.script),
+                        styles: transpiler.scopeComponentStyles(name, type, decode(rawData.styles)),
+                        variables: i5.getValidJSON(decode(rawData.variables)),
+                        ...(rawData.config && { config: i5.getValidJSON(decode(rawData.config)) })
+                    };
+                }
+                catch (err) {
+                    // Provide user-friendly error messages
+                    const status = err?.details?.status;
+                    const errorMessages = {
+                        404: this.app.appLocale?.MESSAGE_PAGE_NOT_FOUND || 'Page not available',
+                        403: this.app.appLocale?.LABEL_ACCESS_DENIED || 'Access Denied'
+                    };
+                    throw errorMessages[status] || 'Unknown error loading component';
+                }
+            })();
+            // Cache the promise to prevent duplicate requests
+            fragmentCache.set(url, loadPromise);
+            return loadPromise;
+        }
+        /**
+         * Get component class by loading and compiling from JSON resources
+         * Loads page/partial/prefab/widget definitions from .min.json files and creates standalone components
+         *
+         * @param name - Component name (e.g., 'Main', 'Header')
+         * @param type - Component type (PAGE, PARTIAL, PREFAB, WIDGET)
+         * @param options - Additional options (e.g., prefab context for partials)
+         * @returns Promise resolving to component Type or undefined if loading fails
+         */
+        async getComponentFactoryRef(name, type, options) {
+            const cacheKey = options?.prefab ? `${options.prefab}${name}` : name;
+            const fullKey = `${type}-${cacheKey}`;
+            // Check component cache (by type and name)
+            const typeCache = componentCache.get(type);
+            if (typeCache?.has(cacheKey)) {
+                return typeCache.get(cacheKey);
+            }
+            // Check full cache (by full key)
+            if (this.cache.has(fullKey)) {
+                return this.cache.get(fullKey);
+            }
+            try {
+                // Load component definition from JSON file
+                const { markup, script, styles, variables } = await this.loadFragment(name, type, options);
+                // Create standalone component class from definition
+                const ComponentClass = createComponent(name, type, markup, styles, script, JSON.stringify(variables));
+                // Store in both caches for fast lookup
+                this.cache.set(fullKey, ComponentClass);
+                typeCache?.set(cacheKey, ComponentClass);
+                return ComponentClass;
+            }
+            catch (err) {
+                const errorMsg = lodashEs.isString(err) ? err : 'Error loading component, check console';
+                console.error(`Failed to load ${type} component '${name}':`, err);
+                this.appManager.notifyApp(errorMsg, 'error');
+                return undefined;
+            }
+        }
+        clearComponentFactoryRefCache() {
+            this.resourceMngr.clearCache();
+            fragmentCache.clear();
+            this.cache.clear();
+            componentCache.forEach(m => m.clear());
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ComponentRefProviderService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ComponentRefProviderService }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ComponentRefProviderService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: () => [] });
+
+    const cache = new Map();
+    class PrefabConfigProviderService extends i4.PrefabConfigProvider {
+        constructor(resourceMngr) {
+            super();
+            this.resourceMngr = resourceMngr;
+        }
+        getConfig(prefabName) {
+            const config = cache.get(prefabName);
+            if (config) {
+                return Promise.resolve(config);
+            }
+            return this.resourceMngr.get(i4.getPrefabConfigUrl(prefabName))
+                .then(_config => {
+                cache.set(prefabName, _config);
+                return _config;
+            });
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: PrefabConfigProviderService, deps: [{ token: AppResourceManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: PrefabConfigProviderService }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: PrefabConfigProviderService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: () => [{ type: AppResourceManagerService }] });
+
+    const wmModules = [
+        i0.importProvidersFrom(modal.ModalModule.forRoot(), ngxToastr.ToastNoAnimationModule.forRoot({ maxOpened: 1, autoDismiss: true }), datepicker.BsDatepickerModule.forRoot(), ngCircleProgress.NgCircleProgressModule.forRoot())
+    ];
+    const WM_XHR_FACTORY = { build: () => new XMLHttpRequest() };
+    const xsrfHeaderName$1 = i5.getWmProjectProperties().xsrf_header_name || "X-WM-XSRF-TOKEN";
+    const initializeProjectDetails = () => {
+        let cdnUrl = document.querySelector('[name="deployUrl"]') && document.querySelector('[name="deployUrl"]').getAttribute('content');
+        i5._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');
+        }
+        i5._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/
+        i5._WM_APP_PROJECT.apiUrl = apiUrl || './';
+        i5._WM_APP_PROJECT.cdnUrl = cdnUrl || 'ng-bundle/';
+        i5._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, AppBeforeLoadResolve, AppVariablesResolve, AppExtensionJSResolve, PipeService) {
+        return async () => {
+            initializeProjectDetails();
+            await AppJSResolve.resolve();
+            await AppVariablesResolve.resolve();
+            await AppExtensionJSResolve.resolve();
+            await I18nService.loadDefaultLocale();
+            return AppBeforeLoadResolve.resolve();
+        };
+    }
+    function setAngularLocale(I18nService) {
+        initializeProjectDetails();
+        return I18nService.deduceAppLocale();
+    }
+    const appConfig = {
+        providers: [
+            i0.provideZoneChangeDetection({
+                eventCoalescing: true,
+                runCoalescing: true
+            }),
+            { provide: i1$1.HTTP_INTERCEPTORS, useClass: i4.HttpCallInterceptor, multi: true },
+            // Provide Angular core services FIRST
+            i1.provideRouter(routes, i1.withHashLocation(), i1.withComponentInputBinding()),
+            animations.provideAnimations(),
+            { provide: common.XhrFactory, useValue: WM_XHR_FACTORY },
+            i1$1.provideHttpClient(i1$1.withInterceptorsFromDi(), i1$1.withXsrfConfiguration({
+                cookieName: "wm_xsrf_token",
+                headerName: xsrfHeaderName$1
+            })),
+            { provide: i1$1.HttpXhrBackend, useFactory: () => new i1$1.HttpXhrBackend(WM_XHR_FACTORY) },
+            // Custom renderer overrides (must be early)
+            { provide: i0.RendererFactory2, useClass: i4.WMDomRendererFactory2 },
+            // Provide HttpService EARLY (AppManagerService needs it)
+            { provide: i5.AbstractHttpService, useClass: http.HttpServiceImpl },
+            // Provide base services (before APP_INITIALIZER that depends on them)
+            { provide: i5.App, useClass: i4.AppRef },
+            { provide: i5.AbstractToasterService, useClass: i4.ToasterServiceImpl },
+            { provide: i5.AbstractI18nService, useClass: i4.I18nServiceImpl },
+            { provide: i5.AbstractSpinnerService, useClass: i4.SpinnerServiceImpl },
+            { provide: i5.AbstractNavigationService, useClass: i4.NavigationServiceImpl },
+            { provide: i5.AbstractDialogService, useClass: base.DialogServiceImpl },
+            { provide: i5.AppDefaults, useClass: i4.AppDefaultsService },
+            { provide: i5.DynamicComponentRefProvider, useClass: i4.DynamicComponentRefProviderService },
+            { provide: i4.AppJSProvider, useClass: AppJSProviderService },
+            { provide: i4.AppVariablesProvider, useClass: AppVariablesProviderService },
+            { provide: i4.AppExtensionProvider, useClass: AppExtensionProviderService },
+            { provide: i4.ComponentRefProvider, useClass: ComponentRefProviderService },
+            { provide: i5.PartialRefProvider, useClass: ComponentRefProviderService },
+            { provide: i5.CustomWidgetRefProvider, useClass: ComponentRefProviderService },
+            { provide: i4.CustomwidgetConfigProvider, useClass: CustomwidgetConfigProviderService },
+            { provide: i4.PrefabConfigProvider, useClass: PrefabConfigProviderService },
+            { provide: i1.RouteReuseStrategy, useClass: i4.WmRouteReuseStrategy },
+            AppResourceManagerService,
+            i4.PipeService,
+            i5.CustomIconsLoaderService,
+            i5.Viewport,
+            common.DecimalPipe,
+            base.SanitizePipe,
+            base.ToDatePipe,
+            base.FilterPipe,
+            base.TrailingZeroDecimalPipe,
+            base.TrustAsPipe,
+            base.ImagePipe,
+            base.CustomPipe,
+            common.Location,
+            common.DatePipe,
+            i4.AppManagerService,
+            i4.PrefabManagerService,
+            i4.AuthGuard,
+            i4.RoleGuard,
+            i4.PageNotFoundGuard,
+            i4.CanDeactivatePageGuard,
+            i4.AppJSResolve,
+            i4.AppVariablesResolve,
+            i4.AppExtensionJSResolve,
+            i4.I18nResolve,
+            i4.AppBeforeLoadResolve,
+            i3.SecurityService,
+            oAuth.OAuthService,
+            i2.VariablesService,
+            i2.MetadataService,
+            // Route reuse strategy cache settings
+            { provide: i4.MAX_CACHE_SIZE, useValue: 10 },
+            { provide: i4.MAX_CACHE_AGE, useValue: 30 * 60 },
+            // Third-party standalone providers
+            ...wmModules,
+            // APP_INITIALIZER for locale and app initialization
+            {
+                provide: i0.APP_INITIALIZER,
+                useFactory: InitializeApp,
+                deps: [i5.AbstractI18nService, i4.AppJSResolve, i4.AppBeforeLoadResolve, i4.AppVariablesResolve, i4.AppExtensionJSResolve, i4.PipeService],
+                multi: true
+            },
+            // LOCALE_ID will be set by I18n service
+            {
+                provide: i0.LOCALE_ID,
+                useFactory: setAngularLocale,
+                deps: [i5.AbstractI18nService]
+            }
+        ]
+    };
+
+    const DEBUG_MODE = 'debugMode';
+    if (sessionStorage.getItem(DEBUG_MODE) !== 'true') {
+        i0.enableProdMode();
+    }
+    fetch('./font.config.js')
+        .then(response => response.text())
+        .then((fontConfig) => {
+        i5.setPreviewProperties({ fontConfig });
+        const iconLoader = new i5.CustomIconsLoaderService();
+        iconLoader.load();
+    });
+    console.time('bootstrap');
+    document.addEventListener('DOMContentLoaded', () => {
+        new Promise(resolve => {
+            resolve();
+        }).then(() => platformBrowser.bootstrapApplication(i4.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 (lodashEs.isEmpty(on)) {
+            on = true;
+        }
+        const value = on ? 'true' : 'false';
+        if (sessionStorage.getItem(DEBUG_MODE) !== value) {
+            sessionStorage.setItem(DEBUG_MODE, value);
+            window.location.reload();
+        }
+    };
+
+    const routerModule = i1.RouterModule.forRoot(routes, { useHash: true, scrollPositionRestoration: 'top' });
+    const toastrModule = ngxToastr.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
+    const xsrfHeaderName = i5.getWmProjectProperties().xsrf_header_name;
+    const xsrfOptions = {
+        cookieName: 'wm_xsrf_token'
+    };
+    if (xsrfHeaderName) {
+        xsrfOptions['headerName'] = xsrfHeaderName;
+    }
+    const httpClientXsrfModule = i1$1.HttpClientXsrfModule.withOptions(xsrfOptions);
+    const modalModule = modal.ModalModule.forRoot();
+    const bsDatePickerModule = datepicker.BsDatepickerModule.forRoot();
+    const timepickerModule = timepicker.TimepickerModule.forRoot();
+    const bsDropdownModule = dropdown.BsDropdownModule.forRoot();
+    const paginationModule = pagination.PaginationModule.forRoot();
+    const typeaheadModule = typeahead.TypeaheadModule.forRoot();
+    const progressbarModule = progressbar.ProgressbarModule.forRoot();
+    const carouselModule = carousel.CarouselModule.forRoot();
+    const popoverModule = popover.PopoverModule.forRoot();
+    const ngCircleProgressModule = ngCircleProgress.NgCircleProgressModule.forRoot({});
+    const tooltipModule = tooltip.TooltipModule.forRoot();
+    const componentsModule = [
+        // NGX Bootstrap
+        datepicker.BsDatepickerModule,
+        timepicker.TimepickerModule,
+        dropdown.BsDropdownModule,
+        pagination.PaginationModule,
+        typeahead.TypeaheadModule,
+        progressbar.ProgressbarModule,
+        carousel.CarouselModule,
+        popover.PopoverModule,
+        ngCircleProgress.NgCircleProgressModule,
+        tooltip.TooltipModule,
+        // Basic widgets
+        anchor.AnchorComponent,
+        audio.AudioComponent,
+        html.HtmlDirective,
+        icon.IconComponent,
+        iframe.IframeComponent,
+        label.LabelDirective,
+        picture.PictureDirective,
+        spinner.SpinnerComponent,
+        video.VideoComponent,
+        progressBar.ProgressBarComponent, progressCircle.ProgressCircleComponent,
+        richTextEditor.RichTextEditorComponent,
+        search.SearchComponent, search.ScrollableDirective,
+        tree.TreeComponent,
+        // Input
+        calendar.CalendarComponent,
+        chips.ChipsComponent,
+        colorPicker.ColorPickerComponent,
+        currency.CurrencyComponent,
+        date.DateComponent,
+        dateTime.DatetimeComponent,
+        time.TimeComponent,
+        dateTimePicker.DateTimePickerComponent,
+        dateTimePicker.TimePickerComponent,
+        picker.PickerComponent,
+        picker.PickerGroupComponent,
+        fileUpload.FileUploadComponent,
+        button.ButtonComponent,
+        buttonGroup.ButtonGroupDirective,
+        captionPosition.CaptionPositionDirective,
+        checkbox.CheckboxComponent,
+        checkboxset.CheckboxsetComponent,
+        composite.CompositeDirective,
+        number.NumberComponent,
+        radioset.RadiosetComponent,
+        select.SelectComponent,
+        _switch.SwitchComponent,
+        text.InputCalendarComponent,
+        text.InputColorComponent,
+        text.InputEmailComponent,
+        text.InputNumberComponent,
+        text.InputTextComponent,
+        textarea.TextareaComponent,
+        rating.RatingComponent,
+        slider.SliderComponent,
+        // Data
+        card.CardComponent,
+        card.CardActionsDirective,
+        card.CardContentComponent,
+        card.CardFooterDirective,
+        form.FormComponent,
+        form.FormWidgetDirective,
+        form.FormActionDirective,
+        form.FormFieldDirective,
+        form.LiveActionsDirective,
+        form.DependsonDirective,
+        form.LiveFilterDirective,
+        form.LiveFormDirective,
+        list.ListComponent, list.ListItemDirective,
+        liveTable.LiveTableComponent,
+        pagination$1.PaginationComponent,
+        table.TableComponent,
+        table.TableCUDDirective,
+        table.TableFilterSortDirective,
+        table.TableActionDirective,
+        table.TableColumnDirective,
+        table.TableColumnGroupDirective,
+        table.TableRowDirective,
+        table.TableRowActionDirective,
+        // chart
+        chart.ChartComponent,
+        // container modules
+        accordion.AccordionPaneComponent, accordion.AccordionDirective,
+        linearLayout.LinearLayoutDirective, linearLayout.LinearLayoutItemDirective,
+        layoutGrid.LayoutgridDirective, layoutGrid.LayoutGridRowDirective, layoutGrid.LayoutGridColumnDirective,
+        panel.PanelComponent,
+        tabs.TabPaneComponent, tabs.TabsComponent,
+        tile.TileDirective,
+        wizard.WizardActionDirective, wizard.WizardStepComponent, wizard.WizardComponent,
+        // dialogs
+        alertDialog.AlertDialogComponent,
+        iframeDialog.IframeDialogComponent,
+        loginDialog.LoginDialogDirective,
+        partialDialog.PartialDialogComponent,
+        // navigation
+        breadcrumb.BreadcrumbComponent,
+        menu.MenuComponent, menu.MenuDropdownComponent, menu.MenuDropdownItemComponent, menu.NavigationControlDirective, menu.NavComponent, menu.NavItemDirective,
+        navbar.NavbarComponent,
+        popover$1.PopoverComponent,
+        // Advanced
+        carousel$1.CarouselDirective, carousel$1.CarouselTemplateDirective,
+        login.LoginComponent,
+        marquee.MarqueeDirective,
+        custom.CustomWidgetDirective, custom.CustomWidgetContainerDirective,
+        page.PageDirective,
+        page.LayoutDirective,
+        page.ContentComponent,
+        page.PageContentComponent,
+        page.SpaPageDirective,
+        page.RouterOutletDirective,
+        footer.FooterDirective,
+        header.HeaderComponent,
+        leftPanel.LeftPanelDirective,
+        rightPanel.RightPanelDirective,
+        topNav.TopNavDirective,
+        prefab.PrefabDirective, prefab.PrefabContainerDirective
+    ];
+    i4.REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(...componentsModule);
+    i4.REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS.push(forms.FormsModule, forms.ReactiveFormsModule);
+    exports.AppModule = class AppModule {
+        constructor(app, inj, componentRefProvider) {
+            this.app = app;
+            this.inj = inj;
+            this.componentRefProvider = componentRefProvider;
+        }
+    };
+    exports.AppModule = tslib.__decorate([
+        i0.NgModule({
+            declarations: [
+                PageWrapperComponent
+            ],
+            imports: [
+                platformBrowser.BrowserModule,
+                animations.BrowserAnimationsModule,
+                common.CommonModule,
+                i1.RouterModule,
+                i1$1.HttpClientModule,
+                modalModule,
+                bsDatePickerModule,
+                timepickerModule,
+                bsDropdownModule,
+                paginationModule,
+                typeaheadModule,
+                tooltipModule,
+                progressbarModule,
+                carouselModule,
+                popoverModule,
+                ngCircleProgressModule,
+                routerModule,
+                toastrModule,
+                httpClientXsrfModule,
+                i4.WM_MODULES_FOR_ROOT
+            ],
+            providers: [
+                AppResourceManagerService,
+                { provide: i4.AppJSProvider, useClass: AppJSProviderService },
+                { provide: i4.AppVariablesProvider, useClass: AppVariablesProviderService },
+                { provide: i4.AppExtensionProvider, useClass: AppExtensionProviderService },
+                { provide: i4.ComponentRefProvider, useClass: ComponentRefProviderService },
+                { provide: i5.PartialRefProvider, useClass: ComponentRefProviderService },
+                { provide: i5.CustomWidgetRefProvider, useClass: ComponentRefProviderService },
+                { provide: i4.CustomwidgetConfigProvider, useClass: CustomwidgetConfigProviderService },
+                { provide: i4.PrefabConfigProvider, useClass: PrefabConfigProviderService },
+                { provide: i1.RouteReuseStrategy, useClass: i4.WmRouteReuseStrategy },
+                { provide: i5.AbstractHttpService, useClass: http.HttpServiceImpl }
+            ],
+            bootstrap: [i4.AppComponent]
+        }),
+        tslib.__metadata("design:paramtypes", [i5.App, i0.Injector, i4.ComponentRefProvider])
+    ], exports.AppModule);
+
+    exports.AppExtensionProviderService = AppExtensionProviderService;
+    exports.AppJSProviderService = AppJSProviderService;
+    exports.AppResourceManagerService = AppResourceManagerService;
+    exports.AppVariablesProviderService = AppVariablesProviderService;
+    exports.ComponentRefProviderService = ComponentRefProviderService;
+    exports.PageWrapperComponent = PageWrapperComponent;
+    exports.PrefabConfigProviderService = PrefabConfigProviderService;
+    exports.bsDatePickerModule = bsDatePickerModule;
+    exports.bsDropdownModule = bsDropdownModule;
+    exports.carouselModule = carouselModule;
+    exports.httpClientXsrfModule = httpClientXsrfModule;
+    exports.modalModule = modalModule;
+    exports.ngCircleProgressModule = ngCircleProgressModule;
+    exports.paginationModule = paginationModule;
+    exports.popoverModule = popoverModule;
+    exports.progressbarModule = progressbarModule;
+    exports.routerModule = routerModule;
+    exports.timepickerModule = timepickerModule;
+    exports.toastrModule = toastrModule;
+    exports.tooltipModule = tooltipModule;
+    exports.typeaheadModule = typeaheadModule;
+
+}));