@wavemaker/app-ng-runtime 12.0.0-next.141131 → 12.0.0-next.141138

app-ng-runtime/runtime/base/fesm2022/index.mjs

@@ -10,13 +10,12 @@ import * as i2 from '@wm/security';
 import { SecurityModule } from '@wm/security';
 import * as i4 from '@wm/variables';
 import { CONSTANTS, routerService, $rootScope, VariablesService, appManager, httpService, VariablesModule } from '@wm/variables';
-import { trim, isEmpty, forEach, extend, get, merge, isUndefined, isObject, endsWith, each, isNil, capitalize, startsWith, split, includes, isString, isNumber, find, intersection, toLower, map, values, keys, findKey, isEqual, filter } from 'lodash-es';
+import { trim, isEmpty, forEach, extend, get, merge, isUndefined, isObject, endsWith, each, isNil, startsWith, split, includes, isString, isNumber, find, intersection, toLower, map, values, keys, findKey, isEqual, filter } from 'lodash-es';
 import { SpaPageDirective, PageDirective, LayoutDirective, PageModule } from '@wm/components/page';
 import { Subject } from 'rxjs';
 import * as i3 from '@wm/components/base';
 import { WidgetRef, PartialDirective, FileIconClassPipe, FileExtensionFromMimePipe, StateClassPipe, FileSizePipe, FilterPipe, ToDatePipe, ToNumberPipe, ToCurrencyPipe, PrefixPipe, SuffixPipe, TimeFromNowPipe, NumberToStringPipe, StringToNumberPipe, CustomPipe, TrustAsPipe, SanitizePipe, WmComponentsModule } from '@wm/components/base';
 import { __param, __metadata, __decorate } from 'tslib';
-import { RadiosetComponent, CheckboxsetComponent, InputModule } from '@wm/components/input';
 import * as i2$3 from '@wm/components/prefab';
 import { PrefabContainerDirective, PrefabDirective as PrefabDirective$1, PrefabModule } from '@wm/components/prefab';
 import * as i1$5 from '@angular/common/http';
@@ -61,6 +60,7 @@ import { ColorPickerModule } from '@wm/components/input/color-picker';
 import { CurrencyModule } from '@wm/components/input/currency';
 import { EpochModule } from '@wm/components/input/epoch';
 import { FileUploadModule } from '@wm/components/input/file-upload';
+import { InputModule } from '@wm/components/input';
 import { RatingModule } from '@wm/components/input/rating';
 import { SliderModule } from '@wm/components/input/slider';
 import { CardModule } from '@wm/components/data/card';
@@ -87,7 +87,6 @@ import { PopoverModule as PopoverModule$1 } from '@wm/components/navigation/popo
 import { CarouselModule as CarouselModule$1 } from '@wm/components/advanced/carousel';
 import { LoginModule } from '@wm/components/advanced/login';
 import { MarqueeModule } from '@wm/components/advanced/marquee';
-import { CustomModule } from '@wm/components/advanced/custom';
 import { TimepickerModule } from 'ngx-bootstrap/timepicker';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import { PaginationModule } from 'ngx-bootstrap/pagination';
@@ -103,7 +102,6 @@ var ComponentType;
     ComponentType[ComponentType["PAGE"] = 0] = "PAGE";
     ComponentType[ComponentType["PREFAB"] = 1] = "PREFAB";
     ComponentType[ComponentType["PARTIAL"] = 2] = "PARTIAL";
-    ComponentType[ComponentType["WIDGET"] = 3] = "WIDGET";
 })(ComponentType || (ComponentType = {}));
 class ComponentRefProvider {
     clearComponentFactoryRefCache() { }
@@ -111,8 +109,6 @@ class ComponentRefProvider {
 }
 class PrefabConfigProvider {
 }
-class CustomwidgetConfigProvider {
-}
 class AppJSProvider {
 }
 class AppVariablesProvider {
@@ -1445,288 +1441,6 @@ class BasePageComponent extends FragmentMonitor {
             args: ['window:beforeunload']
         }] }); })();
 
-// export const commonPartialWidgets = {};
-class BaseCustomWidgetComponent extends FragmentMonitor {
-    constructor() {
-        super(...arguments);
-        this.BaseWidget = {};
-        this.compileContent = false;
-        this.destroy$ = new Subject();
-        this.viewInit$ = new Subject();
-        this.invokeEvent = (eventName) => {
-            this.events[eventName]();
-        };
-    }
-    getContainerWidgetInjector() {
-        return this.containerWidget.inj || this.containerWidget.injector;
-    }
-    init() {
-        let resolveFn;
-        const promise = new Promise((res) => resolveFn = res);
-        this.App = this.injector ? this.injector.get(App) : inject(App);
-        //making the code compatible in both the JIT and AOT modes
-        this.containerWidget = this.injector ? this.injector.get(WidgetRef) : inject(WidgetRef);
-        this.i18nService = this.injector ? this.injector.get(AbstractI18nService) : inject(AbstractI18nService);
-        this.scriptLoaderService = this.injector ? this.injector.get(ScriptLoaderService) : inject(ScriptLoaderService);
-        this.Viewport = this.injector ? this.injector.get(Viewport) : inject(Viewport);
-        this.customwidgetConfigProvider = this.injector ? this.injector.get(CustomwidgetConfigProvider) : inject(CustomwidgetConfigProvider);
-        // this.viewContainerRef = this.getContainerWidgetInjector().get(ViewContainerRef);
-        // Replacing this.getContainerWidgetInjector().view.component as viewParent
-        // this.viewParent = (this.viewContainerRef as any).parentInjector._lView[8];
-        this.viewParent = this.containerWidget.viewParent;
-        if (this.viewParent.registerFragment) {
-            this.viewParent.registerFragment();
-        }
-        // register functions for binding evaluation
-        this.registerExpressions();
-        this.initUserScript();
-        this.registerPropsInContainerWidget(resolveFn);
-        // Using promise to make sure the props are registered in the container widget before registering events, Otherwise no events will be registered
-        promise.then(() => this.registerEvents());
-        this.registerWidgets();
-        this.initVariables();
-        this.activePageName = this.App.activePageName; // Todo: remove this
-        this.registerProps();
-        this.defineI18nProps();
-        this.viewInit$.subscribe(noop$1, noop$1, () => {
-            this.props = this.containerWidget.props;
-        });
-        if (this.spa) {
-            this.pageDirective = this.injector ? this.injector.get(SpaPageDirective) : inject(SpaPageDirective);
-        }
-        else {
-            this.pageDirective = this.injector ? this.injector.get(PageDirective) : inject(PageDirective);
-        }
-        if (this.pageDirective) {
-            this.registerDestroyListener(this.pageDirective.subscribe('attach', data => this.ngOnAttach(data.refreshData)));
-            this.registerDestroyListener(this.pageDirective.subscribe('detach', () => this.ngOnDetach()));
-        }
-        super.init();
-    }
-    registerWidgets() {
-        // common partial widgets should be accessible from page
-        this.Widgets = Object.create(commonPartialWidgets);
-        // expose current page widgets on app
-        this.App.Widgets = Object.create(this.Widgets);
-    }
-    initializeComponentData(children) {
-        Array.from(children).forEach((child) => {
-            if (!child.hasAttribute('wmcustomwidget'))
-                this.initializeComponentData(child.children);
-            else {
-                const asAttr = child.getAttribute('as') || '';
-                if (!asAttr) {
-                    return;
-                }
-                let baseWidget, splitArr = asAttr.split('-'), modifiedArr = [];
-                modifiedArr = splitArr.map((item) => {
-                    item = item !== 'wm' ? capitalize(item) : item;
-                    return item;
-                });
-                baseWidget = modifiedArr.join('');
-                switch (baseWidget) {
-                    case 'wmCheckboxset':
-                        this[baseWidget] = new CheckboxsetComponent(this.injector, undefined);
-                        this[baseWidget]["_select"] = (item, $event) => {
-                            const keys = [];
-                            forEach(this[baseWidget].datasetItems, (datasetItem) => {
-                                if (datasetItem.key === item.key)
-                                    datasetItem.selected = !datasetItem.selected;
-                                if (datasetItem.selected)
-                                    keys.push(datasetItem.key);
-                            });
-                            this[baseWidget].triggerInvokeOnChange(keys, $event);
-                        };
-                        break;
-                    case 'wmRadioset':
-                        this[baseWidget] = new RadiosetComponent(this.injector, undefined);
-                        this[baseWidget]["_select"] = (item, $event) => {
-                            this[baseWidget].triggerInvokeOnChange(item.key, $event);
-                        };
-                        break;
-                }
-                for (let [key, value] of this.containerWidget.$attrs) {
-                    if (key.startsWith('base-')) {
-                        let modifiedKey = key.replace('base-', '');
-                        this[baseWidget][modifiedKey] = value;
-                    }
-                }
-                this[baseWidget].initDatasetItems();
-                this.containerWidget[baseWidget] = this[baseWidget];
-            }
-        });
-    }
-    registerBaseWidget() {
-        this.initializeComponentData(this.containerWidget.nativeElement.children);
-    }
-    registerEvents() {
-        this.events = {};
-        this.containerWidget.eventHandlers.forEach((callback, key) => {
-            this.events[key] = (...args) => {
-                this.containerWidget.invokeEventCallback(key, { $event: args[0], $data: args[1] });
-            };
-        });
-    }
-    registerDestroyListener(fn) {
-        this.destroy$.subscribe(noop$1, noop$1, () => fn());
-    }
-    registerChangeListeners() {
-        this.containerWidget.registerPropertyChangeListener(this.onPropertyChange);
-        this.containerWidget.registerStyleChangeListener(this.onPropertyChange);
-    }
-    initUserScript() {
-        try {
-            // partials inside prefab should have access to Prefab properties and events
-            if (this.viewParent.prefabName) {
-                // for partial within partial within prefabs, just assign the parent partial's prefab object
-                if (this.viewParent.Prefab) {
-                    this.Prefab = this.viewParent.Prefab;
-                }
-                else {
-                    this.Prefab = this.viewParent;
-                }
-            }
-            this.evalUserScript(this, this.App, this.injector ? this.injector.get(UtilsService) : inject(UtilsService));
-        }
-        catch (e) {
-            console.error(`Error in evaluating partial (${this.customWidgetName}) script\n`, e);
-        }
-    }
-    initVariables() {
-        const variablesService = this.injector ? this.injector.get(VariablesService) : inject(VariablesService);
-        // get variables and actions instances for the page
-        const variableCollection = variablesService.register(this.customWidgetName, this.getVariables(), this);
-        // create namespace for Variables nad Actions on page/partial, which inherits the Variables and Actions from App instance
-        this.Variables = Object.create(this.App.Variables);
-        this.Actions = Object.create(this.App.Actions);
-        this.containerWidget.Variables = this.Variables;
-        this.containerWidget.Actions = this.Actions;
-        // assign all the page variables to the pageInstance
-        Object.entries(variableCollection.Variables).forEach(([name, variable]) => this.Variables[name] = variable);
-        Object.entries(variableCollection.Actions).forEach(([name, action]) => this.Actions[name] = action);
-        this.viewInit$.subscribe(noop$1, noop$1, () => {
-            // TEMP: triggering watchers so variables watching over params are updated
-            $invokeWatchers(true, true);
-            variableCollection.callback(variableCollection.Variables).catch(noop$1);
-            variableCollection.callback(variableCollection.Actions);
-        });
-    }
-    /**
-     * function to register bind expressions generated in this partial instance
-     * getExpressions function is defined in the generated page.comp.ts file
-     * @param expressions, map of bind expression vs generated function
-     */
-    registerExpressions() {
-        // const expressions = this.getExpressions();
-        // _.each(expressions, (fn, expr)=>{
-        //     registerFnByExpr(expr, fn[0], fn[1]);
-        // });
-    }
-    registerProps() {
-        this.props = this.containerWidget.props;
-    }
-    defineI18nProps() {
-        this.appLocale = this.i18nService.getAppLocale();
-    }
-    invokeOnReady() {
-        let params;
-        if (this.containerWidget.userComponentParams) {
-            params = this.containerWidget.userComponentParams;
-        }
-        this.onReady(params);
-        if (this.viewParent.resolveFragment) {
-            this.viewParent.resolveFragment();
-        }
-    }
-    loadScripts() {
-        // return new Promise<void>((resolve) => {
-        //     const scriptsRequired = this.partialDirective.$element.attr('scripts-to-load');
-        //     if (scriptsRequired) {
-        //         this.scriptLoaderService
-        //             .load(...scriptsRequired.split(','))
-        //             .then(resolve);
-        //     } else {
-        //         resolve();
-        //     }
-        // });
-    }
-    registerPropsInContainerWidget(resolveFn) {
-        this.customwidgetConfigProvider.getConfig(this.customWidgetName).then((config) => {
-            if (config) {
-                Object.entries((config.properties || {})).forEach(([key, prop]) => {
-                    let expr;
-                    const value = _.trim(prop.value);
-                    if (_.startsWith(value, 'bind:')) {
-                        expr = value.replace('bind:', '');
-                    }
-                    Object.defineProperty(this, key, {
-                        get: () => this.containerWidget[key],
-                        set: nv => this.containerWidget.widget[key] = nv
-                    });
-                    if (expr) {
-                        //[Todo-CSP]: expr will be generated with prefab.comp.expr.ts
-                        this.registerDestroyListener($watch(expr, this, {}, nv => this.containerWidget.widget[key] = nv));
-                    }
-                });
-            }
-            this.containerWidget.setProps(config, resolveFn);
-            // Reassigning the proxy handler for prefab inbound properties as we
-            // will get them only after the prefab config call.
-            if (isIE()) {
-                this.containerWidget.widget = this.containerWidget.createProxy();
-            }
-        });
-    }
-    mute() {
-        const m = o => { o && o.mute && o.mute(); };
-        _.each(this.Widgets, m);
-        _.each(this.Variables, m);
-        _.each(this.Actions, m);
-    }
-    unmute() {
-        const um = o => { o && o.unmute && o.unmute(); };
-        _.each(this.Widgets, um);
-        _.each(this.Variables, um);
-        _.each(this.Actions, um);
-    }
-    // ngOnInit() {
-    //     this.init();
-    // }
-    ngAfterViewInit() {
-        this.registerChangeListeners();
-        this.registerBaseWidget();
-        setTimeout(() => {
-            this.viewInit$.complete();
-            this.fragmentsLoaded$.subscribe(noop$1, noop$1, () => this.invokeOnReady());
-        }, 100);
-    }
-    ngOnDestroy() {
-        this.destroy$.complete();
-    }
-    ngOnAttach(refreshData) {
-        this.unmute();
-        if (refreshData) {
-            const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
-            _.each(this.Variables, refresh);
-            _.each(this.Actions, refresh);
-        }
-        _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
-    }
-    ngOnDetach() {
-        this.mute();
-        _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
-    }
-    // user overrides this
-    onPropertyChange() { }
-    onReady(params) {
-    }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseCustomWidgetComponent_BaseFactory; return function BaseCustomWidgetComponent_Factory(t) { return (ɵBaseCustomWidgetComponent_BaseFactory || (ɵBaseCustomWidgetComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BaseCustomWidgetComponent)))(t || BaseCustomWidgetComponent); }; })(); }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseCustomWidgetComponent, features: [i0.ɵɵInheritDefinitionFeature] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseCustomWidgetComponent, [{
-        type: Directive
-    }], null, null); })();
-
 class BasePrefabComponent extends FragmentMonitor {
     constructor() {
         super(...arguments);
@@ -3197,7 +2911,7 @@ class I18nServiceImpl extends AbstractI18nService {
                         return locale === moment.tz(timezoneName).format('Z');
                     });
                 }
-                this.formatsByLocale.timezone = locale;
+                moment.tz.setDefault(locale);
                 const localeData = compInstance && compInstance.formatsByLocale ? compInstance.formatsByLocale : this.formatsByLocale;
                 Object.assign(localeData, localeObj);
                 resolve();
@@ -4169,6 +3883,7 @@ class AppComponent {
         };
     }
     ngAfterViewInit() {
+        document.documentElement.setAttribute('lang', getWmProjectProperties().defaultLanguage);
         if (hasCordova() && !window['wmDeviceReady']) {
             document.addEventListener('wmDeviceReady', () => this.start());
         }
@@ -4204,7 +3919,7 @@ class AppComponent {
             type: ViewChild,
             args: ['dynamicComponent', { read: ViewContainerRef }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "components/app-component/app.component.ts", lineNumber: 23 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "components/app-component/app.component.ts", lineNumber: 46 }); })();
 
 /**
  * This Interceptor intercepts all network calls and if a network call fails
@@ -4451,15 +4166,16 @@ class DynamicComponentRefProviderService {
     here component is pagewrapper so adding custom implementation for route change
  */
 class CanDeactivatePageGuard {
-    canDeactivate(component) {
+    canDeactivate(component, currentRoute, currentState, nextState) {
         function invokeCompDeactivate() {
             let retVal;
+            const nextRoute = nextState ? nextState.url : undefined;
             // Calling onBeforePageLeave method present at page level
-            retVal = this.app.activePage && this.app.activePage.onBeforePageLeave();
+            retVal = this.app.activePage && this.app.activePage.onBeforePageLeave(nextRoute);
             // Calling onBeforePageLeave method present at app level only if page level method return true
             // or if there is no page level method
             if (retVal !== false) {
-                retVal = (this.app.onBeforePageLeave || noop$1)(this.app.activePageName, this.app.activePage);
+                retVal = (this.app.onBeforePageLeave || noop$1)(this.app.activePageName, this.app.activePage, nextRoute);
             }
             return retVal === undefined ? true : retVal;
         }
@@ -5029,7 +4745,6 @@ const REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS = [
     CarouselModule$1,
     LoginModule,
     MarqueeModule,
-    CustomModule,
     PageModule,
     FooterModule,
     HeaderModule,
@@ -5224,7 +4939,6 @@ class RuntimeBaseModule {
             CarouselModule$1,
             LoginModule,
             MarqueeModule,
-            CustomModule,
             PageModule,
             FooterModule,
             HeaderModule,
@@ -5355,7 +5069,6 @@ class RuntimeBaseModule {
         CarouselModule$1,
         LoginModule,
         MarqueeModule,
-        CustomModule,
         PageModule,
         FooterModule,
         HeaderModule,
@@ -5440,7 +5153,6 @@ class RuntimeBaseModule {
         CarouselModule$1,
         LoginModule,
         MarqueeModule,
-        CustomModule,
         PageModule,
         FooterModule,
         HeaderModule,
@@ -5529,5 +5241,5 @@ class SecurityConfigResolve {
  * Generated bundle index. Do not edit.
  */
 
-export { AccessrolesDirective, AppComponent, AppDefaultsService, AppExtensionJSResolve, AppExtensionProvider, AppJSProvider, AppJSResolve, AppManagerService, AppRef, AppSpinnerComponent, AppVariablesProvider, AppVariablesResolve, AuthGuard, BaseCustomWidgetComponent, BaseLayoutComponent, BasePageComponent, BasePartialComponent, BasePrefabComponent, BaseSpaPageComponent, CACHE_PAGE, CanDeactivateNgPageGuard, CanDeactivatePageGuard, ComponentRefProvider, ComponentType, CustomToasterComponent, CustomwidgetConfigProvider, DynamicComponentRefProviderService, EmptyPageComponent, FragmentMonitor, HttpCallInterceptor, I18nResolve, I18nServiceImpl, InitializeApp, MAX_CACHE_AGE, MAX_CACHE_SIZE, MetadataResolve, NavigationServiceImpl, PageNotFoundGuard, PipeProvider, PipeService, PrefabConfigProvider, PrefabDirective, PrefabManagerService, PrefabPreviewComponent, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, RoleGuard, RuntimeBaseModule, SecurityConfigResolve, SpinnerServiceImpl, ToasterServiceImpl, WM_MODULES_FOR_ROOT, WmDefaultRouteReuseStrategy, WmNgRouteReuseStrategy, WmRouteReuseStrategy, commonPartialWidgets, getPrefabBaseUrl, getPrefabConfigUrl, getPrefabMinJsonUrl, getPrefabPartialJsonUrl, isPrefabInPreview, setAngularLocale };
+export { AccessrolesDirective, AppComponent, AppDefaultsService, AppExtensionJSResolve, AppExtensionProvider, AppJSProvider, AppJSResolve, AppManagerService, AppRef, AppSpinnerComponent, AppVariablesProvider, AppVariablesResolve, AuthGuard, BaseLayoutComponent, BasePageComponent, BasePartialComponent, BasePrefabComponent, BaseSpaPageComponent, CACHE_PAGE, CanDeactivateNgPageGuard, CanDeactivatePageGuard, ComponentRefProvider, ComponentType, CustomToasterComponent, DynamicComponentRefProviderService, EmptyPageComponent, FragmentMonitor, HttpCallInterceptor, I18nResolve, I18nServiceImpl, InitializeApp, MAX_CACHE_AGE, MAX_CACHE_SIZE, MetadataResolve, NavigationServiceImpl, PageNotFoundGuard, PipeProvider, PipeService, PrefabConfigProvider, PrefabDirective, PrefabManagerService, PrefabPreviewComponent, REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS, RoleGuard, RuntimeBaseModule, SecurityConfigResolve, SpinnerServiceImpl, ToasterServiceImpl, WM_MODULES_FOR_ROOT, WmDefaultRouteReuseStrategy, WmNgRouteReuseStrategy, WmRouteReuseStrategy, commonPartialWidgets, getPrefabBaseUrl, getPrefabConfigUrl, getPrefabMinJsonUrl, getPrefabPartialJsonUrl, isPrefabInPreview, setAngularLocale };
 //# sourceMappingURL=index.mjs.map