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

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-bootstrap/modal'), require('ngx-toastr'), require('ngx-bootstrap/datepicker'), require('ng-circle-progress'), require('@angular/common'), require('tslib'), require('@wm/transpiler'), require('@wavemaker-ai/custom-widgets-m3'), require('@wm/components/page'), require('@wm/components/base'), require('@wm/components/basic/progress/progress-bar'), require('@angular/forms'), 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-bootstrap/modal', 'ngx-toastr', 'ngx-bootstrap/datepicker', 'ng-circle-progress', '@angular/common', 'tslib', '@wm/transpiler', '@wavemaker-ai/custom-widgets-m3', '@wm/components/page', '@wm/components/base', '@wm/components/basic/progress/progress-bar', '@angular/forms', '@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.modal, global.ngxToastr, global.datepicker, global.ngCircleProgress, global.ng.common, global.tslib, global.wm.transpiler, global.wm_custom_widgets, global.wm.components.page, global.wm.components.base, global.wm.components.basic.progress.progressBar, global.ng.forms, global.wm.components.prefab, global.typeahead, global.timepicker, global.progressbar, global.pagination, global.tooltip, global.dropdown, global.popover, global.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, modal, ngxToastr, datepicker, ngCircleProgress, common, tslib, transpiler, customWidgets, page, base, progressBar, forms, 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, route, vcRef, appRef, metadataService, securityService, appManager, app, ngZone, elRef, spinnerService, componentRefProvider, router) {
+            this.injector = injector;
+            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 pageComponentFactoryRef = await this.componentRefProvider.getComponentFactoryRef(pageName, i4.ComponentType.PAGE);
+                if (pageComponentFactoryRef) {
+                    const componentRef = this.vcRef.createComponent(pageComponentFactoryRef, 0, this.injector);
+                    this.instance = componentRef.instance;
+                    $target.appendChild(componentRef.location.nativeElement);
+                }
+                else {
+                    i4.BasePageComponent.clear();
+                }
+                if (this.vcRef.length > 1) {
+                    this.vcRef.remove(1);
+                }
+            });
+        }
+        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: "18.2.13", ngImport: i0__namespace, type: PageWrapperComponent, deps: [{ token: i0__namespace.Injector }, { 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: "18.2.13", type: PageWrapperComponent, isStandalone: true, selector: "app-page-outlet", ngImport: i0__namespace, template: '<div></div>', isInline: true }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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: 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: "18.2.13", ngImport: i0__namespace, type: CustomwidgetConfigProviderService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: CustomwidgetConfigProviderService }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0__namespace, type: AppJSProviderService, providedIn: 'root' }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0__namespace, type: AppResourceManagerService }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0__namespace, type: AppVariablesProviderService, providedIn: 'root' }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", ngImport: i0__namespace, type: AppExtensionProviderService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: AppExtensionProviderService, providedIn: 'root' }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: AppExtensionProviderService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }] });
+
+    const fragmentCache = new Map();
+    window.resourceCache = fragmentCache;
+    const componentFactoryRefCache = new Map();
+    componentFactoryRefCache.set(i4.ComponentType.PAGE, new Map());
+    componentFactoryRefCache.set(i4.ComponentType.PARTIAL, new Map());
+    componentFactoryRefCache.set(i4.ComponentType.PREFAB, new Map());
+    componentFactoryRefCache.set(i4.ComponentType.WIDGET, new Map());
+    const _decodeURIComponent = (str) => decodeURIComponent(str.replace(/\+/g, ' '));
+    const getFragmentUrl = (fragmentName, type, options) => {
+        if (type === i4.ComponentType.PAGE || type === i4.ComponentType.PARTIAL) {
+            return options && options.prefab ? i4.getPrefabPartialJsonUrl(options.prefab, fragmentName) : `./pages/${fragmentName}/page.min.json`;
+        }
+        else if (type === i4.ComponentType.PREFAB) {
+            return i4.getPrefabMinJsonUrl(fragmentName);
+        }
+        else if (type === i4.ComponentType.WIDGET) {
+            return `./custom-widgets/${fragmentName}/page.min.json`;
+        }
+    };
+    const scriptCache = new Map();
+    const execScript = (script, identifier, ctx, instance, app, utils) => {
+        let fn = scriptCache.get(identifier);
+        // Fix for [WMS-21196]: Incorrect script is being assigned,  when 2 prefabs have same partial name (i.e. same identifier).
+        if ((ctx === 'Partial' && !lodashEs.isUndefined(instance.Prefab)) || !fn) {
+            fn = new Function(ctx, 'App', 'Utils', script);
+            scriptCache.set(identifier, fn);
+        }
+        fn(instance, app, utils);
+    };
+    class BaseDynamicComponent {
+        init() { }
+    }
+    const imports = [
+        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,
+    ];
+    const getDynamicModule = (componentRef) => {
+        return i0.NgModule({
+            declarations: [componentRef],
+            imports: [
+                ...i4.REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS,
+                common.CommonModule,
+                forms.FormsModule,
+                forms.ReactiveFormsModule,
+                ...imports
+            ],
+            providers: [
+                i4.PipeService,
+                common.DecimalPipe,
+                common.DatePipe,
+                i4.AppManagerService,
+                i4.PrefabManagerService,
+                i4.AuthGuard,
+                i4.RoleGuard,
+                i4.PageNotFoundGuard,
+                i4.CanDeactivatePageGuard,
+                i4.AppJSResolve,
+                i4.AppExtensionJSResolve,
+                i4.I18nResolve,
+                i3.SecurityService,
+                oAuth.OAuthService,
+                i2.VariablesService,
+                i2.MetadataService,
+            ],
+            schemas: [i0.CUSTOM_ELEMENTS_SCHEMA, i0.NO_ERRORS_SCHEMA]
+        })(class DynamicModule {
+        });
+    };
+    const getDynamicComponent = (componentName, type, template, css, script, variables) => {
+        const componentDef = {
+            template,
+            styles: [css],
+            encapsulation: i0.ViewEncapsulation.None
+        };
+        let BaseClass = BaseDynamicComponent;
+        let selector = '';
+        let context = '';
+        switch (type) {
+            case i4.ComponentType.PAGE:
+                BaseClass = i4.BasePageComponent;
+                selector = `app-page-${componentName}`;
+                context = 'Page';
+                break;
+            case i4.ComponentType.PARTIAL:
+                BaseClass = i4.BasePartialComponent;
+                selector = `app-partial-${componentName}`;
+                context = 'Partial';
+                break;
+            case i4.ComponentType.PREFAB:
+                BaseClass = i4.BasePrefabComponent;
+                selector = `app-prefab-${componentName}`;
+                context = 'Prefab';
+                break;
+            case i4.ComponentType.WIDGET:
+                BaseClass = i4.BaseCustomWidgetComponent;
+                selector = `app-custom-${componentName}`;
+                context = 'Widget';
+                break;
+        }
+        let DynamicComponent = class DynamicComponent extends BaseClass {
+            constructor(injector) {
+                super();
+                this.injector = injector;
+                this.isDynamicComponent = true;
+                this.injector = injector;
+                switch (type) {
+                    case i4.ComponentType.PAGE:
+                        this.pageName = componentName;
+                        break;
+                    case i4.ComponentType.PARTIAL:
+                        this.partialName = componentName;
+                        break;
+                    case i4.ComponentType.PREFAB:
+                        this.prefabName = componentName;
+                        break;
+                    case i4.ComponentType.WIDGET:
+                        this.customWidgetName = componentName;
+                        break;
+                }
+                super.init();
+            }
+            evalUserScript(instance, appContext, utils) {
+                execScript(script, selector, context, instance, appContext, utils);
+            }
+            getVariables() {
+                return JSON.parse(variables);
+            }
+            // in preview mode, there will be no function registered. functions will be generated dynamically through $parseEvent and $parseExpr
+            getExpressions() {
+                return {};
+            }
+        };
+        DynamicComponent = tslib.__decorate([
+            tslib.__param(0, i0.Inject(i0.Injector)),
+            tslib.__metadata("design:paramtypes", [i0.Injector])
+        ], DynamicComponent);
+        const component = i0.Component({
+            ...componentDef,
+            selector,
+            providers: [
+                {
+                    provide: i5.UserDefinedExecutionContext,
+                    useExisting: DynamicComponent
+                }
+            ]
+        })(DynamicComponent);
+        return component;
+    };
+    class ComponentRefProviderService extends i4.ComponentRefProvider {
+        loadResourcesOfFragment(componentName, componentType, options) {
+            const url = getFragmentUrl(componentName, componentType, options);
+            const resource = fragmentCache.get(url);
+            if (resource) {
+                return resource;
+            }
+            const promise = (((componentType === i4.ComponentType.WIDGET && !customWidgets__namespace[componentName]) || componentType !== i4.ComponentType.WIDGET) ? this.resouceMngr.get(url, true) : Promise.resolve(customWidgets__namespace[componentName]))
+                .then(({ markup, script, styles, variables, config }) => {
+                const response = {
+                    markup: transpiler.transpile(_decodeURIComponent(markup)).markup,
+                    script: _decodeURIComponent(script),
+                    styles: transpiler.scopeComponentStyles(componentName, componentType, _decodeURIComponent(styles)),
+                    variables: i5.getValidJSON(_decodeURIComponent(variables)),
+                    ...(config ? { config: i5.getValidJSON(_decodeURIComponent(config)) } : {})
+                };
+                fragmentCache.set(url, Promise.resolve(response));
+                return response;
+            }, e => {
+                const status = e.details.status;
+                const errorMsgMap = {
+                    404: this.app.appLocale.MESSAGE_PAGE_NOT_FOUND || 'The page you are trying to reach is not available',
+                    403: this.app.appLocale.LABEL_ACCESS_DENIED || 'Access Denied'
+                };
+                return Promise.reject(errorMsgMap[status]);
+            });
+            fragmentCache.set(url, promise);
+            return promise;
+        }
+        constructor(resouceMngr, app, appManager, compiler) {
+            super();
+            this.resouceMngr = resouceMngr;
+            this.app = app;
+            this.appManager = appManager;
+            this.compiler = compiler;
+        }
+        async getComponentFactoryRef(componentName, componentType, options) {
+            // check in the cache.
+            const componentFactoryMap = componentFactoryRefCache.get(componentType);
+            let componentFactoryRef;
+            if (componentFactoryMap) {
+                const updatedComponentName = (options && options['prefab']) ? options['prefab'] + componentName : componentName;
+                componentFactoryRef = componentFactoryMap.get(updatedComponentName);
+                if (componentFactoryRef) {
+                    return componentFactoryRef;
+                }
+            }
+            return this.loadResourcesOfFragment(componentName, componentType, options)
+                .then(({ markup, script, styles, variables }) => {
+                const componentDef = getDynamicComponent(componentName, componentType, markup, styles, script, JSON.stringify(variables));
+                const moduleDef = getDynamicModule(componentDef);
+                componentFactoryRef = this.compiler
+                    .compileModuleAndAllComponentsSync(moduleDef)
+                    .componentFactories
+                    .filter(factory => // @ts-ignore
+                 factory.componentType === componentDef)[0];
+                const updatedComponentName = (options && options['prefab']) ? options['prefab'] + componentName : componentName;
+                componentFactoryRefCache.get(componentType).set(updatedComponentName, componentFactoryRef);
+                return componentFactoryRef;
+            }, (err) => {
+                if (err) {
+                    const msg = "Error while loading page";
+                    // console the error for easy debugging
+                    console.log(msg, err);
+                    this.appManager.notifyApp(lodashEs.isString(err) ? err : msg + ', check browser console for error details', 'error');
+                }
+            });
+        }
+        // clears the cache map
+        clearComponentFactoryRefCache() {
+            this.resouceMngr.clearCache();
+            fragmentCache.clear();
+            componentFactoryRefCache.forEach(map => {
+                map.clear();
+            });
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: ComponentRefProviderService, deps: [{ token: AppResourceManagerService }, { token: i5__namespace.App }, { token: i4__namespace.AppManagerService }, { token: i0__namespace.Compiler }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: ComponentRefProviderService }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: ComponentRefProviderService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: () => [{ type: AppResourceManagerService }, { type: i5__namespace.App }, { type: i4__namespace.AppManagerService }, { type: i0__namespace.Compiler }] });
+
+    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: "18.2.13", ngImport: i0__namespace, type: PrefabConfigProviderService, deps: [{ token: AppResourceManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PrefabConfigProviderService }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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 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) {
+        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
+            i1.provideRouter(routes, i1.withHashLocation(), i1.withComponentInputBinding()),
+            i1$1.provideHttpClient(i1$1.withInterceptorsFromDi(), i1$1.withXsrfConfiguration({
+                cookieName: "wm_xsrf_token",
+                headerName: xsrfHeaderName$1
+            })),
+            animations.provideAnimations(),
+            // Provide application-specific services
+            {
+                provide: i0.APP_INITIALIZER,
+                useFactory: InitializeApp,
+                deps: [i5.AbstractI18nService, i4.AppJSResolve, i4.AppBeforeLoadResolve, i4.AppVariablesResolve, i4.AppExtensionJSResolve, i4.PipeService],
+                multi: true
+            },
+            {
+                provide: i0.LOCALE_ID,
+                useFactory: setAngularLocale,
+                deps: [i5.AbstractI18nService]
+            },
+            { 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 },
+            { provide: i5.AbstractHttpService, useClass: http.HttpServiceImpl },
+            AppResourceManagerService,
+            i4.PipeService,
+            common.DecimalPipe,
+            base.SanitizePipe,
+            base.ToDatePipe,
+            base.FilterPipe,
+            base.TrailingZeroDecimalPipe,
+            base.TrustAsPipe,
+            base.ImagePipe,
+            base.CustomPipe,
+            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,
+            ...wmModules,
+            page.PageDirective
+        ]
+    };
+
+    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;
+
+}));