@wavemaker/app-runtime-wm-build 11.4.0-next.25718 → 11.4.0-next.25722

app-runtime-wm-build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/app-runtime-wm-build",
-    "version": "11.4.0-next.25718",
+    "version": "11.4.0-next.25722",
     "description": "All modules required for a wavemaker application.",
     "main": "index.js",
     "scripts": {

app-runtime-wm-build/wmapp/scripts/wm-loader.js

@@ -3012,11 +3012,15 @@
     var isIos = function() {
         return isIphone() || isIpod() || isIpad();
     };
-    var isLargeTabletLandscape = function() {
-        return window.matchMedia("only screen and (min-device-width : 1366px) and (max-device-width : 1366px) and (min-device-height : 1024px) and (max-device-height : 1024px) and (min-width: 1366px) and (max-width: 1366px)").matches;
+    var isLargeTabletLandscape = function(landScapeWidth, landScapeHeight) {
+        var width = landScapeWidth || "1366px";
+        var height = landScapeHeight || "1024px";
+        return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
     };
-    var isLargeTabletPortrait = function() {
-        return window.matchMedia("only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px)").matches;
+    var isLargeTabletPortrait = function(landScapeWidth, landScapeHeight) {
+        var height = landScapeWidth || "1366px";
+        var width = landScapeHeight || "1024px";
+        return window.matchMedia("only screen and (min-device-width : " + width + ") and (max-device-width : " + width + ") and (min-device-height : " + height + ") and (max-device-height : " + height + ") and (min-width: " + width + ") and (max-width: " + width + ")").matches;
     };
     var isMobile = function() {
         return isAndroid() || isIos() || isAndroidTablet() || $("#wm-mobile-display:visible").length > 0;
@@ -4466,6 +4470,8 @@
                     this.isMobileType = true;
                 }
             } else {
+                MINIMUM_MOBILE_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--screen-xs")) || 480;
+                MINIMUM_TAB_WIDTH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--screen-sm")) || 768;
                 if (minValue >= MINIMUM_MOBILE_WIDTH && maxValue >= MINIMUM_TAB_WIDTH) {
                     this.type = 1;
                     if (isAndroid() || isIos() || isAndroidTablet()) {
@@ -10384,7 +10390,18 @@
             configurable: true
         });
         ShowInDeviceDirective.prototype.onResize = function($event) {
-            if (this.devices.indexOf("lg") > -1 && window.matchMedia("(min-width: 1200px)").matches && !core$1.isLargeTabletLandscape() || this.devices.indexOf("md") > -1 && (core$1.isLargeTabletLandscape() || window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches && !core$1.isLargeTabletPortrait()) || this.devices.indexOf("sm") > -1 && (window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches || core$1.isLargeTabletPortrait()) || this.devices.indexOf("xs") > -1 && window.matchMedia("(max-width: 767px)").matches || this.devices.indexOf("all") > -1) {
+            var lgWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg") || "1200px";
+            var mdWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-md") || "992px";
+            var smWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-sm") || "768px";
+            var lgTabLandScapeWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg-tab-landscape") || "1366px";
+            var lgTabPortraitWidth = getComputedStyle(document.documentElement).getPropertyValue("--screen-lg-tab-portrait") || "1024px";
+            var lgWidthMin = parseFloat(lgWidth) - 1;
+            var lgUnit = lgWidthMin + "px";
+            var mdWidthMin = parseFloat(mdWidth) - 1;
+            var mdUnit = mdWidthMin + "px";
+            var smWidthMin = parseFloat(smWidth) - 1;
+            var smUnit = smWidthMin + "px";
+            if (this.devices.indexOf("lg") > -1 && window.matchMedia("(min-width: " + lgWidth + ")").matches && !core$1.isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || this.devices.indexOf("md") > -1 && (core$1.isLargeTabletLandscape(lgTabLandScapeWidth, lgTabPortraitWidth) || window.matchMedia("(min-width: " + mdWidth + ") and (max-width: " + lgUnit + ")").matches && !core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)) || this.devices.indexOf("sm") > -1 && (window.matchMedia("(min-width: " + smWidth + ") and (max-width: " + mdUnit + ")").matches || core$1.isLargeTabletPortrait(lgTabLandScapeWidth, lgTabPortraitWidth)) || this.devices.indexOf("xs") > -1 && window.matchMedia("(max-width: " + smUnit + ")").matches || this.devices.indexOf("all") > -1) {
                 if (!this.embeddedView) {
                     this.embeddedView = this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
                 }
@@ -23207,10 +23224,12 @@
                 if (nv > 0) {
                     this.level = nv;
                 }
+                this.renderTree();
                 break;
 
               case "treeicons":
                 this.treeicon = nv;
+                this.renderTree();
                 break;
 
               case "nodelabel":
@@ -23234,6 +23253,7 @@
 
               case "class":
                 this.treeClass = nv;
+                this.renderTree();
                 break;
 
               default:
@@ -23269,7 +23289,7 @@
         TreeComponent.prototype.getNodesFromString = function(value) {
             return value.split(",").map((function(item) {
                 return {
-                    name: item && item.trim()
+                    label: item && item.trim()
                 };
             }));
         };
@@ -23400,24 +23420,33 @@
         };
         Object.defineProperty(TreeComponent.prototype, "childrenKey", {
             get: function() {
+                if (!this.nodechildren) {
+                    return "children";
+                }
                 var depth = this.countDepth(this.nodechildren);
-                return depth ? this.nodechildren.split(".").pop() : this.nodechildren || "children";
+                return depth ? this.nodechildren.split(".").pop() : this.nodechildren;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TreeComponent.prototype, "labelKey", {
             get: function() {
+                if (!this.nodelabel) {
+                    return "label";
+                }
                 var depth = this.countDepth(this.nodelabel);
-                return depth ? this.nodelabel.split(".").pop() : this.nodelabel || "label";
+                return depth ? this.nodelabel.split(".").pop() : this.nodelabel;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TreeComponent.prototype, "iconKey", {
             get: function() {
+                if (!this.nodeicon) {
+                    return "icon";
+                }
                 var depth = this.countDepth(this.nodeicon);
-                return depth ? this.nodeicon.split(".").pop() : this.nodeicon || "icon";
+                return depth ? this.nodeicon.split(".").pop() : this.nodeicon;
             },
             enumerable: false,
             configurable: true
@@ -23525,7 +23554,6 @@
             $.fn.zTreeKeyboardNavigation(zTree, $('ul[name="' + this.name + '"]'), null, this.treeicon || defaultTreeIconClass);
         };
         TreeComponent.prototype.setSelectedItem = function(treeNode) {
-            debugger;
             this.selecteditem = core.getClonedObject(treeNode) || {};
             this.selecteditem.path = this.getPath(treeNode, "");
             var deSelectElm = $("li[treenode].selected");
@@ -32406,7 +32434,7 @@
             var value = _.get(dataObj, xKey);
             if (isLineTypeChart(this.type) && !core.isNumberType(this.xAxisDataType)) {
                 this.xDataKeyArr.push(value);
-                return index;
+                return value;
             }
             return value;
         };
@@ -60040,7 +60068,7 @@
             value: true
         }, base.PROP_BOOLEAN) ], [ "title", Object.assign({
             value: "Step Title"
-        }, base.PROP_STRING) ] ]));
+        }, base.PROP_STRING) ], [ "subtitle", base.PROP_STRING ] ]));
     };
     var DEFAULT_CLS$1 = "app-wizard-step-content";
     var WIDGET_CONFIG$1 = {
@@ -60344,6 +60372,7 @@
                     this.setDefaultStep(step);
                 }
             }
+            this.addMoreText();
         };
         WizardComponent.prototype.onWizardHeaderClick = function($event, currentStep) {
             var _this = this;
@@ -60359,6 +60388,7 @@
                 }));
                 this.currentStep = currentStep;
                 this.currentStep.active = true;
+                this.addMoreText();
             }
         };
         WizardComponent.prototype.next = function(eventName) {
@@ -60385,6 +60415,7 @@
                 nextStep.active = true;
                 this.currentStep = nextStep;
             }
+            this.addMoreText();
         };
         WizardComponent.prototype.prev = function() {
             var currentStep = this.currentStep;
@@ -60400,6 +60431,7 @@
                 prevStep.active = true;
                 this.currentStep = prevStep;
             }
+            this.addMoreText();
         };
         WizardComponent.prototype.skip = function() {
             this.next("skip");
@@ -60415,6 +60447,42 @@
                 steps: this.steps.toArray()
             });
         };
+        WizardComponent.prototype.addMoreText = function() {
+            setTimeout((function() {
+                var newWindowWidth = $(window).width();
+                if (newWindowWidth < 768) {
+                    $(".app-wizard-step.current .subtitle-wrapper .step-title").css({
+                        height: "auto",
+                        display: "block"
+                    });
+                    var subtitleTextLength = $(".app-wizard-step.current .subtitle-wrapper .step-title").height();
+                    $(".read_more").css("display", "none");
+                    $(".current .subtitle-wrapper").removeClass("readmore_subtitle");
+                    if (subtitleTextLength > 44) {
+                        $(".app-wizard-step.current .subtitle-wrapper .step-title").css({
+                            height: "44px",
+                            display: "-webkit-box"
+                        });
+                        $(".current .read_more").css("display", "block");
+                        $(".active .read_more").css("display", "none");
+                        $(".disable .read_more").css("display", "none");
+                        $(".app-wizard-step>a").css("height", "100px");
+                    }
+                }
+            }));
+        };
+        WizardComponent.prototype.readMoreSubtitle = function() {
+            $(".current .subtitle-wrapper").addClass("readmore_subtitle");
+            $(".current .read_more").css("display", "none");
+            $(document).on("mouseup", (function(e) {
+                var container = $(".subtitle-wrapper");
+                if (!container.is(e.target) && container.has(e.target).length === 0) {
+                    $(".current .subtitle-wrapper").removeClass("readmore_subtitle");
+                    $(".current .read_more").css("display", "block");
+                    $(document).off("mouseup");
+                }
+            }));
+        };
         WizardComponent.prototype.isFirstStep = function(stepRef) {
             return this.steps.first === stepRef;
         };
@@ -60437,6 +60505,11 @@
         WizardComponent.prototype.ngAfterViewInit = function() {
             _super.prototype.ngAfterViewInit.call(this);
             base.styler(this.nativeElement.querySelector(".panel-body"), this, base.APPLY_STYLES_TYPE.INNER_SHELL);
+            setTimeout((function() {
+                if ($(window).width() < 768) {
+                    $(".app-wizard").removeClass("vertical");
+                }
+            }));
         };
         return WizardComponent;
     }(base.StylableComponent);
@@ -60445,7 +60518,7 @@
         type: core.Component,
         args: [ {
             selector: "div[wmWizard]",
-            template: '<div class="app-wizard-heading" role="tab">\n    <ul class="app-wizard-steps nav nav-pills {{stepClass}}">\n        <li class="app-wizard-step" *ngFor="let step of steps; let i = index" [hidden]="!step.show"\n            [ngClass]="{active: step.done, current: step.active, disabled: step.disabled}"\n            (click)="onWizardHeaderClick($event, step)">\n            <a href="javascript:void(0)" [attr.aria-label]="step.title" [attr.title]="step.title">\n                <span class="arrow" *ngIf="class && class.includes(\'classic\')"></span>\n                <span class="wizard-step-number">\n                    <span class="count" *ngIf="class && class.includes(\'number\') && !step.isDone">{{i+1}}</span>\n                    <i class="dottedstepper" *ngIf="class && (class.includes(\'dottedstepper\') || class.includes(\'text-inline\') && !class.includes(\'iconstepper\')) && !step.isDone"></i>\n                    <i class="app-icon wi wi-done" *ngIf="class && (class.includes(\'dottedstepper\') || class.includes(\'number\')) && step.isDone"></i>\n                    <i class="app-icon {{step.iconclass}}" *ngIf="(class && class.includes(\'iconstepper\')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===\'\'))"></i>\n                    <i class="app-icon {{step.doneiconclass}}" *ngIf="step.doneiconclass && step.isDone && (class && class.includes(\'iconstepper\'))"></i>\n                </span>\n                <span class="title-wrapper">\n                    <span *ngIf="class && class.includes(\'text-inline\')">{{\'0\' + (i+1)}}</span>\n                    <span class="step-title" [textContent]="step.title"></span>\n                </span>\n            </a>\n        </li>\n    </ul>\n</div>\n<div class="app-wizard-body panel-body" role="tabpanel">\n    <p wmMessage *ngIf="message.caption" caption.bind="message.caption" type.bind="message.type"></p>\n    <ng-content ngProjectAs="form[wmWizardStep]"></ng-content>\n</div>\n<div class="app-wizard-actions panel-footer {{actionsalignment}}">\n    <a class="app-wizard-skip" name="skipStep_{{name}}" *ngIf="currentStep?.enableskip" title="Skip step" (click)="skip()">Skip &raquo;</a>\n    <div class="app-wizard-actions-right">\n        <button type="button" name="cancelBtn_{{name}}" class="btn app-button btn-default" *ngIf="cancelable"\n                (click)="cancel()" [title]="cancelbtnlabel" [textContent]="cancelbtnlabel"></button>\n        <button type="button" name="previousBtn_{{name}}" class="btn app-button btn-default"\n                *ngIf="hasPrevStep" (click)="prev()" [disabled]="!enablePrev">\n            <i class="app-icon wi wi-chevron-left"></i>\n            <span class="btn-caption" [textContent]="previousbtnlabel"></span>\n        </button>\n        <button type="button" name="nextBtn_{{name}}" class="btn app-button btn-primary"\n                *ngIf="hasNextStep" (click)="next()" [disabled]="!enableNext">\n            <span class="btn-caption" [textContent]="nextbtnlabel"></span>\n            <i class="app-icon wi wi-chevron-right"></i>\n        </button>\n        <button type="button" name="doneBtn_{{name}}" class="btn app-button btn-success"\n                *ngIf="showDoneBtn" (click)="done()"\n                [disabled]="!enableDone">\n            <i class="app-icon wm-sl-l sl-check"></i>\n            <span class="btn-caption" [textContent]="donebtnlabel"></span>\n        </button>\n    </div>\n</div>\n',
+            template: '<div class="app-wizard-heading" role="tab">\n    <ul class="app-wizard-steps nav nav-pills {{stepClass}}">\n        <li class="app-wizard-step" *ngFor="let step of steps; let i = index" [hidden]="!step.show"\n            [ngClass]="{active: step.done, current: step.active, disabled: step.disabled}"\n            (click)="onWizardHeaderClick($event, step)">\n            <a href="javascript:void(0)" [attr.aria-label]="step.title" [attr.title]="step.title" [ngClass]="{\'title-center-align\':class && class.includes(\'classic\') && !step.subtitle}">\n                <span class="arrow" *ngIf="class && class.includes(\'classic\')"></span>\n                <span class="wizard-step-number">\n                    <span class="count" *ngIf="class && class.includes(\'number\') && !step.isDone">{{i+1}}</span>\n                    <i class="dottedstepper" *ngIf="class && (class.includes(\'dottedstepper\') || class.includes(\'text-inline\') && !class.includes(\'iconstepper\')) && !step.isDone"></i>\n                    <i class="app-icon wi wi-done" *ngIf="class && (class.includes(\'dottedstepper\') || class.includes(\'number\')) && step.isDone"></i>\n                    <i class="app-icon {{step.iconclass}}" *ngIf="(class && class.includes(\'iconstepper\')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===\'\'))"></i>\n                    <i class="app-icon {{step.doneiconclass}}" *ngIf="step.doneiconclass && step.isDone && (class && class.includes(\'iconstepper\'))"></i>\n                </span>\n                <span class="title-wrapper">\n                    <span *ngIf="class && class.includes(\'text-inline\')">{{\'0\' + (i+1)}}</span>\n                    <span class="step-title" [textContent]="step.title"></span>\n                </span>\n                <span class="subtitle-wrapper" [attr.title]="step.subtitle" *ngIf="step.subtitle">\n                    <span class="step-title" [textContent]="step.subtitle"></span>\n                    <a class="read_more" (click)="readMoreSubtitle()" style="display:none">more</a>\n                </span>\n            </a>    \n        </li>\n    </ul>\n</div>\n<div class="app-wizard-body panel-body" role="tabpanel">\n    <p wmMessage *ngIf="message.caption" caption.bind="message.caption" type.bind="message.type"></p>\n    <ng-content ngProjectAs="form[wmWizardStep]"></ng-content>\n</div>\n<div class="app-wizard-actions panel-footer {{actionsalignment}}">\n    <a class="app-wizard-skip" name="skipStep_{{name}}" *ngIf="currentStep?.enableskip" title="Skip step" (click)="skip()">Skip &raquo;</a>\n    <div class="app-wizard-actions-right">\n        <button type="button" name="cancelBtn_{{name}}" class="btn app-button btn-default" *ngIf="cancelable"\n                (click)="cancel()" [title]="cancelbtnlabel" [textContent]="cancelbtnlabel"></button>\n        <button type="button" name="previousBtn_{{name}}" class="btn app-button btn-default"\n                *ngIf="hasPrevStep" (click)="prev()" [disabled]="!enablePrev">\n            <i class="app-icon wi wi-chevron-left"></i>\n            <span class="btn-caption" [textContent]="previousbtnlabel"></span>\n        </button>\n        <button type="button" name="nextBtn_{{name}}" class="btn app-button btn-primary"\n                *ngIf="hasNextStep" (click)="next()" [disabled]="!enableNext">\n            <span class="btn-caption" [textContent]="nextbtnlabel"></span>\n            <i class="app-icon wi wi-chevron-right"></i>\n        </button>\n        <button type="button" name="doneBtn_{{name}}" class="btn app-button btn-success"\n                *ngIf="showDoneBtn" (click)="done()"\n                [disabled]="!enableDone">\n            <i class="app-icon wm-sl-l sl-check"></i>\n            <span class="btn-caption" [textContent]="donebtnlabel"></span>\n        </button>\n    </div>\n</div>\n',
             providers: [ base.provideAsWidgetRef(WizardComponent) ]
         } ]
     } ];
@@ -67877,9 +67950,152 @@
             type: ComponentRefProvider
         } ];
     };
+    var PipeProvider = 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 = [ 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), 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.\u0275prov = i0__namespace.\u0275\u0275defineInjectable({
+        factory: function PipeProvider_Factory() {
+            return new PipeProvider(i0__namespace.\u0275\u0275inject(i0__namespace.Compiler), i0__namespace.\u0275\u0275inject(i0__namespace.INJECTOR), i0__namespace.\u0275\u0275inject(i1__namespace.DomSanitizer), i0__namespace.\u0275\u0275inject(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 = 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.\u0275prov = i0__namespace.\u0275\u0275defineInjectable({
+        factory: function PipeService_Factory() {
+            return new PipeService(i0__namespace.\u0275\u0275inject(PipeProvider), i0__namespace.\u0275\u0275inject(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,
@@ -68996,110 +69212,6 @@
             type: i2.AbstractI18nService
         } ];
     };
-    var PipeProvider = 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 = [ 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), 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.\u0275prov = i0__namespace.\u0275\u0275defineInjectable({
-        factory: function PipeProvider_Factory() {
-            return new PipeProvider(i0__namespace.\u0275\u0275inject(i0__namespace.Compiler), i0__namespace.\u0275\u0275inject(i0__namespace.INJECTOR), i0__namespace.\u0275\u0275inject(i1__namespace.DomSanitizer), i0__namespace.\u0275\u0275inject(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 = function() {
         function AppComponent(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router$1, app, appManager) {
             var _this = this;
@@ -70090,7 +70202,7 @@
                     provide: http.HTTP_INTERCEPTORS,
                     useClass: HttpCallInterceptor,
                     multi: true
-                }, common.DecimalPipe, common.DatePipe, AppManagerService, PrefabManagerService, AuthGuard, RoleGuard, PageNotFoundGaurd, CanDeactivatePageGuard, AppJSResolve, AppExtensionJSResolve, I18nResolve, getSettingProvider(MAX_CACHE_SIZE, 10), getSettingProvider(MAX_CACHE_AGE, 30 * 60) ]
+                }, PipeService, common.DecimalPipe, common.DatePipe, AppManagerService, PrefabManagerService, AuthGuard, RoleGuard, PageNotFoundGaurd, CanDeactivatePageGuard, AppJSResolve, AppExtensionJSResolve, I18nResolve, getSettingProvider(MAX_CACHE_SIZE, 10), getSettingProvider(MAX_CACHE_AGE, 30 * 60) ]
             };
         };
         RuntimeBaseModule.prototype.getDeviceDetails = function() {
@@ -70283,6 +70395,7 @@
     exports.NavigationServiceImpl = NavigationServiceImpl;
     exports.PageNotFoundGaurd = PageNotFoundGaurd;
     exports.PipeProvider = PipeProvider;
+    exports.PipeService = PipeService;
     exports.PrefabConfigProvider = PrefabConfigProvider;
     exports.PrefabDirective = PrefabDirective;
     exports.PrefabManagerService = PrefabManagerService;