@pepperi-addons/ngx-lib 0.3.15-loader.8 → 0.4.0-angular14.10

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

@@ -0,0 +1,112 @@
+import { __awaiter } from 'tslib';
+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';
+
+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() {
+        var _a;
+        if (this.hostObject && ((_a = this.compRef) === null || _a === void 0 ? void 0 : _a.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);
+            // }
+        }
+    }
+    loadModule() {
+        var _a, _b, _c;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.viewContainer.clear();
+            debugger;
+            // TODO: Implement on the relation.
+            this.options.type = 'module';
+            if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.addonId) && (this.options.type === 'module' || this.options.type === 'script')) {
+                const publicPathArr = (_b = this.options.remoteEntry) === null || _b === void 0 ? void 0 : _b.split('/');
+                const publicPath = publicPathArr.slice(0, publicPathArr.length - 1).join('/') + '/';
+                __webpack_public_path__ = publicPath;
+                this.pepAddonService.setAddonStaticFolder(publicPath, this.options.addonId);
+            }
+            const componentType = yield loadRemoteModule(this.options).then(m => m[this.options.componentName]);
+            this.compRef = this.viewContainer.createComponent(componentType);
+            if (this.compRef) {
+                this.setHostComponentIntoComponentRef();
+                this.hostEvents$ = (_c = this.compRef.instance['hostEvents']) === null || _c === void 0 ? void 0 : _c.subscribe((e) => {
+                    this.hostEvents.emit(e);
+                });
+            }
+            this.load.emit();
+        });
+    }
+    ngOnChanges() {
+    }
+    ngOnDestroy() {
+        var _a, _b;
+        if (this.hostEvents$) {
+            this.hostEvents$.unsubscribe();
+        }
+        (_a = this.compRef) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.viewContainer) === null || _b === void 0 ? void 0 : _b.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/fesm2015/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';\ndeclare 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        // TODO: Implement on the relation.\n        this.options.type = 'module';\n\n        if (this.options?.addonId && (this.options.type === 'module' || this.options.type === 'script')) {\n            const publicPathArr = this.options.remoteEntry?.split('/');\n            const publicPath = publicPathArr.slice(0, publicPathArr.length - 1).join('/')+'/';\n            __webpack_public_path__ = publicPath;\n            this.pepAddonService.setAddonStaticFolder(publicPath, this.options.addonId);\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/fesm2015/pepperi-addons-ngx-lib-profile-data-views-list.mjs

@@ -0,0 +1,289 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, TemplateRef, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@ngx-translate/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@pepperi-addons/ngx-lib/menu';
+import { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';
+import * as i2$1 from '@pepperi-addons/ngx-lib/button';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatMenuModule } from '@angular/material/menu';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i1$1 from '@pepperi-addons/ngx-lib/dialog';
+import { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
+import * as i4 from '@pepperi-addons/ngx-lib/select';
+import { PepSelectModule } from '@pepperi-addons/ngx-lib/select';
+import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
+import * as i1$2 from '@pepperi-addons/ngx-lib/icon';
+import { pepIconSystemEdit, pepIconSystemMenu, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
+
+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: 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: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], canDelete: [{
+                type: Input
+            }], editClick: [{
+                type: Output
+            }], deleteClick: [{
+                type: Output
+            }] } });
+
+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: 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
+            }] } });
+
+class ProfileDataViewsListComponent {
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+        this.defaultProfileId = '';
+        this._availableProfiles = [];
+        this._profileDataViewsList = [];
+        this.configurationPerScreenSize = false;
+        this.saveNewProfileClick = new EventEmitter();
+        this.dataViewEditClick = new EventEmitter();
+        this.dataViewDeleteClick = new EventEmitter();
+        this.selectedNewProfileId = '';
+        this.nonExistingProfiles = [];
+    }
+    set availableProfiles(value) {
+        this._availableProfiles = value;
+        this.setNonExistingProfiles();
+    }
+    get availableProfiles() {
+        return this._availableProfiles;
+    }
+    set profileDataViewsList(value) {
+        this._profileDataViewsList = value;
+        this.setNonExistingProfiles();
+    }
+    get profileDataViewsList() {
+        return this._profileDataViewsList;
+    }
+    // Set the profiles that not exist already in profileDataViewsList.
+    setNonExistingProfiles() {
+        this.nonExistingProfiles = this.availableProfiles.filter(ap => this.profileDataViewsList.findIndex(pdv => pdv.profileId === ap.id) === -1);
+    }
+    ngOnInit() {
+        //
+    }
+    setSelectedNewProfileId(value) {
+        this.selectedNewProfileId = value;
+    }
+    closeDialog() {
+        var _a;
+        (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close();
+    }
+    saveNewProfile() {
+        // Add the new profile
+        this.saveNewProfileClick.emit(this.selectedNewProfileId);
+        this.closeDialog();
+    }
+    onAddProfileClicked(event) {
+        // Raise select profile dialog
+        this.selectedNewProfileId = '';
+        const options = [];
+        options.push(...(this.nonExistingProfiles.map((opt) => {
+            return {
+                key: opt.id, value: opt.name
+            };
+        })));
+        this.dialogRef = this.dialogService.openDialog(this.selectProfileTemplate, { options });
+    }
+    onDataViewEditClicked(event) {
+        this.dataViewEditClick.emit(event);
+    }
+    onDataViewDeleteClicked(event) {
+        this.dataViewDeleteClick.emit(event);
+    }
+}
+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: [{
+                type: Input
+            }], availableProfiles: [{
+                type: Input
+            }], profileDataViewsList: [{
+                type: Input
+            }], configurationPerScreenSize: [{
+                type: Input
+            }], saveNewProfileClick: [{
+                type: Output
+            }], dataViewEditClick: [{
+                type: Output
+            }], dataViewDeleteClick: [{
+                type: Output
+            }], selectProfileTemplate: [{
+                type: ViewChild,
+                args: ['selectProfileTemplate', { read: TemplateRef }]
+            }] } });
+
+class PepProfileDataViewsListModule {
+    constructor(pepIconRegistry) {
+        this.pepIconRegistry = pepIconRegistry;
+        this.pepIconRegistry.registerIcons([
+            pepIconSystemEdit,
+            pepIconSystemMenu,
+        ]);
+    }
+}
+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,
+        // Material modules,
+        MatDialogModule,
+        MatMenuModule,
+        // ngx-lib modules
+        PepNgxLibModule,
+        PepButtonModule,
+        PepDialogModule,
+        PepSelectModule,
+        PepMenuModule,
+        PepIconModule,
+        PepTopBarModule], exports: [ProfileDataViewsListComponent,
+        ProfileDataViewsCardComponent,
+        ProfileDataViewComponent] });
+PepProfileDataViewsListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepProfileDataViewsListModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        // Material modules,
+        MatDialogModule,
+        MatMenuModule,
+        // ngx-lib modules
+        PepNgxLibModule,
+        PepButtonModule,
+        PepDialogModule,
+        PepSelectModule,
+        PepMenuModule,
+        PepIconModule,
+        PepTopBarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepProfileDataViewsListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ProfileDataViewsListComponent,
+                        ProfileDataViewsCardComponent,
+                        ProfileDataViewComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Material modules,
+                        MatDialogModule,
+                        MatMenuModule,
+                        // ngx-lib modules
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepDialogModule,
+                        PepSelectModule,
+                        PepMenuModule,
+                        PepIconModule,
+                        PepTopBarModule,
+                    ],
+                    exports: [
+                        ProfileDataViewsListComponent,
+                        ProfileDataViewsCardComponent,
+                        ProfileDataViewComponent
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.PepIconRegistry }]; } });
+
+/*
+ * Public API Surface of ngx-lib/profile-data-views-list
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PepProfileDataViewsListModule, ProfileDataViewComponent, ProfileDataViewsCardComponent, ProfileDataViewsListComponent };
+//# sourceMappingURL=pepperi-addons-ngx-lib-profile-data-views-list.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-lib-profile-data-views-list.mjs","sources":["../../../projects/ngx-lib/profile-data-views-list/profile-data-view/profile-data-view.component.ts","../../../projects/ngx-lib/profile-data-views-list/profile-data-view/profile-data-view.component.html","../../../projects/ngx-lib/profile-data-views-list/profile-data-views-card/profile-data-views-card.component.ts","../../../projects/ngx-lib/profile-data-views-list/profile-data-views-card/profile-data-views-card.component.html","../../../projects/ngx-lib/profile-data-views-list/profile-data-views-list.component.ts","../../../projects/ngx-lib/profile-data-views-list/profile-data-views-list.component.html","../../../projects/ngx-lib/profile-data-views-list/profile-data-views-list.module.ts","../../../projects/ngx-lib/profile-data-views-list/public-api.ts","../../../projects/ngx-lib/profile-data-views-list/pepperi-addons-ngx-lib-profile-data-views-list.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { IPepButtonClickEvent } from '@pepperi-addons/ngx-lib/button';\nimport { IPepProfileDataViewClickEvent } from '../profile-data-views-list.model';\n\n@Component({\n    selector: 'pep-profile-data-view',\n    templateUrl: './profile-data-view.component.html',\n    styleUrls: ['./profile-data-view.component.scss', './profile-data-view.component.theme.scss']\n})\nexport class ProfileDataViewComponent implements OnInit {\n    @Input() dataViewId: string;\n    @Input() title: string;\n    @Input() fields: string[];\n    @Input() canDelete = true;\n\n    @Output() editClick: EventEmitter<IPepProfileDataViewClickEvent> = new EventEmitter<IPepProfileDataViewClickEvent>();\n    @Output() deleteClick: EventEmitter<IPepProfileDataViewClickEvent> = new EventEmitter<IPepProfileDataViewClickEvent>();\n\n    constructor() {\n        //\n     }\n\n    ngOnInit() {\n        //\n    }\n\n    onEditClicked(event: IPepButtonClickEvent): void {\n        this.editClick.emit({\n            dataViewId: this.dataViewId\n        });\n    }\n\n    onDeleteClicked(event: IPepButtonClickEvent): void {\n        this.deleteClick.emit({\n            dataViewId: this.dataViewId\n        });\n    }\n}\n","<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>","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { BaseDataView, DataViewType } from '@pepperi-addons/papi-sdk';\nimport { IPepProfileDataView, IPepProfileDataViewClickEvent } from '../profile-data-views-list.model';\nimport { IPepMenuItemClickEvent, PepMenuItem } from '@pepperi-addons/ngx-lib/menu';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n    selector: 'pep-profile-data-views-card',\n    templateUrl: './profile-data-views-card.component.html',\n    styleUrls: ['./profile-data-views-card.component.scss', './profile-data-views-card.component.theme.scss']\n})\nexport class ProfileDataViewsCardComponent implements OnInit {\n    @Input() profileId = '';\n    @Input() title = '';\n    @Input() dataViews: IPepProfileDataView[] = [];\n    @Input() configurationPerScreenSize = false;\n    @Input() isDefault = false;\n\n    @Output() dataViewEditClick: EventEmitter<IPepProfileDataViewClickEvent> = new EventEmitter<IPepProfileDataViewClickEvent>();\n    @Output() dataViewDeleteClick: EventEmitter<IPepProfileDataViewClickEvent> = new EventEmitter<IPepProfileDataViewClickEvent>();\n\n    menuItems: Array<PepMenuItem> = [];\n\n    constructor(private translate: TranslateService) { }\n\n    private loadMenuItems(): void {\n        const removeKey = 'ACTIONS.REMOVE';\n        // Load translation before get the options in the children.\n        this.translate.get([removeKey]).subscribe((res) => {\n            this.menuItems = [\n                { key: 'delete', text: this.translate.instant(res[removeKey]) }\n            ];\n        });\n    }\n\n    ngOnInit() {\n        this.loadMenuItems();\n    }\n\n    onMenuItemClicked(action: IPepMenuItemClickEvent) {\n        if (this.dataViews.length === 1) {\n            if (action.source.key === 'delete') {\n                this.onDataViewDeleteClicked({ dataViewId: this.dataViews[0].dataViewId });\n            }\n        }\n\n    }\n\n    onDataViewEditClicked(event: IPepProfileDataViewClickEvent): void {\n        this.dataViewEditClick.emit(event);\n    }\n\n    onDataViewDeleteClicked(event: IPepProfileDataViewClickEvent): void {\n        this.dataViewDeleteClick.emit(event);\n    }\n}\n","<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>","import { Component, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { MatDialogRef } from '@angular/material/dialog';\n\nimport { BaseDataView, DataViewType } from '@pepperi-addons/papi-sdk';\nimport { IPepButtonClickEvent } from '@pepperi-addons/ngx-lib/button';\nimport { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';\nimport { IPepOption } from '@pepperi-addons/ngx-lib';\nimport { IPepProfile, IPepProfileDataViewClickEvent, IPepProfileDataViewsCard } from './profile-data-views-list.model';\n\n@Component({\n    selector: 'pep-profile-data-views-list',\n    templateUrl: './profile-data-views-list.component.html',\n    styleUrls: ['./profile-data-views-list.component.scss']\n})\nexport class ProfileDataViewsListComponent implements OnInit {\n    @Input() defaultProfileId = '';\n\n    private _availableProfiles: Array<IPepProfile> = [];\n    @Input()\n    set availableProfiles(value: Array<IPepProfile>) {\n        this._availableProfiles = value;\n        this.setNonExistingProfiles();\n    }\n    get availableProfiles(): Array<IPepProfile> {\n        return this._availableProfiles;\n    }\n\n    private _profileDataViewsList: Array<IPepProfileDataViewsCard> = [];\n    @Input()\n    set profileDataViewsList(value: Array<IPepProfileDataViewsCard>) {\n        this._profileDataViewsList = value;\n        this.setNonExistingProfiles();\n    }\n    get profileDataViewsList(): Array<IPepProfileDataViewsCard> {\n        return this._profileDataViewsList;\n    }\n\n    @Input() configurationPerScreenSize = false;\n\n    @Output() saveNewProfileClick: EventEmitter<string> = new EventEmitter<string>();\n    @Output() dataViewEditClick: EventEmitter<IPepProfileDataViewClickEvent> = new EventEmitter<IPepProfileDataViewClickEvent>();\n    @Output() dataViewDeleteClick: EventEmitter<IPepProfileDataViewClickEvent> = new EventEmitter<IPepProfileDataViewClickEvent>();\n\n    @ViewChild('selectProfileTemplate', { read: TemplateRef }) selectProfileTemplate: TemplateRef<any>;\n\n    dialogRef: MatDialogRef<any>;\n    selectedNewProfileId = '';\n    nonExistingProfiles: Array<IPepProfile> = [];\n\n    // Set the profiles that not exist already in profileDataViewsList.\n    private setNonExistingProfiles() {\n        this.nonExistingProfiles = this.availableProfiles.filter(ap => this.profileDataViewsList.findIndex(pdv => pdv.profileId === ap.id) === -1);\n    }\n\n    constructor(\n        private dialogService: PepDialogService\n    ) { }\n\n    ngOnInit() {\n        //\n    }\n\n    setSelectedNewProfileId(value: string) {\n        this.selectedNewProfileId = value;\n    }\n\n    closeDialog(): void {\n        this.dialogRef?.close();\n    }\n\n    saveNewProfile() {\n        // Add the new profile\n        this.saveNewProfileClick.emit(this.selectedNewProfileId);\n        this.closeDialog();\n    }\n\n    onAddProfileClicked(event: IPepButtonClickEvent) {\n        // Raise select profile dialog\n        this.selectedNewProfileId = '';\n        const options: Array<IPepOption> = [];\n        options.push(...(this.nonExistingProfiles.map((opt) => {\n            return {\n                key: opt.id, value: opt.name\n            };\n        })));\n        this.dialogRef = this.dialogService.openDialog(this.selectProfileTemplate, { options });\n    }\n\n    onDataViewEditClicked(event: IPepProfileDataViewClickEvent): void {\n        this.dataViewEditClick.emit(event);\n    }\n\n    onDataViewDeleteClicked(event: IPepProfileDataViewClickEvent): void {\n        this.dataViewDeleteClick.emit(event);\n    }\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\nimport { PepSelectModule } from '@pepperi-addons/ngx-lib/select';\nimport { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\n\nimport { ProfileDataViewsListComponent } from './profile-data-views-list.component';\nimport { ProfileDataViewsCardComponent } from './profile-data-views-card/profile-data-views-card.component';\nimport { ProfileDataViewComponent } from './profile-data-view/profile-data-view.component';\n\nimport {\n    PepIconModule,\n    PepIconRegistry,\n    pepIconSystemEdit,\n    pepIconSystemMenu,\n} from '@pepperi-addons/ngx-lib/icon';\n\n@NgModule({\n    declarations: [\n        ProfileDataViewsListComponent,\n        ProfileDataViewsCardComponent,\n        ProfileDataViewComponent\n    ],\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n        // Material modules,\n        MatDialogModule,\n        MatMenuModule,\n        // ngx-lib modules\n        PepNgxLibModule,\n        PepButtonModule,\n        PepDialogModule,\n        PepSelectModule,\n        PepMenuModule,\n        PepIconModule,\n        PepTopBarModule,\n    ],\n    exports: [\n        ProfileDataViewsListComponent,\n        ProfileDataViewsCardComponent,\n        ProfileDataViewComponent\n    ],\n})\nexport class PepProfileDataViewsListModule {\n    constructor(private pepIconRegistry: PepIconRegistry) {\n        this.pepIconRegistry.registerIcons([\n            pepIconSystemEdit,\n            pepIconSystemMenu,\n        ]);\n    }\n}\n","/*\n * Public API Surface of ngx-lib/profile-data-views-list\n */\nexport * from './profile-data-views-card/profile-data-views-card.component';\nexport * from './profile-data-view/profile-data-view.component';\n\nexport * from './profile-data-views-list.module';\nexport * from './profile-data-views-list.model';\nexport * from './profile-data-views-list.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3","i4.ProfileDataViewComponent","i5.ProfileDataViewsCardComponent","i6"],"mappings":"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"}