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

app-ng-runtime/runtime/base/bundles/index.umd.js

@@ -2641,9 +2641,170 @@
         { type: ComponentRefProvider }
     ]; };
 
+    var PipeProvider = /** @class */ (function () {
+        function PipeProvider(compiler, injector, domSanitizer, i18service) {
+            var _this = this;
+            var _a;
+            this.compiler = compiler;
+            this.injector = injector;
+            this.domSanitizer = domSanitizer;
+            this.i18service = i18service;
+            this._locale = i2.getSessionStorageItem('selectedLocale') || 'en';
+            this.formatsByLocale = (_a = this.i18service) === null || _a === void 0 ? void 0 : _a.getwidgetLocale();
+            this.preparePipeMeta = function (reference, name, pure, diDeps) {
+                if (diDeps === void 0) { diDeps = []; }
+                return ({
+                    type: { reference: reference, diDeps: diDeps },
+                    name: name,
+                    pure: pure
+                });
+            };
+            this._pipeData = [
+                // TODO | NEED TO BE TESTED
+                this.preparePipeMeta(common.AsyncPipe, 'async', false, [i0.ChangeDetectorRef]),
+                this.preparePipeMeta(common.SlicePipe, 'slice', false),
+                this.preparePipeMeta(common.PercentPipe, 'percent', true, [this._locale]),
+                this.preparePipeMeta(common.I18nPluralPipe, 'i18nPlural', true, [
+                    common.NgLocalization
+                ]),
+                this.preparePipeMeta(common.I18nSelectPipe, 'i18nSelect', true),
+                this.preparePipeMeta(common.KeyValuePipe, 'keyvalue', false, [
+                    i0.KeyValueDiffers
+                ]),
+                this.preparePipeMeta(base.FileIconClassPipe, 'fileIconClass', true),
+                this.preparePipeMeta(base.FileExtensionFromMimePipe, 'fileExtensionFromMime', true),
+                this.preparePipeMeta(base.StateClassPipe, 'stateClass', true),
+                this.preparePipeMeta(base.FileSizePipe, 'filesize', true),
+                // TESTED
+                this.preparePipeMeta(base.FilterPipe, 'filter', true),
+                this.preparePipeMeta(common.UpperCasePipe, 'uppercase', true),
+                this.preparePipeMeta(common.LowerCasePipe, 'lowercase', true),
+                this.preparePipeMeta(common.JsonPipe, 'json', false),
+                this.preparePipeMeta(common.DecimalPipe, 'number', true, [this._locale]),
+                this.preparePipeMeta(common.TitleCasePipe, 'titlecase', true),
+                this.preparePipeMeta(common.CurrencyPipe, 'currency', true, [this._locale]),
+                this.preparePipeMeta(common.DatePipe, 'date', true, [this._locale]),
+                this.preparePipeMeta(base.ToDatePipe, 'toDate', true, [
+                    new common.DatePipe(this._locale)
+                ]),
+                this.preparePipeMeta(base.ToNumberPipe, 'toNumber', true, [
+                    new common.DecimalPipe(this._locale),
+                    this.i18service
+                ]),
+                this.preparePipeMeta(base.ToCurrencyPipe, 'toCurrency', true, [
+                    new common.DecimalPipe(this._locale),
+                    this.i18service
+                ]),
+                this.preparePipeMeta(base.PrefixPipe, 'prefix', true),
+                this.preparePipeMeta(base.SuffixPipe, 'suffix', true),
+                this.preparePipeMeta(base.TimeFromNowPipe, 'timeFromNow', true),
+                this.preparePipeMeta(base.NumberToStringPipe, 'numberToString', true, [
+                    new common.DecimalPipe(this._locale)
+                ]),
+                this.preparePipeMeta(base.StringToNumberPipe, 'stringToNumber', true),
+                this.preparePipeMeta(base.CustomPipe, 'custom', true, [this.injector.get(i2.CustomPipeManager)]),
+                this.preparePipeMeta(base.TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
+                this.preparePipeMeta(base.SanitizePipe, 'sanitize', true, [this.domSanitizer])
+            ];
+            this._pipeMeta = new Map();
+            this._pipeData.forEach(function (v) {
+                _this._pipeMeta.set(v.name, v);
+            });
+        }
+        PipeProvider.prototype.unknownPipe = function (name) {
+            throw Error("The pipe '" + name + "' could not be found");
+        };
+        PipeProvider.prototype.meta = function (name) {
+            var meta = this._pipeMeta.get(name);
+            if (!meta) {
+                this.unknownPipe(name);
+            }
+            return meta;
+        };
+        PipeProvider.prototype.getPipeNameVsIsPureMap = function () {
+            var _map = new Map();
+            this._pipeMeta.forEach(function (v, k) {
+                _map.set(k, v.pure);
+            });
+            return _map;
+        };
+        PipeProvider.prototype.resolveDep = function (dep) {
+            return this.injector.get(dep.token.identifier.reference);
+        };
+        PipeProvider.prototype.getInstance = function (name) {
+            var e_1, _b;
+            var _c = this.meta(name).type, ref = _c.reference, deps = _c.diDeps;
+            if (!ref) {
+                this.unknownPipe(name);
+            }
+            if (!deps.length) {
+                return new ref();
+            }
+            else {
+                var args = [];
+                try {
+                    for (var deps_1 = __values(deps), deps_1_1 = deps_1.next(); !deps_1_1.done; deps_1_1 = deps_1.next()) {
+                        var dep = deps_1_1.value;
+                        args.push(dep);
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (deps_1_1 && !deps_1_1.done && (_b = deps_1.return)) _b.call(deps_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                return new (ref.bind.apply(ref, __spreadArray([void 0], __read(args))))();
+            }
+        };
+        return PipeProvider;
+    }());
+    PipeProvider.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PipeProvider_Factory() { return new PipeProvider(i0__namespace.ɵɵinject(i0__namespace.Compiler), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(i1__namespace.DomSanitizer), i0__namespace.ɵɵinject(i2__namespace.AbstractI18nService)); }, token: PipeProvider, providedIn: "root" });
+    PipeProvider.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    PipeProvider.ctorParameters = function () { return [
+        { type: i0.Compiler },
+        { type: i0.Injector },
+        { type: i1.DomSanitizer },
+        { type: i2.AbstractI18nService }
+    ]; };
+
+    var PipeService = /** @class */ (function () {
+        function PipeService(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');
+            }
+        }
+        PipeService.prototype.getPipe = function (name) {
+            if (this.supportedPipes.includes(name)) {
+                return this.pipeProvider.getInstance(name);
+            }
+            else {
+                throw Error("The pipe '" + name + "' could not be found");
+            }
+        };
+        return PipeService;
+    }());
+    PipeService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PipeService_Factory() { return new PipeService(i0__namespace.ɵɵinject(PipeProvider), i0__namespace.ɵɵinject(i2__namespace.App)); }, token: PipeService, providedIn: "root" });
+    PipeService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+    ];
+    PipeService.ctorParameters = function () { return [
+        { type: PipeProvider },
+        { type: i2.App }
+    ]; };
+
     var injectorMap = {
         DialogService: i2.AbstractDialogService,
         i18nService: i2.AbstractI18nService,
+        PipeService: PipeService,
         statePersistence: i2.StatePersistence,
         SpinnerService: i2.AbstractSpinnerService,
         StatePersistenceService: i2.StatePersistence,
@@ -3870,138 +4031,6 @@
         { type: i2.AbstractI18nService }
     ]; };
 
-    var PipeProvider = /** @class */ (function () {
-        function PipeProvider(compiler, injector, domSanitizer, i18service) {
-            var _this = this;
-            var _a;
-            this.compiler = compiler;
-            this.injector = injector;
-            this.domSanitizer = domSanitizer;
-            this.i18service = i18service;
-            this._locale = i2.getSessionStorageItem('selectedLocale') || 'en';
-            this.formatsByLocale = (_a = this.i18service) === null || _a === void 0 ? void 0 : _a.getwidgetLocale();
-            this.preparePipeMeta = function (reference, name, pure, diDeps) {
-                if (diDeps === void 0) { diDeps = []; }
-                return ({
-                    type: { reference: reference, diDeps: diDeps },
-                    name: name,
-                    pure: pure
-                });
-            };
-            this._pipeData = [
-                // TODO | NEED TO BE TESTED
-                this.preparePipeMeta(common.AsyncPipe, 'async', false, [i0.ChangeDetectorRef]),
-                this.preparePipeMeta(common.SlicePipe, 'slice', false),
-                this.preparePipeMeta(common.PercentPipe, 'percent', true, [this._locale]),
-                this.preparePipeMeta(common.I18nPluralPipe, 'i18nPlural', true, [
-                    common.NgLocalization
-                ]),
-                this.preparePipeMeta(common.I18nSelectPipe, 'i18nSelect', true),
-                this.preparePipeMeta(common.KeyValuePipe, 'keyvalue', false, [
-                    i0.KeyValueDiffers
-                ]),
-                this.preparePipeMeta(base.FileIconClassPipe, 'fileIconClass', true),
-                this.preparePipeMeta(base.FileExtensionFromMimePipe, 'fileExtensionFromMime', true),
-                this.preparePipeMeta(base.StateClassPipe, 'stateClass', true),
-                this.preparePipeMeta(base.FileSizePipe, 'filesize', true),
-                // TESTED
-                this.preparePipeMeta(base.FilterPipe, 'filter', true),
-                this.preparePipeMeta(common.UpperCasePipe, 'uppercase', true),
-                this.preparePipeMeta(common.LowerCasePipe, 'lowercase', true),
-                this.preparePipeMeta(common.JsonPipe, 'json', false),
-                this.preparePipeMeta(common.DecimalPipe, 'number', true, [this._locale]),
-                this.preparePipeMeta(common.TitleCasePipe, 'titlecase', true),
-                this.preparePipeMeta(common.CurrencyPipe, 'currency', true, [this._locale]),
-                this.preparePipeMeta(common.DatePipe, 'date', true, [this._locale]),
-                this.preparePipeMeta(base.ToDatePipe, 'toDate', true, [
-                    new common.DatePipe(this._locale)
-                ]),
-                this.preparePipeMeta(base.ToNumberPipe, 'toNumber', true, [
-                    new common.DecimalPipe(this._locale),
-                    this.i18service
-                ]),
-                this.preparePipeMeta(base.ToCurrencyPipe, 'toCurrency', true, [
-                    new common.DecimalPipe(this._locale),
-                    this.i18service
-                ]),
-                this.preparePipeMeta(base.PrefixPipe, 'prefix', true),
-                this.preparePipeMeta(base.SuffixPipe, 'suffix', true),
-                this.preparePipeMeta(base.TimeFromNowPipe, 'timeFromNow', true),
-                this.preparePipeMeta(base.NumberToStringPipe, 'numberToString', true, [
-                    new common.DecimalPipe(this._locale)
-                ]),
-                this.preparePipeMeta(base.StringToNumberPipe, 'stringToNumber', true),
-                this.preparePipeMeta(base.CustomPipe, 'custom', true, [this.injector.get(i2.CustomPipeManager)]),
-                this.preparePipeMeta(base.TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
-                this.preparePipeMeta(base.SanitizePipe, 'sanitize', true, [this.domSanitizer])
-            ];
-            this._pipeMeta = new Map();
-            this._pipeData.forEach(function (v) {
-                _this._pipeMeta.set(v.name, v);
-            });
-        }
-        PipeProvider.prototype.unknownPipe = function (name) {
-            throw Error("The pipe '" + name + "' could not be found");
-        };
-        PipeProvider.prototype.meta = function (name) {
-            var meta = this._pipeMeta.get(name);
-            if (!meta) {
-                this.unknownPipe(name);
-            }
-            return meta;
-        };
-        PipeProvider.prototype.getPipeNameVsIsPureMap = function () {
-            var _map = new Map();
-            this._pipeMeta.forEach(function (v, k) {
-                _map.set(k, v.pure);
-            });
-            return _map;
-        };
-        PipeProvider.prototype.resolveDep = function (dep) {
-            return this.injector.get(dep.token.identifier.reference);
-        };
-        PipeProvider.prototype.getInstance = function (name) {
-            var e_1, _b;
-            var _c = this.meta(name).type, ref = _c.reference, deps = _c.diDeps;
-            if (!ref) {
-                this.unknownPipe(name);
-            }
-            if (!deps.length) {
-                return new ref();
-            }
-            else {
-                var args = [];
-                try {
-                    for (var deps_1 = __values(deps), deps_1_1 = deps_1.next(); !deps_1_1.done; deps_1_1 = deps_1.next()) {
-                        var dep = deps_1_1.value;
-                        args.push(dep);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (deps_1_1 && !deps_1_1.done && (_b = deps_1.return)) _b.call(deps_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                return new (ref.bind.apply(ref, __spreadArray([void 0], __read(args))))();
-            }
-        };
-        return PipeProvider;
-    }());
-    PipeProvider.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PipeProvider_Factory() { return new PipeProvider(i0__namespace.ɵɵinject(i0__namespace.Compiler), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(i1__namespace.DomSanitizer), i0__namespace.ɵɵinject(i2__namespace.AbstractI18nService)); }, token: PipeProvider, providedIn: "root" });
-    PipeProvider.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    PipeProvider.ctorParameters = function () { return [
-        { type: i0.Compiler },
-        { type: i0.Injector },
-        { type: i1.DomSanitizer },
-        { type: i2.AbstractI18nService }
-    ]; };
-
     var AppComponent = /** @class */ (function () {
         function AppComponent(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router$1, app, appManager) {
             var _this = this;
@@ -4143,7 +4172,7 @@
     AppComponent.decorators = [
         { type: i0.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: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -5007,6 +5036,7 @@
                         useClass: HttpCallInterceptor,
                         multi: true
                     },
+                    PipeService,
                     common.DecimalPipe,
                     common.DatePipe,
                     AppManagerService,
@@ -5215,6 +5245,7 @@
     exports.NavigationServiceImpl = NavigationServiceImpl;
     exports.PageNotFoundGaurd = PageNotFoundGaurd;
     exports.PipeProvider = PipeProvider;
+    exports.PipeService = PipeService;
     exports.PrefabConfigProvider = PrefabConfigProvider;
     exports.PrefabDirective = PrefabDirective;
     exports.PrefabManagerService = PrefabManagerService;