@pepperi-addons/ngx-lib 0.4.2-scroll.7 → 0.5.0-ng15.1

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

@@ -5,7 +5,7 @@ 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 { 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';
@@ -14,7 +14,6 @@ import * as i1$1 from '@angular/platform-browser';
 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';
@@ -34,13 +33,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);
@@ -49,11 +53,6 @@ class PepLoaderService {
             this.showLoaderChanged(show);
         });
     }
-    get onChanged$() {
-        return this.showLoaderSubject
-            .asObservable()
-            .pipe(debounceTime(500), filter(v => v !== undefined), distinctUntilChanged());
-    }
     showLoaderChanged(show) {
         const eventData = {
             detail: {
@@ -77,9 +76,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',
@@ -107,9 +106,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 }]; } });
 
@@ -135,9 +134,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
         }] });
 
@@ -164,9 +163,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]',
@@ -212,6 +211,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) => {
@@ -224,14 +231,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;
@@ -330,9 +329,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',
@@ -354,9 +353,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]',
@@ -373,9 +372,9 @@ 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]',
@@ -451,12 +450,12 @@ class PepUtilitiesService {
         }
         return res;
     }
-    parseDate(dateStr, showTime = false) {
+    parseDate(dateStr, isDateTime = false) {
         let retVal = null;
         if (dateStr !== '') {
             retVal = new Date(dateStr);
             // Convert to date with no offset.
-            if (!showTime) {
+            if (!isDateTime) {
                 const index = dateStr.indexOf('T');
                 if (index > 0) {
                     dateStr = dateStr.substring(0, index);
@@ -478,9 +477,9 @@ class PepUtilitiesService {
         }
         return retVal;
     }
-    stringifyDate(date, showTime = false) {
+    stringifyDate(date, isDateTime = false) {
         if (date) {
-            if (showTime) {
+            if (isDateTime) {
                 return date.toISOString(); // include - offset
             }
             else {
@@ -609,8 +608,8 @@ class PepUtilitiesService {
     /**
      * 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
+     * @param {object} remoteLoaderOptions - formatDuration options object
+     * @param {boolean} [remoteLoaderOptions.leading=false] - add leading zero
      * @returns string - formatted duration string
     */
     formatDuration(value, options = {}) {
@@ -668,9 +667,9 @@ class PepUtilitiesService {
         return number === number2;
     }
 }
-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: [{
+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',
@@ -687,9 +686,9 @@ class PepCapitalizePipe {
         return value;
     }
 }
-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: [{
+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' }]
         }] });
@@ -702,9 +701,9 @@ class PepEncodePipe {
         return value;
     }
 }
-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: [{
+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' }]
         }] });
@@ -717,9 +716,9 @@ class PepEscapePipe {
         return value;
     }
 }
-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: [{
+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' }]
         }] });
@@ -729,19 +728,19 @@ class PepReplaceLineBreaksPipe {
         return newValue;
     }
 }
-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: [{
+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, showTime = false) {
+    transform(value, culture, isDateTime = false) {
         let res = '';
         value = new Date(value);
         if (value) {
             res = value.toLocaleDateString(culture || 'en-US');
-            if (showTime) {
+            if (isDateTime) {
                 res +=
                     ' ' +
                         value.toLocaleTimeString(culture || 'en-US', {
@@ -753,28 +752,28 @@ class PepDateFormatterPipe {
         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: [{
+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, showTime = false) {
+    transform(value, culture, isDateTime = false) {
         let res = '';
         const tmpDate = new Date(value);
         if (value) {
             res = tmpDate.toLocaleDateString(culture || 'en-US');
-            if (showTime) {
+            if (isDateTime) {
                 res += ' ' + tmpDate.toLocaleTimeString(culture || 'en-US');
             }
         }
         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: [{
+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' }]
         }] });
@@ -786,9 +785,9 @@ class PepSafeHtmlPipe {
         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: [{
+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 }]; } });
@@ -813,9 +812,9 @@ class PepSafePipe {
         }
     }
 }
-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: [{
+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 }]; } });
@@ -825,9 +824,9 @@ class PepSplitUppercasePipe {
         return newValue;
     }
 }
-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: [{
+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' }]
         }] });
@@ -844,9 +843,9 @@ class PepToNumberPipe {
         // return parseInt(value);
     }
 }
-PepToNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepToNumberPipe, deps: [{ token: PepUtilitiesService }], 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: [{
+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 }]; } });
@@ -885,9 +884,9 @@ class DateAgoPipe {
         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: [{
+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'
@@ -958,9 +957,9 @@ class PepInputAutoWidthDirective {
         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: [{
+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: [{
                     selector: '[pepAutoWidth]',
@@ -979,9 +978,9 @@ class PepButtonBlurDirective {
         }, 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: [{
+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]',
@@ -992,6 +991,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
             }] } });
 
 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;
@@ -1005,12 +1010,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.
@@ -1070,9 +1069,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]',
@@ -1114,9 +1113,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]',
@@ -1138,9 +1137,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]',
@@ -1161,9 +1160,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]',
@@ -1319,9 +1318,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]"
@@ -1438,9 +1437,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',
@@ -1507,9 +1506,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',
@@ -1755,9 +1754,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',
@@ -2189,6 +2188,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;
@@ -2196,6 +2203,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';
@@ -2226,6 +2238,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;
@@ -2454,8 +2468,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';
@@ -2530,9 +2547,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',
@@ -2575,9 +2592,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]',
@@ -2620,9 +2637,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',
@@ -2641,9 +2658,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]',
@@ -2662,9 +2679,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]',
@@ -2677,9 +2694,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',
@@ -2694,6 +2711,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
  */
@@ -3068,9 +3104,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',
@@ -3223,9 +3259,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',
@@ -3265,9 +3301,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',
@@ -3278,12 +3314,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';
@@ -3292,9 +3332,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
@@ -3433,10 +3470,32 @@ class PepAddonService {
     // Fix internal routing bug.
     connectInternalRouter(elementName) {
         const customElementObject = PepAddonService._customElementsMap.get(elementName);
-        const router = customElementObject?.injector.get(Router);
+        let router = 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']) {
@@ -3455,14 +3514,16 @@ 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: [{
+        }], ctorParameters: function () { return [{ type: PepSessionService }, { type: PepHttpService }, { type: PepLoaderService }, { type: PepTranslateService }, { type: PepFileService }, { type: i6.Router, decorators: [{
+                    type: Optional
+                }] }, { type: i6.ActivatedRoute, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -3840,9 +3901,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',
@@ -3935,13 +3996,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;
     }
@@ -3958,9 +4019,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',
@@ -4223,9 +4284,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',
@@ -4259,9 +4320,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',
@@ -4307,8 +4368,8 @@ class PepFieldBase {
         this.xAlignment = options.xAlignment ?? DEFAULT_HORIZONTAL_ALIGNMENT;
         this.yAlignment = options.yAlignment ?? DEFAULT_VERTICAL_ALIGNMENT;
         this.maxFieldCharacters = options.maxFieldCharacters ?? 0;
-        this.minValue = options.minValue ?? 0;
-        this.maxValue = options.maxValue ?? 0;
+        this.minValue = options.minValue ?? undefined;
+        this.maxValue = options.maxValue ?? undefined;
         this.update(options);
     }
     getBaseValidators(isCheckbox = false) {
@@ -4327,12 +4388,13 @@ class PepFieldBase {
         if (this.maxFieldCharacters > 0) {
             validators.push(Validators.maxLength(this.maxFieldCharacters));
         }
-        if (this.minValue) {
-            validators.push(Validators.min(this.minValue));
-        }
-        if (this.maxValue) {
-            validators.push(Validators.max(this.maxValue));
-        }
+        //DI-26722
+        // if (this.minValue) {
+        //     validators.push(Validators.min(this.minValue));
+        // }
+        // if (this.maxValue) {
+        //     validators.push(Validators.max(this.maxValue));
+        // }
         return validators;
     }
     getValidators() {
@@ -4408,10 +4470,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));
             }
         }
@@ -4504,11 +4574,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 = {}) {
@@ -4526,8 +4614,10 @@ class PepSelectField extends PepFieldBase {
         super(options);
         this.controlType = 'select';
         this.options = [];
+        this.autoSortOptions = true;
         this.type = options.type || 'select';
         this.emptyOption = options.emptyOption;
+        this.autoSortOptions = options.autoSortOptions ?? true;
         this.update(options);
     }
     update(options) {
@@ -4696,9 +4786,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',
@@ -4708,6 +4798,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
@@ -4750,8 +4841,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,
@@ -4790,7 +4881,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,
@@ -4813,7 +4904,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: [
@@ -4868,5 +4959,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