@pepperi-addons/ngx-lib 0.4.0-angular14.2 → 0.4.0-angular14.20

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

@@ -26,9 +26,9 @@ class PepPageLayoutComponent {
         //
     }
 }
-PepPageLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: PepPageLayoutComponent, deps: [{ token: i1.PepCustomizationService }, { token: i1.PepLayoutService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-PepPageLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: PepPageLayoutComponent, selector: "pep-page-layout", inputs: { addPadding: "addPadding", showShadow: "showShadow" }, ngImport: i0, template: "<div class=\"pep-page-header-layout\">\n    <ng-content select=\"[pep-header-area]\"></ng-content>\n</div>\n<div class=\"pep-page-side-layout\" [ngClass]=\"{ 'show-shadow': showShadow }\">\n    <ng-content select=\"pep-side-bar\"></ng-content>\n    <ng-content select=\"[pep-side-area]\"></ng-content>\n</div>\n<div class=\"pep-page-main-layout\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"pep-top-area\">\n        <ng-content select=\"[pep-top-area]\"></ng-content>\n    </div>\n    <div class=\"pep-main-area\">\n        <ng-content select=\"[pep-main-area]\"></ng-content>\n    </div>\n</div>", styles: [":host.pep-page-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"header-layout  header-layout\" \"side-layout    main-layout\";height:100%;width:100%;overflow:hidden}:host.pep-page-layout .pep-page-header-layout{grid-area:header-layout;z-index:10}:host.pep-page-layout .pep-page-side-layout{grid-area:side-layout;overflow:hidden;height:100%;z-index:5}:host.pep-page-layout .pep-page-side-layout.show-shadow{padding-inline-end:var(--pep-spacing-lg, 1rem)}:host.pep-page-layout .pep-page-main-layout{grid-area:main-layout;overflow:hidden;height:100%;z-index:1;padding-bottom:var(--pep-footer-bar-height, 4.5rem);display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"top-area\" \"main-area\"}:host.pep-page-layout .pep-page-main-layout.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}:host.pep-page-layout .pep-page-main-layout .pep-top-area{grid-area:top-area}:host.pep-page-layout .pep-page-main-layout .pep-main-area{grid-area:main-area;overflow:auto;height:100%;display:block}:host.pep-page-layout .pep-page-main-layout .pep-main-area>*{height:inherit}\n", ".pep-page-side-layout.show-shadow{box-shadow:var(--pep-shadow-md-offset, 0 .5rem 1rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: PepPageLayoutComponent, decorators: [{
+PepPageLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutComponent, deps: [{ token: i1.PepCustomizationService }, { token: i1.PepLayoutService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+PepPageLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepPageLayoutComponent, selector: "pep-page-layout", inputs: { addPadding: "addPadding", showShadow: "showShadow" }, ngImport: i0, template: "<div class=\"pep-page-header-layout\">\n    <ng-content select=\"[pep-header-area]\"></ng-content>\n</div>\n<div class=\"pep-page-side-layout\" [ngClass]=\"{ 'show-shadow': showShadow }\">\n    <ng-content select=\"pep-side-bar\"></ng-content>\n    <ng-content select=\"[pep-side-area]\"></ng-content>\n</div>\n<div class=\"pep-page-main-layout\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"pep-top-area\">\n        <ng-content select=\"[pep-top-area]\"></ng-content>\n    </div>\n    <div class=\"pep-main-area\">\n        <ng-content select=\"[pep-main-area]\"></ng-content>\n    </div>\n</div>", styles: [":host.pep-page-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"header-layout  header-layout\" \"side-layout    main-layout\";height:100%;width:100%;overflow:hidden}:host.pep-page-layout .pep-page-header-layout{grid-area:header-layout;z-index:10}:host.pep-page-layout .pep-page-side-layout{grid-area:side-layout;overflow:hidden;height:100%;z-index:5}:host.pep-page-layout .pep-page-side-layout.show-shadow{padding-inline-end:var(--pep-spacing-lg, 1rem)}:host.pep-page-layout .pep-page-main-layout{grid-area:main-layout;overflow:hidden;height:100%;z-index:1;padding-bottom:var(--pep-footer-bar-height, 4.5rem);display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"top-area\" \"main-area\"}:host.pep-page-layout .pep-page-main-layout.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}:host.pep-page-layout .pep-page-main-layout .pep-top-area{grid-area:top-area}:host.pep-page-layout .pep-page-main-layout .pep-main-area{grid-area:main-area;overflow:auto;height:100%;display:block}:host.pep-page-layout .pep-page-main-layout .pep-main-area>*{height:inherit}\n", ".pep-page-side-layout.show-shadow{box-shadow:var(--pep-shadow-md-offset, 0 .5rem 1rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-page-layout', template: "<div class=\"pep-page-header-layout\">\n    <ng-content select=\"[pep-header-area]\"></ng-content>\n</div>\n<div class=\"pep-page-side-layout\" [ngClass]=\"{ 'show-shadow': showShadow }\">\n    <ng-content select=\"pep-side-bar\"></ng-content>\n    <ng-content select=\"[pep-side-area]\"></ng-content>\n</div>\n<div class=\"pep-page-main-layout\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"pep-top-area\">\n        <ng-content select=\"[pep-top-area]\"></ng-content>\n    </div>\n    <div class=\"pep-main-area\">\n        <ng-content select=\"[pep-main-area]\"></ng-content>\n    </div>\n</div>", styles: [":host.pep-page-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"header-layout  header-layout\" \"side-layout    main-layout\";height:100%;width:100%;overflow:hidden}:host.pep-page-layout .pep-page-header-layout{grid-area:header-layout;z-index:10}:host.pep-page-layout .pep-page-side-layout{grid-area:side-layout;overflow:hidden;height:100%;z-index:5}:host.pep-page-layout .pep-page-side-layout.show-shadow{padding-inline-end:var(--pep-spacing-lg, 1rem)}:host.pep-page-layout .pep-page-main-layout{grid-area:main-layout;overflow:hidden;height:100%;z-index:1;padding-bottom:var(--pep-footer-bar-height, 4.5rem);display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"top-area\" \"main-area\"}:host.pep-page-layout .pep-page-main-layout.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}:host.pep-page-layout .pep-page-main-layout .pep-top-area{grid-area:top-area}:host.pep-page-layout .pep-page-main-layout .pep-main-area{grid-area:main-area;overflow:auto;height:100%;display:block}:host.pep-page-layout .pep-page-main-layout .pep-main-area>*{height:inherit}\n", ".pep-page-side-layout.show-shadow{box-shadow:var(--pep-shadow-md-offset, 0 .5rem 1rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.PepCustomizationService }, { type: i1.PepLayoutService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { addPadding: [{
@@ -39,18 +39,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImpor
 
 class PepPageLayoutModule {
 }
-PepPageLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: PepPageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepPageLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: PepPageLayoutModule, declarations: [PepPageLayoutComponent], imports: [CommonModule,
+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.1", ngImport: i0, type: PepPageLayoutModule, imports: [CommonModule,
+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.1", ngImport: i0, type: PepPageLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPageLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2020/pepperi-addons-ngx-lib-plugin.mjs

@@ -0,0 +1,109 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewContainerRef, Component, ViewChild, Input, Output } from '@angular/core';
+import { loadRemoteModule } from '@angular-architects/module-federation';
+import * as i1 from '@pepperi-addons/ngx-lib';
+
+// declare let __webpack_public_path__;
+class PepPluginProxyComponent {
+    constructor(pepAddonService) {
+        this.pepAddonService = pepAddonService;
+        this._options = null;
+        // This is the data passed by the API Design documentation.
+        this._hostObject = null;
+        this.hostEvents = new EventEmitter();
+        this.load = new EventEmitter();
+    }
+    set options(value) {
+        this._options = value;
+        if (value) {
+            this.loadModule();
+        }
+    }
+    get options() {
+        return this._options;
+    }
+    set hostObject(value) {
+        this._hostObject = value;
+        this.setHostComponentIntoComponentRef();
+    }
+    get hostObject() {
+        return this._hostObject;
+    }
+    setHostComponentIntoComponentRef() {
+        if (this.hostObject && this.compRef?.instance) {
+            this.compRef.instance['hostObject'] = this.hostObject;
+            // TODO: Check if this is needed?? if not remove this.
+            // if (this.compRef?.instance?.ngOnChanges) {
+            //     this.compRef.instance.ngOnChanges(this.hostObject);
+            // }
+        }
+    }
+    async loadModule() {
+        this.viewContainer.clear();
+        debugger;
+        if (this.options?.addonId && (this.options.type === 'module' || this.options.type === 'script')) {
+            const lastSlashIndex = this.options.remoteEntry?.lastIndexOf('/') || -1;
+            if (lastSlashIndex > 0) {
+                // const publicPathArr = this.options.remoteEntry?.split('/');
+                // const publicPath = publicPathArr.slice(0, publicPathArr.length - 1).join('/')+'/';
+                // __webpack_public_path__ = publicPath;
+                const publicPath = this.options.remoteEntry.substring(0, lastSlashIndex + 1);
+                this.pepAddonService.setAddonStaticFolder(publicPath, this.options.addonId);
+            }
+        }
+        const componentType = await loadRemoteModule(this.options).then(m => m[this.options.componentName]);
+        this.compRef = this.viewContainer.createComponent(componentType);
+        if (this.compRef) {
+            this.setHostComponentIntoComponentRef();
+            this.hostEvents$ = this.compRef.instance['hostEvents']?.subscribe((e) => {
+                this.hostEvents.emit(e);
+            });
+        }
+        this.load.emit();
+    }
+    ngOnChanges() {
+    }
+    ngOnDestroy() {
+        if (this.hostEvents$) {
+            this.hostEvents$.unsubscribe();
+        }
+        this.compRef?.destroy();
+        this.viewContainer?.clear();
+    }
+}
+PepPluginProxyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPluginProxyComponent, deps: [{ token: i1.PepAddonService }], target: i0.ɵɵFactoryTarget.Component });
+PepPluginProxyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepPluginProxyComponent, isStandalone: true, selector: "pep-plugin-proxy", inputs: { options: "options", hostObject: "hostObject" }, outputs: { hostEvents: "hostEvents", load: "load" }, viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["placeHolder"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container #placeHolder></ng-container>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPluginProxyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'pep-plugin-proxy',
+                    template: `
+        <ng-container #placeHolder></ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepAddonService }]; }, propDecorators: { viewContainer: [{
+                type: ViewChild,
+                args: ['placeHolder', { read: ViewContainerRef, static: true }]
+            }], options: [{
+                type: Input
+            }], hostObject: [{
+                type: Input
+            }], hostEvents: [{
+                type: Output
+            }], load: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of ngx-lib/plugin
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PepPluginProxyComponent };
+//# sourceMappingURL=pepperi-addons-ngx-lib-plugin.mjs.map

package/fesm2020/pepperi-addons-ngx-lib-plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-lib-plugin.mjs","sources":["../../../projects/ngx-lib/plugin/plugin-proxy.component.ts","../../../projects/ngx-lib/plugin/public-api.ts","../../../projects/ngx-lib/plugin/pepperi-addons-ngx-lib-plugin.ts"],"sourcesContent":["import { Component, ComponentRef, EventEmitter, Input, OnChanges, OnDestroy, Output, ViewChild, ViewContainerRef } from '@angular/core';\nimport { loadRemoteModule } from '@angular-architects/module-federation';\nimport { PepAddonService } from '@pepperi-addons/ngx-lib';\nimport { PepPluginOptions } from './plugin.model';\nimport { Subscription } from 'rxjs';\n// declare let __webpack_public_path__;\n\n@Component({\n    standalone: true,\n    selector: 'pep-plugin-proxy',\n    template: `\n        <ng-container #placeHolder></ng-container>\n    `\n})\nexport class PepPluginProxyComponent implements OnChanges, OnDestroy {\n    @ViewChild('placeHolder', { read: ViewContainerRef, static: true })\n    viewContainer: ViewContainerRef;\n    \n    private _options: PepPluginOptions = null;\n    @Input()\n    set options(value: PepPluginOptions) {\n        this._options = value;\n        if (value) {\n            this.loadModule();\n        }\n    }\n    get options(): PepPluginOptions {\n        return this._options;\n    }\n\n    // This is the data passed by the API Design documentation.\n    private _hostObject: any = null;\n    @Input()\n    set hostObject(value: any) { \n        this._hostObject = value;\n        this.setHostComponentIntoComponentRef();\n    }\n    get hostObject(): any {\n        return this._hostObject;\n    }\n\n    @Output() hostEvents: EventEmitter<any> =  new EventEmitter();\n    @Output() load: EventEmitter<any> =  new EventEmitter();\n\n    private compRef: ComponentRef<any>;\n    private hostEvents$: Subscription;\n\n    constructor(\n        private pepAddonService: PepAddonService,\n    ) { }\n\n    private setHostComponentIntoComponentRef() {\n        if (this.hostObject && this.compRef?.instance) {\n            this.compRef.instance['hostObject'] = this.hostObject;\n\n            // TODO: Check if this is needed?? if not remove this.\n            // if (this.compRef?.instance?.ngOnChanges) {\n            //     this.compRef.instance.ngOnChanges(this.hostObject);\n            // }\n        }\n    }\n\n    private async loadModule() {\n        this.viewContainer.clear();\n    \n        debugger;\n        \n        if (this.options?.addonId && (this.options.type === 'module' || this.options.type === 'script')) {\n            \n            const lastSlashIndex = this.options.remoteEntry?.lastIndexOf('/') || -1;\n            if (lastSlashIndex > 0) {\n                // const publicPathArr = this.options.remoteEntry?.split('/');\n                // const publicPath = publicPathArr.slice(0, publicPathArr.length - 1).join('/')+'/';\n                // __webpack_public_path__ = publicPath;\n    \n                const publicPath = this.options.remoteEntry.substring(0, lastSlashIndex + 1);\n                this.pepAddonService.setAddonStaticFolder(publicPath, this.options.addonId);\n            }\n        }\n\n        const componentType = await loadRemoteModule(this.options).then(m => m[this.options.componentName]);\n        this.compRef = this.viewContainer.createComponent(componentType);\n        \n        if (this.compRef) {\n            this.setHostComponentIntoComponentRef();\n            \n            this.hostEvents$ = this.compRef.instance['hostEvents']?.subscribe((e: any) => {\n                this.hostEvents.emit(e)\n            });\n        }\n\n        this.load.emit();\n    }\n\n    ngOnChanges() {\n    }\n    \n    ngOnDestroy(): void {\n        if (this.hostEvents$) {\n            this.hostEvents$.unsubscribe();\n        }\n\n        this.compRef?.destroy();\n        this.viewContainer?.clear();\n    }\n}\n\n","/*\r\n * Public API Surface of ngx-lib/plugin\r\n */\r\nexport * from './plugin-proxy.component';\r\nexport * from './plugin.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -40,9 +40,9 @@ class ProfileDataViewComponent {
         });
     }
 }
-ProfileDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ProfileDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProfileDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", 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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ProfileDataViewComponent, decorators: [{
+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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.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: [{
@@ -97,9 +97,9 @@ class ProfileDataViewsCardComponent {
         this.dataViewDeleteClick.emit(event);
     }
 }
-ProfileDataViewsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ProfileDataViewsCardComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ProfileDataViewsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", 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: 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.1", ngImport: i0, type: ProfileDataViewsCardComponent, decorators: [{
+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: 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: [{
@@ -181,9 +181,9 @@ class ProfileDataViewsListComponent {
         this.dataViewDeleteClick.emit(event);
     }
 }
-ProfileDataViewsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ProfileDataViewsListComponent, deps: [{ token: i1$1.PepDialogService }], target: i0.ɵɵFactoryTarget.Component });
-ProfileDataViewsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: ProfileDataViewsListComponent, selector: "pep-profile-data-views-list", inputs: { defaultProfileId: "defaultProfileId", availableProfiles: "availableProfiles", profileDataViewsList: "profileDataViewsList", configurationPerScreenSize: "configurationPerScreenSize" }, outputs: { saveNewProfileClick: "saveNewProfileClick", dataViewEditClick: "dataViewEditClick", dataViewDeleteClick: "dataViewDeleteClick" }, viewQueries: [{ propertyName: "selectProfileTemplate", first: true, predicate: ["selectProfileTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"profile-data-views-list-container\">\n    <pep-profile-data-views-card *ngFor=\"let profileDataViews of profileDataViewsList\"\n        [configurationPerScreenSize]=\"configurationPerScreenSize\" [title]=\"profileDataViews.title\"\n        [profileId]=\"profileDataViews.profileId\" [dataViews]=\"profileDataViews.dataViews\"\n        [isDefault]=\"profileDataViews.profileId === defaultProfileId\"\n        (dataViewEditClick)=\"onDataViewEditClicked($event)\" (dataViewDeleteClick)=\"onDataViewDeleteClicked($event)\">\n    </pep-profile-data-views-card>\n\n    <pep-button *ngIf=\"nonExistingProfiles?.length > 0\" [value]=\"'PROFILE_DATA_VIEWS_LIST.ADD_PROFILE' | translate\"\n        iconName=\"number_plus\" sizeType=\"lg\" (buttonClick)=\"onAddProfileClicked($event)\"></pep-button>\n</div>\n\n<ng-template #selectProfileTemplate let-data>\n    <pep-dialog [title]=\"'PROFILE_DATA_VIEWS_LIST.SELECT_PROFILE_DIALOG_TITLE' | translate\" (close)=\"closeDialog()\">\n        <ng-container pep-dialog-content>\n            <pep-select [label]=\"'PROFILE_DATA_VIEWS_LIST.SELECT_PROFILE' | translate\" [options]=\"data.options\"\n                [emptyOption]=\"false\" (valueChange)=\"setSelectedNewProfileId($event)\">\n            </pep-select>\n        </ng-container>\n        <ng-container pep-dialog-actions>\n            <div class=\"pep-spacing-element-negative\">\n                <button mat-button class=\"pep-spacing-element pep-button md weak\" (click)=\"closeDialog()\">\n                    {{ 'Cancel' | translate}}\n                </button>\n                <button mat-button class=\"pep-spacing-element pep-button md strong\" (click)=\"saveNewProfile()\"\n                    [disabled]=\"selectedNewProfileId === ''\">\n                    {{ 'Save' | translate}}\n                </button>\n            </div>\n        </ng-container>\n    </pep-dialog>\n</ng-template>", styles: [".profile-data-views-list-container{display:flex;align-items:flex-start;gap:1rem}\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: i2$1.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i1$1.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "component", type: i4.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "options", "visible", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "emptyOption", "renderTitle"], outputs: ["valueChange", "formValidationChange"] }, { kind: "component", type: ProfileDataViewsCardComponent, selector: "pep-profile-data-views-card", inputs: ["profileId", "title", "dataViews", "configurationPerScreenSize", "isDefault"], outputs: ["dataViewEditClick", "dataViewDeleteClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ProfileDataViewsListComponent, decorators: [{
+ProfileDataViewsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewsListComponent, deps: [{ token: i1$1.PepDialogService }], target: i0.ɵɵFactoryTarget.Component });
+ProfileDataViewsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ProfileDataViewsListComponent, selector: "pep-profile-data-views-list", inputs: { defaultProfileId: "defaultProfileId", availableProfiles: "availableProfiles", profileDataViewsList: "profileDataViewsList", configurationPerScreenSize: "configurationPerScreenSize" }, outputs: { saveNewProfileClick: "saveNewProfileClick", dataViewEditClick: "dataViewEditClick", dataViewDeleteClick: "dataViewDeleteClick" }, viewQueries: [{ propertyName: "selectProfileTemplate", first: true, predicate: ["selectProfileTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"profile-data-views-list-container\">\n    <pep-profile-data-views-card *ngFor=\"let profileDataViews of profileDataViewsList\"\n        [configurationPerScreenSize]=\"configurationPerScreenSize\" [title]=\"profileDataViews.title\"\n        [profileId]=\"profileDataViews.profileId\" [dataViews]=\"profileDataViews.dataViews\"\n        [isDefault]=\"profileDataViews.profileId === defaultProfileId\"\n        (dataViewEditClick)=\"onDataViewEditClicked($event)\" (dataViewDeleteClick)=\"onDataViewDeleteClicked($event)\">\n    </pep-profile-data-views-card>\n\n    <pep-button *ngIf=\"nonExistingProfiles?.length > 0\" [value]=\"'PROFILE_DATA_VIEWS_LIST.ADD_PROFILE' | translate\"\n        iconName=\"number_plus\" sizeType=\"lg\" (buttonClick)=\"onAddProfileClicked($event)\"></pep-button>\n</div>\n\n<ng-template #selectProfileTemplate let-data>\n    <pep-dialog [title]=\"'PROFILE_DATA_VIEWS_LIST.SELECT_PROFILE_DIALOG_TITLE' | translate\" (close)=\"closeDialog()\">\n        <ng-container pep-dialog-content>\n            <pep-select [label]=\"'PROFILE_DATA_VIEWS_LIST.SELECT_PROFILE' | translate\" [options]=\"data.options\"\n                [emptyOption]=\"false\" (valueChange)=\"setSelectedNewProfileId($event)\">\n            </pep-select>\n        </ng-container>\n        <ng-container pep-dialog-actions>\n            <div class=\"pep-spacing-element-negative\">\n                <button mat-button class=\"pep-spacing-element pep-button md weak\" (click)=\"closeDialog()\">\n                    {{ 'Cancel' | translate}}\n                </button>\n                <button mat-button class=\"pep-spacing-element pep-button md strong\" (click)=\"saveNewProfile()\"\n                    [disabled]=\"selectedNewProfileId === ''\">\n                    {{ 'Save' | translate}}\n                </button>\n            </div>\n        </ng-container>\n    </pep-dialog>\n</ng-template>", styles: [".profile-data-views-list-container{display:flex;align-items:flex-start;gap:1rem}\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: i2$1.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i1$1.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "component", type: i4.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "options", "visible", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "emptyOption", "renderTitle"], outputs: ["valueChange", "formValidationChange"] }, { kind: "component", type: ProfileDataViewsCardComponent, selector: "pep-profile-data-views-card", inputs: ["profileId", "title", "dataViews", "configurationPerScreenSize", "isDefault"], outputs: ["dataViewEditClick", "dataViewDeleteClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ProfileDataViewsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-profile-data-views-list', template: "<div class=\"profile-data-views-list-container\">\n    <pep-profile-data-views-card *ngFor=\"let profileDataViews of profileDataViewsList\"\n        [configurationPerScreenSize]=\"configurationPerScreenSize\" [title]=\"profileDataViews.title\"\n        [profileId]=\"profileDataViews.profileId\" [dataViews]=\"profileDataViews.dataViews\"\n        [isDefault]=\"profileDataViews.profileId === defaultProfileId\"\n        (dataViewEditClick)=\"onDataViewEditClicked($event)\" (dataViewDeleteClick)=\"onDataViewDeleteClicked($event)\">\n    </pep-profile-data-views-card>\n\n    <pep-button *ngIf=\"nonExistingProfiles?.length > 0\" [value]=\"'PROFILE_DATA_VIEWS_LIST.ADD_PROFILE' | translate\"\n        iconName=\"number_plus\" sizeType=\"lg\" (buttonClick)=\"onAddProfileClicked($event)\"></pep-button>\n</div>\n\n<ng-template #selectProfileTemplate let-data>\n    <pep-dialog [title]=\"'PROFILE_DATA_VIEWS_LIST.SELECT_PROFILE_DIALOG_TITLE' | translate\" (close)=\"closeDialog()\">\n        <ng-container pep-dialog-content>\n            <pep-select [label]=\"'PROFILE_DATA_VIEWS_LIST.SELECT_PROFILE' | translate\" [options]=\"data.options\"\n                [emptyOption]=\"false\" (valueChange)=\"setSelectedNewProfileId($event)\">\n            </pep-select>\n        </ng-container>\n        <ng-container pep-dialog-actions>\n            <div class=\"pep-spacing-element-negative\">\n                <button mat-button class=\"pep-spacing-element pep-button md weak\" (click)=\"closeDialog()\">\n                    {{ 'Cancel' | translate}}\n                </button>\n                <button mat-button class=\"pep-spacing-element pep-button md strong\" (click)=\"saveNewProfile()\"\n                    [disabled]=\"selectedNewProfileId === ''\">\n                    {{ 'Save' | translate}}\n                </button>\n            </div>\n        </ng-container>\n    </pep-dialog>\n</ng-template>", styles: [".profile-data-views-list-container{display:flex;align-items:flex-start;gap:1rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.PepDialogService }]; }, propDecorators: { defaultProfileId: [{
@@ -214,8 +214,8 @@ class PepProfileDataViewsListModule {
         ]);
     }
 }
-PepProfileDataViewsListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: PepProfileDataViewsListModule, deps: [{ token: i1$2.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepProfileDataViewsListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: PepProfileDataViewsListModule, declarations: [ProfileDataViewsListComponent,
+PepProfileDataViewsListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepProfileDataViewsListModule, deps: [{ token: i1$2.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+PepProfileDataViewsListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepProfileDataViewsListModule, declarations: [ProfileDataViewsListComponent,
         ProfileDataViewsCardComponent,
         ProfileDataViewComponent], imports: [CommonModule,
         ReactiveFormsModule,
@@ -232,7 +232,7 @@ PepProfileDataViewsListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14
         PepTopBarModule], exports: [ProfileDataViewsListComponent,
         ProfileDataViewsCardComponent,
         ProfileDataViewComponent] });
-PepProfileDataViewsListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: PepProfileDataViewsListModule, imports: [CommonModule,
+PepProfileDataViewsListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepProfileDataViewsListModule, imports: [CommonModule,
         ReactiveFormsModule,
         // Material modules,
         MatDialogModule,
@@ -245,7 +245,7 @@ PepProfileDataViewsListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12
         PepMenuModule,
         PepIconModule,
         PepTopBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: PepProfileDataViewsListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepProfileDataViewsListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [