@pepperi-addons/ngx-lib 0.4.0-angular14.36 → 0.4.0-angular14.39

package/dialog/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@pepperi-addons/ngx-lib/dialog" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-lib/dialog" />
+export * from './public-api';

package/dialog/public-api.d.ts

@@ -1,4 +1,4 @@
-export * from './dialog.module';
-export * from './dialog.model';
-export * from './dialog.component';
-export * from './dialog.service';
+export * from './dialog.module';
+export * from './dialog.model';
+export * from './dialog.component';
+export * from './dialog.service';

package/draggable-items/draggable-item/draggable-item.component.d.ts

@@ -1,11 +1,11 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class DraggableItemComponent implements OnInit {
-    title: string;
-    data: any;
-    disabled: boolean;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableItemComponent, "pep-draggable-item", never, { "title": "title"; "data": "data"; "disabled": "disabled"; }, {}, never, ["[pep-actions]"], false>;
-}
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DraggableItemComponent implements OnInit {
+    title: string;
+    data: any;
+    disabled: boolean;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableItemComponent, "pep-draggable-item", never, { "title": "title"; "data": "data"; "disabled": "disabled"; }, {}, never, ["[pep-actions]"], false>;
+}

package/draggable-items/draggable-items.component.d.ts

@@ -1,36 +1,36 @@
-import { CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { Observable } from 'rxjs';
-import { IPepDraggableItem, PepDraggableItemPlaceholderType, PepDraggableItemsTitleType } from './draggable-items.model';
-import { PepSizeType } from '@pepperi-addons/ngx-lib';
-import * as i0 from "@angular/core";
-export declare class DraggableItemsComponent implements OnInit, OnDestroy {
-    containerId: string;
-    showSearch: boolean;
-    title: string;
-    titleType: PepDraggableItemsTitleType;
-    titleSizeType: PepSizeType;
-    itemPlaceholderType: PepDraggableItemPlaceholderType;
-    dropAreaIds: any[];
-    private _items;
-    set items(value: Array<IPepDraggableItem>);
-    get items(): Array<IPepDraggableItem>;
-    itemDragStarted: EventEmitter<CdkDragStart<IPepDraggableItem>>;
-    itemDragEnded: EventEmitter<CdkDragEnd<IPepDraggableItem>>;
-    filteredItems$: Observable<any>;
-    searchControl: FormControl<any>;
-    numberItemsToShowSearch: number;
-    private readonly _destroyed;
-    constructor();
-    private filterItems;
-    private changeCursorOnDragStart;
-    private changeCursorOnDragEnd;
-    protected getDestroyer(): import("rxjs").MonoTypeOperatorFunction<unknown>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onDragStart(event: CdkDragStart): void;
-    onDragEnd(event: CdkDragEnd): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableItemsComponent, "pep-draggable-items", never, { "containerId": "containerId"; "showSearch": "showSearch"; "title": "title"; "titleType": "titleType"; "titleSizeType": "titleSizeType"; "itemPlaceholderType": "itemPlaceholderType"; "dropAreaIds": "dropAreaIds"; "items": "items"; }, { "itemDragStarted": "itemDragStarted"; "itemDragEnded": "itemDragEnded"; }, never, never, false>;
-}
+import { CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { IPepDraggableItem, PepDraggableItemPlaceholderType, PepDraggableItemsTitleType } from './draggable-items.model';
+import { PepSizeType } from '@pepperi-addons/ngx-lib';
+import * as i0 from "@angular/core";
+export declare class DraggableItemsComponent implements OnInit, OnDestroy {
+    containerId: string;
+    showSearch: boolean;
+    title: string;
+    titleType: PepDraggableItemsTitleType;
+    titleSizeType: PepSizeType;
+    itemPlaceholderType: PepDraggableItemPlaceholderType;
+    dropAreaIds: any[];
+    private _items;
+    set items(value: Array<IPepDraggableItem>);
+    get items(): Array<IPepDraggableItem>;
+    itemDragStarted: EventEmitter<CdkDragStart<IPepDraggableItem>>;
+    itemDragEnded: EventEmitter<CdkDragEnd<IPepDraggableItem>>;
+    filteredItems$: Observable<any>;
+    searchControl: FormControl<any>;
+    numberItemsToShowSearch: number;
+    private readonly _destroyed;
+    constructor();
+    private filterItems;
+    private changeCursorOnDragStart;
+    private changeCursorOnDragEnd;
+    protected getDestroyer(): import("rxjs").MonoTypeOperatorFunction<unknown>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onDragStart(event: CdkDragStart): void;
+    onDragEnd(event: CdkDragEnd): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableItemsComponent, "pep-draggable-items", never, { "containerId": "containerId"; "showSearch": "showSearch"; "title": "title"; "titleType": "titleType"; "titleSizeType": "titleSizeType"; "itemPlaceholderType": "itemPlaceholderType"; "dropAreaIds": "dropAreaIds"; "items": "items"; }, { "itemDragStarted": "itemDragStarted"; "itemDragEnded": "itemDragEnded"; }, never, never, false>;
+}

package/draggable-items/draggable-items.model.d.ts

@@ -1,11 +1,11 @@
-export declare type PepDraggableItemsTitleType = 'none' | 'regular' | 'with-bottom-border';
-export declare type PepDraggableItemPlaceholderType = 'none' | 'regular' | 'weak';
-export interface IPepDraggableItem {
-    title: string;
-    data: IPepDraggableItemData;
-    disabled?: boolean;
-}
-export interface IPepDraggableItemData {
-    key: string;
-    [key: string]: any;
-}
+export declare type PepDraggableItemsTitleType = 'none' | 'regular' | 'with-bottom-border';
+export declare type PepDraggableItemPlaceholderType = 'none' | 'regular' | 'weak';
+export interface IPepDraggableItem {
+    title: string;
+    data: IPepDraggableItemData;
+    disabled?: boolean;
+}
+export interface IPepDraggableItemData {
+    key: string;
+    [key: string]: any;
+}

package/draggable-items/draggable-items.module.d.ts

@@ -1,18 +1,18 @@
-import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
-import * as i0 from "@angular/core";
-import * as i1 from "./draggable-items.component";
-import * as i2 from "./draggable-item/draggable-item.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@pepperi-addons/ngx-lib";
-import * as i6 from "@pepperi-addons/ngx-lib/button";
-import * as i7 from "@pepperi-addons/ngx-lib/icon";
-import * as i8 from "@pepperi-addons/ngx-lib/search";
-import * as i9 from "@angular/cdk/drag-drop";
-export declare class PepDraggableItemsModule {
-    private pepIconRegistry;
-    constructor(pepIconRegistry: PepIconRegistry);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepDraggableItemsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepDraggableItemsModule, [typeof i1.DraggableItemsComponent, typeof i2.DraggableItemComponent], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.PepNgxLibModule, typeof i6.PepButtonModule, typeof i7.PepIconModule, typeof i8.PepSearchModule, typeof i9.DragDropModule], [typeof i1.DraggableItemsComponent, typeof i2.DraggableItemComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PepDraggableItemsModule>;
-}
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "./draggable-items.component";
+import * as i2 from "./draggable-item/draggable-item.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@pepperi-addons/ngx-lib";
+import * as i6 from "@pepperi-addons/ngx-lib/button";
+import * as i7 from "@pepperi-addons/ngx-lib/icon";
+import * as i8 from "@pepperi-addons/ngx-lib/search";
+import * as i9 from "@angular/cdk/drag-drop";
+export declare class PepDraggableItemsModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepDraggableItemsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepDraggableItemsModule, [typeof i1.DraggableItemsComponent, typeof i2.DraggableItemComponent], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.PepNgxLibModule, typeof i6.PepButtonModule, typeof i7.PepIconModule, typeof i8.PepSearchModule, typeof i9.DragDropModule], [typeof i1.DraggableItemsComponent, typeof i2.DraggableItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepDraggableItemsModule>;
+}

package/draggable-items/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@pepperi-addons/ngx-lib/draggable-items" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-lib/draggable-items" />
+export * from './public-api';

package/draggable-items/public-api.d.ts

@@ -1,4 +1,4 @@
-export * from './draggable-item/draggable-item.component';
-export * from './draggable-items.module';
-export * from './draggable-items.model';
-export * from './draggable-items.component';
+export * from './draggable-item/draggable-item.component';
+export * from './draggable-items.module';
+export * from './draggable-items.model';
+export * from './draggable-items.component';

package/esm2020/address/address.component.mjs

@@ -1,109 +1,109 @@
-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 {
-    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();
-    }
-    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;
-    }
-    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: "14.0.2", ngImport: i0, type: PepAddressComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-PepAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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\"\n                    [formattedValue]=\"groupField.formattedValue\" [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", "formattedValue", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey"], outputs: ["valueChange", "formValidationChange"] }, { kind: "component", type: i5.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "options", "visible", "emptyOption", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "renderTitle"], outputs: ["valueChange", "formValidationChange"] }, { kind: "component", type: i6.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", 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\"\n                    [formattedValue]=\"groupField.formattedValue\" [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
-            }] } });
+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 {
+    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();
+    }
+    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;
+    }
+    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: "14.0.2", ngImport: i0, type: PepAddressComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+PepAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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\"\n                    [formattedValue]=\"groupField.formattedValue\" [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", "formattedValue", "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"], outputs: ["valueChange", "formValidationChange"] }, { kind: "component", type: i5.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "options", "visible", "emptyOption", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "renderTitle"], outputs: ["valueChange", "formValidationChange"] }, { kind: "component", type: i6.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", 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\"\n                    [formattedValue]=\"groupField.formattedValue\" [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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkcmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUdULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixHQUkxQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBR0gsNEJBQTRCLEdBRS9CLE1BQU0seUJBQXlCLENBQUM7Ozs7Ozs7O0FBUWpDLE1BQU0sT0FBTyxtQkFBbUI7SUFzQzVCLFlBQW9CLE9BQW1CLEVBQVUsUUFBbUI7UUFBaEQsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFyQzNELFFBQUcsR0FBRyxFQUFFLENBQUM7UUFDbEIsdUJBQXVCO1FBQ2QsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFDcEIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGVBQVUsR0FBMkIsNEJBQTRCLENBQUM7UUFDbEUsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUdaLFNBQUksR0FBYyxJQUFJLENBQUM7UUFDdkIsZUFBVSxHQUFrQixNQUFNLENBQUM7UUFFcEMsYUFBUSxHQUFHLElBQUksQ0FBQztRQXFCeEIsdUJBQWtCLEdBQTRDLElBQUksWUFBWSxFQUE2QixDQUFDO0lBRXBDLENBQUM7SUF0QnpFLElBQ0ksT0FBTyxDQUFDLE9BQWdCO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ3hCLElBQUksT0FBTyxFQUFFO1lBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUMxQixnQkFBZ0IsQ0FDbkIsQ0FBQztTQUNMO2FBQU07WUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQzFCLGdCQUFnQixDQUNuQixDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFPRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQU87UUFDZixFQUFFO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDUCxFQUFFO0lBQ04sQ0FBQztJQUVELHVDQUF1QztJQUN2QyxzQ0FBc0M7SUFDdEMsbURBQW1EO0lBQ25ELHlEQUF5RDtJQUN6RCxJQUFJO0lBRUosYUFBYSxDQUFDLEtBQWEsRUFBRSxHQUFXO1FBQ3BDLGtCQUFrQjtRQUNsQixtREFBbUQ7UUFDbkQscURBQXFEO1FBQ3JELFdBQVc7UUFDWCwyQkFBMkI7UUFDM0IsSUFBSTtRQUVKLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7UUFFeEUsSUFBSSxpQkFBaUIsSUFBSSxpQkFBaUIsQ0FBQyxLQUFLLEtBQUssS0FBSyxFQUFFO1lBQ3hELHFDQUFxQztZQUNyQyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7Z0JBQ1gsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUV6QyxJQUFJLFFBQVEsRUFBRTtvQkFDVixRQUFRLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDckM7YUFDSjtZQUVELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7Z0JBQ3pCLEdBQUcsRUFBRSxHQUFHO2dCQUNSLEtBQUssRUFBRSxLQUFLO2FBQ2YsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDOztnSEFuRlEsbUJBQW1CO29HQUFuQixtQkFBbUIsbVpDMUJoQyw4a0dBK0NlOzJGRHJCRixtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0ksYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNO3lIQUd0QyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUcsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFJRixPQUFPO3NCQURWLEtBQUs7Z0JBb0JOLGtCQUFrQjtzQkFEakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIE9uSW5pdCxcbiAgICBPbkNoYW5nZXMsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBPbkRlc3Ryb3ksXG4gICAgUmVuZGVyZXIyLFxuICAgIEVsZW1lbnRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgICBQZXBMYXlvdXRUeXBlLFxuICAgIFBlcEhvcml6b250YWxBbGlnbm1lbnQsXG4gICAgREVGQVVMVF9IT1JJWk9OVEFMX0FMSUdOTUVOVCxcbiAgICBJUGVwRmllbGRWYWx1ZUNoYW5nZUV2ZW50LFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWFkZHJlc3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hZGRyZXNzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hZGRyZXNzLmNvbXBvbmVudC5zY3NzJywgJy4vYWRkcmVzcy5jb21wb25lbnQudGhlbWUuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBBZGRyZXNzQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgQElucHV0KCkga2V5ID0gJyc7XG4gICAgLy8gQElucHV0KCkgdmFsdWUgPSAnJztcbiAgICBASW5wdXQoKSBmb3JtYXR0ZWRWYWx1ZSA9ICcnO1xuICAgIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gICAgQElucHV0KCkgbWFuZGF0b3J5ID0gZmFsc2U7XG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSByZWFkb25seSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHhBbGlnbm1lbnQ6IFBlcEhvcml6b250YWxBbGlnbm1lbnQgPSBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5UO1xuICAgIEBJbnB1dCgpIHJvd1NwYW4gPSAxO1xuICAgIEBJbnB1dCgpIGdyb3VwRmllbGRzOiBBcnJheTxhbnk+O1xuXG4gICAgQElucHV0KCkgZm9ybTogRm9ybUdyb3VwID0gbnVsbDtcbiAgICBASW5wdXQoKSBsYXlvdXRUeXBlOiBQZXBMYXlvdXRUeXBlID0gJ2Zvcm0nO1xuXG4gICAgcHJpdmF0ZSBfdmlzaWJsZSA9IHRydWU7XG4gICAgQElucHV0KClcbiAgICBzZXQgdmlzaWJsZSh2aXNpYmxlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX3Zpc2libGUgPSB2aXNpYmxlO1xuICAgICAgICBpZiAodmlzaWJsZSkge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGlkZGVuLWVsZW1lbnQnXG4gICAgICAgICAgICApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGlkZGVuLWVsZW1lbnQnXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCB2aXNpYmxlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmlzaWJsZTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBhZGRyZXNzVmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxJUGVwRmllbGRWYWx1ZUNoYW5nZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcEZpZWxkVmFsdWVDaGFuZ2VFdmVudD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCAncGVwLWdyb3VwZWQtZmllbGQnKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgLy8gTm90IGluIHVzZSBhbnltb3JlIGNvbW1lbnQgaW4gMTYuNTUuXG4gICAgLy8gb25CbHVyKGU6IGFueSwga2V5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAvLyAgICAgY29uc3QgdmFsdWUgPSBlLnRhcmdldCA/IGUudGFyZ2V0LnZhbHVlIDogZTtcbiAgICAvLyAgICAgdGhpcy5jaGFuZ2VWYWx1ZSh7IGtleSwgdmFsdWUgfSwgZS5yZWxhdGVkVGFyZ2V0KTtcbiAgICAvLyB9XG5cbiAgICBvblZhbHVlQ2hhbmdlKHZhbHVlOiBzdHJpbmcsIGtleTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIC8vIGlmIChlLnRhcmdldCkge1xuICAgICAgICAvLyAgICAgY29uc3QgaW5wdXQgPSBlLnRhcmdldCA/IGUudGFyZ2V0LnZhbHVlIDogZTtcbiAgICAgICAgLy8gICAgIHRoaXMuY2hhbmdlVmFsdWUoeyBrZXksIHZhbHVlOiBpbnB1dC52YWx1ZSB9KTtcbiAgICAgICAgLy8gfSBlbHNlIHtcbiAgICAgICAgLy8gICAgIHRoaXMuY2hhbmdlVmFsdWUoZSk7XG4gICAgICAgIC8vIH1cblxuICAgICAgICBjb25zdCBjdXJyZW50R3JvdXBGaWVsZCA9IHRoaXMuZ3JvdXBGaWVsZHMuZmluZCgoZ2YpID0+IGdmLmtleSA9PT0ga2V5KTtcblxuICAgICAgICBpZiAoY3VycmVudEdyb3VwRmllbGQgJiYgY3VycmVudEdyb3VwRmllbGQudmFsdWUgIT09IHZhbHVlKSB7XG4gICAgICAgICAgICAvLyBTZXQgdGhlIHZhbHVlIGluIHRoZSBmb3JtIGNvbnRyb2xzXG4gICAgICAgICAgICBpZiAodGhpcy5mb3JtKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgZm9ybUN0cmwgPSB0aGlzLmZvcm0uZ2V0KHRoaXMua2V5KTtcblxuICAgICAgICAgICAgICAgIGlmIChmb3JtQ3RybCkge1xuICAgICAgICAgICAgICAgICAgICBmb3JtQ3RybC5nZXQoa2V5KS5zZXRWYWx1ZSh2YWx1ZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aGlzLmFkZHJlc3NWYWx1ZUNoYW5nZS5lbWl0KHtcbiAgICAgICAgICAgICAgICBrZXk6IGtleSxcbiAgICAgICAgICAgICAgICB2YWx1ZTogdmFsdWUsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIGNoYW5nZVZhbHVlKGZpZWxkOiBhbnkpOiB2b2lkIHtcbiAgICAvLyAgICAgY29uc3QgY3VycmVudEdyb3VwRmllbGQgPSB0aGlzLmdyb3VwRmllbGRzLmZpbHRlcihcbiAgICAvLyAgICAgICAgIChncm91cEZpZWxkKSA9PiBncm91cEZpZWxkLmtleSA9PT0gZmllbGQua2V5XG4gICAgLy8gICAgIClbMF07XG5cbiAgICAvLyAgICAgaWYgKGN1cnJlbnRHcm91cEZpZWxkLnZhbHVlICE9PSBmaWVsZC52YWx1ZSkge1xuICAgIC8vICAgICAgICAgLy8gU2V0IHRoZSB2YWx1ZSBpbiB0aGUgZm9ybSBjb250cm9sc1xuICAgIC8vICAgICAgICAgaWYgKHRoaXMuZm9ybSkge1xuICAgIC8vICAgICAgICAgICAgIGNvbnN0IGZvcm1DdHJsID0gdGhpcy5mb3JtLmdldCh0aGlzLmtleSk7XG5cbiAgICAvLyAgICAgICAgICAgICBpZiAoZm9ybUN0cmwpIHtcbiAgICAvLyAgICAgICAgICAgICAgICAgZm9ybUN0cmwuZ2V0KGZpZWxkLmtleSkuc2V0VmFsdWUoZmllbGQudmFsdWUpO1xuICAgIC8vICAgICAgICAgICAgIH1cbiAgICAvLyAgICAgICAgIH1cblxuICAgIC8vICAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHtcbiAgICAvLyAgICAgICAgICAgICBrZXk6IGZpZWxkLmtleSxcbiAgICAvLyAgICAgICAgICAgICB2YWx1ZTogZmllbGQudmFsdWUsXG4gICAgLy8gICAgICAgICB9KTtcbiAgICAvLyAgICAgfVxuICAgIC8vIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW2Zvcm1Hcm91cF09XCJmb3JtXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICdmb3JtJ1wiPlxuICAgICAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCJsYWJlbFwiIFttYW5kYXRvcnldPVwibWFuZGF0b3J5XCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgICAgPC9wZXAtZmllbGQtdGl0bGU+XG4gICAgICAgIDxkaXYgW2Zvcm1Hcm91cE5hbWVdPVwia2V5XCIgW2lkXT1cImtleVwiIGNsYXNzPVwicGVwLWFkZHJlc3MtY29udGFpbmVyXCJcbiAgICAgICAgICAgIGRpcj1cInt7IHhBbGlnbm1lbnQgPT09ICdyaWdodCcgPyAncnRsJyA6ICdsdHInIH19XCI+XG4gICAgICAgICAgICA8ZGl2IFtuZ1N3aXRjaF09XCJncm91cEZpZWxkLmNvbnRyb2xUeXBlXCIgKm5nRm9yPVwibGV0IGdyb3VwRmllbGQgb2YgZ3JvdXBGaWVsZHM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwicGVwLWFkZHJlc3MtZmllbGQgY29sdW1ucy17eyBncm91cEZpZWxkLmNvbFNwYW4gfX1cIj5cbiAgICAgICAgICAgICAgICA8cGVwLXRleHRib3ggKm5nU3dpdGNoQ2FzZT1cIid0ZXh0Ym94J1wiIFtsYXlvdXRUeXBlXT1cImxheW91dFR5cGVcIiB0aXRsZT1cInt7IGdyb3VwRmllbGQuZm9ybWF0dGVkVmFsdWUgfX1cIlxuICAgICAgICAgICAgICAgICAgICBbZm9ybV09XCJmb3JtXCIgW2tleV09XCJncm91cEZpZWxkLmtleVwiIFt2YWx1ZV09XCJncm91cEZpZWxkLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Zvcm1hdHRlZFZhbHVlXT1cImdyb3VwRmllbGQuZm9ybWF0dGVkVmFsdWVcIiBbbGFiZWxdPVwiZ3JvdXBGaWVsZC5sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJncm91cEZpZWxkLnBsYWNlaG9sZGVyXCIgW3R5cGVdPVwiZ3JvdXBGaWVsZC50eXBlXCIgW21hbmRhdG9yeV09XCJncm91cEZpZWxkLm1hbmRhdG9yeVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJncm91cEZpZWxkLmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cImdyb3VwRmllbGQucmVhZG9ubHlcIlxuICAgICAgICAgICAgICAgICAgICBbeEFsaWdubWVudF09XCJncm91cEZpZWxkLnhBbGlnbm1lbnRcIiBbcm93U3Bhbl09XCJncm91cEZpZWxkLnJvd1NwYW5cIiBbcGFyZW50RmllbGRLZXldPVwia2V5XCJcbiAgICAgICAgICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uVmFsdWVDaGFuZ2UoJGV2ZW50LCBncm91cEZpZWxkLmtleSlcIj5cbiAgICAgICAgICAgICAgICA8L3BlcC10ZXh0Ym94PlxuXG4gICAgICAgICAgICAgICAgPHBlcC1zZWxlY3QgKm5nU3dpdGNoQ2FzZT1cIidzZWxlY3QnXCIgW2xheW91dFR5cGVdPVwibGF5b3V0VHlwZVwiIHRpdGxlPVwie3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZSB9fVwiXG4gICAgICAgICAgICAgICAgICAgIFtmb3JtXT1cImZvcm1cIiBba2V5XT1cImdyb3VwRmllbGQua2V5XCIgW3ZhbHVlXT1cImdyb3VwRmllbGQudmFsdWVcIiBbbGFiZWxdPVwiZ3JvdXBGaWVsZC5sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cImdyb3VwRmllbGQudHlwZVwiIFttYW5kYXRvcnldPVwiZ3JvdXBGaWVsZC5tYW5kYXRvcnlcIiBbZGlzYWJsZWRdPVwiZ3JvdXBGaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIFtyZWFkb25seV09XCJncm91cEZpZWxkLnJlYWRvbmx5XCIgW3hBbGlnbm1lbnRdPVwiZ3JvdXBGaWVsZC54QWxpZ25tZW50XCIgW3Jvd1NwYW5dPVwiZ3JvdXBGaWVsZC5yb3dTcGFuXCJcbiAgICAgICAgICAgICAgICAgICAgW29wdGlvbnNdPVwiZ3JvdXBGaWVsZC5vcHRpb25zXCIgW3BhcmVudEZpZWxkS2V5XT1cImtleVwiXG4gICAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblZhbHVlQ2hhbmdlKCRldmVudCwgZ3JvdXBGaWVsZC5rZXkpXCI+XG4gICAgICAgICAgICAgICAgPC9wZXAtc2VsZWN0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICdjYXJkJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLWNhcmQtaW5wdXQgXCIgdGl0bGU9XCJ7eyBsYWJlbCB9fSZuYnNwO3t7IGZvcm1hdHRlZFZhbHVlIH19XCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIlsndGV4dC1hbGlnbi0nICsgeEFsaWdubWVudF1cIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwibGFiZWwgIT0gJydcIiBjbGFzcz1cImJvZHkteHMgdGl0bGVcIj57eyBsYWJlbCB9fSZuYnNwOzwvc3Bhbj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwRmllbGQgb2YgZ3JvdXBGaWVsZHM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImdyb3VwRmllbGQ/LmZvcm1hdHRlZFZhbHVlICE9ICcnXCIgY2xhc3M9XCJib2R5LXNtXCI+e3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICB9fSwmbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ3RhYmxlJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLWNhcmQtaW5wdXQgXCIgdGl0bGU9XCJ7eyBmb3JtYXR0ZWRWYWx1ZSB9fVwiIFtuZ0NsYXNzXT1cIlsndGV4dC1hbGlnbi0nICsgeEFsaWdubWVudF1cIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwRmllbGQgb2YgZ3JvdXBGaWVsZHM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImdyb3VwRmllbGQ/LmZvcm1hdHRlZFZhbHVlICE9ICcnXCIgY2xhc3M9XCJib2R5LXNtXCI+e3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICB9fSwmbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj4iXX0=

package/esm2020/address/address.module.mjs

@@ -1,54 +1,54 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatCommonModule } from '@angular/material/core';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
-import { PepSelectModule } from '@pepperi-addons/ngx-lib/select';
-import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
-import { PepAddressComponent } from './address.component';
-import * as i0 from "@angular/core";
-export class PepAddressModule {
-}
-PepAddressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepAddressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepAddressModule, declarations: [PepAddressComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Material modules
-        MatCommonModule,
-        MatFormFieldModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepTextboxModule,
-        PepSelectModule,
-        PepFieldTitleModule], exports: [PepAddressComponent] });
-PepAddressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddressModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        // Material modules
-        MatCommonModule,
-        MatFormFieldModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepTextboxModule,
-        PepSelectModule,
-        PepFieldTitleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddressModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        // Material modules
-                        MatCommonModule,
-                        MatFormFieldModule,
-                        // ngx-lib modules
-                        PepNgxLibModule,
-                        PepTextboxModule,
-                        PepSelectModule,
-                        PepFieldTitleModule,
-                    ],
-                    exports: [PepAddressComponent],
-                    declarations: [PepAddressComponent],
-                }]
-        }] });
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatCommonModule } from '@angular/material/core';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
+import { PepSelectModule } from '@pepperi-addons/ngx-lib/select';
+import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
+import { PepAddressComponent } from './address.component';
+import * as i0 from "@angular/core";
+export class PepAddressModule {
+}
+PepAddressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepAddressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepAddressModule, declarations: [PepAddressComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Material modules
+        MatCommonModule,
+        MatFormFieldModule,
+        // ngx-lib modules
+        PepNgxLibModule,
+        PepTextboxModule,
+        PepSelectModule,
+        PepFieldTitleModule], exports: [PepAddressComponent] });
+PepAddressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddressModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        // Material modules
+        MatCommonModule,
+        MatFormFieldModule,
+        // ngx-lib modules
+        PepNgxLibModule,
+        PepTextboxModule,
+        PepSelectModule,
+        PepFieldTitleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddressModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Material modules
+                        MatCommonModule,
+                        MatFormFieldModule,
+                        // ngx-lib modules
+                        PepNgxLibModule,
+                        PepTextboxModule,
+                        PepSelectModule,
+                        PepFieldTitleModule,
+                    ],
+                    exports: [PepAddressComponent],
+                    declarations: [PepAddressComponent],
+                }]
+        }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkcmVzcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWxFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBa0IxRCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBRlYsbUJBQW1CLGFBWjlCLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLG1CQUFtQixhQUViLG1CQUFtQjs4R0FHcEIsZ0JBQWdCLFlBZHJCLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLG1CQUFtQjsyRkFLZCxnQkFBZ0I7a0JBaEI1QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUM5QixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IE1hdENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbmltcG9ydCB7IFBlcE5neExpYk1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcFRleHRib3hNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi90ZXh0Ym94JztcbmltcG9ydCB7IFBlcFNlbGVjdE1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL3NlbGVjdCc7XG5pbXBvcnQgeyBQZXBGaWVsZFRpdGxlTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvZmllbGQtdGl0bGUnO1xuXG5pbXBvcnQgeyBQZXBBZGRyZXNzQ29tcG9uZW50IH0gZnJvbSAnLi9hZGRyZXNzLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIC8vIE1hdGVyaWFsIG1vZHVsZXNcbiAgICAgICAgTWF0Q29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgICAgIC8vIG5neC1saWIgbW9kdWxlc1xuICAgICAgICBQZXBOZ3hMaWJNb2R1bGUsXG4gICAgICAgIFBlcFRleHRib3hNb2R1bGUsXG4gICAgICAgIFBlcFNlbGVjdE1vZHVsZSxcbiAgICAgICAgUGVwRmllbGRUaXRsZU1vZHVsZSxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtQZXBBZGRyZXNzQ29tcG9uZW50XSxcbiAgICBkZWNsYXJhdGlvbnM6IFtQZXBBZGRyZXNzQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgUGVwQWRkcmVzc01vZHVsZSB7fVxuIl19