@pepperi-addons/ngx-lib 0.5.0-ng15.3 → 0.5.0-ng16.2

package/{fesm2020 → fesm2022}/pepperi-addons-ngx-lib.mjs

@@ -32,22 +32,22 @@ class PepErrorInterceptor {
             return throwError(error);
         }));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepErrorInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepErrorInterceptor });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepErrorInterceptor, decorators: [{
             type: Injectable
         }] });
 
 class PepLoaderService {
+    counter = 0;
+    showLoaderSubject = new BehaviorSubject(undefined);
     get onChanged$() {
         return this.showLoaderSubject
             .asObservable()
             .pipe(debounceTime(500), filter(v => v !== undefined), distinctUntilChanged());
     }
     constructor() {
-        this.counter = 0;
-        this.showLoaderSubject = new BehaviorSubject(undefined);
         // Raise custom event for showing the loader.
         this.onChanged$.subscribe((show) => {
             this.showLoaderChanged(show);
@@ -75,10 +75,10 @@ class PepLoaderService {
             this.showLoaderSubject.next(false);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLoaderService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLoaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -86,6 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return []; } });
 
 class PepLoaderInterceptor {
+    injector;
     constructor(injector) {
         this.injector = injector;
     }
@@ -105,10 +106,10 @@ class PepLoaderInterceptor {
         //     return event;
         // }));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLoaderInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLoaderInterceptor });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLoaderInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
@@ -133,10 +134,10 @@ class PepProfilerInterceptor {
             console.log(msg);
         }));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepProfilerInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepProfilerInterceptor });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepProfilerInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -162,10 +163,10 @@ const httpInterceptorProviders = [
 // and the underlying ClipboardService. Upon the (click) event, the [clipboard] value
 // will be copied to the ClipboardService and a (clipboardCopy) event will be emitted.
 class PepClipboardDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepClipboardDirective, selector: "[pepClipboard]", inputs: { value: ["clipboard", "value"] }, outputs: { copyEvent: "clipboardCopy", errorEvent: "clipboardError" }, host: { listeners: { "click": "copyToClipboard()" } }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepClipboardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepClipboard]',
@@ -211,6 +212,9 @@ var PepScreenSizeType;
 })(PepScreenSizeType || (PepScreenSizeType = {}));
 // export type PepScreenSizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 class PepLayoutService {
+    translate;
+    resizeSubject;
+    deviceHasMouseSubject;
     get onResize$() {
         return this.resizeSubject.asObservable().pipe(distinctUntilChanged());
     }
@@ -221,16 +225,16 @@ class PepLayoutService {
     }
     constructor(translate = null) {
         this.translate = translate;
-        this.documentMouseoverListener = (event) => {
-            this.deviceHasMouseSubject.next(true);
-            this.deviceHasMouseSubject.complete();
-            document.removeEventListener('mouseover', this.documentMouseoverListener, false);
-        };
         this.resizeSubject = new BehaviorSubject(PepScreenSizeType.LG);
         this.deviceHasMouseSubject = new BehaviorSubject(false);
         document.addEventListener('mouseover', this.documentMouseoverListener, false);
         // document.addEventListener('touchstart', this._documentTouchstartListener, false);
     }
+    documentMouseoverListener = (event) => {
+        this.deviceHasMouseSubject.next(true);
+        this.deviceHasMouseSubject.complete();
+        document.removeEventListener('mouseover', this.documentMouseoverListener, false);
+    };
     // private _documentTouchstartListener = (event: TouchEvent) => {
     //     debugger;
     //     this.isTouchDevice = true;
@@ -328,10 +332,10 @@ class PepLayoutService {
         const isRtl = _BIDI_RTL_LANGS.indexOf(userLang) >= 0;
         return isRtl;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLayoutService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLayoutService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepLayoutService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -341,6 +345,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }] }]; } });
 
 class PepRtlClassDirective {
+    layoutService;
+    renderer;
+    element;
     constructor(layoutService, renderer, element) {
         this.layoutService = layoutService;
         this.renderer = renderer;
@@ -352,16 +359,19 @@ class PepRtlClassDirective {
             this.renderer.addClass(this.element.nativeElement, 'rtl');
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepRtlClassDirective, deps: [{ token: PepLayoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepRtlClassDirective, selector: "[pepRtlClass]", ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepRtlClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepRtlClass]',
                 }]
         }], ctorParameters: function () { return [{ type: PepLayoutService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
 class PepRtlDirectionDirective {
+    layoutService;
+    renderer;
+    element;
     constructor(layoutService, renderer, element) {
         this.layoutService = layoutService;
         this.renderer = renderer;
@@ -371,10 +381,10 @@ class PepRtlDirectionDirective {
         const isRtl = this.layoutService.isRtl();
         this.renderer.setAttribute(this.element.nativeElement, 'dir', isRtl ? 'rtl' : 'ltr');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepRtlDirectionDirective, deps: [{ token: PepLayoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepRtlDirectionDirective, selector: "[pepRtlDirection]", ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepRtlDirectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepRtlDirection]',
@@ -382,9 +392,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: PepLayoutService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
 
 class PepUtilitiesService {
+    translate;
+    culture = 'en-US';
     constructor(translate = null) {
         this.translate = translate;
-        this.culture = 'en-US';
         this.culture = this.translate?.getBrowserCultureLang() || 'en-US';
         // try {
         //     import(`@angular/common/locales/global/${this.culture}`);
@@ -666,10 +677,10 @@ class PepUtilitiesService {
         const number2 = this.prepareNumberToFormat(numberAsString2);
         return number === number2;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepUtilitiesService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepUtilitiesService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepUtilitiesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -685,10 +696,10 @@ class PepCapitalizePipe {
         }
         return value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepCapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepCapitalizePipe, name: "pepCapitalize" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepCapitalizePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepCapitalize' }]
         }] });
@@ -700,10 +711,10 @@ class PepEncodePipe {
         }
         return value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepEncodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepEncodePipe, name: "pepEncode" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepEncodePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepEncode' }]
         }] });
@@ -715,10 +726,10 @@ class PepEscapePipe {
         }
         return value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepEscapePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepEscapePipe, name: "pepEscape" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepEscapePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepEscape' }]
         }] });
@@ -727,10 +738,10 @@ class PepReplaceLineBreaksPipe {
         const newValue = value.replace(/(<br\ ?\/?>)/g, ' ');
         return newValue;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepReplaceLineBreaksPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepReplaceLineBreaksPipe, name: "pepReplaceLineBreaks" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepReplaceLineBreaksPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepReplaceLineBreaks' }]
         }] });
@@ -751,10 +762,10 @@ class PepDateFormatterPipe {
         }
         return res;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDateFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepDateFormatterPipe, name: "pepDateFormatter" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDateFormatterPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepDateFormatter' }]
         }] });
@@ -770,28 +781,30 @@ class PepDateStringFormatterPipe {
         }
         return res;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDateStringFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepDateStringFormatterPipe, name: "pepDateStringFormatter" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDateStringFormatterPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepDateStringFormatter' }]
         }] });
 class PepSafeHtmlPipe {
+    sanitizer;
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
     }
     transform(html) {
         return this.sanitizer.bypassSecurityTrustHtml(html);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepSafeHtmlPipe, name: "pepSafeHtml" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepSafeHtml' }]
         }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
 class PepSafePipe {
+    sanitizer;
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
     }
@@ -811,10 +824,10 @@ class PepSafePipe {
                 throw new Error(`Invalid safe type specified: ${type}`);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSafePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepSafePipe, name: "pepSafe" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSafePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepSafe' }]
         }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
@@ -823,14 +836,15 @@ class PepSplitUppercasePipe {
         const newValue = value.replace(/([a-z])([A-Z])/g, '$1 $2');
         return newValue;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSplitUppercasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepSplitUppercasePipe, name: "pepSplitUppercase" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSplitUppercasePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepSplitUppercase' }]
         }] });
 class PepToNumberPipe {
+    utilitiesService;
     constructor(utilitiesService) {
         this.utilitiesService = utilitiesService;
     }
@@ -842,15 +856,16 @@ class PepToNumberPipe {
         return numberValue;
         // return parseInt(value);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepToNumberPipe, deps: [{ token: PepUtilitiesService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepToNumberPipe, name: "pepToNumber" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepToNumberPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'pepToNumber' }]
         }], ctorParameters: function () { return [{ type: PepUtilitiesService }]; } });
 
 class DateAgoPipe {
+    translateService;
     constructor(translateService) {
         this.translateService = translateService;
     }
@@ -883,10 +898,10 @@ class DateAgoPipe {
         }
         return value;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateAgoPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateAgoPipe, name: "dateAgo" });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateAgo'
@@ -894,11 +909,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
 
 class PepInputAutoWidthDirective {
+    renderer;
+    el;
+    includePadding = true;
+    input = null;
     constructor(renderer, el) {
         this.renderer = renderer;
         this.el = el;
-        this.includePadding = true;
-        this.input = null;
     }
     ngAfterViewInit() {
         if (this.el.nativeElement.tagName.toLowerCase() === 'input') {
@@ -956,10 +973,10 @@ class PepInputAutoWidthDirective {
                 fontFamily;
         return ctx ? ctx.measureText(value).width : 0;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepInputAutoWidthDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepInputAutoWidthDirective, selector: "[pepAutoWidth]", inputs: { includePadding: "includePadding" }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepInputAutoWidthDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepAutoWidth]',
@@ -969,6 +986,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepButtonBlurDirective {
+    element;
     constructor(element) {
         this.element = element;
     }
@@ -977,10 +995,10 @@ class PepButtonBlurDirective {
             this.element.nativeElement.blur();
         }, 0);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepButtonBlurDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepButtonBlurDirective, selector: "[pepButtonBlur]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepButtonBlurDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepButtonBlur]',
@@ -991,24 +1009,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepButtonLoaderDirective {
+    renderer;
+    element;
+    utilitiesService;
+    document;
+    loaderTime = 0;
+    loaderColor = null;
+    loaderWidth = '1.5rem';
+    loaderHeight = 'inherit';
+    ignoreDisabledStyle = false;
+    _isLoading = false;
+    _finish = null;
     set finish(value) {
         this._finish = value;
         if (this._isLoading && value) {
             this.toggleLoading(false);
         }
     }
+    svgIcon;
     constructor(renderer, element, utilitiesService, document) {
         this.renderer = renderer;
         this.element = element;
         this.utilitiesService = utilitiesService;
         this.document = document;
-        this.loaderTime = 0;
-        this.loaderColor = null;
-        this.loaderWidth = '1.5rem';
-        this.loaderHeight = 'inherit';
-        this.ignoreDisabledStyle = false;
-        this._isLoading = false;
-        this._finish = null;
     }
     clickEvent(event) {
         this.toggleLoading(true);
@@ -1068,10 +1091,10 @@ class PepButtonLoaderDirective {
             }
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepButtonLoaderDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PepUtilitiesService }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepButtonLoaderDirective, selector: "[pepButtonLoader]", inputs: { loaderTime: "loaderTime", loaderColor: "loaderColor", loaderWidth: "loaderWidth", loaderHeight: "loaderHeight", ignoreDisabledStyle: "ignoreDisabledStyle", finish: "finish" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepButtonLoaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepButtonLoader]',
@@ -1099,6 +1122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepMenuBlurDirective {
+    element;
     constructor(element) {
         this.element = element;
     }
@@ -1112,10 +1136,10 @@ class PepMenuBlurDirective {
             this.element.nativeElement.blur();
         }, 0);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMenuBlurDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepMenuBlurDirective, selector: "[pepMenuBlur]", host: { listeners: { "menuClosed": "menuClosedEvent()", "menuOpened": "menuOpenedEvent()" } }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMenuBlurDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepMenuBlur]',
@@ -1129,6 +1153,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepDataQaDirective {
+    renderer;
+    element;
+    dataQa;
     constructor(renderer, element) {
         this.renderer = renderer;
         this.element = element;
@@ -1136,10 +1163,10 @@ class PepDataQaDirective {
     ngOnInit() {
         this.renderer.setAttribute(this.element.nativeElement, 'data-qa', this.dataQa);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDataQaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepDataQaDirective, selector: "[pepDataQa]", inputs: { dataQa: ["pepDataQa", "dataQa"] }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDataQaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepDataQa]',
@@ -1150,19 +1177,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepPreventMultiClickDirective {
-    constructor() {
-        this.disabledTime = 1000;
-    }
+    disabledTime = 1000;
     clickEvent(event) {
         event.srcElement.setAttribute('disabled', true);
         setTimeout(() => {
             event.srcElement.removeAttribute('disabled');
         }, this.disabledTime);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPreventMultiClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepPreventMultiClickDirective, selector: "[pepPreventMultiClick]", inputs: { disabledTime: "disabledTime" }, host: { listeners: { "click": "clickEvent($event)" } }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPreventMultiClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepPreventMultiClick]',
@@ -1175,25 +1200,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepPrintDirective {
-    constructor() {
-        this._printStyle = [];
-        /**
-         * @memberof PepPrintDirective
-         */
-        this.useExistingCss = true;
-        /**
-         * A delay in milliseconds to force the print dialog to wait before opened. Default: 0
-         *
-         * @memberof PepPrintDirective
-         */
-        this.printDelay = 0;
-        /**
-         * @returns html for the given tag
-         *
-         * @memberof PepPrintDirective
-         */
-        this._styleSheetFile = '';
-    }
+    _printStyle = [];
+    /**
+     * @memberof PepPrintDirective
+     */
+    printSectionId;
+    /**
+     * @memberof PepPrintDirective
+     */
+    printTitle;
+    /**
+     * @memberof PepPrintDirective
+     */
+    useExistingCss = true;
+    /**
+     * A delay in milliseconds to force the print dialog to wait before opened. Default: 0
+     *
+     * @memberof PepPrintDirective
+     */
+    printDelay = 0;
     /**
      * @memberof PepPrintDirective
      */
@@ -1217,6 +1242,12 @@ class PepPrintDirective {
     returnStyleValues() {
         return `<style> ${this._printStyle.join(' ').replace(/,/g, ';')} </style>`;
     }
+    /**
+     * @returns html for the given tag
+     *
+     * @memberof PepPrintDirective
+     */
+    _styleSheetFile = '';
     /**
      * @memberof PepPrintDirective
      * @param cssList
@@ -1317,10 +1348,10 @@ class PepPrintDirective {
             </html>`);
         popupWin.document.close();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPrintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepPrintDirective, selector: "[pepPrint]", inputs: { printSectionId: "printSectionId", printTitle: "printTitle", useExistingCss: "useExistingCss", printDelay: "printDelay", printStyle: "printStyle", styleSheetFile: "styleSheetFile" }, host: { listeners: { "click": "print()" } }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPrintDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[pepPrint]"
@@ -1436,10 +1467,10 @@ class PepJwtHelperService {
         }
         return authScheme;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepJwtHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepJwtHelperService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepJwtHelperService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1447,14 +1478,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class PepSessionService {
+    jwtHelper;
+    IDP_TOKEN_KEY = 'idp_token';
+    PAPI_BASE_URL_KEY = 'pepperi.baseurl';
+    // private readonly API_BASE_URL_KEY = 'pepperi.publicapibaseurl';
+    // private readonly WAPI_TOKEN_KEY = 'auth_token';
+    WAPI_BASE_URL_KEY = 'serverHostURL'; // pepperi.webapibaseurl
     // private readonly PEPPERI_CONSUMER_TOKEN: 'YY2pAwx6Exo2LWXrUllF9xzSfWF53wqc';
     constructor(jwtHelper) {
         this.jwtHelper = jwtHelper;
-        this.IDP_TOKEN_KEY = 'idp_token';
-        this.PAPI_BASE_URL_KEY = 'pepperi.baseurl';
-        // private readonly API_BASE_URL_KEY = 'pepperi.publicapibaseurl';
-        // private readonly WAPI_TOKEN_KEY = 'auth_token';
-        this.WAPI_BASE_URL_KEY = 'serverHostURL'; // pepperi.webapibaseurl
     }
     getParseToken() {
         // debugger;
@@ -1505,10 +1537,10 @@ class PepSessionService {
         const tokenObj = this.getParseToken();
         return tokenObj ? tokenObj[this.PAPI_BASE_URL_KEY] : null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSessionService, deps: [{ token: PepJwtHelperService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSessionService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSessionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1516,6 +1548,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: PepJwtHelperService }]; } });
 
 class PepFileService {
+    scripts;
+    styles;
     constructor() {
         this.scripts = new Map();
         this.styles = new Map();
@@ -1753,10 +1787,10 @@ class PepFileService {
         const url = URL.createObjectURL(blob);
         return url;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFileService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFileService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1764,16 +1798,133 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return []; } });
 
 class PepCustomizationService {
+    sessionService;
+    fileService;
+    fb;
+    static STAND_ALONE_FIELD_CLASS_NAME = 'pep-field';
+    static STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME = 'pep-field-no-spacing';
+    static REM_STRING = 'rem';
+    static PX_STRING = 'px';
+    static USER_THEME = 'user_theme';
+    static USER_COLOR = 'user_color';
+    static USER_THEME_VARIABLES = 'user_theme_variables';
+    // Header height
+    static HEADER_HEIGHT_KEY = '--pep-header-height';
+    // Side bar variables keys
+    static SIDE_BAR_WIDTH_KEY = '--pep-side-bar-width';
+    // Settings width
+    static SETTINGS_WIDTH_KEY = '--pep-settings-bar-width';
+    // Top bar variables keys
+    static TOP_BAR_SPACING_TOP_KEY = '--pep-top-bar-spacing-top';
+    static TOP_BAR_SPACING_BOTTOM_KEY = '--pep-top-bar-spacing-bottom';
+    static TOP_BAR_FIELD_HEIGHT_KEY = '--pep-top-bar-field-height';
+    // Footer variables keys
+    static FOOTER_HEIGHT_KEY = '--pep-footer-bar-height';
+    static FOOTER_BAR_SPACING_TOP_KEY = '--pep-footer-bar-spacing-top';
+    static FOOTER_BAR_SPACING_BOTTOM_KEY = '--pep-footer-bar-spacing-bottom';
+    // Main container height
+    static MAIN_HEIGHT_KEY = '--pep-main-height';
+    // Colors variables keys
+    static COLOR_USER_PRIMARY_KEY = '--pep-color-user-primary';
+    static COLOR_USER_SECONDARY_KEY = '--pep-color-user-secondary';
+    static COLOR_SYSTEM_PRIMARY_INVERT_KEY = '--pep-color-system-primary-invert';
+    static COLOR_SYSTEM_PRIMARY_KEY = '--pep-color-system-primary';
+    static COLOR_TEXT_LINK_KEY = '--pep-color-text-link';
+    static COLOR_SYSTEM_CAUTION_KEY = '--pep-color-system-caution';
+    static COLOR_SYSTEM_SUCCESS_KEY = '--pep-color-system-success';
+    static COLOR_STRONG_KEY = '--pep-color-strong';
+    static COLOR_REGULAR_KEY = '--pep-color-regular';
+    static COLOR_WEAK_KEY = '--pep-color-weak';
+    // Top header variables keys
+    static COLOR_TOP_LEGACY_KEY = '--pep-color-legacy';
+    static COLOR_TOP_HEADER_KEY = '--pep-color-top-header';
+    static STYLE_TOP_HEADER_KEY = '--pep-style-top-header';
+    // Loader variables keys
+    static COLOR_LOADER_KEY = '--pep-color-loader';
+    // QS variables keys
+    static COLOR_QS_KEY = '--pep-color-qs';
+    static STYLE_QS_KEY = '--pep-style-qs';
+    // Fonts variables keys
+    static FONT_FAMILY_TITLE_KEY = '--pep-font-family-title';
+    static FONT_FAMILY_TITLE_NORMAL_URL_KEY = '--pep-font-family-title-normal-url';
+    static FONT_FAMILY_TITLE_BOLD_URL_KEY = '--pep-font-family-title-bold-url';
+    static FONT_FAMILY_BODY_KEY = '--pep-font-family-body';
+    static FONT_FAMILY_BODY_NORMAL_URL_KEY = '--pep-font-family-body-normal-url';
+    static FONT_FAMILY_BODY_BOLD_URL_KEY = '--pep-font-family-body-bold-url';
+    // Border radius variables keys
+    static BORDER_RADIUS_KEY = '--pep-border-radius';
+    static BORDER_RADIUS_SM_KEY = PepCustomizationService.BORDER_RADIUS_KEY + '-sm';
+    static BORDER_RADIUS_MD_KEY = PepCustomizationService.BORDER_RADIUS_KEY + '-md';
+    static BORDER_RADIUS_LG_KEY = PepCustomizationService.BORDER_RADIUS_KEY + '-lg';
+    static BORDER_RADIUS_XL_KEY = PepCustomizationService.BORDER_RADIUS_KEY + '-xl';
+    // Fonts variables keys
+    static FONT_SIZE_2XS_KEY = '--pep-font-size-2xs';
+    static FONT_SIZE_XS_KEY = '--pep-font-size-xs';
+    static FONT_SIZE_SM_KEY = '--pep-font-size-sm';
+    static FONT_SIZE_MD_KEY = '--pep-font-size-md';
+    static FONT_SIZE_LG_KEY = '--pep-font-size-lg';
+    static FONT_SIZE_XL_KEY = '--pep-font-size-xl';
+    static FONT_SIZE_2XL_KEY = '--pep-font-size-2xl';
+    // Line height variables keys
+    static LINE_HEIGHT_2XS_KEY = '--pep-line-height-2xs';
+    static LINE_HEIGHT_XS_KEY = '--pep-line-height-xs';
+    static LINE_HEIGHT_SM_KEY = '--pep-line-height-sm';
+    static LINE_HEIGHT_MD_KEY = '--pep-line-height-md';
+    static LINE_HEIGHT_LG_KEY = '--pep-line-height-lg';
+    static LINE_HEIGHT_XL_KEY = '--pep-line-height-xl';
+    static LINE_HEIGHT_2XL_KEY = '--pep-line-height-2xl';
+    // Shadows offset variables keys
+    static SHADOW_NONE_OFFSET_KEY = '--pep-shadow-none-offset';
+    static SHADOW_XS_OFFSET_KEY = '--pep-shadow-xs-offset';
+    static SHADOW_SM_OFFSET_KEY = '--pep-shadow-sm-offset';
+    static SHADOW_MD_OFFSET_KEY = '--pep-shadow-md-offset';
+    static SHADOW_LG_OFFSET_KEY = '--pep-shadow-lg-offset';
+    static SHADOW_XL_OFFSET_KEY = '--pep-shadow-xl-offset';
+    // Spacing variables keys
+    static SPACING_SIZE_2XS_KEY = '--pep-spacing-2xs';
+    static SPACING_SIZE_XS_KEY = '--pep-spacing-xs';
+    static SPACING_SIZE_SM_KEY = '--pep-spacing-sm';
+    static SPACING_SIZE_MD_KEY = '--pep-spacing-md';
+    static SPACING_SIZE_LG_KEY = '--pep-spacing-lg';
+    static SPACING_SIZE_XL_KEY = '--pep-spacing-xl';
+    static SPACING_SIZE_2XL_KEY = '--pep-spacing-2xl';
+    static SPACING_SIZE_3XL_KEY = '--pep-spacing-3xl';
+    static SPACING_SIZE_4XL_KEY = '--pep-spacing-4xl';
+    static SPACING_SIZE_5XL_KEY = '--pep-spacing-5xl';
+    static SPACING_SIZE_6XL_KEY = '--pep-spacing-6xl';
+    static SPACING_SIZE_7XL_KEY = '--pep-spacing-7xl';
+    static SPACING_SIZE_8XL_KEY = '--pep-spacing-8xl';
+    static SPACING_SIZE_9XL_KEY = '--pep-spacing-9xl';
+    // Form variables keys
+    static FORM_FIELD_HEIGHT_KEY = '--pep-form-field-height';
+    static FORM_FIELD_TITLE_HEIGHT_KEY = '--pep-form-field-title-height';
+    static FORM_FIELD_SPACEING_KEY = '--pep-form-field-spacing';
+    static FORM_SPACEING_KEY = '--pep-form-spacing';
+    // Card variables keys
+    static CARD_FIELD_HEIGHT_KEY = '--pep-card-field-height';
+    static CARD_SPACEING_KEY = '--pep-card-spacing';
+    static CARD_SHADOW_OFFSET_KEY = '--pep-shadow-card-offset';
+    static CARD_BORDER_RADIUS_KEY = '--pep-card-border-radius';
+    // Table variables keys
+    static TABLE_FIELD_HEIGHT_KEY = '--pep-table-field-height';
+    static TABLE_SPACEING_KEY = '--pep-table-spacing';
+    static TABLE_BORDER_RADIUS_KEY = '--pep-table-border-radius';
+    // // Branding keys
+    // static BRANDING_LOGO_SRC = '--pep-branding-logo-src';
+    // static FAV_ICON_SRC = '--pep-favicon-src';
+    static DEFAULT_HEADER_HEIGHT = 64; // Default
+    static DEFAULT_SPINNER_COLOR = '#78aa00';
+    static DEFAULT_BRANDING_COLOR = '#fff';
+    hasCustomHomepage = null;
+    hasCustomHeader = null;
+    customHeaderHeight = PepCustomizationService.DEFAULT_HEADER_HEIGHT;
+    mainContHeight = 0;
+    footerHeight = new BehaviorSubject(0);
+    settingsWidth = new BehaviorSubject(0);
     constructor(sessionService, fileService, fb) {
         this.sessionService = sessionService;
         this.fileService = fileService;
         this.fb = fb;
-        this.hasCustomHomepage = null;
-        this.hasCustomHeader = null;
-        this.customHeaderHeight = PepCustomizationService.DEFAULT_HEADER_HEIGHT;
-        this.mainContHeight = 0;
-        this.footerHeight = new BehaviorSubject(0);
-        this.settingsWidth = new BehaviorSubject(0);
         this.hideFooter();
         //
     }
@@ -2432,124 +2583,10 @@ class PepCustomizationService {
         }
         return isBright;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepCustomizationService, deps: [{ token: PepSessionService }, { token: PepFileService }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepCustomizationService, providedIn: 'root' });
 }
-PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME = 'pep-field';
-PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME = 'pep-field-no-spacing';
-PepCustomizationService.REM_STRING = 'rem';
-PepCustomizationService.PX_STRING = 'px';
-PepCustomizationService.USER_THEME = 'user_theme';
-PepCustomizationService.USER_COLOR = 'user_color';
-PepCustomizationService.USER_THEME_VARIABLES = 'user_theme_variables';
-// Header height
-PepCustomizationService.HEADER_HEIGHT_KEY = '--pep-header-height';
-// Side bar variables keys
-PepCustomizationService.SIDE_BAR_WIDTH_KEY = '--pep-side-bar-width';
-// Settings width
-PepCustomizationService.SETTINGS_WIDTH_KEY = '--pep-settings-bar-width';
-// Top bar variables keys
-PepCustomizationService.TOP_BAR_SPACING_TOP_KEY = '--pep-top-bar-spacing-top';
-PepCustomizationService.TOP_BAR_SPACING_BOTTOM_KEY = '--pep-top-bar-spacing-bottom';
-PepCustomizationService.TOP_BAR_FIELD_HEIGHT_KEY = '--pep-top-bar-field-height';
-// Footer variables keys
-PepCustomizationService.FOOTER_HEIGHT_KEY = '--pep-footer-bar-height';
-PepCustomizationService.FOOTER_BAR_SPACING_TOP_KEY = '--pep-footer-bar-spacing-top';
-PepCustomizationService.FOOTER_BAR_SPACING_BOTTOM_KEY = '--pep-footer-bar-spacing-bottom';
-// Main container height
-PepCustomizationService.MAIN_HEIGHT_KEY = '--pep-main-height';
-// Colors variables keys
-PepCustomizationService.COLOR_USER_PRIMARY_KEY = '--pep-color-user-primary';
-PepCustomizationService.COLOR_USER_SECONDARY_KEY = '--pep-color-user-secondary';
-PepCustomizationService.COLOR_SYSTEM_PRIMARY_INVERT_KEY = '--pep-color-system-primary-invert';
-PepCustomizationService.COLOR_SYSTEM_PRIMARY_KEY = '--pep-color-system-primary';
-PepCustomizationService.COLOR_TEXT_LINK_KEY = '--pep-color-text-link';
-PepCustomizationService.COLOR_SYSTEM_CAUTION_KEY = '--pep-color-system-caution';
-PepCustomizationService.COLOR_SYSTEM_SUCCESS_KEY = '--pep-color-system-success';
-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';
-// Fonts variables keys
-PepCustomizationService.FONT_FAMILY_TITLE_KEY = '--pep-font-family-title';
-PepCustomizationService.FONT_FAMILY_TITLE_NORMAL_URL_KEY = '--pep-font-family-title-normal-url';
-PepCustomizationService.FONT_FAMILY_TITLE_BOLD_URL_KEY = '--pep-font-family-title-bold-url';
-PepCustomizationService.FONT_FAMILY_BODY_KEY = '--pep-font-family-body';
-PepCustomizationService.FONT_FAMILY_BODY_NORMAL_URL_KEY = '--pep-font-family-body-normal-url';
-PepCustomizationService.FONT_FAMILY_BODY_BOLD_URL_KEY = '--pep-font-family-body-bold-url';
-// Border radius variables keys
-PepCustomizationService.BORDER_RADIUS_KEY = '--pep-border-radius';
-PepCustomizationService.BORDER_RADIUS_SM_KEY = PepCustomizationService.BORDER_RADIUS_KEY + '-sm';
-PepCustomizationService.BORDER_RADIUS_MD_KEY = PepCustomizationService.BORDER_RADIUS_KEY + '-md';
-PepCustomizationService.BORDER_RADIUS_LG_KEY = PepCustomizationService.BORDER_RADIUS_KEY + '-lg';
-PepCustomizationService.BORDER_RADIUS_XL_KEY = PepCustomizationService.BORDER_RADIUS_KEY + '-xl';
-// Fonts variables keys
-PepCustomizationService.FONT_SIZE_2XS_KEY = '--pep-font-size-2xs';
-PepCustomizationService.FONT_SIZE_XS_KEY = '--pep-font-size-xs';
-PepCustomizationService.FONT_SIZE_SM_KEY = '--pep-font-size-sm';
-PepCustomizationService.FONT_SIZE_MD_KEY = '--pep-font-size-md';
-PepCustomizationService.FONT_SIZE_LG_KEY = '--pep-font-size-lg';
-PepCustomizationService.FONT_SIZE_XL_KEY = '--pep-font-size-xl';
-PepCustomizationService.FONT_SIZE_2XL_KEY = '--pep-font-size-2xl';
-// Line height variables keys
-PepCustomizationService.LINE_HEIGHT_2XS_KEY = '--pep-line-height-2xs';
-PepCustomizationService.LINE_HEIGHT_XS_KEY = '--pep-line-height-xs';
-PepCustomizationService.LINE_HEIGHT_SM_KEY = '--pep-line-height-sm';
-PepCustomizationService.LINE_HEIGHT_MD_KEY = '--pep-line-height-md';
-PepCustomizationService.LINE_HEIGHT_LG_KEY = '--pep-line-height-lg';
-PepCustomizationService.LINE_HEIGHT_XL_KEY = '--pep-line-height-xl';
-PepCustomizationService.LINE_HEIGHT_2XL_KEY = '--pep-line-height-2xl';
-// Shadows offset variables keys
-PepCustomizationService.SHADOW_NONE_OFFSET_KEY = '--pep-shadow-none-offset';
-PepCustomizationService.SHADOW_XS_OFFSET_KEY = '--pep-shadow-xs-offset';
-PepCustomizationService.SHADOW_SM_OFFSET_KEY = '--pep-shadow-sm-offset';
-PepCustomizationService.SHADOW_MD_OFFSET_KEY = '--pep-shadow-md-offset';
-PepCustomizationService.SHADOW_LG_OFFSET_KEY = '--pep-shadow-lg-offset';
-PepCustomizationService.SHADOW_XL_OFFSET_KEY = '--pep-shadow-xl-offset';
-// Spacing variables keys
-PepCustomizationService.SPACING_SIZE_2XS_KEY = '--pep-spacing-2xs';
-PepCustomizationService.SPACING_SIZE_XS_KEY = '--pep-spacing-xs';
-PepCustomizationService.SPACING_SIZE_SM_KEY = '--pep-spacing-sm';
-PepCustomizationService.SPACING_SIZE_MD_KEY = '--pep-spacing-md';
-PepCustomizationService.SPACING_SIZE_LG_KEY = '--pep-spacing-lg';
-PepCustomizationService.SPACING_SIZE_XL_KEY = '--pep-spacing-xl';
-PepCustomizationService.SPACING_SIZE_2XL_KEY = '--pep-spacing-2xl';
-PepCustomizationService.SPACING_SIZE_3XL_KEY = '--pep-spacing-3xl';
-PepCustomizationService.SPACING_SIZE_4XL_KEY = '--pep-spacing-4xl';
-PepCustomizationService.SPACING_SIZE_5XL_KEY = '--pep-spacing-5xl';
-PepCustomizationService.SPACING_SIZE_6XL_KEY = '--pep-spacing-6xl';
-PepCustomizationService.SPACING_SIZE_7XL_KEY = '--pep-spacing-7xl';
-PepCustomizationService.SPACING_SIZE_8XL_KEY = '--pep-spacing-8xl';
-PepCustomizationService.SPACING_SIZE_9XL_KEY = '--pep-spacing-9xl';
-// Form variables keys
-PepCustomizationService.FORM_FIELD_HEIGHT_KEY = '--pep-form-field-height';
-PepCustomizationService.FORM_FIELD_TITLE_HEIGHT_KEY = '--pep-form-field-title-height';
-PepCustomizationService.FORM_FIELD_SPACEING_KEY = '--pep-form-field-spacing';
-PepCustomizationService.FORM_SPACEING_KEY = '--pep-form-spacing';
-// Card variables keys
-PepCustomizationService.CARD_FIELD_HEIGHT_KEY = '--pep-card-field-height';
-PepCustomizationService.CARD_SPACEING_KEY = '--pep-card-spacing';
-PepCustomizationService.CARD_SHADOW_OFFSET_KEY = '--pep-shadow-card-offset';
-PepCustomizationService.CARD_BORDER_RADIUS_KEY = '--pep-card-border-radius';
-// Table variables keys
-PepCustomizationService.TABLE_FIELD_HEIGHT_KEY = '--pep-table-field-height';
-PepCustomizationService.TABLE_SPACEING_KEY = '--pep-table-spacing';
-PepCustomizationService.TABLE_BORDER_RADIUS_KEY = '--pep-table-border-radius';
-// // Branding keys
-// static BRANDING_LOGO_SRC = '--pep-branding-logo-src';
-// static FAV_ICON_SRC = '--pep-favicon-src';
-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: "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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepCustomizationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2557,15 +2594,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: PepSessionService }, { type: PepFileService }, { type: i3.FormBuilder }]; } });
 
 class PepDivLoaderDirective {
+    renderer;
+    element;
+    utilitiesService;
+    customizationService;
+    document;
+    loaderColor = null;
+    loaderWidth = '5rem';
+    loaderHeight = 'inherit';
+    svgIcon;
     constructor(renderer, element, utilitiesService, customizationService, document) {
         this.renderer = renderer;
         this.element = element;
         this.utilitiesService = utilitiesService;
         this.customizationService = customizationService;
         this.document = document;
-        this.loaderColor = null;
-        this.loaderWidth = '5rem';
-        this.loaderHeight = 'inherit';
     }
     ngOnInit() {
         if (!this.loaderColor) {
@@ -2591,10 +2634,10 @@ class PepDivLoaderDirective {
         this.renderer.addClass(this.svgIcon, 'svg-icon');
         this.renderer.addClass(this.svgIcon, 'stroke');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDivLoaderDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: PepUtilitiesService }, { token: PepCustomizationService }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepDivLoaderDirective, selector: "[pepDivLoader]", inputs: { loaderColor: "loaderColor", loaderWidth: "loaderWidth", loaderHeight: "loaderHeight" }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDivLoaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepDivLoader]',
@@ -2613,6 +2656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepPortalService {
+    targets;
     constructor() {
         this.targets = new Map();
     }
@@ -2636,10 +2680,10 @@ class PepPortalService {
             ? this.targets.get(targetName)
             : null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPortalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPortalService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPortalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2647,6 +2691,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return []; } });
 
 class PepAttachDirective {
+    portalService;
+    templateRef;
+    targetName;
     constructor(portalService, templateRef) {
         this.portalService = portalService;
         this.templateRef = templateRef;
@@ -2657,10 +2704,10 @@ class PepAttachDirective {
     ngOnDestroy() {
         this.portalService.clear(this.targetName);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepAttachDirective, deps: [{ token: PepPortalService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepAttachDirective, selector: "[pepAttach]", inputs: { targetName: ["pepAttach", "targetName"] }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepAttachDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepAttach]',
@@ -2671,6 +2718,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepTargetDirective {
+    portalService;
+    viewContainer;
+    targetName;
     constructor(portalService, viewContainer) {
         this.portalService = portalService;
         this.viewContainer = viewContainer;
@@ -2678,10 +2728,10 @@ class PepTargetDirective {
     ngOnInit() {
         this.portalService.addTarget(this.targetName, this.viewContainer);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepTargetDirective, deps: [{ token: PepPortalService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PepTargetDirective, selector: "[pepTarget]", inputs: { targetName: ["pepTarget", "targetName"] }, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pepTarget]',
@@ -2693,10 +2743,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 
 // Import the core angular services.
 class PepClipboardService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepClipboardService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepClipboardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2712,6 +2762,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 
 class BaseDestroyerDirective {
+    _destroyed;
     constructor() {
         this._destroyed = new Subject();
     }
@@ -2722,10 +2773,10 @@ class BaseDestroyerDirective {
         this._destroyed.next();
         this._destroyed.complete();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseDestroyerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseDestroyerDirective, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseDestroyerDirective, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return []; } });
@@ -2891,6 +2942,13 @@ var Y_ALIGNMENT_TYPE;
     Y_ALIGNMENT_TYPE[Y_ALIGNMENT_TYPE["Center"] = 3] = "Center";
 })(Y_ALIGNMENT_TYPE || (Y_ALIGNMENT_TYPE = {}));
 class FieldLayout {
+    X;
+    Width;
+    XAlignment;
+    Y;
+    Height;
+    YAlignment;
+    LineNumber;
     // constructor(
     //     x = 0,
     //     width = 1,
@@ -2908,27 +2966,88 @@ class FieldLayout {
     }
 }
 class UIControlField {
-    constructor() {
-        this.MandatoryField = false;
-        this.Mandatory = false;
-        this.minFieldWidth = 45;
-        this.calcColumnWidth = 10;
-        this.calcTitleColumnWidthString = '100%';
-        this.calcColumnWidthString = '100%';
-    }
+    Title;
+    MandatoryField = false;
+    Mandatory = false;
+    ReadOnlyField;
+    ReadOnly;
+    FieldConditions;
+    CustomField;
+    ApiName;
+    FieldType;
+    OptionalValues;
+    MinValue;
+    MaxValue;
+    MaxCharacters;
+    MaxFieldCharacters;
+    MaxLines;
+    Layout; // { X: number; Height: number; Y: number; Width: number; XAlignment: number; YAlignment: number };
+    ColumnWidth;
+    ColumnWidthType;
+    FieldName;
+    DefaultValue;
+    Hidden;
+    ObjectTypeReference;
+    ParentField;
+    WrntyFieldName;
+    Editor;
+    minFieldWidth = 45;
+    calcColumnWidth = 10;
+    calcTitleColumnWidthString = '100%';
+    calcColumnWidthString = '100%';
 }
 class UIControl {
+    ObjectID;
+    Type;
+    DisplayName;
+    ControlFields;
+    Columns;
 }
 class ObjectsDataRowCell {
+    Accessory;
+    AdditionalValue;
+    ApiName;
+    BackgroundColor;
+    Enabled;
+    FieldType;
+    FormattedValue;
+    GroupFields;
+    Highlighted;
+    NotificationInfo;
+    OptionalValues;
+    ReferenceObjectInternalType;
+    ReferenceObjectSubType;
+    ReferenceObjectType;
+    TextColor;
+    UiPageKey;
+    UIPageInfo;
+    // Type?: string; // This is in the object??
+    Value;
+    Visible;
+    DigitsNumberAfterDecimalPoint;
 }
 class ObjectsDataRow {
-    constructor() {
-        this.IsEditable = true;
-        this.IsSelected = false;
-        this.IsSelectableForActions = true;
-    }
+    AdditionalData;
+    BackgroundColor;
+    ExtraInfo;
+    Fields;
+    IsEditable = true;
+    IsSelected = false;
+    IsSelectableForActions = true;
+    MainAction;
+    Profile;
+    Type;
+    UID;
+    Key;
 }
 class ObjectSingleData {
+    Data;
+    ErrorCode;
+    ErrorMessage;
+    IsEditable;
+    Success;
+    Type;
+    UIControl;
     constructor(uiControl = null, data = null) {
         this.Success = true;
         this.ErrorMessage = '';
@@ -2938,6 +3057,16 @@ class ObjectSingleData {
     }
 }
 class ObjectsData {
+    DateFilter;
+    ErrorCode;
+    ErrorMessage;
+    Rows;
+    SearchCode;
+    SecSmartSearchList;
+    SmartSearchList;
+    Success;
+    TotalRows;
+    UIControl;
     // AllRows: Array<ObjectsDataRow>;
     // TotalAmount: any;
     // CurrencySymbol: any;
@@ -2949,10 +3078,22 @@ class ObjectsData {
     }
 }
 class SmartSearchValues {
+    ApiName;
+    ComparisonType;
+    Value;
+    ValueRange;
+    Values;
 }
 class SmartSearchResponse {
+    ApiName;
+    FieldType;
+    Title;
+    Values;
+    SmartSearchData;
 }
 class KeyValuePair {
+    Key;
+    Value;
 }
 
 /*
@@ -2972,6 +3113,9 @@ class KeyValuePair {
  */
 
 class PepCookieService {
+    document;
+    platformId;
+    documentIsAccessible;
     constructor(document, platformId) {
         this.document = document;
         this.platformId = platformId;
@@ -3103,10 +3247,10 @@ class PepCookieService {
             return encodedURIComponent;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepCookieService, deps: [{ token: DOCUMENT, optional: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepCookieService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepCookieService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3122,14 +3266,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }] }]; } });
 
 class PepHttpService {
+    sessionService;
+    cookieService;
+    http;
+    AUTH_HEADER = 'Authorization';
+    PEPPERI_TOKEN_HEADER = 'PepperiSessionToken';
+    WAPI_TOKEN_KEY = 'auth_token';
+    PEPPERI_TOKEN_COOKIE = 'PepperiUserSettings';
     constructor(sessionService, cookieService, http) {
         this.sessionService = sessionService;
         this.cookieService = cookieService;
         this.http = http;
-        this.AUTH_HEADER = 'Authorization';
-        this.PEPPERI_TOKEN_HEADER = 'PepperiSessionToken';
-        this.WAPI_TOKEN_KEY = 'auth_token';
-        this.PEPPERI_TOKEN_COOKIE = 'PepperiUserSettings';
     }
     handleError(response) {
         let errorMessage = 'Unknown error!';
@@ -3258,10 +3405,10 @@ class PepHttpService {
         const papiBaseUrl = this.sessionService.getPapiBaseUrl();
         return this.postHttpCall(`${papiBaseUrl}${url}`, body, httpOptions);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepHttpService, deps: [{ token: PepSessionService }, { token: PepCookieService }, { token: i3$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepHttpService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepHttpService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3272,6 +3419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
     This service is the webapp api for addon usege.
 */
 class PepTranslateService {
+    http;
     constructor(http
     // private sessionService: PepSessionService,
     // private httpService: PepHttpService,
@@ -3300,10 +3448,10 @@ class PepTranslateService {
             // In here you can put the code you want. At this point the lang will be loaded
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepTranslateService, deps: [{ token: i3$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepTranslateService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepTranslateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3314,6 +3462,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
     This service is the webapp api for addon usege.
 */
 class PepAddonService {
+    sessionService;
+    httpService;
+    loaderService;
+    translateService;
+    fileService;
+    router;
+    route;
+    PAGES_ADDON_UUID = '50062e0c-9967-4ed4-9102-f2bc50602d41';
+    // private readonly ADDON_ASSETS_PATH_KEY = 'AddonAssetsPath';
+    ADDONS_DICTIONARY_ASSETS_PATH_KEY = 'AddonsDictionaryAssetsPath';
+    ADDON_API_RELATIVE_PATH = '/addons/api';
+    ADDON_API_ASYNC_RELATIVE_PATH = `${this.ADDON_API_RELATIVE_PATH}/async`;
+    static _customElementsMap = new Map();
     get devServer() {
         return this.route ? this.route.snapshot.queryParamMap.get('devServer') === 'true' : false;
     }
@@ -3325,11 +3486,6 @@ class PepAddonService {
         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';
-        this.ADDONS_DICTIONARY_ASSETS_PATH_KEY = 'AddonsDictionaryAssetsPath';
-        this.ADDON_API_RELATIVE_PATH = '/addons/api';
-        this.ADDON_API_ASYNC_RELATIVE_PATH = `${this.ADDON_API_RELATIVE_PATH}/async`;
         //
     }
     getAddonBaseRelativePath(isAsync = false) {
@@ -3512,11 +3668,10 @@ class PepAddonService {
             addonTranslationResource
         ]);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepAddonService, providedIn: 'root' });
 }
-PepAddonService._customElementsMap = new Map();
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepAddonService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3528,13 +3683,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }] }]; } });
 
 class PepColorService {
-    constructor() {
-        this.FLOAT_REGEX = /^\d+(\.\d+)?$/;
-        this.THREE_DIGIT_HEX_COLOR_REGEX = /^[0-9a-fA-F]{3}$/;
-        this.THREE_DIGIT_HEX_COLOR_WITH_HASH_REGEX = /^#[0-9a-fA-F]{3}$/;
-        this.SIX_DIGIT_HEX_COLOR_REGEX = /^[0-9a-fA-F]{6}$/;
-        this.SIX_DIGIT_HEX_COLOR_WITH_HASH_REGEX = /^#[0-9a-fA-F]{6}$/;
-    }
+    FLOAT_REGEX = /^\d+(\.\d+)?$/;
+    THREE_DIGIT_HEX_COLOR_REGEX = /^[0-9a-fA-F]{3}$/;
+    THREE_DIGIT_HEX_COLOR_WITH_HASH_REGEX = /^#[0-9a-fA-F]{3}$/;
+    SIX_DIGIT_HEX_COLOR_REGEX = /^[0-9a-fA-F]{6}$/;
+    SIX_DIGIT_HEX_COLOR_WITH_HASH_REGEX = /^#[0-9a-fA-F]{6}$/;
     contrast(str1, str2) {
         const L1 = this.relativeLuminance(this.hex2rgb(str1));
         const L2 = this.relativeLuminance(this.hex2rgb(str2));
@@ -3900,10 +4053,10 @@ class PepColorService {
         // Using the HSP value, determine whether the color is light or dark
         return (hsp > 127.5) ? 'light' : 'dark';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepColorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepColorService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepColorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3911,6 +4064,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class PepFieldData {
+    ApiName;
+    Enabled;
+    Value;
+    FormattedValue;
+    FieldType;
+    ReadOnly;
+    ColumnWidth;
+    ColumnWidthType;
+    XAlignment;
+    Title;
+    AdditionalValue;
+    OptionalValues;
     constructor(options = {}) {
         this.ApiName = options.ApiName;
         this.Enabled = !!options.Enabled;
@@ -3925,6 +4090,11 @@ class PepFieldData {
     }
 }
 class PepRowData {
+    UUID;
+    IsEditable;
+    IsSelected;
+    IsSelectableForActions;
+    Fields;
 }
 class PepDataConvertorService {
     getUiControl(formData) {
@@ -4018,10 +4188,10 @@ class PepDataConvertorService {
         });
         return layout;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDataConvertorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDataConvertorService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDataConvertorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4029,15 +4199,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class PepValidatorService {
+    translate;
+    //  Regular expressions
+    integerUnsigned = '^[0-9]*$';
+    integerSigned = '^-?[0-9]+$';
+    decimalUnsigned = '^[0-9]+(.[0-9]+)?$';
+    decimalSigned = '^-?[0-9]+(.[0-9]+)?$';
+    phone = '^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-s./0-9]*$';
+    decimalSeparator = '.';
     constructor(translate = null) {
         this.translate = translate;
-        //  Regular expressions
-        this.integerUnsigned = '^[0-9]*$';
-        this.integerSigned = '^-?[0-9]+$';
-        this.decimalUnsigned = '^[0-9]+(.[0-9]+)?$';
-        this.decimalSigned = '^-?[0-9]+(.[0-9]+)?$';
-        this.phone = '^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-s./0-9]*$';
-        this.decimalSeparator = '.';
         const currentLang = this.translate?.currentLang || navigator.language;
         // Check for number with thousands separator and if === ',' then the decimal separator is '.' else ','
         const tmp = new Intl.NumberFormat(currentLang, {
@@ -4283,10 +4454,10 @@ class PepValidatorService {
         const isNumber = new RegExp(this.integerUnsigned).test(key);
         return isNumber;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepValidatorService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepValidatorService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepValidatorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4296,6 +4467,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }] }]; } });
 
 class PepWindowScrollingService {
+    // Inject a STYLE element for overrides the scroll behavior, this way we can add | remove it in order to the behavior.
+    styleTag;
     constructor() {
         this.styleTag = this.buildStyleElement();
     }
@@ -4319,10 +4492,10 @@ class PepWindowScrollingService {
         `;
         return style;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepWindowScrollingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepWindowScrollingService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepWindowScrollingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4350,6 +4523,32 @@ const DEFAULT_HORIZONTAL_ALIGNMENT = 'left';
 /** Default horizontal alignment. */
 const DEFAULT_VERTICAL_ALIGNMENT = 'top';
 class PepFieldBase {
+    value;
+    formattedValue;
+    additionalValue;
+    key;
+    label;
+    accessory;
+    mandatory;
+    readonly;
+    disabled;
+    order;
+    // type: string;
+    controlType;
+    placeholder;
+    hidden;
+    row;
+    rowSpan;
+    col;
+    colSpan;
+    xAlignment;
+    yAlignment;
+    groupFields;
+    maxFieldCharacters;
+    minValue;
+    maxValue;
+    textColor;
+    visible;
     // lastFocusField: any;
     constructor(options = {}) {
         this.key = options.key || '';
@@ -4413,36 +4612,37 @@ class PepFieldBase {
     }
 }
 class PepPlaceholderField extends PepFieldBase {
+    controlType = 'placeholder';
     constructor(options = {}) {
         super(options);
-        this.controlType = 'placeholder';
     }
 }
 class PepSeparatorField extends PepFieldBase {
+    controlType = 'separator';
     constructor(options = {}) {
         super(options);
-        this.controlType = 'separator';
     }
 }
 class PepAttachmentField extends PepFieldBase {
+    controlType = 'attachment';
     constructor(options = {}) {
         super(options);
-        this.controlType = 'attachment';
     }
 }
 class PepIndicatorsField extends PepFieldBase {
+    controlType = 'indicators';
     constructor(options = {}) {
         super(options);
-        this.controlType = 'indicators';
     }
 }
 class PepTextboxField extends PepFieldBase {
+    controlType = 'textbox';
+    type = 'text';
+    regex;
+    // regexError?: string;
+    digitsNumberAfterDecimalPoint = NaN;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'textbox';
-        this.type = 'text';
-        // regexError?: string;
-        this.digitsNumberAfterDecimalPoint = NaN;
         this.type = options.type || 'text';
         this.regex = options.regex ?? null;
         // this.regexError = options.regexError ?? null;
@@ -4492,10 +4692,10 @@ class PepTextboxField extends PepFieldBase {
     }
 }
 class PepLinkField extends PepFieldBase {
+    controlType = 'link';
+    type = 'link';
     constructor(options = {}) {
         super(options);
-        this.controlType = 'link';
-        this.type = 'link';
         this.update(options);
     }
     update(options) {
@@ -4509,37 +4709,39 @@ class PepLinkField extends PepFieldBase {
     }
 }
 class PepTextareaField extends PepFieldBase {
+    controlType = 'textarea';
     constructor(options = {}) {
         super(options);
-        this.controlType = 'textarea';
         // this.type = 'textarea';
     }
 }
 class PepRichHtmlTextareaField extends PepFieldBase {
+    controlType = 'richhtmltextarea';
+    renderTitle;
+    renderEnlargeButton;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'richhtmltextarea';
         this.renderTitle = options.renderTitle !== undefined ? options.renderTitle : true;
         this.renderEnlargeButton = options.renderEnlargeButton !== undefined ? options.renderEnlargeButton : true;
     }
 }
 class PepSignatureField extends PepFieldBase {
+    controlType = 'signature';
+    options = [];
     constructor(options = {}) {
         super(options);
-        this.controlType = 'signature';
-        this.options = [];
         this.options = options.options || [];
     }
 }
 class PepImageField extends PepFieldBase {
+    controlType = 'image';
+    hasCampaignField = null;
+    indicatorsField = null;
+    menuField = null;
+    options = [];
+    sizeLimitMB = 5;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'image';
-        this.hasCampaignField = null;
-        this.indicatorsField = null;
-        this.menuField = null;
-        this.options = [];
-        this.sizeLimitMB = 5;
         this.hasCampaignField = options.hasCampaignField || null;
         this.indicatorsField = options.indicatorsField || null;
         this.menuField = options.menuField || null;
@@ -4548,19 +4750,22 @@ class PepImageField extends PepFieldBase {
     }
 }
 class PepImagesField extends PepFieldBase {
+    controlType = 'images';
+    options = [];
     constructor(options = {}) {
         super(options);
-        this.controlType = 'images';
-        this.options = [];
         this.options = options.options || [];
     }
 }
 class PepQuantitySelectorField extends PepFieldBase {
+    controlType = 'qs';
+    allowDecimal;
+    notificationInfo = {};
+    updatedDataCount;
+    type;
+    digitsNumberAfterDecimalPoint = NaN;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'qs';
-        this.notificationInfo = {};
-        this.digitsNumberAfterDecimalPoint = NaN;
         this.updatedDataCount = 0;
         this.type = options.type || 'qs';
         this.update(options);
@@ -4574,11 +4779,12 @@ class PepQuantitySelectorField extends PepFieldBase {
     }
 }
 class PepDateField extends PepFieldBase {
+    controlType = 'date';
+    type;
     // minDateValue?: Date;
     // maxDateValue?: Date;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'date';
         this.type = options.type || 'date';
     }
     getValidators() {
@@ -4599,9 +4805,10 @@ class PepDateField extends PepFieldBase {
     }
 }
 class PepCheckboxField extends PepFieldBase {
+    controlType = 'checkbox';
+    type;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'checkbox';
         this.type = options.type || 'checkbox';
     }
     getValidators() {
@@ -4610,11 +4817,13 @@ class PepCheckboxField extends PepFieldBase {
     }
 }
 class PepSelectField extends PepFieldBase {
+    controlType = 'select';
+    options = [];
+    type;
+    emptyOption;
+    autoSortOptions = true;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'select';
-        this.options = [];
-        this.autoSortOptions = true;
         this.type = options.type || 'select';
         this.emptyOption = options.emptyOption;
         this.autoSortOptions = options.autoSortOptions ?? true;
@@ -4626,19 +4835,21 @@ class PepSelectField extends PepFieldBase {
     }
 }
 class PepAddressField extends PepFieldBase {
+    controlType = 'address';
+    groupFields = null;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'address';
-        this.groupFields = null;
         this.groupFields = options.groupFields || null;
     }
 }
 class PepInternalButtonField extends PepFieldBase {
+    controlType = 'button';
+    referenceObjectType;
+    referenceObjectSubType = '';
+    referenceObjectInternalType = '';
+    type;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'button';
-        this.referenceObjectSubType = '';
-        this.referenceObjectInternalType = '';
         this.referenceObjectType = options.referenceObjectType || null;
         this.referenceObjectSubType = options.referenceObjectSubType || null;
         this.referenceObjectInternalType =
@@ -4647,22 +4858,23 @@ class PepInternalButtonField extends PepFieldBase {
     }
 }
 class PepInternalPageField extends PepFieldBase {
+    controlType = 'internalPage';
+    objectId = '';
+    parentId = '';
+    searchCode = '';
     constructor(options = {}) {
         super(options);
-        this.controlType = 'internalPage';
-        this.objectId = '';
-        this.parentId = '';
-        this.searchCode = '';
         this.objectId = options.objectId || '';
         this.parentId = options.parentId || '';
         this.searchCode = options.searchCode || '';
     }
 }
 class PepInternalCaruselField extends PepFieldBase {
+    controlType = 'internalCarusel';
+    searchCode = '';
+    pageInfo;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'internalCarusel';
-        this.searchCode = '';
         this.searchCode = options.searchCode || '';
         this.update(options);
     }
@@ -4672,11 +4884,11 @@ class PepInternalCaruselField extends PepFieldBase {
     }
 }
 class PepInternalMenuField extends PepFieldBase {
+    controlType = 'menu';
+    options = [];
     // hasSubMenu: boolean = false;
     constructor(options = {}) {
         super(options);
-        this.controlType = 'menu';
-        this.options = [];
         this.options = options.options || [];
         // this.hasSubMenu = options['hasSubMenu'];
     }
@@ -4785,10 +4997,10 @@ class PepScrollToService {
             }
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepScrollToService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepScrollToService, providedIn: 'root' });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepScrollToService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4840,71 +5052,71 @@ const utilitiesList = [
 ];
 const portalList = [PepAttachDirective, PepTargetDirective];
 class PepNgxLibModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepNgxLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepNgxLibModule, declarations: [PepCapitalizePipe,
+            PepEncodePipe,
+            PepEscapePipe,
+            PepReplaceLineBreaksPipe,
+            PepDateFormatterPipe,
+            PepDateStringFormatterPipe,
+            PepSafeHtmlPipe,
+            PepSafePipe,
+            PepSplitUppercasePipe,
+            PepToNumberPipe,
+            DateAgoPipe, PepInputAutoWidthDirective,
+            PepButtonBlurDirective,
+            PepButtonLoaderDirective,
+            PepMenuBlurDirective,
+            PepDataQaDirective,
+            // PreventDoubleClickDirective,
+            PepPreventMultiClickDirective,
+            PepPrintDirective,
+            PepDivLoaderDirective, PepClipboardDirective, PepRtlClassDirective, PepRtlDirectionDirective, PepAttachDirective, PepTargetDirective], imports: [CommonModule,
+            HttpClientModule,
+            ReactiveFormsModule], exports: [PepCapitalizePipe,
+            PepEncodePipe,
+            PepEscapePipe,
+            PepReplaceLineBreaksPipe,
+            PepDateFormatterPipe,
+            PepDateStringFormatterPipe,
+            PepSafeHtmlPipe,
+            PepSafePipe,
+            PepSplitUppercasePipe,
+            PepToNumberPipe,
+            DateAgoPipe, PepInputAutoWidthDirective,
+            PepButtonBlurDirective,
+            PepButtonLoaderDirective,
+            PepMenuBlurDirective,
+            PepDataQaDirective,
+            // PreventDoubleClickDirective,
+            PepPreventMultiClickDirective,
+            PepPrintDirective,
+            PepDivLoaderDirective, PepClipboardDirective, PepRtlClassDirective, PepRtlDirectionDirective, PepAttachDirective, PepTargetDirective, TranslateModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepNgxLibModule, providers: [
+            httpInterceptorProviders,
+            PepAddonService,
+            PepColorService,
+            PepCookieService,
+            PepDataConvertorService,
+            PepFileService,
+            PepJwtHelperService,
+            PepSessionService,
+            PepTranslateService,
+            PepUtilitiesService,
+            PepValidatorService,
+            PepWindowScrollingService,
+            PepCustomizationService,
+            PepHttpService,
+            PepLoaderService,
+            PepLayoutService,
+            PepPortalService,
+            PepScrollToService,
+            FormBuilder
+        ], imports: [CommonModule,
+            HttpClientModule,
+            ReactiveFormsModule, TranslateModule] });
 }
-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,
-        PepDateFormatterPipe,
-        PepDateStringFormatterPipe,
-        PepSafeHtmlPipe,
-        PepSafePipe,
-        PepSplitUppercasePipe,
-        PepToNumberPipe,
-        DateAgoPipe, PepInputAutoWidthDirective,
-        PepButtonBlurDirective,
-        PepButtonLoaderDirective,
-        PepMenuBlurDirective,
-        PepDataQaDirective,
-        // PreventDoubleClickDirective,
-        PepPreventMultiClickDirective,
-        PepPrintDirective,
-        PepDivLoaderDirective, PepClipboardDirective, PepRtlClassDirective, PepRtlDirectionDirective, PepAttachDirective, PepTargetDirective], imports: [CommonModule,
-        HttpClientModule,
-        ReactiveFormsModule], exports: [PepCapitalizePipe,
-        PepEncodePipe,
-        PepEscapePipe,
-        PepReplaceLineBreaksPipe,
-        PepDateFormatterPipe,
-        PepDateStringFormatterPipe,
-        PepSafeHtmlPipe,
-        PepSafePipe,
-        PepSplitUppercasePipe,
-        PepToNumberPipe,
-        DateAgoPipe, PepInputAutoWidthDirective,
-        PepButtonBlurDirective,
-        PepButtonLoaderDirective,
-        PepMenuBlurDirective,
-        PepDataQaDirective,
-        // PreventDoubleClickDirective,
-        PepPreventMultiClickDirective,
-        PepPrintDirective,
-        PepDivLoaderDirective, PepClipboardDirective, PepRtlClassDirective, PepRtlDirectionDirective, PepAttachDirective, PepTargetDirective, TranslateModule] });
-PepNgxLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepNgxLibModule, providers: [
-        httpInterceptorProviders,
-        PepAddonService,
-        PepColorService,
-        PepCookieService,
-        PepDataConvertorService,
-        PepFileService,
-        PepJwtHelperService,
-        PepSessionService,
-        PepTranslateService,
-        PepUtilitiesService,
-        PepValidatorService,
-        PepWindowScrollingService,
-        PepCustomizationService,
-        PepHttpService,
-        PepLoaderService,
-        PepLayoutService,
-        PepPortalService,
-        PepScrollToService,
-        FormBuilder
-    ], imports: [CommonModule,
-        HttpClientModule,
-        ReactiveFormsModule, TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepNgxLibModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepNgxLibModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [