@pepperi-addons/ngx-lib 0.4.1-beta.54 → 0.4.1-beta.56

package/esm2020/page-layout/page-layout.module.mjs

@@ -1,34 +1,34 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatCommonModule } from '@angular/material/core';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import { PepPageLayoutComponent } from './page-layout.component';
-import * as i0 from "@angular/core";
-export class PepPageLayoutModule {
-}
-PepPageLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepPageLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, declarations: [PepPageLayoutComponent], imports: [CommonModule,
-        // Material modules,
-        MatCommonModule,
-        // ngx-lib modules
-        PepNgxLibModule], exports: [PepPageLayoutComponent] });
-PepPageLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, imports: [CommonModule,
-        // Material modules,
-        MatCommonModule,
-        // ngx-lib modules
-        PepNgxLibModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        // Material modules,
-                        MatCommonModule,
-                        // ngx-lib modules
-                        PepNgxLibModule,
-                    ],
-                    exports: [PepPageLayoutComponent],
-                    declarations: [PepPageLayoutComponent],
-                }]
-        }] });
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatCommonModule } from '@angular/material/core';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepPageLayoutComponent } from './page-layout.component';
+import * as i0 from "@angular/core";
+export class PepPageLayoutModule {
+}
+PepPageLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepPageLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, declarations: [PepPageLayoutComponent], imports: [CommonModule,
+        // Material modules,
+        MatCommonModule,
+        // ngx-lib modules
+        PepNgxLibModule], exports: [PepPageLayoutComponent] });
+PepPageLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, imports: [CommonModule,
+        // Material modules,
+        MatCommonModule,
+        // ngx-lib modules
+        PepNgxLibModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        // Material modules,
+                        MatCommonModule,
+                        // ngx-lib modules
+                        PepNgxLibModule,
+                    ],
+                    exports: [PepPageLayoutComponent],
+                    declarations: [PepPageLayoutComponent],
+                }]
+        }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9wYWdlLWxheW91dC9wYWdlLWxheW91dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFhakUsTUFBTSxPQUFPLG1CQUFtQjs7Z0hBQW5CLG1CQUFtQjtpSEFBbkIsbUJBQW1CLGlCQUZiLHNCQUFzQixhQVBqQyxZQUFZO1FBQ1osb0JBQW9CO1FBQ3BCLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsZUFBZSxhQUVULHNCQUFzQjtpSEFHdkIsbUJBQW1CLFlBVHhCLFlBQVk7UUFDWixvQkFBb0I7UUFDcEIsZUFBZTtRQUNmLGtCQUFrQjtRQUNsQixlQUFlOzJGQUtWLG1CQUFtQjtrQkFYL0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixlQUFlO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ3pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE1hdENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuXG5pbXBvcnQgeyBQZXBOZ3hMaWJNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5cbmltcG9ydCB7IFBlcFBhZ2VMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL3BhZ2UtbGF5b3V0LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIC8vIE1hdGVyaWFsIG1vZHVsZXMsXG4gICAgICAgIE1hdENvbW1vbk1vZHVsZSxcbiAgICAgICAgLy8gbmd4LWxpYiBtb2R1bGVzXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtQZXBQYWdlTGF5b3V0Q29tcG9uZW50XSxcbiAgICBkZWNsYXJhdGlvbnM6IFtQZXBQYWdlTGF5b3V0Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgUGVwUGFnZUxheW91dE1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/page-layout/pepperi-addons-ngx-lib-page-layout.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWxpYi1wYWdlLWxheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvcGFnZS1sYXlvdXQvcGVwcGVyaS1hZGRvbnMtbmd4LWxpYi1wYWdlLWxheW91dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2020/page-layout/public-api.mjs

@@ -1,6 +1,6 @@
-/*
- * Public API Surface of ngx-lib/page-layout
- */
-export * from './page-layout.module';
-export * from './page-layout.component';
+/*
+ * Public API Surface of ngx-lib/page-layout
+ */
+export * from './page-layout.module';
+export * from './page-layout.component';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvcGFnZS1sYXlvdXQvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWxpYi9wYWdlLWxheW91dFxuICovXG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtbGF5b3V0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtbGF5b3V0LmNvbXBvbmVudCc7XG4iXX0=

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

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWxpYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc3JjL3BlcHBlcmktYWRkb25zLW5neC1saWIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/profile-data-views-list/pepperi-addons-ngx-lib-profile-data-views-list.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWxpYi1wcm9maWxlLWRhdGEtdmlld3MtbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvcHJvZmlsZS1kYXRhLXZpZXdzLWxpc3QvcGVwcGVyaS1hZGRvbnMtbmd4LWxpYi1wcm9maWxlLWRhdGEtdmlld3MtbGlzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2020/profile-data-views-list/profile-data-view/profile-data-view.component.mjs

@@ -1,45 +1,45 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@pepperi-addons/ngx-lib/button";
-import * as i3 from "@ngx-translate/core";
-export class ProfileDataViewComponent {
-    constructor() {
-        this.canDelete = true;
-        this.editClick = new EventEmitter();
-        this.deleteClick = new EventEmitter();
-        //
-    }
-    ngOnInit() {
-        //
-    }
-    onEditClicked(event) {
-        this.editClick.emit({
-            dataViewId: this.dataViewId
-        });
-    }
-    onDeleteClicked(event) {
-        this.deleteClick.emit({
-            dataViewId: this.dataViewId
-        });
-    }
-}
-ProfileDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProfileDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ProfileDataViewComponent, selector: "pep-profile-data-view", inputs: { dataViewId: "dataViewId", title: "title", fields: "fields", canDelete: "canDelete" }, outputs: { editClick: "editClick", deleteClick: "deleteClick" }, ngImport: i0, template: "<div *ngIf=\"title?.length > 0\" class=\"data-view-title-container\">\n    <div class=\"title ellipsis\" [title]=\"title\">\n        <span class=\"title-md\">{{title}}</span>\n    </div>\n    <pep-button *ngIf=\"canDelete\" class=\"delete-button\" sizeType=\"xs\" (buttonClick)=\"onDeleteClicked($event)\"\n        [value]=\"'ACTIONS.REMOVE' | translate\">\n    </pep-button>\n</div>\n<div class=\"data-view-container\">\n    <div class=\"fields-container\">\n        <span class=\"color-caution body-xs ellipsis data-view-field\" *ngIf=\"fields === null || fields.length === 0\">\n            {{('PROFILE_DATA_VIEWS_LIST.NO_FIELDS_ASSIGNED' | translate)}}</span>\n        <span class=\"color-dimmed body-xs ellipsis data-view-field\" *ngFor=\"let field of fields\" [title]=\"field\">{{field}}</span>\n    </div>\n    <pep-button class=\"edit-button\" iconName=\"system_edit\" sizeType=\"xs\" (buttonClick)=\"onEditClicked($event)\">\n    </pep-button>\n</div>", styles: [".data-view-title-container{display:flex;justify-content:space-between;margin-bottom:var(--pep-spacing-sm, .5rem)}.data-view-title-container .title{display:block;max-width:240px;align-self:center}.data-view-container{padding:var(--pep-spacing-sm, .5rem);border-radius:var(--pep-border-radius-md, .25rem);position:relative}.data-view-container .fields-container{margin-bottom:var(--pep-spacing-sm, .5rem);margin-inline-end:2rem}.data-view-container .fields-container .data-view-field{display:block}.data-view-container .edit-button{position:absolute;right:var(--pep-spacing-sm, .5rem);bottom:var(--pep-spacing-sm, .5rem)}\n", ".data-view-container{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%));background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-profile-data-view', template: "<div *ngIf=\"title?.length > 0\" class=\"data-view-title-container\">\n    <div class=\"title ellipsis\" [title]=\"title\">\n        <span class=\"title-md\">{{title}}</span>\n    </div>\n    <pep-button *ngIf=\"canDelete\" class=\"delete-button\" sizeType=\"xs\" (buttonClick)=\"onDeleteClicked($event)\"\n        [value]=\"'ACTIONS.REMOVE' | translate\">\n    </pep-button>\n</div>\n<div class=\"data-view-container\">\n    <div class=\"fields-container\">\n        <span class=\"color-caution body-xs ellipsis data-view-field\" *ngIf=\"fields === null || fields.length === 0\">\n            {{('PROFILE_DATA_VIEWS_LIST.NO_FIELDS_ASSIGNED' | translate)}}</span>\n        <span class=\"color-dimmed body-xs ellipsis data-view-field\" *ngFor=\"let field of fields\" [title]=\"field\">{{field}}</span>\n    </div>\n    <pep-button class=\"edit-button\" iconName=\"system_edit\" sizeType=\"xs\" (buttonClick)=\"onEditClicked($event)\">\n    </pep-button>\n</div>", styles: [".data-view-title-container{display:flex;justify-content:space-between;margin-bottom:var(--pep-spacing-sm, .5rem)}.data-view-title-container .title{display:block;max-width:240px;align-self:center}.data-view-container{padding:var(--pep-spacing-sm, .5rem);border-radius:var(--pep-border-radius-md, .25rem);position:relative}.data-view-container .fields-container{margin-bottom:var(--pep-spacing-sm, .5rem);margin-inline-end:2rem}.data-view-container .fields-container .data-view-field{display:block}.data-view-container .edit-button{position:absolute;right:var(--pep-spacing-sm, .5rem);bottom:var(--pep-spacing-sm, .5rem)}\n", ".data-view-container{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%));background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { dataViewId: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], fields: [{
-                type: Input
-            }], canDelete: [{
-                type: Input
-            }], editClick: [{
-                type: Output
-            }], deleteClick: [{
-                type: Output
-            }] } });
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@pepperi-addons/ngx-lib/button";
+import * as i3 from "@ngx-translate/core";
+export class ProfileDataViewComponent {
+    constructor() {
+        this.canDelete = true;
+        this.editClick = new EventEmitter();
+        this.deleteClick = new EventEmitter();
+        //
+    }
+    ngOnInit() {
+        //
+    }
+    onEditClicked(event) {
+        this.editClick.emit({
+            dataViewId: this.dataViewId
+        });
+    }
+    onDeleteClicked(event) {
+        this.deleteClick.emit({
+            dataViewId: this.dataViewId
+        });
+    }
+}
+ProfileDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProfileDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ProfileDataViewComponent, selector: "pep-profile-data-view", inputs: { dataViewId: "dataViewId", title: "title", fields: "fields", canDelete: "canDelete" }, outputs: { editClick: "editClick", deleteClick: "deleteClick" }, ngImport: i0, template: "<div *ngIf=\"title?.length > 0\" class=\"data-view-title-container\">\n    <div class=\"title ellipsis\" [title]=\"title\">\n        <span class=\"title-md\">{{title}}</span>\n    </div>\n    <pep-button *ngIf=\"canDelete\" class=\"delete-button\" sizeType=\"xs\" (buttonClick)=\"onDeleteClicked($event)\"\n        [value]=\"'ACTIONS.REMOVE' | translate\">\n    </pep-button>\n</div>\n<div class=\"data-view-container\">\n    <div class=\"fields-container\">\n        <span class=\"color-caution body-xs ellipsis data-view-field\" *ngIf=\"fields === null || fields.length === 0\">\n            {{('PROFILE_DATA_VIEWS_LIST.NO_FIELDS_ASSIGNED' | translate)}}</span>\n        <span class=\"color-dimmed body-xs ellipsis data-view-field\" *ngFor=\"let field of fields\" [title]=\"field\">{{field}}</span>\n    </div>\n    <pep-button class=\"edit-button\" iconName=\"system_edit\" sizeType=\"xs\" (buttonClick)=\"onEditClicked($event)\">\n    </pep-button>\n</div>", styles: [".data-view-title-container{display:flex;justify-content:space-between;margin-bottom:var(--pep-spacing-sm, .5rem)}.data-view-title-container .title{display:block;max-width:240px;align-self:center}.data-view-container{padding:var(--pep-spacing-sm, .5rem);border-radius:var(--pep-border-radius-md, .25rem);position:relative}.data-view-container .fields-container{margin-bottom:var(--pep-spacing-sm, .5rem);margin-inline-end:2rem}.data-view-container .fields-container .data-view-field{display:block}.data-view-container .edit-button{position:absolute;right:var(--pep-spacing-sm, .5rem);bottom:var(--pep-spacing-sm, .5rem)}\n", ".data-view-container{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%));background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-profile-data-view', template: "<div *ngIf=\"title?.length > 0\" class=\"data-view-title-container\">\n    <div class=\"title ellipsis\" [title]=\"title\">\n        <span class=\"title-md\">{{title}}</span>\n    </div>\n    <pep-button *ngIf=\"canDelete\" class=\"delete-button\" sizeType=\"xs\" (buttonClick)=\"onDeleteClicked($event)\"\n        [value]=\"'ACTIONS.REMOVE' | translate\">\n    </pep-button>\n</div>\n<div class=\"data-view-container\">\n    <div class=\"fields-container\">\n        <span class=\"color-caution body-xs ellipsis data-view-field\" *ngIf=\"fields === null || fields.length === 0\">\n            {{('PROFILE_DATA_VIEWS_LIST.NO_FIELDS_ASSIGNED' | translate)}}</span>\n        <span class=\"color-dimmed body-xs ellipsis data-view-field\" *ngFor=\"let field of fields\" [title]=\"field\">{{field}}</span>\n    </div>\n    <pep-button class=\"edit-button\" iconName=\"system_edit\" sizeType=\"xs\" (buttonClick)=\"onEditClicked($event)\">\n    </pep-button>\n</div>", styles: [".data-view-title-container{display:flex;justify-content:space-between;margin-bottom:var(--pep-spacing-sm, .5rem)}.data-view-title-container .title{display:block;max-width:240px;align-self:center}.data-view-container{padding:var(--pep-spacing-sm, .5rem);border-radius:var(--pep-border-radius-md, .25rem);position:relative}.data-view-container .fields-container{margin-bottom:var(--pep-spacing-sm, .5rem);margin-inline-end:2rem}.data-view-container .fields-container .data-view-field{display:block}.data-view-container .edit-button{position:absolute;right:var(--pep-spacing-sm, .5rem);bottom:var(--pep-spacing-sm, .5rem)}\n", ".data-view-container{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%));background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dataViewId: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], canDelete: [{
+                type: Input
+            }], editClick: [{
+                type: Output
+            }], deleteClick: [{
+                type: Output
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS1kYXRhLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9wcm9maWxlLWRhdGEtdmlld3MtbGlzdC9wcm9maWxlLWRhdGEtdmlldy9wcm9maWxlLWRhdGEtdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3Byb2ZpbGUtZGF0YS12aWV3cy1saXN0L3Byb2ZpbGUtZGF0YS12aWV3L3Byb2ZpbGUtZGF0YS12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUy9FLE1BQU0sT0FBTyx3QkFBd0I7SUFTakM7UUFMUyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRWhCLGNBQVMsR0FBZ0QsSUFBSSxZQUFZLEVBQWlDLENBQUM7UUFDM0csZ0JBQVcsR0FBZ0QsSUFBSSxZQUFZLEVBQWlDLENBQUM7UUFHbkgsRUFBRTtJQUNMLENBQUM7SUFFRixRQUFRO1FBQ0osRUFBRTtJQUNOLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBMkI7UUFDckMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7WUFDaEIsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO1NBQzlCLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBMkI7UUFDdkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDbEIsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO1NBQzlCLENBQUMsQ0FBQztJQUNQLENBQUM7O3FIQTNCUSx3QkFBd0I7eUdBQXhCLHdCQUF3Qiw4TkNUckMsazhCQWdCTTsyRkRQTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0ksdUJBQXVCOzBFQUt4QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUGVwQnV0dG9uQ2xpY2tFdmVudCB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2J1dHRvbic7XG5pbXBvcnQgeyBJUGVwUHJvZmlsZURhdGFWaWV3Q2xpY2tFdmVudCB9IGZyb20gJy4uL3Byb2ZpbGUtZGF0YS12aWV3cy1saXN0Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtcHJvZmlsZS1kYXRhLXZpZXcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wcm9maWxlLWRhdGEtdmlldy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcHJvZmlsZS1kYXRhLXZpZXcuY29tcG9uZW50LnNjc3MnLCAnLi9wcm9maWxlLWRhdGEtdmlldy5jb21wb25lbnQudGhlbWUuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFByb2ZpbGVEYXRhVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgZGF0YVZpZXdJZDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZmllbGRzOiBzdHJpbmdbXTtcbiAgICBASW5wdXQoKSBjYW5EZWxldGUgPSB0cnVlO1xuXG4gICAgQE91dHB1dCgpIGVkaXRDbGljazogRXZlbnRFbWl0dGVyPElQZXBQcm9maWxlRGF0YVZpZXdDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcFByb2ZpbGVEYXRhVmlld0NsaWNrRXZlbnQ+KCk7XG4gICAgQE91dHB1dCgpIGRlbGV0ZUNsaWNrOiBFdmVudEVtaXR0ZXI8SVBlcFByb2ZpbGVEYXRhVmlld0NsaWNrRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxJUGVwUHJvZmlsZURhdGFWaWV3Q2xpY2tFdmVudD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICAvL1xuICAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy9cbiAgICB9XG5cbiAgICBvbkVkaXRDbGlja2VkKGV2ZW50OiBJUGVwQnV0dG9uQ2xpY2tFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVkaXRDbGljay5lbWl0KHtcbiAgICAgICAgICAgIGRhdGFWaWV3SWQ6IHRoaXMuZGF0YVZpZXdJZFxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbkRlbGV0ZUNsaWNrZWQoZXZlbnQ6IElQZXBCdXR0b25DbGlja0V2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGVsZXRlQ2xpY2suZW1pdCh7XG4gICAgICAgICAgICBkYXRhVmlld0lkOiB0aGlzLmRhdGFWaWV3SWRcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPGRpdiAqbmdJZj1cInRpdGxlPy5sZW5ndGggPiAwXCIgY2xhc3M9XCJkYXRhLXZpZXctdGl0bGUtY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlIGVsbGlwc2lzXCIgW3RpdGxlXT1cInRpdGxlXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGUtbWRcIj57e3RpdGxlfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPHBlcC1idXR0b24gKm5nSWY9XCJjYW5EZWxldGVcIiBjbGFzcz1cImRlbGV0ZS1idXR0b25cIiBzaXplVHlwZT1cInhzXCIgKGJ1dHRvbkNsaWNrKT1cIm9uRGVsZXRlQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICAgICAgW3ZhbHVlXT1cIidBQ1RJT05TLlJFTU9WRScgfCB0cmFuc2xhdGVcIj5cbiAgICA8L3BlcC1idXR0b24+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJkYXRhLXZpZXctY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImZpZWxkcy1jb250YWluZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJjb2xvci1jYXV0aW9uIGJvZHkteHMgZWxsaXBzaXMgZGF0YS12aWV3LWZpZWxkXCIgKm5nSWY9XCJmaWVsZHMgPT09IG51bGwgfHwgZmllbGRzLmxlbmd0aCA9PT0gMFwiPlxuICAgICAgICAgICAge3soJ1BST0ZJTEVfREFUQV9WSUVXU19MSVNULk5PX0ZJRUxEU19BU1NJR05FRCcgfCB0cmFuc2xhdGUpfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY29sb3ItZGltbWVkIGJvZHkteHMgZWxsaXBzaXMgZGF0YS12aWV3LWZpZWxkXCIgKm5nRm9yPVwibGV0IGZpZWxkIG9mIGZpZWxkc1wiIFt0aXRsZV09XCJmaWVsZFwiPnt7ZmllbGR9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8cGVwLWJ1dHRvbiBjbGFzcz1cImVkaXQtYnV0dG9uXCIgaWNvbk5hbWU9XCJzeXN0ZW1fZWRpdFwiIHNpemVUeXBlPVwieHNcIiAoYnV0dG9uQ2xpY2spPVwib25FZGl0Q2xpY2tlZCgkZXZlbnQpXCI+XG4gICAgPC9wZXAtYnV0dG9uPlxuPC9kaXY+Il19

package/esm2020/profile-data-views-list/profile-data-views-card/profile-data-views-card.component.mjs

@@ -1,65 +1,65 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@ngx-translate/core";
-import * as i2 from "@angular/common";
-import * as i3 from "@pepperi-addons/ngx-lib/menu";
-import * as i4 from "../profile-data-view/profile-data-view.component";
-export class ProfileDataViewsCardComponent {
-    constructor(translate) {
-        this.translate = translate;
-        this.profileId = '';
-        this.title = '';
-        this.dataViews = [];
-        this.configurationPerScreenSize = false;
-        this.isDefault = false;
-        this.dataViewEditClick = new EventEmitter();
-        this.dataViewDeleteClick = new EventEmitter();
-        this.menuItems = [];
-    }
-    loadMenuItems() {
-        const removeKey = 'ACTIONS.REMOVE';
-        // Load translation before get the options in the children.
-        this.translate.get([removeKey]).subscribe((res) => {
-            this.menuItems = [
-                { key: 'delete', text: this.translate.instant(res[removeKey]) }
-            ];
-        });
-    }
-    ngOnInit() {
-        this.loadMenuItems();
-    }
-    onMenuItemClicked(action) {
-        if (this.dataViews.length === 1) {
-            if (action.source.key === 'delete') {
-                this.onDataViewDeleteClicked({ dataViewId: this.dataViews[0].dataViewId });
-            }
-        }
-    }
-    onDataViewEditClicked(event) {
-        this.dataViewEditClick.emit(event);
-    }
-    onDataViewDeleteClicked(event) {
-        this.dataViewDeleteClick.emit(event);
-    }
-}
-ProfileDataViewsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewsCardComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ProfileDataViewsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ProfileDataViewsCardComponent, selector: "pep-profile-data-views-card", inputs: { profileId: "profileId", title: "title", dataViews: "dataViews", configurationPerScreenSize: "configurationPerScreenSize", isDefault: "isDefault" }, outputs: { dataViewEditClick: "dataViewEditClick", dataViewDeleteClick: "dataViewDeleteClick" }, ngImport: i0, template: "<div class=\"profile-data-views-card-container\">\n    <div class=\"card-top-bar pep-border-bottom\">\n        <div *ngIf=\"title?.length > 0\" class=\"title ellipsis\"\n            [title]=\"title + ' ' + (isDefault ? ('PROFILE_DATA_VIEWS_LIST.DEFAULT_PROFILE' | translate) : '')\">\n            <span class=\"title-md\">{{title}}&nbsp;</span>\n            <span *ngIf=\"isDefault\" class=\"color-dimmed\">{{('PROFILE_DATA_VIEWS_LIST.DEFAULT_PROFILE' |\n                translate)}}&nbsp;\n            </span>\n        </div>\n        <pep-menu *ngIf=\"!configurationPerScreenSize && !isDefault\" sizeType=\"sm\" [items]=\"menuItems\" (menuItemClick)=\"onMenuItemClicked($event)\">\n        </pep-menu>\n    </div>\n\n    <pep-profile-data-view *ngFor=\"let dataView of dataViews\" [dataViewId]=\"dataView.dataViewId\"\n        [title]=\"configurationPerScreenSize ? dataView.viewType : ''\" [fields]=\"dataView.fields\" [canDelete]=\"!(isDefault && dataView.viewType === 'Tablet')\"\n        (editClick)=\"onDataViewEditClicked($event)\" (deleteClick)=\"onDataViewDeleteClicked($event)\">\n    </pep-profile-data-view>\n</div>", styles: [".profile-data-views-card-container{padding:var(--pep-spacing-lg, 1rem);border-radius:var(--pep-border-radius-md, .25rem);width:320px;max-width:320px}.profile-data-views-card-container .card-top-bar{height:var(--pep-top-bar-field-height, 2.5rem);margin-bottom:var(--pep-spacing-md, .75rem);display:flex;justify-content:space-between}.profile-data-views-card-container .card-top-bar .title{display:block;height:calc(var(--pep-top-bar-field-height, 2.5rem) - var(--pep-spacing-sm, .5rem));align-self:center}\n", ".profile-data-views-card-container{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepMenuComponent, selector: "pep-menu", inputs: ["text", "iconName", "type", "styleType", "sizeType", "classNames", "xPosition", "hideOnEmptyItems", "items", "selectedItem", "disabled"], outputs: ["stateChange", "menuItemClick", "menuClick"] }, { kind: "component", type: i4.ProfileDataViewComponent, selector: "pep-profile-data-view", inputs: ["dataViewId", "title", "fields", "canDelete"], outputs: ["editClick", "deleteClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewsCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-profile-data-views-card', template: "<div class=\"profile-data-views-card-container\">\n    <div class=\"card-top-bar pep-border-bottom\">\n        <div *ngIf=\"title?.length > 0\" class=\"title ellipsis\"\n            [title]=\"title + ' ' + (isDefault ? ('PROFILE_DATA_VIEWS_LIST.DEFAULT_PROFILE' | translate) : '')\">\n            <span class=\"title-md\">{{title}}&nbsp;</span>\n            <span *ngIf=\"isDefault\" class=\"color-dimmed\">{{('PROFILE_DATA_VIEWS_LIST.DEFAULT_PROFILE' |\n                translate)}}&nbsp;\n            </span>\n        </div>\n        <pep-menu *ngIf=\"!configurationPerScreenSize && !isDefault\" sizeType=\"sm\" [items]=\"menuItems\" (menuItemClick)=\"onMenuItemClicked($event)\">\n        </pep-menu>\n    </div>\n\n    <pep-profile-data-view *ngFor=\"let dataView of dataViews\" [dataViewId]=\"dataView.dataViewId\"\n        [title]=\"configurationPerScreenSize ? dataView.viewType : ''\" [fields]=\"dataView.fields\" [canDelete]=\"!(isDefault && dataView.viewType === 'Tablet')\"\n        (editClick)=\"onDataViewEditClicked($event)\" (deleteClick)=\"onDataViewDeleteClicked($event)\">\n    </pep-profile-data-view>\n</div>", styles: [".profile-data-views-card-container{padding:var(--pep-spacing-lg, 1rem);border-radius:var(--pep-border-radius-md, .25rem);width:320px;max-width:320px}.profile-data-views-card-container .card-top-bar{height:var(--pep-top-bar-field-height, 2.5rem);margin-bottom:var(--pep-spacing-md, .75rem);display:flex;justify-content:space-between}.profile-data-views-card-container .card-top-bar .title{display:block;height:calc(var(--pep-top-bar-field-height, 2.5rem) - var(--pep-spacing-sm, .5rem));align-self:center}\n", ".profile-data-views-card-container{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { profileId: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], dataViews: [{
-                type: Input
-            }], configurationPerScreenSize: [{
-                type: Input
-            }], isDefault: [{
-                type: Input
-            }], dataViewEditClick: [{
-                type: Output
-            }], dataViewDeleteClick: [{
-                type: Output
-            }] } });
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib/menu";
+import * as i4 from "../profile-data-view/profile-data-view.component";
+export class ProfileDataViewsCardComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this.profileId = '';
+        this.title = '';
+        this.dataViews = [];
+        this.configurationPerScreenSize = false;
+        this.isDefault = false;
+        this.dataViewEditClick = new EventEmitter();
+        this.dataViewDeleteClick = new EventEmitter();
+        this.menuItems = [];
+    }
+    loadMenuItems() {
+        const removeKey = 'ACTIONS.REMOVE';
+        // Load translation before get the options in the children.
+        this.translate.get([removeKey]).subscribe((res) => {
+            this.menuItems = [
+                { key: 'delete', text: this.translate.instant(res[removeKey]) }
+            ];
+        });
+    }
+    ngOnInit() {
+        this.loadMenuItems();
+    }
+    onMenuItemClicked(action) {
+        if (this.dataViews.length === 1) {
+            if (action.source.key === 'delete') {
+                this.onDataViewDeleteClicked({ dataViewId: this.dataViews[0].dataViewId });
+            }
+        }
+    }
+    onDataViewEditClicked(event) {
+        this.dataViewEditClick.emit(event);
+    }
+    onDataViewDeleteClicked(event) {
+        this.dataViewDeleteClick.emit(event);
+    }
+}
+ProfileDataViewsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewsCardComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+ProfileDataViewsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ProfileDataViewsCardComponent, selector: "pep-profile-data-views-card", inputs: { profileId: "profileId", title: "title", dataViews: "dataViews", configurationPerScreenSize: "configurationPerScreenSize", isDefault: "isDefault" }, outputs: { dataViewEditClick: "dataViewEditClick", dataViewDeleteClick: "dataViewDeleteClick" }, ngImport: i0, template: "<div class=\"profile-data-views-card-container\">\n    <div class=\"card-top-bar pep-border-bottom\">\n        <div *ngIf=\"title?.length > 0\" class=\"title ellipsis\"\n            [title]=\"title + ' ' + (isDefault ? ('PROFILE_DATA_VIEWS_LIST.DEFAULT_PROFILE' | translate) : '')\">\n            <span class=\"title-md\">{{title}}&nbsp;</span>\n            <span *ngIf=\"isDefault\" class=\"color-dimmed\">{{('PROFILE_DATA_VIEWS_LIST.DEFAULT_PROFILE' |\n                translate)}}&nbsp;\n            </span>\n        </div>\n        <pep-menu *ngIf=\"!configurationPerScreenSize && !isDefault\" sizeType=\"sm\" [items]=\"menuItems\" (menuItemClick)=\"onMenuItemClicked($event)\">\n        </pep-menu>\n    </div>\n\n    <pep-profile-data-view *ngFor=\"let dataView of dataViews\" [dataViewId]=\"dataView.dataViewId\"\n        [title]=\"configurationPerScreenSize ? dataView.viewType : ''\" [fields]=\"dataView.fields\" [canDelete]=\"!(isDefault && dataView.viewType === 'Tablet')\"\n        (editClick)=\"onDataViewEditClicked($event)\" (deleteClick)=\"onDataViewDeleteClicked($event)\">\n    </pep-profile-data-view>\n</div>", styles: [".profile-data-views-card-container{padding:var(--pep-spacing-lg, 1rem);border-radius:var(--pep-border-radius-md, .25rem);width:320px;max-width:320px}.profile-data-views-card-container .card-top-bar{height:var(--pep-top-bar-field-height, 2.5rem);margin-bottom:var(--pep-spacing-md, .75rem);display:flex;justify-content:space-between}.profile-data-views-card-container .card-top-bar .title{display:block;height:calc(var(--pep-top-bar-field-height, 2.5rem) - var(--pep-spacing-sm, .5rem));align-self:center}\n", ".profile-data-views-card-container{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepMenuComponent, selector: "pep-menu", inputs: ["text", "iconName", "type", "styleType", "sizeType", "classNames", "xPosition", "hideOnEmptyItems", "items", "selectedItem", "disabled"], outputs: ["stateChange", "menuItemClick", "menuClick"] }, { kind: "component", type: i4.ProfileDataViewComponent, selector: "pep-profile-data-view", inputs: ["dataViewId", "title", "fields", "canDelete"], outputs: ["editClick", "deleteClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewsCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-profile-data-views-card', template: "<div class=\"profile-data-views-card-container\">\n    <div class=\"card-top-bar pep-border-bottom\">\n        <div *ngIf=\"title?.length > 0\" class=\"title ellipsis\"\n            [title]=\"title + ' ' + (isDefault ? ('PROFILE_DATA_VIEWS_LIST.DEFAULT_PROFILE' | translate) : '')\">\n            <span class=\"title-md\">{{title}}&nbsp;</span>\n            <span *ngIf=\"isDefault\" class=\"color-dimmed\">{{('PROFILE_DATA_VIEWS_LIST.DEFAULT_PROFILE' |\n                translate)}}&nbsp;\n            </span>\n        </div>\n        <pep-menu *ngIf=\"!configurationPerScreenSize && !isDefault\" sizeType=\"sm\" [items]=\"menuItems\" (menuItemClick)=\"onMenuItemClicked($event)\">\n        </pep-menu>\n    </div>\n\n    <pep-profile-data-view *ngFor=\"let dataView of dataViews\" [dataViewId]=\"dataView.dataViewId\"\n        [title]=\"configurationPerScreenSize ? dataView.viewType : ''\" [fields]=\"dataView.fields\" [canDelete]=\"!(isDefault && dataView.viewType === 'Tablet')\"\n        (editClick)=\"onDataViewEditClicked($event)\" (deleteClick)=\"onDataViewDeleteClicked($event)\">\n    </pep-profile-data-view>\n</div>", styles: [".profile-data-views-card-container{padding:var(--pep-spacing-lg, 1rem);border-radius:var(--pep-border-radius-md, .25rem);width:320px;max-width:320px}.profile-data-views-card-container .card-top-bar{height:var(--pep-top-bar-field-height, 2.5rem);margin-bottom:var(--pep-spacing-md, .75rem);display:flex;justify-content:space-between}.profile-data-views-card-container .card-top-bar .title{display:block;height:calc(var(--pep-top-bar-field-height, 2.5rem) - var(--pep-spacing-sm, .5rem));align-self:center}\n", ".profile-data-views-card-container{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { profileId: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], dataViews: [{
+                type: Input
+            }], configurationPerScreenSize: [{
+                type: Input
+            }], isDefault: [{
+                type: Input
+            }], dataViewEditClick: [{
+                type: Output
+            }], dataViewDeleteClick: [{
+                type: Output
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS1kYXRhLXZpZXdzLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9wcm9maWxlLWRhdGEtdmlld3MtbGlzdC9wcm9maWxlLWRhdGEtdmlld3MtY2FyZC9wcm9maWxlLWRhdGEtdmlld3MtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3Byb2ZpbGUtZGF0YS12aWV3cy1saXN0L3Byb2ZpbGUtZGF0YS12aWV3cy1jYXJkL3Byb2ZpbGUtZGF0YS12aWV3cy1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVcvRSxNQUFNLE9BQU8sNkJBQTZCO0lBWXRDLFlBQW9CLFNBQTJCO1FBQTNCLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBWHRDLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsY0FBUyxHQUEwQixFQUFFLENBQUM7UUFDdEMsK0JBQTBCLEdBQUcsS0FBSyxDQUFDO1FBQ25DLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFakIsc0JBQWlCLEdBQWdELElBQUksWUFBWSxFQUFpQyxDQUFDO1FBQ25ILHdCQUFtQixHQUFnRCxJQUFJLFlBQVksRUFBaUMsQ0FBQztRQUUvSCxjQUFTLEdBQXVCLEVBQUUsQ0FBQztJQUVnQixDQUFDO0lBRTVDLGFBQWE7UUFDakIsTUFBTSxTQUFTLEdBQUcsZ0JBQWdCLENBQUM7UUFDbkMsMkRBQTJEO1FBQzNELElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUM5QyxJQUFJLENBQUMsU0FBUyxHQUFHO2dCQUNiLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUU7YUFDbEUsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELGlCQUFpQixDQUFDLE1BQThCO1FBQzVDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQzdCLElBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEtBQUssUUFBUSxFQUFFO2dCQUNoQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO2FBQzlFO1NBQ0o7SUFFTCxDQUFDO0lBRUQscUJBQXFCLENBQUMsS0FBb0M7UUFDdEQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsdUJBQXVCLENBQUMsS0FBb0M7UUFDeEQsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QyxDQUFDOzswSEEzQ1EsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsa1VDWDFDLDBtQ0FpQk07MkZETk8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNJLDZCQUE2Qjt1R0FLOUIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRywwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZURhdGFWaWV3LCBEYXRhVmlld1R5cGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvcGFwaS1zZGsnO1xuaW1wb3J0IHsgSVBlcFByb2ZpbGVEYXRhVmlldywgSVBlcFByb2ZpbGVEYXRhVmlld0NsaWNrRXZlbnQgfSBmcm9tICcuLi9wcm9maWxlLWRhdGEtdmlld3MtbGlzdC5tb2RlbCc7XG5pbXBvcnQgeyBJUGVwTWVudUl0ZW1DbGlja0V2ZW50LCBQZXBNZW51SXRlbSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL21lbnUnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1wcm9maWxlLWRhdGEtdmlld3MtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Byb2ZpbGUtZGF0YS12aWV3cy1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wcm9maWxlLWRhdGEtdmlld3MtY2FyZC5jb21wb25lbnQuc2NzcycsICcuL3Byb2ZpbGUtZGF0YS12aWV3cy1jYXJkLmNvbXBvbmVudC50aGVtZS5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJvZmlsZURhdGFWaWV3c0NhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIHByb2ZpbGVJZCA9ICcnO1xuICAgIEBJbnB1dCgpIHRpdGxlID0gJyc7XG4gICAgQElucHV0KCkgZGF0YVZpZXdzOiBJUGVwUHJvZmlsZURhdGFWaWV3W10gPSBbXTtcbiAgICBASW5wdXQoKSBjb25maWd1cmF0aW9uUGVyU2NyZWVuU2l6ZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGlzRGVmYXVsdCA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpIGRhdGFWaWV3RWRpdENsaWNrOiBFdmVudEVtaXR0ZXI8SVBlcFByb2ZpbGVEYXRhVmlld0NsaWNrRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxJUGVwUHJvZmlsZURhdGFWaWV3Q2xpY2tFdmVudD4oKTtcbiAgICBAT3V0cHV0KCkgZGF0YVZpZXdEZWxldGVDbGljazogRXZlbnRFbWl0dGVyPElQZXBQcm9maWxlRGF0YVZpZXdDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcFByb2ZpbGVEYXRhVmlld0NsaWNrRXZlbnQ+KCk7XG5cbiAgICBtZW51SXRlbXM6IEFycmF5PFBlcE1lbnVJdGVtPiA9IFtdO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UpIHsgfVxuXG4gICAgcHJpdmF0ZSBsb2FkTWVudUl0ZW1zKCk6IHZvaWQge1xuICAgICAgICBjb25zdCByZW1vdmVLZXkgPSAnQUNUSU9OUy5SRU1PVkUnO1xuICAgICAgICAvLyBMb2FkIHRyYW5zbGF0aW9uIGJlZm9yZSBnZXQgdGhlIG9wdGlvbnMgaW4gdGhlIGNoaWxkcmVuLlxuICAgICAgICB0aGlzLnRyYW5zbGF0ZS5nZXQoW3JlbW92ZUtleV0pLnN1YnNjcmliZSgocmVzKSA9PiB7XG4gICAgICAgICAgICB0aGlzLm1lbnVJdGVtcyA9IFtcbiAgICAgICAgICAgICAgICB7IGtleTogJ2RlbGV0ZScsIHRleHQ6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQocmVzW3JlbW92ZUtleV0pIH1cbiAgICAgICAgICAgIF07XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmxvYWRNZW51SXRlbXMoKTtcbiAgICB9XG5cbiAgICBvbk1lbnVJdGVtQ2xpY2tlZChhY3Rpb246IElQZXBNZW51SXRlbUNsaWNrRXZlbnQpIHtcbiAgICAgICAgaWYgKHRoaXMuZGF0YVZpZXdzLmxlbmd0aCA9PT0gMSkge1xuICAgICAgICAgICAgaWYgKGFjdGlvbi5zb3VyY2Uua2V5ID09PSAnZGVsZXRlJykge1xuICAgICAgICAgICAgICAgIHRoaXMub25EYXRhVmlld0RlbGV0ZUNsaWNrZWQoeyBkYXRhVmlld0lkOiB0aGlzLmRhdGFWaWV3c1swXS5kYXRhVmlld0lkIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICB9XG5cbiAgICBvbkRhdGFWaWV3RWRpdENsaWNrZWQoZXZlbnQ6IElQZXBQcm9maWxlRGF0YVZpZXdDbGlja0V2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGF0YVZpZXdFZGl0Q2xpY2suZW1pdChldmVudCk7XG4gICAgfVxuXG4gICAgb25EYXRhVmlld0RlbGV0ZUNsaWNrZWQoZXZlbnQ6IElQZXBQcm9maWxlRGF0YVZpZXdDbGlja0V2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGF0YVZpZXdEZWxldGVDbGljay5lbWl0KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHJvZmlsZS1kYXRhLXZpZXdzLWNhcmQtY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtdG9wLWJhciBwZXAtYm9yZGVyLWJvdHRvbVwiPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwidGl0bGU/Lmxlbmd0aCA+IDBcIiBjbGFzcz1cInRpdGxlIGVsbGlwc2lzXCJcbiAgICAgICAgICAgIFt0aXRsZV09XCJ0aXRsZSArICcgJyArIChpc0RlZmF1bHQgPyAoJ1BST0ZJTEVfREFUQV9WSUVXU19MSVNULkRFRkFVTFRfUFJPRklMRScgfCB0cmFuc2xhdGUpIDogJycpXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlLW1kXCI+e3t0aXRsZX19Jm5ic3A7PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJpc0RlZmF1bHRcIiBjbGFzcz1cImNvbG9yLWRpbW1lZFwiPnt7KCdQUk9GSUxFX0RBVEFfVklFV1NfTElTVC5ERUZBVUxUX1BST0ZJTEUnIHxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGUpfX0mbmJzcDtcbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxwZXAtbWVudSAqbmdJZj1cIiFjb25maWd1cmF0aW9uUGVyU2NyZWVuU2l6ZSAmJiAhaXNEZWZhdWx0XCIgc2l6ZVR5cGU9XCJzbVwiIFtpdGVtc109XCJtZW51SXRlbXNcIiAobWVudUl0ZW1DbGljayk9XCJvbk1lbnVJdGVtQ2xpY2tlZCgkZXZlbnQpXCI+XG4gICAgICAgIDwvcGVwLW1lbnU+XG4gICAgPC9kaXY+XG5cbiAgICA8cGVwLXByb2ZpbGUtZGF0YS12aWV3ICpuZ0Zvcj1cImxldCBkYXRhVmlldyBvZiBkYXRhVmlld3NcIiBbZGF0YVZpZXdJZF09XCJkYXRhVmlldy5kYXRhVmlld0lkXCJcbiAgICAgICAgW3RpdGxlXT1cImNvbmZpZ3VyYXRpb25QZXJTY3JlZW5TaXplID8gZGF0YVZpZXcudmlld1R5cGUgOiAnJ1wiIFtmaWVsZHNdPVwiZGF0YVZpZXcuZmllbGRzXCIgW2NhbkRlbGV0ZV09XCIhKGlzRGVmYXVsdCAmJiBkYXRhVmlldy52aWV3VHlwZSA9PT0gJ1RhYmxldCcpXCJcbiAgICAgICAgKGVkaXRDbGljayk9XCJvbkRhdGFWaWV3RWRpdENsaWNrZWQoJGV2ZW50KVwiIChkZWxldGVDbGljayk9XCJvbkRhdGFWaWV3RGVsZXRlQ2xpY2tlZCgkZXZlbnQpXCI+XG4gICAgPC9wZXAtcHJvZmlsZS1kYXRhLXZpZXc+XG48L2Rpdj4iXX0=