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

package/query-builder/query-builder-section/query-builder-section.component.d.ts

@@ -26,5 +26,5 @@ export declare class PepQueryBuilderSectionComponent {
     onAddRuleSetClicked(): void;
     onDeleteSectionClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepQueryBuilderSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepQueryBuilderSectionComponent, "pep-query-builder-section", never, { "form": "form"; "depth": "depth"; "hasFields": "hasFields"; }, { "createSection": "createSection"; "createItem": "createItem"; "remove": "remove"; "operatorChange": "operatorChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepQueryBuilderSectionComponent, "pep-query-builder-section", never, { "form": { "alias": "form"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "hasFields": { "alias": "hasFields"; "required": false; }; }, { "createSection": "createSection"; "createItem": "createItem"; "remove": "remove"; "operatorChange": "operatorChange"; }, never, never, false, never>;
 }

package/query-builder/query-builder.component.d.ts

@@ -35,5 +35,5 @@ export declare class PepQueryBuilderComponent implements OnInit, OnDestroy {
     onOperatorChange(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepQueryBuilderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepQueryBuilderComponent, "pep-query-builder", never, { "query": "query"; "fields": "fields"; "variableFields": "variableFields"; "maxDepth": "maxDepth"; }, { "queryChange": "queryChange"; "formValidationChange": "formValidationChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepQueryBuilderComponent, "pep-query-builder", never, { "query": { "alias": "query"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "variableFields": { "alias": "variableFields"; "required": false; }; "maxDepth": { "alias": "maxDepth"; "required": false; }; }, { "queryChange": "queryChange"; "formValidationChange": "formValidationChange"; }, never, never, false, never>;
 }

package/remote-loader/addon-block-loader.component.d.ts

@@ -34,5 +34,5 @@ export declare class PepAddonBlockLoaderComponent implements OnInit, OnDestroy {
     onHostEvents(event: any): void;
     closeDialog(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepAddonBlockLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepAddonBlockLoaderComponent, "pep-addon-block-loader", never, { "addonId": "addonId"; "remoteEntry": "remoteEntry"; "slugName": "slugName"; "blockType": "blockType"; "name": "name"; "hostObject": "hostObject"; "dialogRef": "dialogRef"; "remoteLoaderOptions": "remoteLoaderOptions"; }, { "hostEvents": "hostEvents"; "blockLoad": "blockLoad"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepAddonBlockLoaderComponent, "pep-addon-block-loader", never, { "addonId": { "alias": "addonId"; "required": false; }; "remoteEntry": { "alias": "remoteEntry"; "required": false; }; "slugName": { "alias": "slugName"; "required": false; }; "blockType": { "alias": "blockType"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hostObject": { "alias": "hostObject"; "required": false; }; "dialogRef": { "alias": "dialogRef"; "required": false; }; "remoteLoaderOptions": { "alias": "remoteLoaderOptions"; "required": false; }; }, { "hostEvents": "hostEvents"; "blockLoad": "blockLoad"; }, never, never, false, never>;
 }

package/remote-loader/remote-loader-element.component.d.ts

@@ -35,5 +35,5 @@ export declare class PepRemoteLoaderElementComponent implements AfterContentInit
     private loadElementFromModule;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepRemoteLoaderElementComponent, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepRemoteLoaderElementComponent, "pep-remote-loader-element", never, { "options": "options"; "props": "props"; "events": "events"; }, { "load": "load"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepRemoteLoaderElementComponent, "pep-remote-loader-element", never, { "options": { "alias": "options"; "required": false; }; "props": { "alias": "props"; "required": false; }; "events": { "alias": "events"; "required": false; }; }, { "load": "load"; }, never, never, false, never>;
 }

package/remote-loader/remote-loader.component.d.ts

@@ -21,5 +21,5 @@ export declare class PepRemoteLoaderComponent implements OnChanges {
     private loadModule;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepRemoteLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepRemoteLoaderComponent, "pep-remote-loader", never, { "options": "options"; "hostObject": "hostObject"; }, { "hostEvents": "hostEvents"; "load": "load"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepRemoteLoaderComponent, "pep-remote-loader", never, { "options": { "alias": "options"; "required": false; }; "hostObject": { "alias": "hostObject"; "required": false; }; }, { "hostEvents": "hostEvents"; "load": "load"; }, never, never, false, never>;
 }

package/rich-html-textarea/rich-html-textarea.component.d.ts

@@ -78,5 +78,5 @@ export declare class PepRichHtmlTextareaComponent implements OnInit, OnChanges,
     onBlur(obj: any, inDialog: boolean): void;
     onFocus(obj: any, inDialog: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepRichHtmlTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepRichHtmlTextareaComponent, "pep-rich-html-textarea", never, { "key": "key"; "value": "value"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "xAlignment": "xAlignment"; "sanitize": "sanitize"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderEnlargeButton": "renderEnlargeButton"; "layoutType": "layoutType"; "inlineMode": "inlineMode"; "toolbarOptions": "toolbarOptions"; }, { "valueChange": "valueChange"; "editorCreated": "editorCreated"; "validationChange": "validationChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepRichHtmlTextareaComponent, "pep-rich-html-textarea", never, { "key": { "alias": "key"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxFieldCharacters": { "alias": "maxFieldCharacters"; "required": false; }; "xAlignment": { "alias": "xAlignment"; "required": false; }; "sanitize": { "alias": "sanitize"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "form": { "alias": "form"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "renderEnlargeButton": { "alias": "renderEnlargeButton"; "required": false; }; "layoutType": { "alias": "layoutType"; "required": false; }; "inlineMode": { "alias": "inlineMode"; "required": false; }; "toolbarOptions": { "alias": "toolbarOptions"; "required": false; }; }, { "valueChange": "valueChange"; "editorCreated": "editorCreated"; "validationChange": "validationChange"; }, never, never, false, never>;
 }

package/search/search.component.d.ts

@@ -60,6 +60,6 @@ export declare class PepSearchComponent implements OnInit, OnDestroy {
     animateSearchDone(): void;
     emitSearchClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSearchComponent, "pep-search", never, { "triggerOn": "triggerOn"; "autoCompleteTop": "autoCompleteTop"; "autoCompleteValues": "autoCompleteValues"; "shrink": "shrink"; "value": "value"; "searchControl": "searchControl"; "useAsWebComponent": "useAsWebComponent"; "sizeType": "sizeType"; }, { "search": "search"; "autocompleteChange": "autocompleteChange"; "stateChange": "stateChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSearchComponent, "pep-search", never, { "triggerOn": { "alias": "triggerOn"; "required": false; }; "autoCompleteTop": { "alias": "autoCompleteTop"; "required": false; }; "autoCompleteValues": { "alias": "autoCompleteValues"; "required": false; }; "shrink": { "alias": "shrink"; "required": false; }; "value": { "alias": "value"; "required": false; }; "searchControl": { "alias": "searchControl"; "required": false; }; "useAsWebComponent": { "alias": "useAsWebComponent"; "required": false; }; "sizeType": { "alias": "sizeType"; "required": false; }; }, { "search": "search"; "autocompleteChange": "autocompleteChange"; "stateChange": "stateChange"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepSearchComponent>;
 }

package/select/select.component.d.ts

@@ -71,5 +71,5 @@ export declare class PepSelectComponent implements OnChanges, OnInit, OnDestroy
     changeValue(value: any): void;
     cardTemplateClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSelectComponent, "pep-select", never, { "key": "key"; "value": "value"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "placeholder": "placeholder"; "placeholderWhenDisabled": "placeholderWhenDisabled"; "autoSortOptions": "autoSortOptions"; "options": "options"; "visible": "visible"; "emptyOption": "emptyOption"; "form": "form"; "layoutType": "layoutType"; "parentFieldKey": "parentFieldKey"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "typeaheadDebounceInterval": "typeaheadDebounceInterval"; "addValueToOptionsIfNotExist": "addValueToOptionsIfNotExist"; }, { "valueChange": "valueChange"; "validationChange": "validationChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSelectComponent, "pep-select", never, { "key": { "alias": "key"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "xAlignment": { "alias": "xAlignment"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderWhenDisabled": { "alias": "placeholderWhenDisabled"; "required": false; }; "autoSortOptions": { "alias": "autoSortOptions"; "required": false; }; "options": { "alias": "options"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "emptyOption": { "alias": "emptyOption"; "required": false; }; "form": { "alias": "form"; "required": false; }; "layoutType": { "alias": "layoutType"; "required": false; }; "parentFieldKey": { "alias": "parentFieldKey"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; }; "addValueToOptionsIfNotExist": { "alias": "addValueToOptionsIfNotExist"; "required": false; }; }, { "valueChange": "valueChange"; "validationChange": "validationChange"; }, never, never, false, never>;
 }

package/select-panel/select-panel.component.d.ts

@@ -46,5 +46,5 @@ export declare class PepSelectPanelComponent implements OnDestroy {
     selectionChange(option: any, event: any): void;
     isChecked(option: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSelectPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSelectPanelComponent, "pep-select-panel", never, { "form": "form"; "layoutType": "layoutType"; "xAlignment": "xAlignment"; "renderTitle": "renderTitle"; "showTitle": "showTitle"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "isMultiSelect": "isMultiSelect"; "numOfCol": "numOfCol"; "value": "value"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSelectPanelComponent, "pep-select-panel", never, { "form": { "alias": "form"; "required": false; }; "layoutType": { "alias": "layoutType"; "required": false; }; "xAlignment": { "alias": "xAlignment"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; "numOfCol": { "alias": "numOfCol"; "required": false; }; "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/separator/separator.component.d.ts

@@ -18,5 +18,5 @@ export declare class PepSeparatorComponent implements OnInit {
     constructor(renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSeparatorComponent, "pep-separator", never, { "key": "key"; "label": "label"; "xAlignment": "xAlignment"; "form": "form"; "layoutType": "layoutType"; "visible": "visible"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSeparatorComponent, "pep-separator", never, { "key": { "alias": "key"; "required": false; }; "label": { "alias": "label"; "required": false; }; "xAlignment": { "alias": "xAlignment"; "required": false; }; "form": { "alias": "form"; "required": false; }; "layoutType": { "alias": "layoutType"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, false, never>;
 }

package/side-bar/side-bar.component.d.ts

@@ -40,6 +40,6 @@ export declare class PepSideBarComponent implements OnInit {
     toggleSideWrapper(): void;
     toggleSidenav(isOpen: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSideBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSideBarComponent, "pep-side-bar", never, { "position": "position"; "ignoreResize": "ignoreResize"; "showHeader": "showHeader"; "showFooter": "showFooter"; "showToggle": "showToggle"; "stateType": "stateType"; "useAsWebComponent": "useAsWebComponent"; }, { "stateChange": "stateChange"; }, never, ["[header-content]", "[start-content]", "*", "[end-content]", "pep-smart-filters", "[footer-content]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSideBarComponent, "pep-side-bar", never, { "position": { "alias": "position"; "required": false; }; "ignoreResize": { "alias": "ignoreResize"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "showToggle": { "alias": "showToggle"; "required": false; }; "stateType": { "alias": "stateType"; "required": false; }; "useAsWebComponent": { "alias": "useAsWebComponent"; "required": false; }; }, { "stateChange": "stateChange"; }, never, ["[header-content]", "[start-content]", "*", "[end-content]", "pep-smart-filters", "[footer-content]"], false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepSideBarComponent>;
 }

package/signature/signature-dialog.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, AfterViewInit } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { SignaturePad } from 'ngx-signaturepad/signature-pad';
+import { SignaturePadComponent } from '@almothafar/angular-signature-pad';
 import * as i0 from "@angular/core";
 interface IPepSignatureDialogData {
     title: string;
@@ -14,7 +14,7 @@ export declare class PepSignatureDialogComponent implements OnInit, AfterViewIni
     private signatureURL;
     private acceptSignatureType;
     protected signaturePadOptions: any;
-    signaturePad: SignaturePad;
+    signaturePad: SignaturePadComponent;
     constructor(dialogRef: MatDialogRef<PepSignatureDialogComponent>, data: IPepSignatureDialogData);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/signature/signature.component.d.ts

@@ -56,5 +56,5 @@ export declare class PepSignatureComponent implements OnInit, OnChanges, OnDestr
     changeValue(fileData: any): void;
     onKeyPress_OpenSignModal(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSignatureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSignatureComponent, "pep-signature", never, { "key": "key"; "src": "src"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "signatureURL": "signatureURL"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "handleActions": "handleActions"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; "validationChange": "validationChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSignatureComponent, "pep-signature", never, { "key": { "alias": "key"; "required": false; }; "src": { "alias": "src"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "xAlignment": { "alias": "xAlignment"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "signatureURL": { "alias": "signatureURL"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "form": { "alias": "form"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "layoutType": { "alias": "layoutType"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "handleActions": { "alias": "handleActions"; "required": false; }; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; "validationChange": "validationChange"; }, never, never, false, never>;
 }

package/signature/signature.module.d.ts

@@ -10,7 +10,7 @@ import * as i7 from "@angular/material/form-field";
 import * as i8 from "@angular/material/input";
 import * as i9 from "@angular/material/icon";
 import * as i10 from "@angular/material/dialog";
-import * as i11 from "ngx-signaturepad";
+import * as i11 from "@almothafar/angular-signature-pad";
 import * as i12 from "@pepperi-addons/ngx-lib";
 import * as i13 from "@pepperi-addons/ngx-lib/icon";
 import * as i14 from "@pepperi-addons/ngx-lib/field-title";
@@ -20,6 +20,6 @@ export declare class PepSignatureModule {
     private pepIconRegistry;
     constructor(pepIconRegistry: PepIconRegistry);
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSignatureModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepSignatureModule, [typeof i1.PepSignatureComponent, typeof i2.PepSignatureDialogComponent], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.MatCommonModule, typeof i6.MatButtonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.MatIconModule, typeof i10.MatDialogModule, typeof i11.SignaturePadModule, typeof i12.PepNgxLibModule, typeof i13.PepIconModule, typeof i14.PepFieldTitleModule, typeof i15.PepFilesUploaderModule, typeof i16.PepDialogModule], [typeof i1.PepSignatureComponent, typeof i2.PepSignatureDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepSignatureModule, [typeof i1.PepSignatureComponent, typeof i2.PepSignatureDialogComponent], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.MatCommonModule, typeof i6.MatButtonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.MatIconModule, typeof i10.MatDialogModule, typeof i11.AngularSignaturePadModule, typeof i12.PepNgxLibModule, typeof i13.PepIconModule, typeof i14.PepFieldTitleModule, typeof i15.PepFilesUploaderModule, typeof i16.PepDialogModule], [typeof i1.PepSignatureComponent, typeof i2.PepSignatureDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PepSignatureModule>;
 }

package/size-detector/size-detector.component.d.ts

@@ -24,6 +24,6 @@ export declare class PepSizeDetectorComponent implements AfterViewInit {
     private exportFunctionsOnHostElement;
     getCurrentSize(): IPepSizeDetectorItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSizeDetectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSizeDetectorComponent, "pep-size-detector", never, { "showScreenSize": "showScreenSize"; "useAsWebComponent": "useAsWebComponent"; }, { "sizeChange": "sizeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSizeDetectorComponent, "pep-size-detector", never, { "showScreenSize": { "alias": "showScreenSize"; "required": false; }; "useAsWebComponent": { "alias": "useAsWebComponent"; "required": false; }; }, { "sizeChange": "sizeChange"; }, never, never, false, never>;
 }
 export {};

package/skeleton-loader/skeleton-loader.component.d.ts

@@ -15,6 +15,6 @@ export declare class PepSkeletonLoaderComponent {
     constructor(dialogRef: MatDialogRef<PepSkeletonLoaderComponent>, data: IPepSkeletonLoaderDialogData);
     counter(i: number): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSkeletonLoaderComponent, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSkeletonLoaderComponent, "pep-skeleton-loader", never, { "rowHeightType": "rowHeightType"; "rowsNumber": "rowsNumber"; "lastRowOffset": "lastRowOffset"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSkeletonLoaderComponent, "pep-skeleton-loader", never, { "rowHeightType": { "alias": "rowHeightType"; "required": false; }; "rowsNumber": { "alias": "rowsNumber"; "required": false; }; "lastRowOffset": { "alias": "lastRowOffset"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

package/slider/slider.component.d.ts

@@ -35,5 +35,5 @@ export declare class PepSliderComponent implements OnInit {
     onValueChange(event: any): void;
     onInputChange(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSliderComponent, "pep-slider", never, { "label": "label"; "disabled": "disabled"; "hint": "hint"; "background": "background"; "step": "step"; "minValue": "minValue"; "maxValue": "maxValue"; "value": "value"; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSliderComponent, "pep-slider", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "background": { "alias": "background"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; }, never, never, false, never>;
 }

package/slider/slider.component.theme.scss

@@ -2,7 +2,8 @@
 @use '../src/core/style/abstracts/functions';
 
 .pep-slider-container {
-    ::ng-deep.mat-slider {
+    ::ng-deep.mat-slider,
+    ::ng-deep.mat-mdc-slider{
         background: functions.get-pep-color(color-system-primary, color-tran-30);
 
         &.mat-slider-disabled,
@@ -11,25 +12,28 @@
         }
 
         &.mat-slider-horizontal,
-        &.mdc-slider--horizontal {
+        &.mdc-slider {
             height: 1rem;
             width: 100%;
             padding: 0.5rem 0.25rem;
             border-radius: variables.$border-radius-lg;
+            margin: 0;
         }
 
         .mat-slider-wrapper,
+        .mdc-slider__track,
         .mdc-slider {
             $wrapperHeight: 0.375rem;
             height: $wrapperHeight;
             position: relative;
-            top: calc(#{$wrapperHeight} / 2 * -1);
+            //top: calc(#{$wrapperHeight} / 2 * -1);
             left: unset;
             right: unset;
             border-radius: variables.$border-radius-md;
 
             .mat-slider-track-wrapper,
-            .mdc-slider__track {
+            .mdc-slider__track--inactive,
+            .mdc-slider__track--active {
                 display: none;
             }
 
@@ -37,6 +41,9 @@
             //     // Not in use.
             // }
 
+//mdc-slider__thumb mat-mdc-slider-visual-thumb
+            //.mat-mdc-slider .mdc-slider__thumb-knob,
+            .mat-mdc-slider-visual-thumb,
             .mat-slider-thumb-container,
             .mdc-slider__thumb {
                 width: 94%;
@@ -48,8 +55,8 @@
                     $sliderSize: 18px;
                     width: $sliderSize;
                     height: $sliderSize;
-                    right: calc(#{$sliderSize / 2} * -1);
-                    bottom: calc(#{$sliderSize / 2} * -1);
+                    right: calc((#{$sliderSize} / 2) * -1);
+                    bottom: calc((#{$sliderSize} / 2) * -1);
                     transform: scale(.7) !important;
                     border-color: functions.get-pep-color(color-system-primary-invert, color-base); //functions.get-pep-color(color-system-primary, color-tran-50);
                     border-width: 5px;

package/smart-filters/boolean-filter/boolean-filter.component.d.ts

@@ -27,5 +27,5 @@ export declare class PepBooleanFilterComponent extends BaseFilterComponent imple
     onOperatorChanged(value: string): void;
     onValueChanged(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepBooleanFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepBooleanFilterComponent, "pep-boolean-filter", never, { "options": "options"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepBooleanFilterComponent, "pep-boolean-filter", never, { "options": { "alias": "options"; "required": false; }; }, {}, never, never, false, never>;
 }

package/smart-filters/common/filter-actions.component.d.ts

@@ -8,5 +8,5 @@ export declare class PepFilterActionsComponent {
     clear(): void;
     apply(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepFilterActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepFilterActionsComponent, "pep-filter-actions", never, { "form": "form"; }, { "clearClick": "clearClick"; "applyClick": "applyClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepFilterActionsComponent, "pep-filter-actions", never, { "form": { "alias": "form"; "required": false; }; }, { "clearClick": "clearClick"; "applyClick": "applyClick"; }, never, never, false, never>;
 }

package/smart-filters/common/model/base-filter-component.d.ts

@@ -68,5 +68,5 @@ export declare abstract class BaseFilterComponent extends BaseDestroyerDirective
     ngOnChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFilterComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFilterComponent, never, never, { "field": "field"; "variableField": "variableField"; "filter": "filter"; "parentForm": "parentForm"; "emitOnChange": "emitOnChange"; "inline": "inline"; "showActionButtons": "showActionButtons"; "renderTitle": "renderTitle"; "showAdditionalOperators": "showAdditionalOperators"; }, { "filterClear": "filterClear"; "filterChange": "filterChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFilterComponent, never, never, { "field": { "alias": "field"; "required": false; }; "variableField": { "alias": "variableField"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "parentForm": { "alias": "parentForm"; "required": false; }; "emitOnChange": { "alias": "emitOnChange"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showActionButtons": { "alias": "showActionButtons"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "showAdditionalOperators": { "alias": "showAdditionalOperators"; "required": false; }; }, { "filterClear": "filterClear"; "filterChange": "filterChange"; }, never, never, false, never>;
 }

package/smart-filters/smart-filters.component.d.ts

@@ -31,5 +31,5 @@ export declare class PepSmartFiltersComponent {
     onFilterClear(field: IPepSmartFilterField): void;
     onFilterChange(field: IPepSmartFilterField, filterData: IPepSmartFilterData): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSmartFiltersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSmartFiltersComponent, "pep-smart-filters", never, { "title": "title"; "filters": "filters"; "fields": "fields"; "useAsWebComponent": "useAsWebComponent"; }, { "filtersChange": "filtersChange"; "fieldToggleChange": "fieldToggleChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSmartFiltersComponent, "pep-smart-filters", never, { "title": { "alias": "title"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "useAsWebComponent": { "alias": "useAsWebComponent"; "required": false; }; }, { "filtersChange": "filtersChange"; "fieldToggleChange": "fieldToggleChange"; }, never, never, false, never>;
 }

package/snack-bar/snack-bar.component.d.ts

@@ -8,5 +8,5 @@ export declare class PepSnackBarComponent {
     constructor();
     onCloseClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSnackBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSnackBarComponent, "pep-snack-bar", never, { "snackBarRef": "snackBarRef"; "title": "title"; }, { "closeClick": "closeClick"; }, never, ["[pep-snack-bar-content]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSnackBarComponent, "pep-snack-bar", never, { "snackBarRef": { "alias": "snackBarRef"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "closeClick": "closeClick"; }, never, ["[pep-snack-bar-content]"], false, never>;
 }

package/textarea/textarea.component.d.ts

@@ -53,5 +53,5 @@ export declare class PepTextareaComponent implements OnChanges, OnInit, OnDestro
     openDialog(): void;
     closeDialog(data?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextareaComponent, "pep-textarea", never, { "key": "key"; "value": "value"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; }, { "valueChange": "valueChange"; "keyup": "keyup"; "validationChange": "validationChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextareaComponent, "pep-textarea", never, { "key": { "alias": "key"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxFieldCharacters": { "alias": "maxFieldCharacters"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "xAlignment": { "alias": "xAlignment"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "form": { "alias": "form"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "layoutType": { "alias": "layoutType"; "required": false; }; }, { "valueChange": "valueChange"; "keyup": "keyup"; "validationChange": "validationChange"; }, never, never, false, never>;
 }

package/textbox/textbox-validation.directive.d.ts

@@ -18,5 +18,5 @@ export declare class PepTextboxValidationDirective implements OnInit {
     onKeyDown(e: KeyboardEvent): void;
     validateValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTextboxValidationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepTextboxValidationDirective, "[pepTextboxValidation]", never, { "type": "type"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepTextboxValidationDirective, "[pepTextboxValidation]", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;
 }

package/textbox/textbox.component.d.ts

@@ -156,5 +156,5 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, AfterView
     anchorClicked(): void;
     cardTemplateClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTextboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextboxComponent, "pep-textbox", never, { "key": "key"; "value": "value"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "accessory": "accessory"; "label": "label"; "placeholder": "placeholder"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "hint": "hint"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "minValue": "minValue"; "maxValue": "maxValue"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderError": "renderError"; "renderSymbol": "renderSymbol"; "layoutType": "layoutType"; "parentFieldKey": "parentFieldKey"; "regex": "regex"; "regexError": "regexError"; "isInFocus": "isInFocus"; }, { "valueChange": "valueChange"; "keyup": "keyup"; "validationChange": "validationChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextboxComponent, "pep-textbox", never, { "key": { "alias": "key"; "required": false; }; "value": { "alias": "value"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "accessory": { "alias": "accessory"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxFieldCharacters": { "alias": "maxFieldCharacters"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "xAlignment": { "alias": "xAlignment"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "form": { "alias": "form"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "renderError": { "alias": "renderError"; "required": false; }; "renderSymbol": { "alias": "renderSymbol"; "required": false; }; "layoutType": { "alias": "layoutType"; "required": false; }; "parentFieldKey": { "alias": "parentFieldKey"; "required": false; }; "regex": { "alias": "regex"; "required": false; }; "regexError": { "alias": "regexError"; "required": false; }; "isInFocus": { "alias": "isInFocus"; "required": false; }; }, { "valueChange": "valueChange"; "keyup": "keyup"; "validationChange": "validationChange"; }, never, never, false, never>;
 }

package/textbox-icon/textbox-icon.component.d.ts

@@ -9,5 +9,5 @@ export declare class PepTextboxIconComponent {
     iconClick: EventEmitter<void>;
     iconButtonClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTextboxIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextboxIconComponent, "pep-textbox-icon", never, { "value": "value"; "label": "label"; "type": "type"; "disabled": "disabled"; }, { "iconClick": "iconClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextboxIconComponent, "pep-textbox-icon", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "iconClick": "iconClick"; }, never, never, false, never>;
 }

package/top-bar/top-bar.component.d.ts

@@ -35,5 +35,5 @@ export declare class PepTopBarComponent implements AfterViewInit, AfterContentIn
     private setSearchIsOpenAndSmallDevice;
     private setFooterState;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTopBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepTopBarComponent, "pep-top-bar", never, { "inline": "inline"; "title": "title"; }, { "footerStateChange": "footerStateChange"; }, ["searchComp", "listActionsComp", "listChooserComp", "listTotalComp", "listSortingComp", "listViewsComp"], ["[footer-start-content]", "[footer-end-content]", "pep-list-actions", "pep-list-chooser", "[header-start-content]", "pep-list-total", "pep-search", "pep-list-sorting", "pep-list-views", "[header-end-content]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepTopBarComponent, "pep-top-bar", never, { "inline": { "alias": "inline"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "footerStateChange": "footerStateChange"; }, ["searchComp", "listActionsComp", "listChooserComp", "listTotalComp", "listSortingComp", "listViewsComp"], ["[footer-start-content]", "[footer-end-content]", "pep-list-actions", "pep-list-chooser", "[header-start-content]", "pep-list-total", "pep-search", "pep-list-sorting", "pep-list-views", "[header-end-content]"], false, never>;
 }

package/esm2020/address/address.component.mjs

@@ -1,109 +0,0 @@
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, } from '@angular/core';
-import { DEFAULT_HORIZONTAL_ALIGNMENT, } from '@pepperi-addons/ngx-lib';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@angular/cdk/bidi";
-import * as i4 from "@pepperi-addons/ngx-lib/textbox";
-import * as i5 from "@pepperi-addons/ngx-lib/select";
-import * as i6 from "@pepperi-addons/ngx-lib/field-title";
-export class PepAddressComponent {
-    set visible(visible) {
-        this._visible = visible;
-        if (visible) {
-            this.renderer.removeClass(this.element.nativeElement, 'hidden-element');
-        }
-        else {
-            this.renderer.addClass(this.element.nativeElement, 'hidden-element');
-        }
-    }
-    get visible() {
-        return this._visible;
-    }
-    constructor(element, renderer) {
-        this.element = element;
-        this.renderer = renderer;
-        this.key = '';
-        // @Input() value = '';
-        this.formattedValue = '';
-        this.label = '';
-        this.mandatory = false;
-        this.disabled = false;
-        this.readonly = false;
-        this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
-        this.rowSpan = 1;
-        this.form = null;
-        this.layoutType = 'form';
-        this._visible = true;
-        this.addressValueChange = new EventEmitter();
-    }
-    ngOnInit() {
-        this.renderer.addClass(this.element.nativeElement, 'pep-grouped-field');
-    }
-    ngOnChanges(changes) {
-        //
-    }
-    ngOnDestroy() {
-        //
-    }
-    // Not in use anymore comment in 16.55.
-    // onBlur(e: any, key: string): void {
-    //     const value = e.target ? e.target.value : e;
-    //     this.changeValue({ key, value }, e.relatedTarget);
-    // }
-    onValueChange(value, key) {
-        // if (e.target) {
-        //     const input = e.target ? e.target.value : e;
-        //     this.changeValue({ key, value: input.value });
-        // } else {
-        //     this.changeValue(e);
-        // }
-        const currentGroupField = this.groupFields.find((gf) => gf.key === key);
-        if (currentGroupField && currentGroupField.value !== value) {
-            // Set the value in the form controls
-            if (this.form) {
-                const formCtrl = this.form.get(this.key);
-                if (formCtrl) {
-                    formCtrl.get(key).setValue(value);
-                }
-            }
-            this.addressValueChange.emit({
-                key: key,
-                value: value,
-            });
-        }
-    }
-}
-PepAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAddressComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-PepAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PepAddressComponent, selector: "pep-address", inputs: { key: "key", formattedValue: "formattedValue", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", xAlignment: "xAlignment", rowSpan: "rowSpan", groupFields: "groupFields", form: "form", layoutType: "layoutType", visible: "visible" }, outputs: { addressValueChange: "addressValueChange" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\" class=\"header\">\n        </pep-field-title>\n        <div [formGroupName]=\"key\" [id]=\"key\" class=\"pep-address-container\"\n            dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\">\n            <div [ngSwitch]=\"groupField.controlType\" *ngFor=\"let groupField of groupFields; let i = index\"\n                class=\"pep-address-field columns-{{ groupField.colSpan }}\">\n                <pep-textbox *ngSwitchCase=\"'textbox'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [placeholder]=\"groupField.placeholder\" [type]=\"groupField.type\" [mandatory]=\"groupField.mandatory\"\n                    [disabled]=\"groupField.disabled\" [readonly]=\"groupField.readonly\"\n                    [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-textbox>\n\n                <pep-select *ngSwitchCase=\"'select'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [type]=\"groupField.type\" [mandatory]=\"groupField.mandatory\" [disabled]=\"groupField.disabled\"\n                    [readonly]=\"groupField.readonly\" [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\"\n                    [options]=\"groupField.options\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-select>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <div class=\"pep-card-input \" title=\"{{ label }}&nbsp;{{ formattedValue }}\"\n            [ngClass]=\"['text-align-' + xAlignment]\">\n            <span *ngIf=\"label != ''\" class=\"body-xs title\">{{ label }}&nbsp;</span>\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <div class=\"pep-card-input \" title=\"{{ formattedValue }}\" [ngClass]=\"['text-align-' + xAlignment]\">\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-container>", styles: [".header{grid-column:1/span 3}.pep-address-container{padding:.875rem var(--pep-spacing-md, .75rem);border-radius:var(--pep-border-radius-md, .25rem);display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:var(--pep-spacing-md, .75rem);grid-row-gap:var(--pep-spacing-md, .75rem)}.pep-address-container .columns-2{grid-column:1/span 2}.pep-address-container .columns-3{grid-column:1/span 3}\n", ".pepperi-address-container,.pep-address-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup", "validationChange"] }, { kind: "component", type: i5.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "placeholder", "placeholderWhenDisabled", "autoSortOptions", "options", "visible", "emptyOption", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "renderTitle", "typeaheadDebounceInterval", "addValueToOptionsIfNotExist"], outputs: ["valueChange", "validationChange"] }, { kind: "component", type: i6.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAddressComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-address', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"form\">\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\" class=\"header\">\n        </pep-field-title>\n        <div [formGroupName]=\"key\" [id]=\"key\" class=\"pep-address-container\"\n            dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\">\n            <div [ngSwitch]=\"groupField.controlType\" *ngFor=\"let groupField of groupFields; let i = index\"\n                class=\"pep-address-field columns-{{ groupField.colSpan }}\">\n                <pep-textbox *ngSwitchCase=\"'textbox'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [placeholder]=\"groupField.placeholder\" [type]=\"groupField.type\" [mandatory]=\"groupField.mandatory\"\n                    [disabled]=\"groupField.disabled\" [readonly]=\"groupField.readonly\"\n                    [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-textbox>\n\n                <pep-select *ngSwitchCase=\"'select'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [type]=\"groupField.type\" [mandatory]=\"groupField.mandatory\" [disabled]=\"groupField.disabled\"\n                    [readonly]=\"groupField.readonly\" [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\"\n                    [options]=\"groupField.options\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-select>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <div class=\"pep-card-input \" title=\"{{ label }}&nbsp;{{ formattedValue }}\"\n            [ngClass]=\"['text-align-' + xAlignment]\">\n            <span *ngIf=\"label != ''\" class=\"body-xs title\">{{ label }}&nbsp;</span>\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <div class=\"pep-card-input \" title=\"{{ formattedValue }}\" [ngClass]=\"['text-align-' + xAlignment]\">\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-container>", styles: [".header{grid-column:1/span 3}.pep-address-container{padding:.875rem var(--pep-spacing-md, .75rem);border-radius:var(--pep-border-radius-md, .25rem);display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:var(--pep-spacing-md, .75rem);grid-row-gap:var(--pep-spacing-md, .75rem)}.pep-address-container .columns-2{grid-column:1/span 2}.pep-address-container .columns-3{grid-column:1/span 3}\n", ".pepperi-address-container,.pep-address-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { key: [{
-                type: Input
-            }], formattedValue: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], mandatory: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], xAlignment: [{
-                type: Input
-            }], rowSpan: [{
-                type: Input
-            }], groupFields: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], layoutType: [{
-                type: Input
-            }], visible: [{
-                type: Input
-            }], addressValueChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkcmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUdULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixHQUkxQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBR0gsNEJBQTRCLEdBRS9CLE1BQU0seUJBQXlCLENBQUM7Ozs7Ozs7O0FBUWpDLE1BQU0sT0FBTyxtQkFBbUI7SUFnQjVCLElBQ0ksT0FBTyxDQUFDLE9BQWdCO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ3hCLElBQUksT0FBTyxFQUFFO1lBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUMxQixnQkFBZ0IsQ0FDbkIsQ0FBQztTQUNMO2FBQU07WUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQzFCLGdCQUFnQixDQUNuQixDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFLRCxZQUFvQixPQUFtQixFQUFVLFFBQW1CO1FBQWhELFlBQU8sR0FBUCxPQUFPLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBckMzRCxRQUFHLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLHVCQUF1QjtRQUNkLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixlQUFVLEdBQTJCLDRCQUE0QixDQUFDO1FBQ2xFLFlBQU8sR0FBRyxDQUFDLENBQUM7UUFHWixTQUFJLEdBQWMsSUFBSSxDQUFDO1FBQ3ZCLGVBQVUsR0FBa0IsTUFBTSxDQUFDO1FBRXBDLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFxQnhCLHVCQUFrQixHQUE0QyxJQUFJLFlBQVksRUFBNkIsQ0FBQztJQUVwQyxDQUFDO0lBRXpFLFFBQVE7UUFDSixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQzVFLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBTztRQUNmLEVBQUU7SUFDTixDQUFDO0lBRUQsV0FBVztRQUNQLEVBQUU7SUFDTixDQUFDO0lBRUQsdUNBQXVDO0lBQ3ZDLHNDQUFzQztJQUN0QyxtREFBbUQ7SUFDbkQseURBQXlEO0lBQ3pELElBQUk7SUFFSixhQUFhLENBQUMsS0FBYSxFQUFFLEdBQVc7UUFDcEMsa0JBQWtCO1FBQ2xCLG1EQUFtRDtRQUNuRCxxREFBcUQ7UUFDckQsV0FBVztRQUNYLDJCQUEyQjtRQUMzQixJQUFJO1FBRUosTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUV4RSxJQUFJLGlCQUFpQixJQUFJLGlCQUFpQixDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUU7WUFDeEQscUNBQXFDO1lBQ3JDLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtnQkFDWCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBRXpDLElBQUksUUFBUSxFQUFFO29CQUNWLFFBQVEsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO2lCQUNyQzthQUNKO1lBRUQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQztnQkFDekIsR0FBRyxFQUFFLEdBQUc7Z0JBQ1IsS0FBSyxFQUFFLEtBQUs7YUFDZixDQUFDLENBQUM7U0FDTjtJQUNMLENBQUM7O2lIQW5GUSxtQkFBbUI7cUdBQW5CLG1CQUFtQixtWkMxQmhDLDBnR0E4Q2U7NEZEcEJGLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxhQUFhLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07eUhBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFFRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUlGLE9BQU87c0JBRFYsS0FBSztnQkFvQk4sa0JBQWtCO3NCQURqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgT25Jbml0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIE9uRGVzdHJveSxcbiAgICBSZW5kZXJlcjIsXG4gICAgRWxlbWVudFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1xuICAgIFBlcExheW91dFR5cGUsXG4gICAgUGVwSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgICBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5ULFxuICAgIElQZXBGaWVsZFZhbHVlQ2hhbmdlRXZlbnQsXG59IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtYWRkcmVzcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FkZHJlc3MuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FkZHJlc3MuY29tcG9uZW50LnNjc3MnLCAnLi9hZGRyZXNzLmNvbXBvbmVudC50aGVtZS5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFBlcEFkZHJlc3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBASW5wdXQoKSBrZXkgPSAnJztcbiAgICAvLyBASW5wdXQoKSB2YWx1ZSA9ICcnO1xuICAgIEBJbnB1dCgpIGZvcm1hdHRlZFZhbHVlID0gJyc7XG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgICBASW5wdXQoKSBtYW5kYXRvcnkgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XG4gICAgQElucHV0KCkgeEFsaWdubWVudDogUGVwSG9yaXpvbnRhbEFsaWdubWVudCA9IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQ7XG4gICAgQElucHV0KCkgcm93U3BhbiA9IDE7XG4gICAgQElucHV0KCkgZ3JvdXBGaWVsZHM6IEFycmF5PGFueT47XG5cbiAgICBASW5wdXQoKSBmb3JtOiBGb3JtR3JvdXAgPSBudWxsO1xuICAgIEBJbnB1dCgpIGxheW91dFR5cGU6IFBlcExheW91dFR5cGUgPSAnZm9ybSc7XG5cbiAgICBwcml2YXRlIF92aXNpYmxlID0gdHJ1ZTtcbiAgICBASW5wdXQoKVxuICAgIHNldCB2aXNpYmxlKHZpc2libGU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5fdmlzaWJsZSA9IHZpc2libGU7XG4gICAgICAgIGlmICh2aXNpYmxlKSB7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKFxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgICAgICdoaWRkZW4tZWxlbWVudCdcbiAgICAgICAgICAgICk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKFxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgICAgICdoaWRkZW4tZWxlbWVudCdcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IHZpc2libGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl92aXNpYmxlO1xuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgIGFkZHJlc3NWYWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPElQZXBGaWVsZFZhbHVlQ2hhbmdlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxJUGVwRmllbGRWYWx1ZUNoYW5nZUV2ZW50PigpO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdwZXAtZ3JvdXBlZC1maWVsZCcpO1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgLy9cbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgLy9cbiAgICB9XG5cbiAgICAvLyBOb3QgaW4gdXNlIGFueW1vcmUgY29tbWVudCBpbiAxNi41NS5cbiAgICAvLyBvbkJsdXIoZTogYW55LCBrZXk6IHN0cmluZyk6IHZvaWQge1xuICAgIC8vICAgICBjb25zdCB2YWx1ZSA9IGUudGFyZ2V0ID8gZS50YXJnZXQudmFsdWUgOiBlO1xuICAgIC8vICAgICB0aGlzLmNoYW5nZVZhbHVlKHsga2V5LCB2YWx1ZSB9LCBlLnJlbGF0ZWRUYXJnZXQpO1xuICAgIC8vIH1cblxuICAgIG9uVmFsdWVDaGFuZ2UodmFsdWU6IHN0cmluZywga2V5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgLy8gaWYgKGUudGFyZ2V0KSB7XG4gICAgICAgIC8vICAgICBjb25zdCBpbnB1dCA9IGUudGFyZ2V0ID8gZS50YXJnZXQudmFsdWUgOiBlO1xuICAgICAgICAvLyAgICAgdGhpcy5jaGFuZ2VWYWx1ZSh7IGtleSwgdmFsdWU6IGlucHV0LnZhbHVlIH0pO1xuICAgICAgICAvLyB9IGVsc2Uge1xuICAgICAgICAvLyAgICAgdGhpcy5jaGFuZ2VWYWx1ZShlKTtcbiAgICAgICAgLy8gfVxuXG4gICAgICAgIGNvbnN0IGN1cnJlbnRHcm91cEZpZWxkID0gdGhpcy5ncm91cEZpZWxkcy5maW5kKChnZikgPT4gZ2Yua2V5ID09PSBrZXkpO1xuXG4gICAgICAgIGlmIChjdXJyZW50R3JvdXBGaWVsZCAmJiBjdXJyZW50R3JvdXBGaWVsZC52YWx1ZSAhPT0gdmFsdWUpIHtcbiAgICAgICAgICAgIC8vIFNldCB0aGUgdmFsdWUgaW4gdGhlIGZvcm0gY29udHJvbHNcbiAgICAgICAgICAgIGlmICh0aGlzLmZvcm0pIHtcbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtQ3RybCA9IHRoaXMuZm9ybS5nZXQodGhpcy5rZXkpO1xuXG4gICAgICAgICAgICAgICAgaWYgKGZvcm1DdHJsKSB7XG4gICAgICAgICAgICAgICAgICAgIGZvcm1DdHJsLmdldChrZXkpLnNldFZhbHVlKHZhbHVlKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHRoaXMuYWRkcmVzc1ZhbHVlQ2hhbmdlLmVtaXQoe1xuICAgICAgICAgICAgICAgIGtleToga2V5LFxuICAgICAgICAgICAgICAgIHZhbHVlOiB2YWx1ZSxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gY2hhbmdlVmFsdWUoZmllbGQ6IGFueSk6IHZvaWQge1xuICAgIC8vICAgICBjb25zdCBjdXJyZW50R3JvdXBGaWVsZCA9IHRoaXMuZ3JvdXBGaWVsZHMuZmlsdGVyKFxuICAgIC8vICAgICAgICAgKGdyb3VwRmllbGQpID0+IGdyb3VwRmllbGQua2V5ID09PSBmaWVsZC5rZXlcbiAgICAvLyAgICAgKVswXTtcblxuICAgIC8vICAgICBpZiAoY3VycmVudEdyb3VwRmllbGQudmFsdWUgIT09IGZpZWxkLnZhbHVlKSB7XG4gICAgLy8gICAgICAgICAvLyBTZXQgdGhlIHZhbHVlIGluIHRoZSBmb3JtIGNvbnRyb2xzXG4gICAgLy8gICAgICAgICBpZiAodGhpcy5mb3JtKSB7XG4gICAgLy8gICAgICAgICAgICAgY29uc3QgZm9ybUN0cmwgPSB0aGlzLmZvcm0uZ2V0KHRoaXMua2V5KTtcblxuICAgIC8vICAgICAgICAgICAgIGlmIChmb3JtQ3RybCkge1xuICAgIC8vICAgICAgICAgICAgICAgICBmb3JtQ3RybC5nZXQoZmllbGQua2V5KS5zZXRWYWx1ZShmaWVsZC52YWx1ZSk7XG4gICAgLy8gICAgICAgICAgICAgfVxuICAgIC8vICAgICAgICAgfVxuXG4gICAgLy8gICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoe1xuICAgIC8vICAgICAgICAgICAgIGtleTogZmllbGQua2V5LFxuICAgIC8vICAgICAgICAgICAgIHZhbHVlOiBmaWVsZC52YWx1ZSxcbiAgICAvLyAgICAgICAgIH0pO1xuICAgIC8vICAgICB9XG4gICAgLy8gfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbZm9ybUdyb3VwXT1cImZvcm1cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ2Zvcm0nXCI+XG4gICAgICAgIDxwZXAtZmllbGQtdGl0bGUgW2xhYmVsXT1cImxhYmVsXCIgW21hbmRhdG9yeV09XCJtYW5kYXRvcnlcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICA8L3BlcC1maWVsZC10aXRsZT5cbiAgICAgICAgPGRpdiBbZm9ybUdyb3VwTmFtZV09XCJrZXlcIiBbaWRdPVwia2V5XCIgY2xhc3M9XCJwZXAtYWRkcmVzcy1jb250YWluZXJcIlxuICAgICAgICAgICAgZGlyPVwie3sgeEFsaWdubWVudCA9PT0gJ3JpZ2h0JyA/ICdydGwnIDogJ2x0cicgfX1cIj5cbiAgICAgICAgICAgIDxkaXYgW25nU3dpdGNoXT1cImdyb3VwRmllbGQuY29udHJvbFR5cGVcIiAqbmdGb3I9XCJsZXQgZ3JvdXBGaWVsZCBvZiBncm91cEZpZWxkczsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwZXAtYWRkcmVzcy1maWVsZCBjb2x1bW5zLXt7IGdyb3VwRmllbGQuY29sU3BhbiB9fVwiPlxuICAgICAgICAgICAgICAgIDxwZXAtdGV4dGJveCAqbmdTd2l0Y2hDYXNlPVwiJ3RleHRib3gnXCIgW2xheW91dFR5cGVdPVwibGF5b3V0VHlwZVwiIHRpdGxlPVwie3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZSB9fVwiXG4gICAgICAgICAgICAgICAgICAgIFtmb3JtXT1cImZvcm1cIiBba2V5XT1cImdyb3VwRmllbGQua2V5XCIgW3ZhbHVlXT1cImdyb3VwRmllbGQudmFsdWVcIiBbbGFiZWxdPVwiZ3JvdXBGaWVsZC5sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJncm91cEZpZWxkLnBsYWNlaG9sZGVyXCIgW3R5cGVdPVwiZ3JvdXBGaWVsZC50eXBlXCIgW21hbmRhdG9yeV09XCJncm91cEZpZWxkLm1hbmRhdG9yeVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJncm91cEZpZWxkLmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cImdyb3VwRmllbGQucmVhZG9ubHlcIlxuICAgICAgICAgICAgICAgICAgICBbeEFsaWdubWVudF09XCJncm91cEZpZWxkLnhBbGlnbm1lbnRcIiBbcm93U3Bhbl09XCJncm91cEZpZWxkLnJvd1NwYW5cIiBbcGFyZW50RmllbGRLZXldPVwia2V5XCJcbiAgICAgICAgICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uVmFsdWVDaGFuZ2UoJGV2ZW50LCBncm91cEZpZWxkLmtleSlcIj5cbiAgICAgICAgICAgICAgICA8L3BlcC10ZXh0Ym94PlxuXG4gICAgICAgICAgICAgICAgPHBlcC1zZWxlY3QgKm5nU3dpdGNoQ2FzZT1cIidzZWxlY3QnXCIgW2xheW91dFR5cGVdPVwibGF5b3V0VHlwZVwiIHRpdGxlPVwie3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZSB9fVwiXG4gICAgICAgICAgICAgICAgICAgIFtmb3JtXT1cImZvcm1cIiBba2V5XT1cImdyb3VwRmllbGQua2V5XCIgW3ZhbHVlXT1cImdyb3VwRmllbGQudmFsdWVcIiBbbGFiZWxdPVwiZ3JvdXBGaWVsZC5sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cImdyb3VwRmllbGQudHlwZVwiIFttYW5kYXRvcnldPVwiZ3JvdXBGaWVsZC5tYW5kYXRvcnlcIiBbZGlzYWJsZWRdPVwiZ3JvdXBGaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIFtyZWFkb25seV09XCJncm91cEZpZWxkLnJlYWRvbmx5XCIgW3hBbGlnbm1lbnRdPVwiZ3JvdXBGaWVsZC54QWxpZ25tZW50XCIgW3Jvd1NwYW5dPVwiZ3JvdXBGaWVsZC5yb3dTcGFuXCJcbiAgICAgICAgICAgICAgICAgICAgW29wdGlvbnNdPVwiZ3JvdXBGaWVsZC5vcHRpb25zXCIgW3BhcmVudEZpZWxkS2V5XT1cImtleVwiXG4gICAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblZhbHVlQ2hhbmdlKCRldmVudCwgZ3JvdXBGaWVsZC5rZXkpXCI+XG4gICAgICAgICAgICAgICAgPC9wZXAtc2VsZWN0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICdjYXJkJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLWNhcmQtaW5wdXQgXCIgdGl0bGU9XCJ7eyBsYWJlbCB9fSZuYnNwO3t7IGZvcm1hdHRlZFZhbHVlIH19XCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIlsndGV4dC1hbGlnbi0nICsgeEFsaWdubWVudF1cIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwibGFiZWwgIT0gJydcIiBjbGFzcz1cImJvZHkteHMgdGl0bGVcIj57eyBsYWJlbCB9fSZuYnNwOzwvc3Bhbj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwRmllbGQgb2YgZ3JvdXBGaWVsZHM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImdyb3VwRmllbGQ/LmZvcm1hdHRlZFZhbHVlICE9ICcnXCIgY2xhc3M9XCJib2R5LXNtXCI+e3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICB9fSwmbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ3RhYmxlJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLWNhcmQtaW5wdXQgXCIgdGl0bGU9XCJ7eyBmb3JtYXR0ZWRWYWx1ZSB9fVwiIFtuZ0NsYXNzXT1cIlsndGV4dC1hbGlnbi0nICsgeEFsaWdubWVudF1cIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwRmllbGQgb2YgZ3JvdXBGaWVsZHM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImdyb3VwRmllbGQ/LmZvcm1hdHRlZFZhbHVlICE9ICcnXCIgY2xhc3M9XCJib2R5LXNtXCI+e3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICB9fSwmbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj4iXX0=