@pepperi-addons/ngx-lib 0.3.15-beta.17 → 0.3.15-beta.18

package/address/address.component.d.ts

@@ -1,27 +1,27 @@
-import { OnInit, OnChanges, EventEmitter, OnDestroy, Renderer2, ElementRef } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { PepLayoutType, PepHorizontalAlignment, IPepFieldValueChangeEvent } from '@pepperi-addons/ngx-lib';
-export declare class PepAddressComponent implements OnChanges, OnInit, OnDestroy {
-    private element;
-    private renderer;
-    key: string;
-    formattedValue: string;
-    label: string;
-    mandatory: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    xAlignment: PepHorizontalAlignment;
-    rowSpan: number;
-    groupFields: Array<any>;
-    form: FormGroup;
-    layoutType: PepLayoutType;
-    private _visible;
-    set visible(visible: boolean);
-    get visible(): boolean;
-    addressValueChange: EventEmitter<IPepFieldValueChangeEvent>;
-    constructor(element: ElementRef, renderer: Renderer2);
-    ngOnInit(): void;
-    ngOnChanges(changes: any): void;
-    ngOnDestroy(): void;
-    onValueChange(value: string, key: string): void;
-}
+import { OnInit, OnChanges, EventEmitter, OnDestroy, Renderer2, ElementRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { PepLayoutType, PepHorizontalAlignment, IPepFieldValueChangeEvent } from '@pepperi-addons/ngx-lib';
+export declare class PepAddressComponent implements OnChanges, OnInit, OnDestroy {
+    private element;
+    private renderer;
+    key: string;
+    formattedValue: string;
+    label: string;
+    mandatory: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    xAlignment: PepHorizontalAlignment;
+    rowSpan: number;
+    groupFields: Array<any>;
+    form: FormGroup;
+    layoutType: PepLayoutType;
+    private _visible;
+    set visible(visible: boolean);
+    get visible(): boolean;
+    addressValueChange: EventEmitter<IPepFieldValueChangeEvent>;
+    constructor(element: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnChanges(changes: any): void;
+    ngOnDestroy(): void;
+    onValueChange(value: string, key: string): void;
+}

package/address/address.module.d.ts

@@ -1,2 +1,2 @@
-export declare class PepAddressModule {
-}
+export declare class PepAddressModule {
+}

package/address/pepperi-addons-ngx-lib-address.d.ts

@@ -1,4 +1,4 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/address/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './address.module';
-export * from './address.component';
+export * from './address.module';
+export * from './address.component';

package/attachment/attachment.component.d.ts

@@ -1,82 +1,82 @@
-import { OnInit, OnChanges, EventEmitter, ElementRef, Renderer2, OnDestroy } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { PepFileService, PepCustomizationService, PepLayoutType, PepHorizontalAlignment, IPepFieldClickEvent } from '@pepperi-addons/ngx-lib';
-export declare class PepAttachmentComponent implements OnInit, OnChanges, OnDestroy {
-    private customizationService;
-    private renderer;
-    element: ElementRef;
-    private fileService;
-    /**
-     * The attachment key.
-     *
-     * @memberof PepAttachmentComponent
-     */
-    key: string;
-    private _src;
-    /**
-     * The src of the attachment.
-     *
-     * @memberof PepAttachmentComponent
-     */
-    set src(value: string);
-    get src(): string;
-    /**
-     * The title of the attachment.
-     *
-     * @memberof PepAttachmentComponent
-     */
-    label: string;
-    /**
-     * If the attachment is mandatory
-     *
-     * @memberof PepAttachmentComponent
-     */
-    mandatory: boolean;
-    /**
-     * If the attachment is disabled
-     *
-     * @memberof PepAttachmentComponent
-     */
-    disabled: boolean;
-    /**
-     * If the attachment is readonly
-     *
-     * @memberof PepAttachmentComponent
-     */
-    readonly: boolean;
-    /**
-     * The horizontal alignment of the attachment
-     *
-     * @type {PepHorizontalAlignment}
-     * @memberof PepAttachmentComponent
-     */
-    xAlignment: PepHorizontalAlignment;
-    private _rowSpan;
-    set rowSpan(value: number);
-    get rowSpan(): number;
-    private _visible;
-    set visible(visible: boolean);
-    get visible(): boolean;
-    controlType: string;
-    form: FormGroup;
-    showTitle: boolean;
-    renderTitle: boolean;
-    private _layoutType;
-    set layoutType(value: PepLayoutType);
-    get layoutType(): PepLayoutType;
-    isActive: boolean;
-    fileChange: EventEmitter<any>;
-    elementClick: EventEmitter<IPepFieldClickEvent>;
-    fieldHeight: string;
-    standAlone: boolean;
-    dataURI: any;
-    acceptAttachmentType: string;
-    constructor(customizationService: PepCustomizationService, renderer: Renderer2, element: ElementRef, fileService: PepFileService);
-    private setFieldHeight;
-    private setDefaultForm;
-    ngOnDestroy(): void;
-    ngOnInit(): void;
-    ngOnChanges(changes: any): void;
-    onFileChanged(fileData: any): void;
-    onFileClicked(event: IPepFieldClickEvent): void;
-}
+import { OnInit, OnChanges, EventEmitter, ElementRef, Renderer2, OnDestroy } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { PepFileService, PepCustomizationService, PepLayoutType, PepHorizontalAlignment, IPepFieldClickEvent } from '@pepperi-addons/ngx-lib';
+export declare class PepAttachmentComponent implements OnInit, OnChanges, OnDestroy {
+    private customizationService;
+    private renderer;
+    element: ElementRef;
+    private fileService;
+    /**
+     * The attachment key.
+     *
+     * @memberof PepAttachmentComponent
+     */
+    key: string;
+    private _src;
+    /**
+     * The src of the attachment.
+     *
+     * @memberof PepAttachmentComponent
+     */
+    set src(value: string);
+    get src(): string;
+    /**
+     * The title of the attachment.
+     *
+     * @memberof PepAttachmentComponent
+     */
+    label: string;
+    /**
+     * If the attachment is mandatory
+     *
+     * @memberof PepAttachmentComponent
+     */
+    mandatory: boolean;
+    /**
+     * If the attachment is disabled
+     *
+     * @memberof PepAttachmentComponent
+     */
+    disabled: boolean;
+    /**
+     * If the attachment is readonly
+     *
+     * @memberof PepAttachmentComponent
+     */
+    readonly: boolean;
+    /**
+     * The horizontal alignment of the attachment
+     *
+     * @type {PepHorizontalAlignment}
+     * @memberof PepAttachmentComponent
+     */
+    xAlignment: PepHorizontalAlignment;
+    private _rowSpan;
+    set rowSpan(value: number);
+    get rowSpan(): number;
+    private _visible;
+    set visible(visible: boolean);
+    get visible(): boolean;
+    controlType: string;
+    form: FormGroup;
+    showTitle: boolean;
+    renderTitle: boolean;
+    private _layoutType;
+    set layoutType(value: PepLayoutType);
+    get layoutType(): PepLayoutType;
+    isActive: boolean;
+    fileChange: EventEmitter<any>;
+    elementClick: EventEmitter<IPepFieldClickEvent>;
+    fieldHeight: string;
+    standAlone: boolean;
+    dataURI: any;
+    acceptAttachmentType: string;
+    constructor(customizationService: PepCustomizationService, renderer: Renderer2, element: ElementRef, fileService: PepFileService);
+    private setFieldHeight;
+    private setDefaultForm;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: any): void;
+    onFileChanged(fileData: any): void;
+    onFileClicked(event: IPepFieldClickEvent): void;
+}

package/attachment/attachment.module.d.ts

@@ -1,2 +1,2 @@
-export declare class PepAttachmentModule {
-}
+export declare class PepAttachmentModule {
+}

package/attachment/pepperi-addons-ngx-lib-attachment.d.ts

@@ -1,4 +1,4 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/attachment/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './attachment.module';
-export * from './attachment.component';
+export * from './attachment.module';
+export * from './attachment.component';

package/bread-crumbs/bread-crumbs.component.d.ts

@@ -1,23 +1,23 @@
-import { OnInit, EventEmitter } from '@angular/core';
-import { PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';
-import { IPepBreadCrumbItemClickEvent, PepBreadCrumbItem, PepBreadCrumbsDisplayType } from './bread-crumbs.model';
-export declare class PepBreadCrumbsComponent implements OnInit {
-    private layoutService;
-    private _items;
-    set items(value: Array<PepBreadCrumbItem>);
-    get items(): Array<PepBreadCrumbItem>;
-    private _displayType;
-    set displayType(value: PepBreadCrumbsDisplayType);
-    get displayType(): PepBreadCrumbsDisplayType;
-    addSpacing: boolean;
-    itemClick: EventEmitter<IPepBreadCrumbItemClickEvent>;
-    charSeparator: string;
-    iconSeparator: string;
-    shrinkItems: boolean;
-    screenSize: PepScreenSizeType;
-    constructor(layoutService: PepLayoutService);
-    ngOnInit(): void;
-    private setupShrinkItems;
-    getLabelTitle(): string;
-    onBreadCrumbItemClick(item: PepBreadCrumbItem): void;
-}
+import { OnInit, EventEmitter } from '@angular/core';
+import { PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';
+import { IPepBreadCrumbItemClickEvent, PepBreadCrumbItem, PepBreadCrumbsDisplayType } from './bread-crumbs.model';
+export declare class PepBreadCrumbsComponent implements OnInit {
+    private layoutService;
+    private _items;
+    set items(value: Array<PepBreadCrumbItem>);
+    get items(): Array<PepBreadCrumbItem>;
+    private _displayType;
+    set displayType(value: PepBreadCrumbsDisplayType);
+    get displayType(): PepBreadCrumbsDisplayType;
+    addSpacing: boolean;
+    itemClick: EventEmitter<IPepBreadCrumbItemClickEvent>;
+    charSeparator: string;
+    iconSeparator: string;
+    shrinkItems: boolean;
+    screenSize: PepScreenSizeType;
+    constructor(layoutService: PepLayoutService);
+    ngOnInit(): void;
+    private setupShrinkItems;
+    getLabelTitle(): string;
+    onBreadCrumbItemClick(item: PepBreadCrumbItem): void;
+}

package/bread-crumbs/bread-crumbs.model.d.ts

@@ -1,11 +1,11 @@
-export declare type PepBreadCrumbsDisplayType = 'label' | 'items';
-export declare class PepBreadCrumbItem {
-    key: string;
-    text: string;
-    title?: string;
-    disabled?: boolean;
-    constructor(data: Partial<PepBreadCrumbItem>);
-}
-export interface IPepBreadCrumbItemClickEvent {
-    source: PepBreadCrumbItem;
-}
+export declare type PepBreadCrumbsDisplayType = 'label' | 'items';
+export declare class PepBreadCrumbItem {
+    key: string;
+    text: string;
+    title?: string;
+    disabled?: boolean;
+    constructor(data: Partial<PepBreadCrumbItem>);
+}
+export interface IPepBreadCrumbItemClickEvent {
+    source: PepBreadCrumbItem;
+}

package/bread-crumbs/bread-crumbs.module.d.ts

@@ -1,5 +1,5 @@
-import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
-export declare class PepBreadCrumbsModule {
-    private pepIconRegistry;
-    constructor(pepIconRegistry: PepIconRegistry);
-}
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
+export declare class PepBreadCrumbsModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
+}

package/bread-crumbs/pepperi-addons-ngx-lib-bread-crumbs.d.ts

@@ -1,4 +1,4 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/bread-crumbs/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './bread-crumbs.module';
-export * from './bread-crumbs.model';
-export * from './bread-crumbs.component';
+export * from './bread-crumbs.module';
+export * from './bread-crumbs.model';
+export * from './bread-crumbs.component';

package/bundles/pepperi-addons-ngx-lib-address.umd.js

@@ -4,136 +4,136 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['pepperi-addons'] = global['pepperi-addons'] || {}, global['pepperi-addons']['ngx-lib'] = global['pepperi-addons']['ngx-lib'] || {}, global['pepperi-addons']['ngx-lib'].address = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.core, global.ng.material.formField, global['pepperi-addons']['ngx-lib'], global['pepperi-addons']['ngx-lib'].textbox, global['pepperi-addons']['ngx-lib'].select, global['pepperi-addons']['ngx-lib']['field-title']));
 }(this, (function (exports, core, common, forms, core$1, formField, ngxLib, textbox, select, fieldTitle) { 'use strict';
 
-    var PepAddressComponent = /** @class */ (function () {
-        function PepAddressComponent(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 = ngxLib.DEFAULT_HORIZONTAL_ALIGNMENT;
-            this.rowSpan = 1;
-            this.form = null;
-            this.layoutType = 'form';
-            this._visible = true;
-            this.addressValueChange = new core.EventEmitter();
-        }
-        Object.defineProperty(PepAddressComponent.prototype, "visible", {
-            get: function () {
-                return this._visible;
-            },
-            set: function (visible) {
-                this._visible = visible;
-                if (visible) {
-                    this.renderer.removeClass(this.element.nativeElement, 'hidden-element');
-                }
-                else {
-                    this.renderer.addClass(this.element.nativeElement, 'hidden-element');
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        PepAddressComponent.prototype.ngOnInit = function () {
-            this.renderer.addClass(this.element.nativeElement, 'pep-grouped-field');
-        };
-        PepAddressComponent.prototype.ngOnChanges = function (changes) {
-            //
-        };
-        PepAddressComponent.prototype.ngOnDestroy = function () {
-            //
-        };
-        // 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);
-        // }
-        PepAddressComponent.prototype.onValueChange = function (value, key) {
-            // if (e.target) {
-            //     const input = e.target ? e.target.value : e;
-            //     this.changeValue({ key, value: input.value });
-            // } else {
-            //     this.changeValue(e);
-            // }
-            var currentGroupField = this.groupFields.find(function (gf) { return gf.key === key; });
-            if (currentGroupField && currentGroupField.value !== value) {
-                // Set the value in the form controls
-                if (this.form) {
-                    var formCtrl = this.form.get(this.key);
-                    if (formCtrl) {
-                        formCtrl.get(key).setValue(value);
-                    }
-                }
-                this.addressValueChange.emit({
-                    key: key,
-                    value: value,
-                });
-            }
-        };
-        return PepAddressComponent;
-    }());
-    PepAddressComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'pep-address',
-                    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>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".header{grid-column:1/span 3}.pep-address-container{padding:.875rem .75rem;padding:.875rem var(--pep-spacing-md,.75rem);border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);display:-ms-grid;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:.75rem;grid-column-gap:var(--pep-spacing-md,.75rem);grid-row-gap:.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}", ".pep-address-container,.pepperi-address-container{background:rgba(26,26,26,.04);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.04)}"]
-                },] }
-    ];
-    PepAddressComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: core.Renderer2 }
-    ]; };
-    PepAddressComponent.propDecorators = {
-        key: [{ type: core.Input }],
-        formattedValue: [{ type: core.Input }],
-        label: [{ type: core.Input }],
-        mandatory: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        readonly: [{ type: core.Input }],
-        xAlignment: [{ type: core.Input }],
-        rowSpan: [{ type: core.Input }],
-        groupFields: [{ type: core.Input }],
-        form: [{ type: core.Input }],
-        layoutType: [{ type: core.Input }],
-        visible: [{ type: core.Input }],
-        addressValueChange: [{ type: core.Output }]
+    var PepAddressComponent = /** @class */ (function () {
+        function PepAddressComponent(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 = ngxLib.DEFAULT_HORIZONTAL_ALIGNMENT;
+            this.rowSpan = 1;
+            this.form = null;
+            this.layoutType = 'form';
+            this._visible = true;
+            this.addressValueChange = new core.EventEmitter();
+        }
+        Object.defineProperty(PepAddressComponent.prototype, "visible", {
+            get: function () {
+                return this._visible;
+            },
+            set: function (visible) {
+                this._visible = visible;
+                if (visible) {
+                    this.renderer.removeClass(this.element.nativeElement, 'hidden-element');
+                }
+                else {
+                    this.renderer.addClass(this.element.nativeElement, 'hidden-element');
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        PepAddressComponent.prototype.ngOnInit = function () {
+            this.renderer.addClass(this.element.nativeElement, 'pep-grouped-field');
+        };
+        PepAddressComponent.prototype.ngOnChanges = function (changes) {
+            //
+        };
+        PepAddressComponent.prototype.ngOnDestroy = function () {
+            //
+        };
+        // 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);
+        // }
+        PepAddressComponent.prototype.onValueChange = function (value, key) {
+            // if (e.target) {
+            //     const input = e.target ? e.target.value : e;
+            //     this.changeValue({ key, value: input.value });
+            // } else {
+            //     this.changeValue(e);
+            // }
+            var currentGroupField = this.groupFields.find(function (gf) { return gf.key === key; });
+            if (currentGroupField && currentGroupField.value !== value) {
+                // Set the value in the form controls
+                if (this.form) {
+                    var formCtrl = this.form.get(this.key);
+                    if (formCtrl) {
+                        formCtrl.get(key).setValue(value);
+                    }
+                }
+                this.addressValueChange.emit({
+                    key: key,
+                    value: value,
+                });
+            }
+        };
+        return PepAddressComponent;
+    }());
+    PepAddressComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'pep-address',
+                    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>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".header{grid-column:1/span 3}.pep-address-container{padding:.875rem .75rem;padding:.875rem var(--pep-spacing-md,.75rem);border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);display:-ms-grid;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:.75rem;grid-column-gap:var(--pep-spacing-md,.75rem);grid-row-gap:.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}", ".pep-address-container,.pepperi-address-container{background:rgba(26,26,26,.04);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.04)}"]
+                },] }
+    ];
+    PepAddressComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.Renderer2 }
+    ]; };
+    PepAddressComponent.propDecorators = {
+        key: [{ type: core.Input }],
+        formattedValue: [{ type: core.Input }],
+        label: [{ type: core.Input }],
+        mandatory: [{ type: core.Input }],
+        disabled: [{ type: core.Input }],
+        readonly: [{ type: core.Input }],
+        xAlignment: [{ type: core.Input }],
+        rowSpan: [{ type: core.Input }],
+        groupFields: [{ type: core.Input }],
+        form: [{ type: core.Input }],
+        layoutType: [{ type: core.Input }],
+        visible: [{ type: core.Input }],
+        addressValueChange: [{ type: core.Output }]
     };
 
-    var PepAddressModule = /** @class */ (function () {
-        function PepAddressModule() {
-        }
-        return PepAddressModule;
-    }());
-    PepAddressModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.ReactiveFormsModule,
-                        // Material modules
-                        core$1.MatCommonModule,
-                        formField.MatFormFieldModule,
-                        // ngx-lib modules
-                        ngxLib.PepNgxLibModule,
-                        textbox.PepTextboxModule,
-                        select.PepSelectModule,
-                        fieldTitle.PepFieldTitleModule,
-                    ],
-                    exports: [PepAddressComponent],
-                    declarations: [PepAddressComponent],
-                },] }
+    var PepAddressModule = /** @class */ (function () {
+        function PepAddressModule() {
+        }
+        return PepAddressModule;
+    }());
+    PepAddressModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        forms.ReactiveFormsModule,
+                        // Material modules
+                        core$1.MatCommonModule,
+                        formField.MatFormFieldModule,
+                        // ngx-lib modules
+                        ngxLib.PepNgxLibModule,
+                        textbox.PepTextboxModule,
+                        select.PepSelectModule,
+                        fieldTitle.PepFieldTitleModule,
+                    ],
+                    exports: [PepAddressComponent],
+                    declarations: [PepAddressComponent],
+                },] }
     ];
 
-    /*
-     * Public API Surface of ngx-lib/address
+    /*
+     * Public API Surface of ngx-lib/address
      */
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.PepAddressComponent = PepAddressComponent;