@wavemaker/app-ng-runtime 11.4.0-next.28701 → 11.4.0-rc.121

app-ng-runtime/runtime/base/fesm2015/index.js

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { Injectable, Directive, ViewChild, Inject, HostListener, TemplateRef, ViewContainerRef, Injector, Input, Component, Self, ElementRef, ComponentFactoryResolver, NgZone, ChangeDetectorRef, KeyValueDiffers, Compiler, ViewEncapsulation, ApplicationRef, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, APP_ID, RendererStyleFlags2, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
+import { Injectable, Directive, ViewChild, Inject, HostListener, TemplateRef, ViewContainerRef, Injector, Input, Component, Self, ElementRef, ComponentFactoryResolver, ChangeDetectorRef, KeyValueDiffers, Compiler, NgZone, ViewEncapsulation, ApplicationRef, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, APP_ID, RendererStyleFlags2, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
 import { Router, ActivatedRoute, RouterOutlet, RouteReuseStrategy, NavigationStart, NavigationEnd, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
 import { DatePipe, AsyncPipe, SlicePipe, PercentPipe, I18nPluralPipe, NgLocalization, I18nSelectPipe, KeyValuePipe, UpperCasePipe, LowerCasePipe, JsonPipe, DecimalPipe, TitleCasePipe, CurrencyPipe, DOCUMENT, ɵgetDOM, CommonModule } from '@angular/common';
 import * as i2 from '@wm/core';
-import { $appDigest, isDefined, triggerFn, fetchContent, AbstractHttpService, AbstractDialogService, App, AbstractSpinnerService, AbstractI18nService, stringStartsWith, loadStyleSheets, loadScripts, noop as noop$1, ScriptLoaderService, Viewport, UtilsService, $invokeWatchers, registerFnByExpr, LRUCache, muteWatchers, AbstractNavigationService, isMobileApp, isIos, isAndroid, unMuteWatchers, $watch, isIE, getWmProjectProperties, StatePersistence, AbstractToasterService, ConstantService, FieldTypeService, FieldWidgetService, DynamicComponentRefProvider, EventNotifier, isString, setCSS, _WM_APP_PROJECT, isMobile, setSessionStorageItem, getSessionStorageItem, replace, AppDefaults, CustomPipeManager, setPipeProvider, setNgZone, setAppRef, addClass, removeClass, hasCordova, extendProto, $parseExpr, isObject, isIphone, isIpod, isIpad, CoreModule } from '@wm/core';
+import { $appDigest, isDefined, triggerFn, fetchContent, AbstractHttpService, AbstractDialogService, App, AbstractSpinnerService, AbstractI18nService, stringStartsWith, loadStyleSheets, loadScripts, noop as noop$1, ScriptLoaderService, Viewport, UtilsService, $invokeWatchers, registerFnByExpr, LRUCache, muteWatchers, AbstractNavigationService, isMobileApp, isIos, isAndroid, unMuteWatchers, $watch, isIE, getWmProjectProperties, getSessionStorageItem, CustomPipeManager, StatePersistence, AbstractToasterService, ConstantService, FieldTypeService, FieldWidgetService, DynamicComponentRefProvider, EventNotifier, isString, setCSS, _WM_APP_PROJECT, isMobile, setSessionStorageItem, replace, AppDefaults, setPipeProvider, setNgZone, setAppRef, addClass, removeClass, hasCordova, extendProto, $parseExpr, isObject, isIphone, isIpod, isIpad, CoreModule } from '@wm/core';
 import { SecurityService, SecurityModule } from '@wm/security';
 import { CONSTANTS, routerService, $rootScope, VariablesService, MetadataService, appManager, httpService, VariablesModule } from '@wm/variables';
 import { SpaPageDirective, PageDirective, LayoutDirective } from '@wm/components/page';
@@ -2180,9 +2180,153 @@ PrefabDirective.ctorParameters = () => [
     { type: ComponentRefProvider }
 ];
 
+class PipeProvider {
+    constructor(compiler, injector, domSanitizer, i18service) {
+        var _a;
+        this.compiler = compiler;
+        this.injector = injector;
+        this.domSanitizer = domSanitizer;
+        this.i18service = i18service;
+        this._locale = getSessionStorageItem('selectedLocale') || 'en';
+        this.formatsByLocale = (_a = this.i18service) === null || _a === void 0 ? void 0 : _a.getwidgetLocale();
+        this.preparePipeMeta = (reference, name, pure, diDeps = []) => ({
+            type: { reference, diDeps },
+            name,
+            pure
+        });
+        this._pipeData = [
+            // TODO | NEED TO BE TESTED
+            this.preparePipeMeta(AsyncPipe, 'async', false, [ChangeDetectorRef]),
+            this.preparePipeMeta(SlicePipe, 'slice', false),
+            this.preparePipeMeta(PercentPipe, 'percent', true, [this._locale]),
+            this.preparePipeMeta(I18nPluralPipe, 'i18nPlural', true, [
+                NgLocalization
+            ]),
+            this.preparePipeMeta(I18nSelectPipe, 'i18nSelect', true),
+            this.preparePipeMeta(KeyValuePipe, 'keyvalue', false, [
+                KeyValueDiffers
+            ]),
+            this.preparePipeMeta(FileIconClassPipe, 'fileIconClass', true),
+            this.preparePipeMeta(FileExtensionFromMimePipe, 'fileExtensionFromMime', true),
+            this.preparePipeMeta(StateClassPipe, 'stateClass', true),
+            this.preparePipeMeta(FileSizePipe, 'filesize', true),
+            // TESTED
+            this.preparePipeMeta(FilterPipe, 'filter', true),
+            this.preparePipeMeta(UpperCasePipe, 'uppercase', true),
+            this.preparePipeMeta(LowerCasePipe, 'lowercase', true),
+            this.preparePipeMeta(JsonPipe, 'json', false),
+            this.preparePipeMeta(DecimalPipe, 'number', true, [this._locale]),
+            this.preparePipeMeta(TitleCasePipe, 'titlecase', true),
+            this.preparePipeMeta(CurrencyPipe, 'currency', true, [this._locale]),
+            this.preparePipeMeta(DatePipe, 'date', true, [this._locale]),
+            this.preparePipeMeta(ToDatePipe, 'toDate', true, [
+                new DatePipe(this._locale)
+            ]),
+            this.preparePipeMeta(ToNumberPipe, 'toNumber', true, [
+                new DecimalPipe(this._locale),
+                this.i18service
+            ]),
+            this.preparePipeMeta(ToCurrencyPipe, 'toCurrency', true, [
+                new DecimalPipe(this._locale),
+                this.i18service
+            ]),
+            this.preparePipeMeta(PrefixPipe, 'prefix', true),
+            this.preparePipeMeta(SuffixPipe, 'suffix', true),
+            this.preparePipeMeta(TimeFromNowPipe, 'timeFromNow', true),
+            this.preparePipeMeta(NumberToStringPipe, 'numberToString', true, [
+                new DecimalPipe(this._locale)
+            ]),
+            this.preparePipeMeta(StringToNumberPipe, 'stringToNumber', true),
+            this.preparePipeMeta(CustomPipe, 'custom', true, [this.injector.get(CustomPipeManager)]),
+            this.preparePipeMeta(TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
+            this.preparePipeMeta(SanitizePipe, 'sanitize', true, [this.domSanitizer])
+        ];
+        this._pipeMeta = new Map();
+        this._pipeData.forEach(v => {
+            this._pipeMeta.set(v.name, v);
+        });
+    }
+    unknownPipe(name) {
+        throw Error(`The pipe '${name}' could not be found`);
+    }
+    meta(name) {
+        const meta = this._pipeMeta.get(name);
+        if (!meta) {
+            this.unknownPipe(name);
+        }
+        return meta;
+    }
+    getPipeNameVsIsPureMap() {
+        const _map = new Map();
+        this._pipeMeta.forEach((v, k) => {
+            _map.set(k, v.pure);
+        });
+        return _map;
+    }
+    resolveDep(dep) {
+        return this.injector.get(dep.token.identifier.reference);
+    }
+    getInstance(name) {
+        const { type: { reference: ref, diDeps: deps } } = this.meta(name);
+        if (!ref) {
+            this.unknownPipe(name);
+        }
+        if (!deps.length) {
+            return new ref();
+        }
+        else {
+            const args = [];
+            for (const dep of deps) {
+                args.push(dep);
+            }
+            return new ref(...args);
+        }
+    }
+}
+PipeProvider.ɵprov = i0.ɵɵdefineInjectable({ factory: function PipeProvider_Factory() { return new PipeProvider(i0.ɵɵinject(i0.Compiler), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1.DomSanitizer), i0.ɵɵinject(i2.AbstractI18nService)); }, token: PipeProvider, providedIn: "root" });
+PipeProvider.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+PipeProvider.ctorParameters = () => [
+    { type: Compiler },
+    { type: Injector },
+    { type: DomSanitizer },
+    { type: AbstractI18nService }
+];
+
+class PipeService {
+    constructor(pipeProvider, $app) {
+        this.pipeProvider = pipeProvider;
+        this.$app = $app;
+        this.supportedPipes = ["toDate", "toCurrency", "prefix", "suffix", "numberToString", "stringToNumber", "timeFromNow", "trustAs", "sanitize"];
+        if (this.$app.isApplicationType) {
+            this.supportedPipes.push('custom');
+        }
+    }
+    getPipe(name) {
+        if (this.supportedPipes.includes(name)) {
+            return this.pipeProvider.getInstance(name);
+        }
+        else {
+            throw Error(`The pipe '${name}' could not be found`);
+        }
+    }
+}
+PipeService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PipeService_Factory() { return new PipeService(i0.ɵɵinject(PipeProvider), i0.ɵɵinject(i2.App)); }, token: PipeService, providedIn: "root" });
+PipeService.decorators = [
+    { type: Injectable, args: [{ providedIn: 'root' },] }
+];
+PipeService.ctorParameters = () => [
+    { type: PipeProvider },
+    { type: App }
+];
+
 const injectorMap = {
     DialogService: AbstractDialogService,
     i18nService: AbstractI18nService,
+    PipeService: PipeService,
     statePersistence: StatePersistence,
     SpinnerService: AbstractSpinnerService,
     StatePersistenceService: StatePersistence,
@@ -3354,122 +3498,6 @@ I18nResolve.ctorParameters = () => [
     { type: AbstractI18nService }
 ];
 
-class PipeProvider {
-    constructor(compiler, injector, domSanitizer, i18service) {
-        var _a;
-        this.compiler = compiler;
-        this.injector = injector;
-        this.domSanitizer = domSanitizer;
-        this.i18service = i18service;
-        this._locale = getSessionStorageItem('selectedLocale') || 'en';
-        this.formatsByLocale = (_a = this.i18service) === null || _a === void 0 ? void 0 : _a.getwidgetLocale();
-        this.preparePipeMeta = (reference, name, pure, diDeps = []) => ({
-            type: { reference, diDeps },
-            name,
-            pure
-        });
-        this._pipeData = [
-            // TODO | NEED TO BE TESTED
-            this.preparePipeMeta(AsyncPipe, 'async', false, [ChangeDetectorRef]),
-            this.preparePipeMeta(SlicePipe, 'slice', false),
-            this.preparePipeMeta(PercentPipe, 'percent', true, [this._locale]),
-            this.preparePipeMeta(I18nPluralPipe, 'i18nPlural', true, [
-                NgLocalization
-            ]),
-            this.preparePipeMeta(I18nSelectPipe, 'i18nSelect', true),
-            this.preparePipeMeta(KeyValuePipe, 'keyvalue', false, [
-                KeyValueDiffers
-            ]),
-            this.preparePipeMeta(FileIconClassPipe, 'fileIconClass', true),
-            this.preparePipeMeta(FileExtensionFromMimePipe, 'fileExtensionFromMime', true),
-            this.preparePipeMeta(StateClassPipe, 'stateClass', true),
-            this.preparePipeMeta(FileSizePipe, 'filesize', true),
-            // TESTED
-            this.preparePipeMeta(FilterPipe, 'filter', true),
-            this.preparePipeMeta(UpperCasePipe, 'uppercase', true),
-            this.preparePipeMeta(LowerCasePipe, 'lowercase', true),
-            this.preparePipeMeta(JsonPipe, 'json', false),
-            this.preparePipeMeta(DecimalPipe, 'number', true, [this._locale]),
-            this.preparePipeMeta(TitleCasePipe, 'titlecase', true),
-            this.preparePipeMeta(CurrencyPipe, 'currency', true, [this._locale]),
-            this.preparePipeMeta(DatePipe, 'date', true, [this._locale]),
-            this.preparePipeMeta(ToDatePipe, 'toDate', true, [
-                new DatePipe(this._locale)
-            ]),
-            this.preparePipeMeta(ToNumberPipe, 'toNumber', true, [
-                new DecimalPipe(this._locale),
-                this.i18service
-            ]),
-            this.preparePipeMeta(ToCurrencyPipe, 'toCurrency', true, [
-                new DecimalPipe(this._locale),
-                this.i18service
-            ]),
-            this.preparePipeMeta(PrefixPipe, 'prefix', true),
-            this.preparePipeMeta(SuffixPipe, 'suffix', true),
-            this.preparePipeMeta(TimeFromNowPipe, 'timeFromNow', true),
-            this.preparePipeMeta(NumberToStringPipe, 'numberToString', true, [
-                new DecimalPipe(this._locale)
-            ]),
-            this.preparePipeMeta(StringToNumberPipe, 'stringToNumber', true),
-            this.preparePipeMeta(CustomPipe, 'custom', true, [this.injector.get(CustomPipeManager)]),
-            this.preparePipeMeta(TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
-            this.preparePipeMeta(SanitizePipe, 'sanitize', true, [this.domSanitizer])
-        ];
-        this._pipeMeta = new Map();
-        this._pipeData.forEach(v => {
-            this._pipeMeta.set(v.name, v);
-        });
-    }
-    unknownPipe(name) {
-        throw Error(`The pipe '${name}' could not be found`);
-    }
-    meta(name) {
-        const meta = this._pipeMeta.get(name);
-        if (!meta) {
-            this.unknownPipe(name);
-        }
-        return meta;
-    }
-    getPipeNameVsIsPureMap() {
-        const _map = new Map();
-        this._pipeMeta.forEach((v, k) => {
-            _map.set(k, v.pure);
-        });
-        return _map;
-    }
-    resolveDep(dep) {
-        return this.injector.get(dep.token.identifier.reference);
-    }
-    getInstance(name) {
-        const { type: { reference: ref, diDeps: deps } } = this.meta(name);
-        if (!ref) {
-            this.unknownPipe(name);
-        }
-        if (!deps.length) {
-            return new ref();
-        }
-        else {
-            const args = [];
-            for (const dep of deps) {
-                args.push(dep);
-            }
-            return new ref(...args);
-        }
-    }
-}
-PipeProvider.ɵprov = i0.ɵɵdefineInjectable({ factory: function PipeProvider_Factory() { return new PipeProvider(i0.ɵɵinject(i0.Compiler), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1.DomSanitizer), i0.ɵɵinject(i2.AbstractI18nService)); }, token: PipeProvider, providedIn: "root" });
-PipeProvider.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-PipeProvider.ctorParameters = () => [
-    { type: Compiler },
-    { type: Injector },
-    { type: DomSanitizer },
-    { type: AbstractI18nService }
-];
-
 class AppComponent {
     constructor(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router, app, appManager) {
         this.elRef = elRef;
@@ -3606,7 +3634,7 @@ class AppComponent {
 AppComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-root',
-                template: "<ng-container *ngIf=\"startApp\">\n    <router-outlet></router-outlet>\n    <div wmContainer partialContainer content=\"Common\" hidden class=\"ng-hide\" *ngIf=\"isApplicationType\"></div>\n    <app-spinner name=\"globalspinner\" classname=\"global-spinner\" role=\"alert\" aria-live=\"assertive\" [attr.aria-label]=\"spinner.arialabel || 'Loading'\" [show]=\"spinner.show\" [spinnermessages]=\"spinner.messages\"></app-spinner>\n    <div wmDialog name=\"oAuthLoginDialog\" title=\"Application is requesting you to sign in with\"\n         close.event=\"closeOAuthDialog()\">\n        <ng-template #dialogBody>\n            <ul class=\"list-items\">\n                <li class=\"list-item\" *ngFor=\"let provider of providersConfig\">\n                    <button class=\"btn\" (click)=\"provider.invoke()\">{{provider.name}}</button>\n                </li>\n            </ul>\n        </ng-template>\n    </div>\n    <div wmConfirmDialog name=\"_app-confirm-dialog\" title.bind=\"title\" message.bind=\"message\" oktext.bind=\"oktext\"\n         canceltext.bind=\"canceltext\" closable=\"false\" iconclass.bind=\"iconclass\"\n         escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n    <div wmAppExt></div>\n    <i id=\"wm-mobile-display\"></i>\n</ng-container>\n<!--Dummy container to create the component dynamically-->\n<ng-container #dynamicComponent></ng-container>\n",
+                template: "<ng-container *ngIf=\"startApp\">\n    <router-outlet></router-outlet>\n    <div wmContainer partialContainer content=\"Common\" hidden class=\"ng-hide\" *ngIf=\"isApplicationType\"></div>\n    <app-spinner name=\"globalspinner\" classname=\"global-spinner\" role=\"alert\" aria-live=\"assertive\" [attr.aria-label]=\"spinner.arialabel || 'Loading'\" [show]=\"spinner.show\" [spinnermessages]=\"spinner.messages\"></app-spinner>\n    <div wmDialog name=\"oAuthLoginDialog\" title=\"Application is requesting you to sign in with\"\n         close.event=\"closeOAuthDialog()\">\n        <ng-template #dialogBody>\n            <ul class=\"list-items\">\n                <li class=\"list-item\" *ngFor=\"let provider of providersConfig\">\n                    <button class=\"btn\" (click)=\"provider.invoke()\">{{provider.name}}</button>\n                </li>\n            </ul>\n        </ng-template>\n    </div>\n    <div wmConfirmDialog name=\"_app-confirm-dialog\" title.bind=\"title\" message.bind=\"message\" oktext.bind=\"oktext\"\n         canceltext.bind=\"canceltext\" closable=\"false\" iconclass.bind=\"iconclass\"\n         escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n    <div  *ngIf=\"!isApplicationType\" wmConfirmDialog name=\"PrefabConfirmDialog\" title.bind=\"title\" message.bind=\"text\" oktext.bind=\"okButtonText\"\n         canceltext.bind=\"cancelButtonText\" closable=\"false\" iconclass.bind=\"iconclass\"\n         escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n    <div  *ngIf=\"!isApplicationType\" wmAlertDialog name=\"PrefabAlertDialog\" title.bind=\"title\" message.bind=\"text\" oktext.bind=\"okButtonText\"\n         canceltext.bind=\"cancelButtonText\" closable=\"false\" iconclass.bind=\"iconclass\"\n         escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n    <div wmAppExt></div>\n    <i id=\"wm-mobile-display\"></i>\n</ng-container>\n<!--Dummy container to create the component dynamically-->\n<ng-container #dynamicComponent></ng-container>\n",
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
@@ -4421,6 +4449,7 @@ class RuntimeBaseModule {
                     useClass: HttpCallInterceptor,
                     multi: true
                 },
+                PipeService,
                 DecimalPipe,
                 DatePipe,
                 AppManagerService,
@@ -4587,5 +4616,5 @@ SecurityConfigResolve.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-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, PageNotFoundGaurd, PipeProvider, 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, ɵ0$4 as ɵ0, getSettingProvider as ɵa, SharedStylesHost as ɵb, WMDomSharedStylesHost as ɵc, WMDomRendererFactory2 as ɵd };
+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, PageNotFoundGaurd, 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, ɵ0$4 as ɵ0, getSettingProvider as ɵa, SharedStylesHost as ɵb, WMDomSharedStylesHost as ɵc, WMDomRendererFactory2 as ɵd };
 //# sourceMappingURL=index.js.map