@pepperi-addons/ngx-lib 0.4.2-storybook.1 → 0.5.0-ng15.2

package/fesm2015/pepperi-addons-ngx-lib.mjs

@@ -5,17 +5,16 @@ import * as i3$1 from '@angular/common/http';
 import { HttpResponse, HTTP_INTERCEPTORS, HttpHeaders, HttpClientModule } from '@angular/common/http';
 import * as i3 from '@angular/forms';
 import { FormControl, Validators, ReactiveFormsModule, FormBuilder } from '@angular/forms';
-import { throwError, BehaviorSubject, Subject } from 'rxjs';
-import { catchError, filter, distinctUntilChanged, finalize, tap } from 'rxjs/operators';
+import { throwError, BehaviorSubject, Subject, takeUntil } from 'rxjs';
+import { catchError, debounceTime, filter, distinctUntilChanged, finalize, tap } from 'rxjs/operators';
 import * as i1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import * as i1$1 from '@angular/platform-browser';
 import { coerceNumberProperty, _isNumberValue } from '@angular/cdk/coercion';
+import * as i1$1 from '@angular/platform-browser';
 import { __awaiter } from 'tslib';
 import { createCustomElement } from '@angular/elements';
 import * as i6 from '@angular/router';
 import { Router } from '@angular/router';
-import { connectRouter } from '@angular-architects/module-federation-tools';
 import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';
 
 // import { ToastrService } from 'ngx-toastr';
@@ -35,13 +34,18 @@ class PepErrorInterceptor {
         }));
     }
 }
-PepErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepErrorInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepErrorInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepErrorInterceptor, decorators: [{
+PepErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepErrorInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepErrorInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepErrorInterceptor, decorators: [{
             type: Injectable
         }] });
 
 class PepLoaderService {
+    get onChanged$() {
+        return this.showLoaderSubject
+            .asObservable()
+            .pipe(debounceTime(500), filter(v => v !== undefined), distinctUntilChanged());
+    }
     constructor() {
         this.counter = 0;
         this.showLoaderSubject = new BehaviorSubject(undefined);
@@ -50,11 +54,6 @@ class PepLoaderService {
             this.showLoaderChanged(show);
         });
     }
-    get onChanged$() {
-        return this.showLoaderSubject
-            .asObservable()
-            .pipe(filter(v => v !== undefined), distinctUntilChanged());
-    }
     showLoaderChanged(show) {
         const eventData = {
             detail: {
@@ -78,9 +77,9 @@ class PepLoaderService {
         }
     }
 }
-PepLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLoaderService, decorators: [{
+PepLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLoaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -108,9 +107,9 @@ class PepLoaderInterceptor {
         // }));
     }
 }
-PepLoaderInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLoaderInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-PepLoaderInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLoaderInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLoaderInterceptor, decorators: [{
+PepLoaderInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLoaderInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+PepLoaderInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLoaderInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLoaderInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
@@ -136,9 +135,9 @@ class PepProfilerInterceptor {
         }));
     }
 }
-PepProfilerInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepProfilerInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepProfilerInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepProfilerInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepProfilerInterceptor, decorators: [{
+PepProfilerInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepProfilerInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepProfilerInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepProfilerInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepProfilerInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -165,9 +164,9 @@ const httpInterceptorProviders = [
 // will be copied to the ClipboardService and a (clipboardCopy) event will be emitted.
 class PepClipboardDirective {
 }
-PepClipboardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-PepClipboardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepClipboardDirective, selector: "[pepClipboard]", inputs: { value: ["clipboard", "value"] }, outputs: { copyEvent: "clipboardCopy", errorEvent: "clipboardError" }, host: { listeners: { "click": "copyToClipboard()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepClipboardDirective, decorators: [{
+PepClipboardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+PepClipboardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepClipboardDirective, selector: "[pepClipboard]", inputs: { value: ["clipboard", "value"] }, outputs: { copyEvent: "clipboardCopy", errorEvent: "clipboardError" }, host: { listeners: { "click": "copyToClipboard()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepClipboardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepClipboard]',
@@ -213,6 +212,14 @@ var PepScreenSizeType;
 })(PepScreenSizeType || (PepScreenSizeType = {}));
 // export type PepScreenSizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 class PepLayoutService {
+    get onResize$() {
+        return this.resizeSubject.asObservable().pipe(distinctUntilChanged());
+    }
+    get onMouseOver$() {
+        return this.deviceHasMouseSubject
+            .asObservable()
+            .pipe(distinctUntilChanged());
+    }
     constructor(translate = null) {
         this.translate = translate;
         this.documentMouseoverListener = (event) => {
@@ -225,14 +232,6 @@ class PepLayoutService {
         document.addEventListener('mouseover', this.documentMouseoverListener, false);
         // document.addEventListener('touchstart', this._documentTouchstartListener, false);
     }
-    get onResize$() {
-        return this.resizeSubject.asObservable().pipe(distinctUntilChanged());
-    }
-    get onMouseOver$() {
-        return this.deviceHasMouseSubject
-            .asObservable()
-            .pipe(distinctUntilChanged());
-    }
     // private _documentTouchstartListener = (event: TouchEvent) => {
     //     debugger;
     //     this.isTouchDevice = true;
@@ -332,9 +331,9 @@ class PepLayoutService {
         return isRtl;
     }
 }
-PepLayoutService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLayoutService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-PepLayoutService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLayoutService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLayoutService, decorators: [{
+PepLayoutService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLayoutService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+PepLayoutService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLayoutService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepLayoutService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -358,9 +357,9 @@ class PepRtlClassDirective {
         }
     }
 }
-PepRtlClassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRtlClassDirective, deps: [{ token: PepLayoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PepRtlClassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepRtlClassDirective, selector: "[pepRtlClass]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRtlClassDirective, decorators: [{
+PepRtlClassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRtlClassDirective, deps: [{ token: PepLayoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PepRtlClassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepRtlClassDirective, selector: "[pepRtlClass]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRtlClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepRtlClass]',
@@ -377,455 +376,151 @@ class PepRtlDirectionDirective {
         this.renderer.setAttribute(this.element.nativeElement, 'dir', isRtl ? 'rtl' : 'ltr');
     }
 }
-PepRtlDirectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRtlDirectionDirective, deps: [{ token: PepLayoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PepRtlDirectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepRtlDirectionDirective, selector: "[pepRtlDirection]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRtlDirectionDirective, decorators: [{
+PepRtlDirectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRtlDirectionDirective, deps: [{ token: PepLayoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PepRtlDirectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepRtlDirectionDirective, selector: "[pepRtlDirection]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRtlDirectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepRtlDirection]',
                 }]
         }], ctorParameters: function () { return [{ type: PepLayoutService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
 
-class PepCapitalizePipe {
-    transform(value) {
-        if (value) {
-            return value.charAt(0).toUpperCase() + value.slice(1);
-        }
-        return value;
+class PepUtilitiesService {
+    constructor(translate = null) {
+        var _a;
+        this.translate = translate;
+        this.culture = 'en-US';
+        this.culture = ((_a = this.translate) === null || _a === void 0 ? void 0 : _a.getBrowserCultureLang()) || 'en-US';
+        // try {
+        //     import(`@angular/common/locales/global/${this.culture}`);
+        // } catch {}
     }
-}
-PepCapitalizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepCapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PepCapitalizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepCapitalizePipe, name: "pepCapitalize" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepCapitalizePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepCapitalize' }]
-        }] });
-class PepEncodePipe {
-    transform(value) {
-        if (value) {
-            const v = btoa(value);
-            return v;
+    prepareNumberToFormat(value, fallbackValue = 0) {
+        // If the decimal separator is ',' change it to '.'
+        if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
+            // If the decimal separator is ',' change it to '.' for let the formatting works.
+            value = this.changeDecimalSeparatorWhenItsComma(value);
+            // console.log('coerceNumberProperty after change decimal separator value is', value);
         }
-        return value;
+        return coerceNumberProperty(value, fallbackValue);
     }
-}
-PepEncodePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepEncodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PepEncodePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepEncodePipe, name: "pepEncode" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepEncodePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepEncode' }]
-        }] });
-class PepEscapePipe {
-    transform(value) {
-        if (value) {
-            const v = escape(value);
-            return v;
+    // adapted from https://github.com/sindresorhus/parse-ms.
+    // moved to internal function because parse-ms is now pure ESM.
+    parseMs(milliseconds) {
+        if (typeof milliseconds !== 'number') {
+            throw new TypeError('Expected a number');
         }
-        return value;
+        return {
+            days: Math.trunc(milliseconds / 86400000),
+            hours: Math.trunc(milliseconds / 3600000) % 24,
+            minutes: Math.trunc(milliseconds / 60000) % 60,
+            seconds: Math.trunc(milliseconds / 1000) % 60,
+            milliseconds: Math.trunc(milliseconds) % 1000
+        };
     }
-}
-PepEscapePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepEscapePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PepEscapePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepEscapePipe, name: "pepEscape" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepEscapePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepEscape' }]
-        }] });
-class PepReplaceLineBreaksPipe {
-    transform(value) {
-        const newValue = value.replace(/(<br\ ?\/?>)/g, ' ');
-        return newValue;
+    // adapted from https://github.com/rafaelrinaldi/add-zero.
+    // moved to internal function b/c addZero is unmaintained (7+ years).
+    // stripped out negative sign logic since we're already doing it elsewhere.
+    addZero(value, digits = 2) {
+        digits = digits || 2;
+        let str = value.toString();
+        let size = 0;
+        size = digits - str.length + 1;
+        str = new Array(size).join('0').concat(str);
+        return str;
     }
-}
-PepReplaceLineBreaksPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepReplaceLineBreaksPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PepReplaceLineBreaksPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepReplaceLineBreaksPipe, name: "pepReplaceLineBreaks" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepReplaceLineBreaksPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepReplaceLineBreaks' }]
-        }] });
-class PepDateFormatterPipe {
-    transform(value, culture, showTime = false) {
-        let res = '';
-        value = new Date(value);
-        if (value) {
-            res = value.toLocaleDateString(culture || 'en-US');
-            if (showTime) {
-                res +=
-                    ' ' +
-                        value.toLocaleTimeString(culture || 'en-US', {
-                            hour: '2-digit',
-                            minute: '2-digit',
-                        });
-            }
+    isCurrencyShouldBeOnRight(currencySymbol) {
+        let res = false;
+        if (currencySymbol == "€" ||
+            currencySymbol == "₪" ||
+            currencySymbol == "Ft" ||
+            currencySymbol == "Kč" ||
+            currencySymbol == "руб" ||
+            currencySymbol == "zł" ||
+            currencySymbol == "kr.") {
+            res = true;
         }
         return res;
     }
-}
-PepDateFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDateFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PepDateFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepDateFormatterPipe, name: "pepDateFormatter" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDateFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepDateFormatter' }]
-        }] });
-class PepDateStringFormatterPipe {
-    transform(value, culture, showTime = false) {
-        let res = '';
-        const tmpDate = new Date(value);
-        if (value) {
-            res = tmpDate.toLocaleDateString(culture || 'en-US');
-            if (showTime) {
-                res += ' ' + tmpDate.toLocaleTimeString(culture || 'en-US');
-            }
+    cutValueByFractionDigits(value, maxFractionDigits) {
+        let res = value;
+        maxFractionDigits = maxFractionDigits || 2;
+        const decimalSeparator = this.getDecimalSeparator();
+        if (value.includes(decimalSeparator)) {
+            const valueArr = value.split(decimalSeparator);
+            // if (valueArr[1].length < maxFractionDigits) {
+            valueArr[1] = valueArr[1].padEnd(maxFractionDigits, '0');
+            // }
+            res = `${valueArr[0]}${decimalSeparator}${valueArr[1].slice(0, maxFractionDigits)}`;
         }
         return res;
     }
-}
-PepDateStringFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDateStringFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PepDateStringFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepDateStringFormatterPipe, name: "pepDateStringFormatter" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDateStringFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepDateStringFormatter' }]
-        }] });
-class PepSafeHtmlPipe {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
-    transform(html) {
-        return this.sanitizer.bypassSecurityTrustHtml(html);
-    }
-}
-PepSafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-PepSafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepSafeHtmlPipe, name: "pepSafeHtml" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSafeHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepSafeHtml' }]
-        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
-class PepSafePipe {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
+    parseDate(dateStr, isDateTime = false) {
+        let retVal = null;
+        if (dateStr !== '') {
+            retVal = new Date(dateStr);
+            // Convert to date with no offset.
+            if (!isDateTime) {
+                const index = dateStr.indexOf('T');
+                if (index > 0) {
+                    dateStr = dateStr.substring(0, index);
+                }
+                const dateText = dateStr.split('-');
+                if (dateText.length === 3) {
+                    const year = Number(dateText[0]);
+                    const month = Number(dateText[1]) - 1;
+                    const day = Number(dateText[2]);
+                    retVal = new Date(year, month, day, 0, retVal.getTimezoneOffset() * -1);
+                }
+            }
+            else {
+                retVal = new Date(retVal.getFullYear(), retVal.getMonth(), retVal.getDate(), retVal.getHours(), retVal.getMinutes() + retVal.getTimezoneOffset() * -1, retVal.getSeconds());
+            }
+        }
+        if (retVal && isNaN(retVal.getTime())) {
+            retVal = null;
+        }
+        return retVal;
     }
-    transform(value, type) {
-        switch (type) {
-            case 'html':
-                return this.sanitizer.bypassSecurityTrustHtml(value);
-            case 'style':
-                return this.sanitizer.bypassSecurityTrustStyle(value);
-            case 'script':
-                return this.sanitizer.bypassSecurityTrustScript(value);
-            case 'url':
-                return this.sanitizer.bypassSecurityTrustUrl(value);
-            case 'resourceUrl':
-                return this.sanitizer.bypassSecurityTrustResourceUrl(value);
-            default:
-                throw new Error(`Invalid safe type specified: ${type}`);
+    stringifyDate(date, isDateTime = false) {
+        if (date) {
+            if (isDateTime) {
+                return date.toISOString(); // include - offset
+            }
+            else {
+                const dateText = [];
+                dateText.push(date.getFullYear(), '-', date.getMonth() + 1, '-', date.getDate());
+                return dateText.join('');
+            }
+        }
+        else {
+            return '';
         }
     }
-}
-PepSafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSafePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-PepSafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepSafePipe, name: "pepSafe" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSafePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepSafe' }]
-        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
-class PepSplitUppercasePipe {
-    transform(value) {
-        const newValue = value.replace(/([a-z])([A-Z])/g, '$1 $2');
-        return newValue;
+    isValueHtml(value) {
+        let res = false;
+        const REGEXP = /<\/?[a-z][\s\S]*>/i;
+        res = REGEXP.test(value);
+        return res;
     }
-}
-PepSplitUppercasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSplitUppercasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PepSplitUppercasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepSplitUppercasePipe, name: "pepSplitUppercase" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSplitUppercasePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepSplitUppercase' }]
-        }] });
-class PepToNumberPipe {
-    transform(value) {
-        return parseInt(value);
+    isJsonString(str) {
+        try {
+            JSON.parse(str);
+        }
+        catch (e) {
+            return false;
+        }
+        return true;
     }
-}
-PepToNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PepToNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepToNumberPipe, name: "pepToNumber" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepToNumberPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pepToNumber' }]
-        }] });
-
-class DateAgoPipe {
-    constructor(translateService) {
-        this.translateService = translateService;
-    }
-    getCounterTranslation(counter, key) {
-        const intervalText = this.translateService.get(`DATE_AGO.${key.toUpperCase()}`) || key;
-        const agoText = this.translateService.get(counter === 1 ? 'DATE_AGO.SINGULAR' : 'DATE_AGO.PLURAL') || counter === 1 ? ' ago' : 's ago';
-        return `${intervalText}${agoText}`;
-    }
-    transform(value, args) {
-        if (value) {
-            const seconds = Math.floor((+new Date() - +new Date(value)) / 1000);
-            if (seconds < 29) // less than 30 seconds ago will show as 'Just now'
-                return this.translateService.get('DATE_AGO.JUST_NOW') || 'Just now';
-            const intervals = {
-                'year': 31536000,
-                'month': 2592000,
-                'week': 604800,
-                'day': 86400,
-                'hour': 3600,
-                'minute': 60,
-                'second': 1
-            };
-            let counter;
-            for (const i in intervals) {
-                counter = Math.floor(seconds / intervals[i]);
-                if (counter > 0) {
-                    this.getCounterTranslation(counter, i);
-                }
-            }
-        }
-        return value;
-    }
-}
-DateAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DateAgoPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-DateAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: DateAgoPipe, name: "dateAgo" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DateAgoPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'dateAgo'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
-
-class PepInputAutoWidthDirective {
-    constructor(renderer, el) {
-        this.renderer = renderer;
-        this.el = el;
-        this.includePadding = true;
-        this.input = null;
-    }
-    ngAfterViewInit() {
-        if (this.el.nativeElement.tagName.toLowerCase() === 'input') {
-            this.input = this.el;
-        }
-        else {
-            const list = this.el.nativeElement.querySelectorAll('input');
-            this.input = list.length > 0 ? list[0] : null;
-        }
-        if (this.input) {
-            this.input.addEventListener('blur', this.setWidthUsingText.bind(this));
-            this.input.addEventListener('keyup', this.setWidthUsingText.bind(this));
-        }
-        this.setWidthUsingText();
-    }
-    ngOnDestroy() {
-        this.input.removeEventListener('blur', this.setWidthUsingText.bind(this));
-        this.input.removeEventListener('keyup', this.setWidthUsingText.bind(this));
-    }
-    get paddingWidth() {
-        return this.includePadding
-            ? this._sumPropertyValues(['padding-left', 'padding-right'])
-            : 0;
-    }
-    get style() {
-        return getComputedStyle(this.input, '');
-    }
-    setWidth(width) {
-        this.renderer.setStyle(this.input, 'width', width + 'px');
-    }
-    setWidthUsingText() {
-        if (this.input) {
-            const text = this.input.value;
-            this.setWidth(this.textWidth(text) + this.paddingWidth);
-        }
-    }
-    _sumPropertyValues(properties) {
-        return properties
-            .map((property) => parseInt(this.style.getPropertyValue(property), 10))
-            .reduce((a, b) => a + b, 0);
-    }
-    textWidth(value) {
-        const ctx = this.renderer.createElement('canvas').getContext('2d');
-        const { fontStyle, fontVariant, fontWeight, fontSize, fontFamily, } = this.style;
-        // font string format: {normal, normal, 700, 20px, Roboto, "Helvetica Neue", sans-serif}
-        ctx.font =
-            fontStyle +
-                ' ' +
-                fontVariant +
-                ' ' +
-                fontWeight +
-                ' ' +
-                fontSize +
-                ' ' +
-                fontFamily;
-        return ctx ? ctx.measureText(value).width : 0;
-    }
-}
-PepInputAutoWidthDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepInputAutoWidthDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PepInputAutoWidthDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepInputAutoWidthDirective, selector: "[pepAutoWidth]", inputs: { includePadding: "includePadding" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepInputAutoWidthDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[pepAutoWidth]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { includePadding: [{
-                type: Input
-            }] } });
-
-class PepButtonBlurDirective {
-    constructor(element) {
-        this.element = element;
-    }
-    onClick() {
-        setTimeout(() => {
-            this.element.nativeElement.blur();
-        }, 0);
-    }
-}
-PepButtonBlurDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepButtonBlurDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PepButtonBlurDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepButtonBlurDirective, selector: "[pepButtonBlur]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepButtonBlurDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[pepButtonBlur]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class PepUtilitiesService {
-    constructor(translate = null) {
-        var _a;
-        this.translate = translate;
-        this.culture = 'en-US';
-        this.culture = ((_a = this.translate) === null || _a === void 0 ? void 0 : _a.getBrowserCultureLang()) || 'en-US';
-        // try {
-        //     import(`@angular/common/locales/global/${this.culture}`);
-        // } catch {}
-    }
-    prepareNumberToFormat(value, fallbackValue = 0) {
-        // If the decimal separator is ',' change it to '.'
-        if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
-            // If the decimal separator is ',' change it to '.' for let the formatting works.
-            value = this.changeDecimalSeparatorWhenItsComma(value);
-            // console.log('coerceNumberProperty after change decimal separator value is', value);
-        }
-        return coerceNumberProperty(value, fallbackValue);
-    }
-    // adapted from https://github.com/sindresorhus/parse-ms.
-    // moved to internal function because parse-ms is now pure ESM.
-    parseMs(milliseconds) {
-        if (typeof milliseconds !== 'number') {
-            throw new TypeError('Expected a number');
-        }
-        return {
-            days: Math.trunc(milliseconds / 86400000),
-            hours: Math.trunc(milliseconds / 3600000) % 24,
-            minutes: Math.trunc(milliseconds / 60000) % 60,
-            seconds: Math.trunc(milliseconds / 1000) % 60,
-            milliseconds: Math.trunc(milliseconds) % 1000
-        };
-    }
-    // adapted from https://github.com/rafaelrinaldi/add-zero.
-    // moved to internal function b/c addZero is unmaintained (7+ years).
-    // stripped out negative sign logic since we're already doing it elsewhere.
-    addZero(value, digits = 2) {
-        digits = digits || 2;
-        let str = value.toString();
-        let size = 0;
-        size = digits - str.length + 1;
-        str = new Array(size).join('0').concat(str);
-        return str;
-    }
-    isCurrencyShouldBeOnRight(currencySymbol) {
-        let res = false;
-        if (currencySymbol == "€" ||
-            currencySymbol == "₪" ||
-            currencySymbol == "Ft" ||
-            currencySymbol == "Kč" ||
-            currencySymbol == "руб" ||
-            currencySymbol == "zł" ||
-            currencySymbol == "kr.") {
-            res = true;
-        }
-        return res;
-    }
-    cutValueByFractionDigits(value, maxFractionDigits) {
-        let res = value;
-        maxFractionDigits = maxFractionDigits || 2;
-        const decimalSeparator = this.getDecimalSeparator();
-        if (value.includes(decimalSeparator)) {
-            const valueArr = value.split(decimalSeparator);
-            // if (valueArr[1].length < maxFractionDigits) {
-            valueArr[1] = valueArr[1].padEnd(maxFractionDigits, '0');
-            // }
-            res = `${valueArr[0]}${decimalSeparator}${valueArr[1].slice(0, maxFractionDigits)}`;
-        }
-        return res;
-    }
-    parseDate(dateStr, showTime = false) {
-        let retVal = null;
-        if (dateStr !== '') {
-            retVal = new Date(dateStr);
-            // Convert to date with no offset.
-            if (!showTime) {
-                const index = dateStr.indexOf('T');
-                if (index > 0) {
-                    dateStr = dateStr.substring(0, index);
-                }
-                const dateText = dateStr.split('-');
-                if (dateText.length === 3) {
-                    const year = Number(dateText[0]);
-                    const month = Number(dateText[1]) - 1;
-                    const day = Number(dateText[2]);
-                    retVal = new Date(year, month, day, 0, retVal.getTimezoneOffset() * -1);
-                }
-            }
-            else {
-                retVal = new Date(retVal.getFullYear(), retVal.getMonth(), retVal.getDate(), retVal.getHours(), retVal.getMinutes() + retVal.getTimezoneOffset() * -1, retVal.getSeconds());
-            }
-        }
-        if (retVal && isNaN(retVal.getTime())) {
-            retVal = null;
-        }
-        return retVal;
-    }
-    stringifyDate(date, showTime = false) {
-        if (date) {
-            if (showTime) {
-                return date.toISOString(); // include - offset
-            }
-            else {
-                const dateText = [];
-                dateText.push(date.getFullYear(), '-', date.getMonth() + 1, '-', date.getDate());
-                return dateText.join('');
-            }
-        }
-        else {
-            return '';
-        }
-    }
-    isValueHtml(value) {
-        let res = false;
-        const REGEXP = /<\/?[a-z][\s\S]*>/i;
-        res = REGEXP.test(value);
-        return res;
-    }
-    isJsonString(str) {
-        try {
-            JSON.parse(str);
-        }
-        catch (e) {
-            return false;
-        }
-        return true;
-    }
-    getSvgElementFromString(document, svgContent) {
-        const div = document.createElement('DIV');
-        // div.className = 'svg-icon';
-        // Add class svg-icon
-        if ((svgContent === null || svgContent === void 0 ? void 0 : svgContent.length) > 0) {
-            div.innerHTML = svgContent.replace('<svg ', '<svg class="svg-icon" ');
-        }
-        return (div.querySelector('svg') ||
-            document.createElementNS('http://www.w3.org/2000/svg', 'path'));
+    getSvgElementFromString(document, svgContent) {
+        const div = document.createElement('DIV');
+        // div.className = 'svg-icon';
+        // Add class svg-icon
+        if ((svgContent === null || svgContent === void 0 ? void 0 : svgContent.length) > 0) {
+            div.innerHTML = svgContent.replace('<svg ', '<svg class="svg-icon" ');
+        }
+        return (div.querySelector('svg') ||
+            document.createElementNS('http://www.w3.org/2000/svg', 'path'));
     }
     // formatPercent(value: any, digitsInfo = '1.0-2') {
     formatPercent(value, minFractionDigits = 0, maxFractionDigits = 2) {
@@ -877,120 +572,438 @@ class PepUtilitiesService {
         // }
         return res;
     }
-    // formatDecimal(value: any, digitsInfo = '1.2-2') {
-    formatDecimal(value, minFractionDigits = 2, maxFractionDigits = 2, useGrouping = true) {
-        minFractionDigits = coerceNumberProperty(minFractionDigits, null);
-        // console.log('formatDecimal minFractionDigits value is', minFractionDigits);
-        maxFractionDigits = coerceNumberProperty(maxFractionDigits, null);
-        // console.log('formatDecimal minFractionDigits value is', maxFractionDigits);
-        value = this.cutValueByFractionDigits(value === null || value === void 0 ? void 0 : value.toString(), Math.max(minFractionDigits, maxFractionDigits));
-        const number = this.prepareNumberToFormat(value);
-        // console.log('number value is', number);
-        if (number === 0) {
-            return '0';
-        }
-        else {
-            // return formatNumber(value, this.culture, digitsInfo);
-            const res = new Intl.NumberFormat(this.culture, {
-                useGrouping: useGrouping,
-                minimumFractionDigits: minFractionDigits || Math.min(2, maxFractionDigits || 2),
-                maximumFractionDigits: maxFractionDigits || Math.max(2, minFractionDigits),
-            }).format(number);
-            // console.log('Intl.NumberFormat value is', res);
-            return res;
-        }
+    // formatDecimal(value: any, digitsInfo = '1.2-2') {
+    formatDecimal(value, minFractionDigits = 2, maxFractionDigits = 2, useGrouping = true) {
+        minFractionDigits = coerceNumberProperty(minFractionDigits, null);
+        // console.log('formatDecimal minFractionDigits value is', minFractionDigits);
+        maxFractionDigits = coerceNumberProperty(maxFractionDigits, null);
+        // console.log('formatDecimal minFractionDigits value is', maxFractionDigits);
+        value = this.cutValueByFractionDigits(value === null || value === void 0 ? void 0 : value.toString(), Math.max(minFractionDigits, maxFractionDigits));
+        const number = this.prepareNumberToFormat(value);
+        // console.log('number value is', number);
+        if (number === 0) {
+            return '0';
+        }
+        else {
+            // return formatNumber(value, this.culture, digitsInfo);
+            const res = new Intl.NumberFormat(this.culture, {
+                useGrouping: useGrouping,
+                minimumFractionDigits: minFractionDigits || Math.min(2, maxFractionDigits || 2),
+                maximumFractionDigits: maxFractionDigits || Math.max(2, minFractionDigits),
+            }).format(number);
+            // console.log('Intl.NumberFormat value is', res);
+            return res;
+        }
+    }
+    // formatNumber(value: any, digitsInfo = '1.0-0'): string {
+    formatNumber(value, useGrouping = true) {
+        const number = this.prepareNumberToFormat(value);
+        if (number === 0) {
+            return '0';
+        }
+        else {
+            // return formatNumber(value, this.culture, digitsInfo);
+            return new Intl.NumberFormat(this.culture, {
+                useGrouping: useGrouping,
+                minimumFractionDigits: 0,
+                maximumFractionDigits: 0,
+            }).format(number);
+        }
+    }
+    /**
+     * Convert a number in milliseconds to a standard duration string.
+     * @param {number} value - duration in milliseconds
+     * @param {object} remoteLoaderOptions - formatDuration options object
+     * @param {boolean} [remoteLoaderOptions.leading=false] - add leading zero
+     * @returns string - formatted duration string
+    */
+    formatDuration(value, options = {}) {
+        const isNumber = _isNumberValue(value);
+        if (!isNumber) {
+            return value;
+        }
+        else {
+            let number = this.prepareNumberToFormat(value);
+            const leading = (options === null || options === void 0 ? void 0 : options.leading) || true;
+            const duration = (options === null || options === void 0 ? void 0 : options.duration) || 'milliseconds';
+            if (duration === 'seconds') {
+                number = number * 1000;
+            }
+            const unsignedMs = number < 0 ? -number : number;
+            const sign = number <= -1000 ? '-' : '';
+            const t = this.parseMs(unsignedMs);
+            const seconds = this.addZero(t.seconds);
+            if (t.days) {
+                return sign + t.days + ':' + this.addZero(t.hours) + ':' + this.addZero(t.minutes) + ':' + seconds;
+            }
+            if (t.hours) {
+                return sign + (leading ? this.addZero(t.hours) : t.hours) + ':' + this.addZero(t.minutes) + ':' + seconds;
+            }
+            return sign + (leading ? this.addZero(t.minutes) : t.minutes) + ':' + seconds;
+        }
+    }
+    incrementNumber(value) {
+        let numberValue = coerceNumberProperty(value, 0);
+        return (++numberValue).toString();
+    }
+    decrementNumber(value) {
+        let numberValue = coerceNumberProperty(value, 0);
+        return (--numberValue).toString();
+    }
+    getDecimalSeparator() {
+        const numberWithDecimalSeparator = 1.1;
+        return numberWithDecimalSeparator
+            .toLocaleString(this.culture)
+            .substring(1, 2);
+    }
+    changeDecimalSeparatorWhenItsComma(value, reverse = false) {
+        // If the decimal separator is ','
+        if (this.getDecimalSeparator() === ',') {
+            // In case that the value isn't string.
+            value = (value === null || value === void 0 ? void 0 : value.toString()) || '';
+            // If reverse change the number from '.' to ',' else do the opposite.
+            value = reverse ? value.replace('.', ',') : value.replace(',', '.');
+        }
+        return value;
+    }
+    isEqualNumber(numberAsString, numberAsString2) {
+        const number = this.prepareNumberToFormat(numberAsString);
+        const number2 = this.prepareNumberToFormat(numberAsString2);
+        return number === number2;
+    }
+}
+PepUtilitiesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepUtilitiesService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+PepUtilitiesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepUtilitiesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepUtilitiesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1.TranslateService, decorators: [{
+                        type: Optional
+                    }] }];
+    } });
+
+class PepCapitalizePipe {
+    transform(value) {
+        if (value) {
+            return value.charAt(0).toUpperCase() + value.slice(1);
+        }
+        return value;
+    }
+}
+PepCapitalizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepCapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PepCapitalizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepCapitalizePipe, name: "pepCapitalize" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepCapitalizePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepCapitalize' }]
+        }] });
+class PepEncodePipe {
+    transform(value) {
+        if (value) {
+            const v = btoa(value);
+            return v;
+        }
+        return value;
+    }
+}
+PepEncodePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepEncodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PepEncodePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepEncodePipe, name: "pepEncode" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepEncodePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepEncode' }]
+        }] });
+class PepEscapePipe {
+    transform(value) {
+        if (value) {
+            const v = escape(value);
+            return v;
+        }
+        return value;
+    }
+}
+PepEscapePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepEscapePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PepEscapePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepEscapePipe, name: "pepEscape" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepEscapePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepEscape' }]
+        }] });
+class PepReplaceLineBreaksPipe {
+    transform(value) {
+        const newValue = value.replace(/(<br\ ?\/?>)/g, ' ');
+        return newValue;
+    }
+}
+PepReplaceLineBreaksPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepReplaceLineBreaksPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PepReplaceLineBreaksPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepReplaceLineBreaksPipe, name: "pepReplaceLineBreaks" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepReplaceLineBreaksPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepReplaceLineBreaks' }]
+        }] });
+class PepDateFormatterPipe {
+    transform(value, culture, isDateTime = false) {
+        let res = '';
+        value = new Date(value);
+        if (value) {
+            res = value.toLocaleDateString(culture || 'en-US');
+            if (isDateTime) {
+                res +=
+                    ' ' +
+                        value.toLocaleTimeString(culture || 'en-US', {
+                            hour: '2-digit',
+                            minute: '2-digit',
+                        });
+            }
+        }
+        return res;
+    }
+}
+PepDateFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDateFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PepDateFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepDateFormatterPipe, name: "pepDateFormatter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepDateFormatter' }]
+        }] });
+class PepDateStringFormatterPipe {
+    transform(value, culture, isDateTime = false) {
+        let res = '';
+        const tmpDate = new Date(value);
+        if (value) {
+            res = tmpDate.toLocaleDateString(culture || 'en-US');
+            if (isDateTime) {
+                res += ' ' + tmpDate.toLocaleTimeString(culture || 'en-US');
+            }
+        }
+        return res;
+    }
+}
+PepDateStringFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDateStringFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PepDateStringFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepDateStringFormatterPipe, name: "pepDateStringFormatter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDateStringFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepDateStringFormatter' }]
+        }] });
+class PepSafeHtmlPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+}
+PepSafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+PepSafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepSafeHtmlPipe, name: "pepSafeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepSafeHtml' }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
+class PepSafePipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value, type) {
+        switch (type) {
+            case 'html':
+                return this.sanitizer.bypassSecurityTrustHtml(value);
+            case 'style':
+                return this.sanitizer.bypassSecurityTrustStyle(value);
+            case 'script':
+                return this.sanitizer.bypassSecurityTrustScript(value);
+            case 'url':
+                return this.sanitizer.bypassSecurityTrustUrl(value);
+            case 'resourceUrl':
+                return this.sanitizer.bypassSecurityTrustResourceUrl(value);
+            default:
+                throw new Error(`Invalid safe type specified: ${type}`);
+        }
+    }
+}
+PepSafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSafePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+PepSafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepSafePipe, name: "pepSafe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSafePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepSafe' }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
+class PepSplitUppercasePipe {
+    transform(value) {
+        const newValue = value.replace(/([a-z])([A-Z])/g, '$1 $2');
+        return newValue;
+    }
+}
+PepSplitUppercasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSplitUppercasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PepSplitUppercasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepSplitUppercasePipe, name: "pepSplitUppercase" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSplitUppercasePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepSplitUppercase' }]
+        }] });
+class PepToNumberPipe {
+    constructor(utilitiesService) {
+        this.utilitiesService = utilitiesService;
+    }
+    transform(value) {
+        const decimalSeparator = this.utilitiesService.getDecimalSeparator();
+        // We need to remove the thousands separator so - If the decimal separator is '.' we need to remove the ',' from the value else we remove the '.'.
+        value = decimalSeparator === '.' ? value.replace(/,/g, '') : value.replace(/./g, '');
+        const numberValue = coerceNumberProperty(value);
+        return numberValue;
+        // return parseInt(value);
+    }
+}
+PepToNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepToNumberPipe, deps: [{ token: PepUtilitiesService }], target: i0.ɵɵFactoryTarget.Pipe });
+PepToNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepToNumberPipe, name: "pepToNumber" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepToNumberPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'pepToNumber' }]
+        }], ctorParameters: function () { return [{ type: PepUtilitiesService }]; } });
+
+class DateAgoPipe {
+    constructor(translateService) {
+        this.translateService = translateService;
+    }
+    getCounterTranslation(counter, key) {
+        const intervalText = this.translateService.get(`DATE_AGO.${key.toUpperCase()}`) || key;
+        const agoText = this.translateService.get(counter === 1 ? 'DATE_AGO.SINGULAR' : 'DATE_AGO.PLURAL') || counter === 1 ? ' ago' : 's ago';
+        return `${intervalText}${agoText}`;
     }
-    // formatNumber(value: any, digitsInfo = '1.0-0'): string {
-    formatNumber(value, useGrouping = true) {
-        const number = this.prepareNumberToFormat(value);
-        if (number === 0) {
-            return '0';
-        }
-        else {
-            // return formatNumber(value, this.culture, digitsInfo);
-            return new Intl.NumberFormat(this.culture, {
-                useGrouping: useGrouping,
-                minimumFractionDigits: 0,
-                maximumFractionDigits: 0,
-            }).format(number);
+    transform(value, args) {
+        if (value) {
+            const seconds = Math.floor((+new Date() - +new Date(value)) / 1000);
+            if (seconds < 29) // less than 30 seconds ago will show as 'Just now'
+                return this.translateService.get('DATE_AGO.JUST_NOW') || 'Just now';
+            const intervals = {
+                'year': 31536000,
+                'month': 2592000,
+                'week': 604800,
+                'day': 86400,
+                'hour': 3600,
+                'minute': 60,
+                'second': 1
+            };
+            let counter;
+            for (const i in intervals) {
+                counter = Math.floor(seconds / intervals[i]);
+                if (counter > 0) {
+                    this.getCounterTranslation(counter, i);
+                }
+            }
         }
+        return value;
     }
-    /**
-     * Convert a number in milliseconds to a standard duration string.
-     * @param {number} value - duration in milliseconds
-     * @param {object} options - formatDuration options object
-     * @param {boolean} [options.leading=false] - add leading zero
-     * @returns string - formatted duration string
-    */
-    formatDuration(value, options = {}) {
-        const isNumber = _isNumberValue(value);
-        if (!isNumber) {
-            return value;
+}
+DateAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateAgoPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+DateAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateAgoPipe, name: "dateAgo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateAgoPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dateAgo'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
+
+class PepInputAutoWidthDirective {
+    constructor(renderer, el) {
+        this.renderer = renderer;
+        this.el = el;
+        this.includePadding = true;
+        this.input = null;
+    }
+    ngAfterViewInit() {
+        if (this.el.nativeElement.tagName.toLowerCase() === 'input') {
+            this.input = this.el;
         }
         else {
-            let number = this.prepareNumberToFormat(value);
-            const leading = (options === null || options === void 0 ? void 0 : options.leading) || true;
-            const duration = (options === null || options === void 0 ? void 0 : options.duration) || 'milliseconds';
-            if (duration === 'seconds') {
-                number = number * 1000;
-            }
-            const unsignedMs = number < 0 ? -number : number;
-            const sign = number <= -1000 ? '-' : '';
-            const t = this.parseMs(unsignedMs);
-            const seconds = this.addZero(t.seconds);
-            if (t.days) {
-                return sign + t.days + ':' + this.addZero(t.hours) + ':' + this.addZero(t.minutes) + ':' + seconds;
-            }
-            if (t.hours) {
-                return sign + (leading ? this.addZero(t.hours) : t.hours) + ':' + this.addZero(t.minutes) + ':' + seconds;
-            }
-            return sign + (leading ? this.addZero(t.minutes) : t.minutes) + ':' + seconds;
+            const list = this.el.nativeElement.querySelectorAll('input');
+            this.input = list.length > 0 ? list[0] : null;
+        }
+        if (this.input) {
+            this.input.addEventListener('blur', this.setWidthUsingText.bind(this));
+            this.input.addEventListener('keyup', this.setWidthUsingText.bind(this));
         }
+        this.setWidthUsingText();
     }
-    incrementNumber(value) {
-        let numberValue = coerceNumberProperty(value, 0);
-        return (++numberValue).toString();
+    ngOnDestroy() {
+        this.input.removeEventListener('blur', this.setWidthUsingText.bind(this));
+        this.input.removeEventListener('keyup', this.setWidthUsingText.bind(this));
     }
-    decrementNumber(value) {
-        let numberValue = coerceNumberProperty(value, 0);
-        return (--numberValue).toString();
+    get paddingWidth() {
+        return this.includePadding
+            ? this._sumPropertyValues(['padding-left', 'padding-right'])
+            : 0;
     }
-    getDecimalSeparator() {
-        const numberWithDecimalSeparator = 1.1;
-        return numberWithDecimalSeparator
-            .toLocaleString(this.culture)
-            .substring(1, 2);
+    get style() {
+        return getComputedStyle(this.input, '');
     }
-    changeDecimalSeparatorWhenItsComma(value, reverse = false) {
-        // If the decimal separator is ','
-        if (this.getDecimalSeparator() === ',') {
-            // In case that the value isn't string.
-            value = (value === null || value === void 0 ? void 0 : value.toString()) || '';
-            // If reverse change the number from '.' to ',' else do the opposite.
-            value = reverse ? value.replace('.', ',') : value.replace(',', '.');
+    setWidth(width) {
+        this.renderer.setStyle(this.input, 'width', width + 'px');
+    }
+    setWidthUsingText() {
+        if (this.input) {
+            const text = this.input.value;
+            this.setWidth(this.textWidth(text) + this.paddingWidth);
         }
-        return value;
     }
-    isEqualNumber(numberAsString, numberAsString2) {
-        const number = this.prepareNumberToFormat(numberAsString);
-        const number2 = this.prepareNumberToFormat(numberAsString2);
-        return number === number2;
+    _sumPropertyValues(properties) {
+        return properties
+            .map((property) => parseInt(this.style.getPropertyValue(property), 10))
+            .reduce((a, b) => a + b, 0);
+    }
+    textWidth(value) {
+        const ctx = this.renderer.createElement('canvas').getContext('2d');
+        const { fontStyle, fontVariant, fontWeight, fontSize, fontFamily, } = this.style;
+        // font string format: {normal, normal, 700, 20px, Roboto, "Helvetica Neue", sans-serif}
+        ctx.font =
+            fontStyle +
+                ' ' +
+                fontVariant +
+                ' ' +
+                fontWeight +
+                ' ' +
+                fontSize +
+                ' ' +
+                fontFamily;
+        return ctx ? ctx.measureText(value).width : 0;
     }
 }
-PepUtilitiesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepUtilitiesService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-PepUtilitiesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepUtilitiesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepUtilitiesService, decorators: [{
-            type: Injectable,
+PepInputAutoWidthDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepInputAutoWidthDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PepInputAutoWidthDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepInputAutoWidthDirective, selector: "[pepAutoWidth]", inputs: { includePadding: "includePadding" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepInputAutoWidthDirective, decorators: [{
+            type: Directive,
             args: [{
-                    providedIn: 'root',
+                    selector: '[pepAutoWidth]',
                 }]
-        }], ctorParameters: function () {
-        return [{ type: i1.TranslateService, decorators: [{
-                        type: Optional
-                    }] }];
-    } });
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { includePadding: [{
+                type: Input
+            }] } });
+
+class PepButtonBlurDirective {
+    constructor(element) {
+        this.element = element;
+    }
+    onClick() {
+        setTimeout(() => {
+            this.element.nativeElement.blur();
+        }, 0);
+    }
+}
+PepButtonBlurDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepButtonBlurDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PepButtonBlurDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepButtonBlurDirective, selector: "[pepButtonBlur]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepButtonBlurDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[pepButtonBlur]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
 
 class PepButtonLoaderDirective {
+    set finish(value) {
+        this._finish = value;
+        if (this._isLoading && value) {
+            this.toggleLoading(false);
+        }
+    }
     constructor(renderer, element, utilitiesService, document) {
         this.renderer = renderer;
         this.element = element;
@@ -1004,12 +1017,6 @@ class PepButtonLoaderDirective {
         this._isLoading = false;
         this._finish = null;
     }
-    set finish(value) {
-        this._finish = value;
-        if (this._isLoading && value) {
-            this.toggleLoading(false);
-        }
-    }
     clickEvent(event) {
         this.toggleLoading(true);
         // In case that the finish input is supplied - init it.
@@ -1069,9 +1076,9 @@ class PepButtonLoaderDirective {
         }
     }
 }
-PepButtonLoaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepButtonLoaderDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PepUtilitiesService }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-PepButtonLoaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepButtonLoaderDirective, selector: "[pepButtonLoader]", inputs: { loaderTime: "loaderTime", loaderColor: "loaderColor", loaderWidth: "loaderWidth", loaderHeight: "loaderHeight", ignoreDisabledStyle: "ignoreDisabledStyle", finish: "finish" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepButtonLoaderDirective, decorators: [{
+PepButtonLoaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepButtonLoaderDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PepUtilitiesService }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PepButtonLoaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepButtonLoaderDirective, selector: "[pepButtonLoader]", inputs: { loaderTime: "loaderTime", loaderColor: "loaderColor", loaderWidth: "loaderWidth", loaderHeight: "loaderHeight", ignoreDisabledStyle: "ignoreDisabledStyle", finish: "finish" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepButtonLoaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepButtonLoader]',
@@ -1115,9 +1122,9 @@ class PepMenuBlurDirective {
         }, 0);
     }
 }
-PepMenuBlurDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMenuBlurDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PepMenuBlurDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepMenuBlurDirective, selector: "[pepMenuBlur]", host: { listeners: { "menuClosed": "menuClosedEvent()", "menuOpened": "menuOpenedEvent()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMenuBlurDirective, decorators: [{
+PepMenuBlurDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepMenuBlurDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PepMenuBlurDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepMenuBlurDirective, selector: "[pepMenuBlur]", host: { listeners: { "menuClosed": "menuClosedEvent()", "menuOpened": "menuOpenedEvent()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepMenuBlurDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepMenuBlur]',
@@ -1139,9 +1146,9 @@ class PepDataQaDirective {
         this.renderer.setAttribute(this.element.nativeElement, 'data-qa', this.dataQa);
     }
 }
-PepDataQaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataQaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PepDataQaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepDataQaDirective, selector: "[pepDataQa]", inputs: { dataQa: ["pepDataQa", "dataQa"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataQaDirective, decorators: [{
+PepDataQaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDataQaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PepDataQaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepDataQaDirective, selector: "[pepDataQa]", inputs: { dataQa: ["pepDataQa", "dataQa"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDataQaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepDataQa]',
@@ -1162,9 +1169,9 @@ class PepPreventMultiClickDirective {
         }, this.disabledTime);
     }
 }
-PepPreventMultiClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPreventMultiClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-PepPreventMultiClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepPreventMultiClickDirective, selector: "[pepPreventMultiClick]", inputs: { disabledTime: "disabledTime" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPreventMultiClickDirective, decorators: [{
+PepPreventMultiClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPreventMultiClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+PepPreventMultiClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepPreventMultiClickDirective, selector: "[pepPreventMultiClick]", inputs: { disabledTime: "disabledTime" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPreventMultiClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepPreventMultiClick]',
@@ -1320,9 +1327,9 @@ class PepPrintDirective {
         popupWin.document.close();
     }
 }
-PepPrintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPrintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-PepPrintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepPrintDirective, selector: "[pepPrint]", inputs: { printSectionId: "printSectionId", printTitle: "printTitle", useExistingCss: "useExistingCss", printDelay: "printDelay", printStyle: "printStyle", styleSheetFile: "styleSheetFile" }, host: { listeners: { "click": "print()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPrintDirective, decorators: [{
+PepPrintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPrintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+PepPrintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepPrintDirective, selector: "[pepPrint]", inputs: { printSectionId: "printSectionId", printTitle: "printTitle", useExistingCss: "useExistingCss", printDelay: "printDelay", printStyle: "printStyle", styleSheetFile: "styleSheetFile" }, host: { listeners: { "click": "print()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPrintDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[pepPrint]"
@@ -1439,9 +1446,9 @@ class PepJwtHelperService {
         return authScheme;
     }
 }
-PepJwtHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepJwtHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepJwtHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepJwtHelperService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepJwtHelperService, decorators: [{
+PepJwtHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepJwtHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepJwtHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepJwtHelperService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepJwtHelperService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1508,9 +1515,9 @@ class PepSessionService {
         return tokenObj ? tokenObj[this.PAPI_BASE_URL_KEY] : null;
     }
 }
-PepSessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSessionService, deps: [{ token: PepJwtHelperService }], target: i0.ɵɵFactoryTarget.Injectable });
-PepSessionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSessionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSessionService, decorators: [{
+PepSessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSessionService, deps: [{ token: PepJwtHelperService }], target: i0.ɵɵFactoryTarget.Injectable });
+PepSessionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSessionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSessionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1756,9 +1763,9 @@ class PepFileService {
         return url;
     }
 }
-PepFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepFileService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepFileService, decorators: [{
+PepFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFileService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFileService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1816,6 +1823,7 @@ class PepCustomizationService {
                 field.disabled ? formControl.disable() : formControl.enable();
                 const validators = field.getValidators();
                 formControl.setValidators(validators);
+                formControl.updateValueAndValidity();
             }
         }
     }
@@ -2190,6 +2198,14 @@ class PepCustomizationService {
         themeVars[PepCustomizationService.COLOR_QS_KEY + '-l'] =
             'var(' + PepCustomizationService.COLOR_SYSTEM_PRIMARY_KEY + '-l)';
     }
+    getDefaultThemeLoaderCustomizationVariables(themeVars) {
+        themeVars[PepCustomizationService.COLOR_LOADER_KEY + '-h'] =
+            'var(' + PepCustomizationService.COLOR_SYSTEM_CAUTION_KEY + '-h)';
+        themeVars[PepCustomizationService.COLOR_LOADER_KEY + '-s'] =
+            'var(' + PepCustomizationService.COLOR_SYSTEM_CAUTION_KEY + '-s)';
+        themeVars[PepCustomizationService.COLOR_LOADER_KEY + '-l'] =
+            'var(' + PepCustomizationService.COLOR_SYSTEM_CAUTION_KEY + '-l)';
+    }
     getDefaultThemeTopHeaderCustomizationVariables(themeVars) {
         const topHeaderState = 'strong';
         themeVars[PepCustomizationService.STYLE_TOP_HEADER_KEY] = topHeaderState;
@@ -2197,6 +2213,11 @@ class PepCustomizationService {
         themeVars[PepCustomizationService.COLOR_TOP_HEADER_KEY + '-s'] = '';
         themeVars[PepCustomizationService.COLOR_TOP_HEADER_KEY + '-l'] = '';
     }
+    getDefaultThemeTopLegacyCustomizationVariables(themeVars) {
+        themeVars[PepCustomizationService.COLOR_TOP_LEGACY_KEY + '-h'] = '';
+        themeVars[PepCustomizationService.COLOR_TOP_LEGACY_KEY + '-s'] = '';
+        themeVars[PepCustomizationService.COLOR_TOP_LEGACY_KEY + '-l'] = '';
+    }
     // getDefaultThemeBrandingCustomizationVariables(themeVars: any): void {
     //     themeVars[PepCustomizationService.BRANDING_LOGO_SRC] = '/assets/images/Pepperi-Logo-HiRes.png';
     //     themeVars[PepCustomizationService.FAV_ICON_SRC] = '/assets/favicon.ico';
@@ -2227,6 +2248,8 @@ class PepCustomizationService {
         this.getDefaultThemeQSCustomizationVariables(themeVars);
         // Declare default top header customization.
         this.getDefaultThemeTopHeaderCustomizationVariables(themeVars);
+        // Declare default top legacy customization.
+        this.getDefaultThemeTopLegacyCustomizationVariables(themeVars);
         // // Declare default branding logo's customization
         // this.getDefaultThemeBrandingCustomizationVariables(themeVars);
         return themeVars;
@@ -2455,8 +2478,11 @@ PepCustomizationService.COLOR_STRONG_KEY = '--pep-color-strong';
 PepCustomizationService.COLOR_REGULAR_KEY = '--pep-color-regular';
 PepCustomizationService.COLOR_WEAK_KEY = '--pep-color-weak';
 // Top header variables keys
+PepCustomizationService.COLOR_TOP_LEGACY_KEY = '--pep-color-legacy';
 PepCustomizationService.COLOR_TOP_HEADER_KEY = '--pep-color-top-header';
 PepCustomizationService.STYLE_TOP_HEADER_KEY = '--pep-style-top-header';
+// Loader variables keys
+PepCustomizationService.COLOR_LOADER_KEY = '--pep-color-loader';
 // QS variables keys
 PepCustomizationService.COLOR_QS_KEY = '--pep-color-qs';
 PepCustomizationService.STYLE_QS_KEY = '--pep-style-qs';
@@ -2531,9 +2557,9 @@ PepCustomizationService.TABLE_BORDER_RADIUS_KEY = '--pep-table-border-radius';
 PepCustomizationService.DEFAULT_HEADER_HEIGHT = 64; // Default
 PepCustomizationService.DEFAULT_SPINNER_COLOR = '#78aa00';
 PepCustomizationService.DEFAULT_BRANDING_COLOR = '#fff';
-PepCustomizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepCustomizationService, deps: [{ token: PepSessionService }, { token: PepFileService }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
-PepCustomizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepCustomizationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepCustomizationService, decorators: [{
+PepCustomizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepCustomizationService, deps: [{ token: PepSessionService }, { token: PepFileService }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
+PepCustomizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepCustomizationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepCustomizationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2577,9 +2603,9 @@ class PepDivLoaderDirective {
         this.renderer.addClass(this.svgIcon, 'stroke');
     }
 }
-PepDivLoaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDivLoaderDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PepUtilitiesService }, { token: PepCustomizationService }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-PepDivLoaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepDivLoaderDirective, selector: "[pepDivLoader]", inputs: { loaderColor: "loaderColor", loaderWidth: "loaderWidth", loaderHeight: "loaderHeight" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDivLoaderDirective, decorators: [{
+PepDivLoaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDivLoaderDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PepUtilitiesService }, { token: PepCustomizationService }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PepDivLoaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepDivLoaderDirective, selector: "[pepDivLoader]", inputs: { loaderColor: "loaderColor", loaderWidth: "loaderWidth", loaderHeight: "loaderHeight" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDivLoaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepDivLoader]',
@@ -2624,9 +2650,9 @@ class PepPortalService {
             : null;
     }
 }
-PepPortalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPortalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepPortalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPortalService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPortalService, decorators: [{
+PepPortalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPortalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepPortalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPortalService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPortalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2645,9 +2671,9 @@ class PepAttachDirective {
         this.portalService.clear(this.targetName);
     }
 }
-PepAttachDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAttachDirective, deps: [{ token: PepPortalService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-PepAttachDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepAttachDirective, selector: "[pepAttach]", inputs: { targetName: ["pepAttach", "targetName"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAttachDirective, decorators: [{
+PepAttachDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAttachDirective, deps: [{ token: PepPortalService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+PepAttachDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepAttachDirective, selector: "[pepAttach]", inputs: { targetName: ["pepAttach", "targetName"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAttachDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepAttach]',
@@ -2666,9 +2692,9 @@ class PepTargetDirective {
         this.portalService.addTarget(this.targetName, this.viewContainer);
     }
 }
-PepTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepTargetDirective, deps: [{ token: PepPortalService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-PepTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: PepTargetDirective, selector: "[pepTarget]", inputs: { targetName: ["pepTarget", "targetName"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepTargetDirective, decorators: [{
+PepTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTargetDirective, deps: [{ token: PepPortalService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+PepTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PepTargetDirective, selector: "[pepTarget]", inputs: { targetName: ["pepTarget", "targetName"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepTarget]',
@@ -2681,9 +2707,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
 // Import the core angular services.
 class PepClipboardService {
 }
-PepClipboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepClipboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepClipboardService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepClipboardService, decorators: [{
+PepClipboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepClipboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepClipboardService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepClipboardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2698,6 +2724,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
  * export from ngx-lib/core/clipboard
  */
 
+class BaseDestroyerDirective {
+    constructor() {
+        this._destroyed = new Subject();
+    }
+    getDestroyer() {
+        return takeUntil(this._destroyed);
+    }
+    ngOnDestroy() {
+        this._destroyed.next();
+        this._destroyed.complete();
+    }
+}
+BaseDestroyerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseDestroyerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BaseDestroyerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseDestroyerDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseDestroyerDirective, decorators: [{
+            type: Directive,
+            args: [{}]
+        }], ctorParameters: function () { return []; } });
+
 /*
  * Public API Surface of ngx-lib/core/common/directives
  */
@@ -3072,9 +3117,9 @@ class PepCookieService {
         }
     }
 }
-PepCookieService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepCookieService, deps: [{ token: DOCUMENT, optional: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-PepCookieService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepCookieService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepCookieService, decorators: [{
+PepCookieService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepCookieService, deps: [{ token: DOCUMENT, optional: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+PepCookieService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepCookieService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepCookieService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3230,9 +3275,9 @@ class PepHttpService {
         return this.postHttpCall(`${papiBaseUrl}${url}`, body, httpOptions);
     }
 }
-PepHttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepHttpService, deps: [{ token: PepSessionService }, { token: PepCookieService }, { token: i3$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-PepHttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepHttpService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepHttpService, decorators: [{
+PepHttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepHttpService, deps: [{ token: PepSessionService }, { token: PepCookieService }, { token: i3$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+PepHttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepHttpService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepHttpService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3272,9 +3317,9 @@ class PepTranslateService {
         });
     }
 }
-PepTranslateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepTranslateService, deps: [{ token: i3$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-PepTranslateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepTranslateService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepTranslateService, decorators: [{
+PepTranslateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTranslateService, deps: [{ token: i3$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+PepTranslateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTranslateService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepTranslateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3285,12 +3330,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
     This service is the webapp api for addon usege.
 */
 class PepAddonService {
-    constructor(sessionService, httpService, loaderService, translateService, fileService, route) {
+    get devServer() {
+        return this.route ? this.route.snapshot.queryParamMap.get('devServer') === 'true' : false;
+    }
+    constructor(sessionService, httpService, loaderService, translateService, fileService, router, route) {
         this.sessionService = sessionService;
         this.httpService = httpService;
         this.loaderService = loaderService;
         this.translateService = translateService;
         this.fileService = fileService;
+        this.router = router;
         this.route = route;
         this.PAGES_ADDON_UUID = '50062e0c-9967-4ed4-9102-f2bc50602d41';
         // private readonly ADDON_ASSETS_PATH_KEY = 'AddonAssetsPath';
@@ -3299,9 +3348,6 @@ class PepAddonService {
         this.ADDON_API_ASYNC_RELATIVE_PATH = `${this.ADDON_API_RELATIVE_PATH}/async`;
         //
     }
-    get devServer() {
-        return this.route ? this.route.snapshot.queryParamMap.get('devServer') === 'true' : false;
-    }
     getAddonBaseRelativePath(isAsync = false) {
         return isAsync
             ? this.ADDON_API_ASYNC_RELATIVE_PATH
@@ -3445,10 +3491,32 @@ class PepAddonService {
     // Fix internal routing bug.
     connectInternalRouter(elementName) {
         const customElementObject = PepAddonService._customElementsMap.get(elementName);
-        const router = customElementObject === null || customElementObject === void 0 ? void 0 : customElementObject.injector.get(Router);
+        let router = customElementObject === null || customElementObject === void 0 ? void 0 : customElementObject.injector.get(Router);
+        // This cause a refresh (everithing is loading twice) when reloading the page...
+        // But if we remove this the first navigation is clear all history cause the router is not connected.
+        if (!router) {
+            router = this.router;
+        }
         if (router) {
             const useHash = location.href.includes('#');
-            connectRouter(router, useHash);
+            this.connectRouter(router, useHash);
+        }
+    }
+    connectRouter(router, useHash = false) {
+        let url;
+        if (!useHash) {
+            url = `${location.pathname.substr(1)}${location.search}`;
+            router.navigateByUrl(url);
+            window.addEventListener('popstate', () => {
+                router.navigateByUrl(url);
+            });
+        }
+        else {
+            url = `${location.hash.substr(1)}${location.search}`;
+            router.navigateByUrl(url);
+            window.addEventListener('hashchange', () => {
+                router.navigateByUrl(url);
+            });
         }
     }
     static createMultiTranslateLoader(addonUUID, addonService, libsName = ['ngx-lib']) {
@@ -3467,15 +3535,17 @@ class PepAddonService {
     }
 }
 PepAddonService._customElementsMap = new Map();
-PepAddonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonService, deps: [{ token: PepSessionService }, { token: PepHttpService }, { token: PepLoaderService }, { token: PepTranslateService }, { token: PepFileService }, { token: i6.ActivatedRoute, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-PepAddonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonService, decorators: [{
+PepAddonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAddonService, deps: [{ token: PepSessionService }, { token: PepHttpService }, { token: PepLoaderService }, { token: PepTranslateService }, { token: PepFileService }, { token: i6.Router, optional: true }, { token: i6.ActivatedRoute, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+PepAddonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAddonService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAddonService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }], ctorParameters: function () {
-        return [{ type: PepSessionService }, { type: PepHttpService }, { type: PepLoaderService }, { type: PepTranslateService }, { type: PepFileService }, { type: i6.ActivatedRoute, decorators: [{
+        return [{ type: PepSessionService }, { type: PepHttpService }, { type: PepLoaderService }, { type: PepTranslateService }, { type: PepFileService }, { type: i6.Router, decorators: [{
+                        type: Optional
+                    }] }, { type: i6.ActivatedRoute, decorators: [{
                         type: Optional
                     }] }];
     } });
@@ -3854,9 +3924,9 @@ class PepColorService {
         return (hsp > 127.5) ? 'light' : 'dark';
     }
 }
-PepColorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepColorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepColorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepColorService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepColorService, decorators: [{
+PepColorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepColorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepColorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepColorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepColorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3950,13 +4020,13 @@ class PepDataConvertorService {
         dataField.Enabled = field.Enabled === false ? false : true;
         dataField.FieldType = field.FieldType;
         dataField.FormattedValue =
-            field.FormattedValue || field.Value.toString();
+            field.FormattedValue || field.Value;
         dataField.GroupFields = null;
         dataField.NotificationInfo = '';
         dataField.OptionalValues = field.OptionalValues;
         dataField.ReferenceObjectSubType = '';
         dataField.TextColor = '';
-        dataField.Value = field.Value.toString();
+        dataField.Value = field.Value;
         dataField.Visible = true;
         return dataField;
     }
@@ -3973,9 +4043,9 @@ class PepDataConvertorService {
         return layout;
     }
 }
-PepDataConvertorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataConvertorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepDataConvertorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataConvertorService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepDataConvertorService, decorators: [{
+PepDataConvertorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDataConvertorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepDataConvertorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDataConvertorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepDataConvertorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4239,9 +4309,9 @@ class PepValidatorService {
         return isNumber;
     }
 }
-PepValidatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepValidatorService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-PepValidatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepValidatorService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepValidatorService, decorators: [{
+PepValidatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepValidatorService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+PepValidatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepValidatorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepValidatorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4277,9 +4347,9 @@ class PepWindowScrollingService {
         return style;
     }
 }
-PepWindowScrollingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepWindowScrollingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepWindowScrollingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepWindowScrollingService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepWindowScrollingService, decorators: [{
+PepWindowScrollingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepWindowScrollingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepWindowScrollingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepWindowScrollingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepWindowScrollingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4326,8 +4396,8 @@ class PepFieldBase {
         this.xAlignment = (_f = options.xAlignment) !== null && _f !== void 0 ? _f : DEFAULT_HORIZONTAL_ALIGNMENT;
         this.yAlignment = (_g = options.yAlignment) !== null && _g !== void 0 ? _g : DEFAULT_VERTICAL_ALIGNMENT;
         this.maxFieldCharacters = (_h = options.maxFieldCharacters) !== null && _h !== void 0 ? _h : 0;
-        this.minValue = (_j = options.minValue) !== null && _j !== void 0 ? _j : 0;
-        this.maxValue = (_k = options.maxValue) !== null && _k !== void 0 ? _k : 0;
+        this.minValue = (_j = options.minValue) !== null && _j !== void 0 ? _j : undefined;
+        this.maxValue = (_k = options.maxValue) !== null && _k !== void 0 ? _k : undefined;
         this.update(options);
     }
     getBaseValidators(isCheckbox = false) {
@@ -4346,6 +4416,13 @@ class PepFieldBase {
         if (this.maxFieldCharacters > 0) {
             validators.push(Validators.maxLength(this.maxFieldCharacters));
         }
+        //DI-26722
+        // if (this.minValue) {
+        //     validators.push(Validators.min(this.minValue));
+        // }
+        // if (this.maxValue) {
+        //     validators.push(Validators.max(this.maxValue));
+        // }
         return validators;
     }
     getValidators() {
@@ -4423,10 +4500,18 @@ class PepTextboxField extends PepFieldBase {
         }
         else if (this.type === 'int' || this.type === 'real') {
             validators.push(Validators.pattern(/^[\.,\-\+\d]+$/));
-            if (!isNaN(this.minValue)) {
+            if (this.minValue && !isNaN(this.minValue)) {
+                validators.push(Validators.min(this.minValue));
+            }
+            if (this.maxValue && !isNaN(this.maxValue)) {
+                validators.push(Validators.max(this.maxValue));
+            }
+        }
+        else if (this.type === 'currency' || this.type === 'percentage') {
+            if (this.minValue && !isNaN(this.minValue)) {
                 validators.push(Validators.min(this.minValue));
             }
-            if (!isNaN(this.maxValue)) {
+            if (this.maxValue && !isNaN(this.maxValue)) {
                 validators.push(Validators.max(this.maxValue));
             }
         }
@@ -4520,11 +4605,29 @@ class PepQuantitySelectorField extends PepFieldBase {
     }
 }
 class PepDateField extends PepFieldBase {
+    // minDateValue?: Date;
+    // maxDateValue?: Date;
     constructor(options = {}) {
         super(options);
         this.controlType = 'date';
         this.type = options.type || 'date';
     }
+    getValidators() {
+        const validators = super.getBaseValidators();
+        if (this.minValue && !isNaN(this.minValue)) {
+            validators.push(Validators.min(this.minValue));
+        }
+        if (this.maxValue && !isNaN(this.maxValue)) {
+            validators.push(Validators.max(this.maxValue));
+        }
+        // if (this.minDateValue) {
+        //     validators.push(Validators.min(this.minDateValue));
+        // }
+        // if (this.maxDateValue) {
+        //     validators.push(Validators.max(this.maxDateValue));
+        // }
+        return validators;
+    }
 }
 class PepCheckboxField extends PepFieldBase {
     constructor(options = {}) {
@@ -4539,11 +4642,14 @@ class PepCheckboxField extends PepFieldBase {
 }
 class PepSelectField extends PepFieldBase {
     constructor(options = {}) {
+        var _a;
         super(options);
         this.controlType = 'select';
         this.options = [];
+        this.autoSortOptions = true;
         this.type = options.type || 'select';
         this.emptyOption = options.emptyOption;
+        this.autoSortOptions = (_a = options.autoSortOptions) !== null && _a !== void 0 ? _a : true;
         this.update(options);
     }
     update(options) {
@@ -4712,9 +4818,9 @@ class PepScrollToService {
         });
     }
 }
-PepScrollToService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepScrollToService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepScrollToService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepScrollToService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepScrollToService, decorators: [{
+PepScrollToService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepScrollToService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepScrollToService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepScrollToService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepScrollToService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4724,6 +4830,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
 /*
  * Public API Surface of ngx-lib/core/scroll-to
  */
+// export * from './scroll-to.directive';
 
 /*
  * export from ngx-lib/core/scroll-to
@@ -4766,8 +4873,8 @@ const utilitiesList = [
 const portalList = [PepAttachDirective, PepTargetDirective];
 class PepNgxLibModule {
 }
-PepNgxLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepNgxLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepNgxLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepNgxLibModule, declarations: [PepCapitalizePipe,
+PepNgxLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepNgxLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepNgxLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepNgxLibModule, declarations: [PepCapitalizePipe,
         PepEncodePipe,
         PepEscapePipe,
         PepReplaceLineBreaksPipe,
@@ -4806,7 +4913,7 @@ PepNgxLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         PepPreventMultiClickDirective,
         PepPrintDirective,
         PepDivLoaderDirective, PepClipboardDirective, PepRtlClassDirective, PepRtlDirectionDirective, PepAttachDirective, PepTargetDirective, TranslateModule] });
-PepNgxLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepNgxLibModule, providers: [
+PepNgxLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepNgxLibModule, providers: [
         httpInterceptorProviders,
         PepAddonService,
         PepColorService,
@@ -4829,7 +4936,7 @@ PepNgxLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
     ], imports: [CommonModule,
         HttpClientModule,
         ReactiveFormsModule, TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepNgxLibModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepNgxLibModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4884,5 +4991,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_HORIZONTAL_ALIGNMENT, DEFAULT_VERTICAL_ALIGNMENT, DateAgoPipe, FIELD_TYPE, FieldLayout, KeyValuePair, ObjectSingleData, ObjectsData, ObjectsDataRow, ObjectsDataRowCell, PepAddonService, PepAddressField, PepAttachDirective, PepAttachmentField, PepButtonBlurDirective, PepButtonLoaderDirective, PepCapitalizePipe, PepCheckboxField, PepClipboardDirective, PepClipboardService, PepColorService, PepCookieService, PepCustomizationService, PepDataConvertorService, PepDataQaDirective, PepDateField, PepDateFormatterPipe, PepDateStringFormatterPipe, PepDivLoaderDirective, PepEncodePipe, PepEscapePipe, PepFieldBase, PepFieldData, PepFileService, PepGuid, PepHttpService, PepImageField, PepImagesField, PepIndicatorsField, PepInputAutoWidthDirective, PepInternalButtonField, PepInternalCaruselField, PepInternalMenuField, PepInternalPageField, PepJwtHelperService, PepLayoutService, PepLinkField, PepLoaderService, PepMenuBlurDirective, PepNgxLibModule, PepPlaceholderField, PepPortalService, PepPreventMultiClickDirective, PepPrintDirective, PepQuantitySelectorField, PepReplaceLineBreaksPipe, PepRichHtmlTextareaField, PepRowData, PepRtlClassDirective, PepRtlDirectionDirective, PepSafeHtmlPipe, PepSafePipe, PepScreenSizeType, PepScrollToService, PepSelectField, PepSeparatorField, PepSessionService, PepSignatureField, PepSplitUppercasePipe, PepTargetDirective, PepTextareaField, PepTextboxField, PepToNumberPipe, PepTranslateService, PepUtilitiesService, PepValidatorService, PepWindowScrollingService, SmartSearchResponse, SmartSearchValues, Test, UIControl, UIControlField, X_ALIGNMENT_TYPE, Y_ALIGNMENT_TYPE };
+export { BaseDestroyerDirective, DEFAULT_HORIZONTAL_ALIGNMENT, DEFAULT_VERTICAL_ALIGNMENT, DateAgoPipe, FIELD_TYPE, FieldLayout, KeyValuePair, ObjectSingleData, ObjectsData, ObjectsDataRow, ObjectsDataRowCell, PepAddonService, PepAddressField, PepAttachDirective, PepAttachmentField, PepButtonBlurDirective, PepButtonLoaderDirective, PepCapitalizePipe, PepCheckboxField, PepClipboardDirective, PepClipboardService, PepColorService, PepCookieService, PepCustomizationService, PepDataConvertorService, PepDataQaDirective, PepDateField, PepDateFormatterPipe, PepDateStringFormatterPipe, PepDivLoaderDirective, PepEncodePipe, PepEscapePipe, PepFieldBase, PepFieldData, PepFileService, PepGuid, PepHttpService, PepImageField, PepImagesField, PepIndicatorsField, PepInputAutoWidthDirective, PepInternalButtonField, PepInternalCaruselField, PepInternalMenuField, PepInternalPageField, PepJwtHelperService, PepLayoutService, PepLinkField, PepLoaderService, PepMenuBlurDirective, PepNgxLibModule, PepPlaceholderField, PepPortalService, PepPreventMultiClickDirective, PepPrintDirective, PepQuantitySelectorField, PepReplaceLineBreaksPipe, PepRichHtmlTextareaField, PepRowData, PepRtlClassDirective, PepRtlDirectionDirective, PepSafeHtmlPipe, PepSafePipe, PepScreenSizeType, PepScrollToService, PepSelectField, PepSeparatorField, PepSessionService, PepSignatureField, PepSplitUppercasePipe, PepTargetDirective, PepTextareaField, PepTextboxField, PepToNumberPipe, PepTranslateService, PepUtilitiesService, PepValidatorService, PepWindowScrollingService, SmartSearchResponse, SmartSearchValues, Test, UIControl, UIControlField, X_ALIGNMENT_TYPE, Y_ALIGNMENT_TYPE };
 //# sourceMappingURL=pepperi-addons-ngx-lib.mjs.map