@pepperi-addons/ngx-composite-lib 0.5.0-ng15.1 → 0.5.0-ng16.2

package/{fesm2020 → fesm2022}/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs

@@ -17,10 +17,10 @@ class FlowPickerService {
     async searchFlows(flowKey) {
         return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name'] }));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlowPickerService, deps: [{ token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlowPickerService, providedIn: 'root' }); }
 }
-FlowPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlowPickerService, deps: [{ token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlowPickerService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlowPickerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlowPickerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -97,10 +97,10 @@ class FlowPickerButtonComponent {
             }
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlowPickerButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.PepAddonBlockLoaderService }, { token: FlowPickerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FlowPickerButtonComponent, selector: "pep-flow-picker-button", inputs: { flowHostObject: "flowHostObject", disabled: "disabled", styleType: "styleType", flowDlgSize: "flowDlgSize" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\n    [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n    [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
-FlowPickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlowPickerButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.PepAddonBlockLoaderService }, { token: FlowPickerService }], target: i0.ɵɵFactoryTarget.Component });
-FlowPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FlowPickerButtonComponent, selector: "pep-flow-picker-button", inputs: { flowHostObject: "flowHostObject", disabled: "disabled", styleType: "styleType", flowDlgSize: "flowDlgSize" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\n    [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n    [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlowPickerButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlowPickerButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\n    [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n    [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.PepAddonBlockLoaderService }, { type: FlowPickerService }]; }, propDecorators: { flowHostObject: [{
@@ -116,17 +116,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepFlowPickerButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFlowPickerButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepFlowPickerButtonModule, declarations: [FlowPickerButtonComponent], imports: [CommonModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            PepRemoteLoaderModule], exports: [FlowPickerButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFlowPickerButtonModule, providers: [FlowPickerService], imports: [CommonModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            PepRemoteLoaderModule] }); }
 }
-PepFlowPickerButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFlowPickerButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepFlowPickerButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepFlowPickerButtonModule, declarations: [FlowPickerButtonComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepButtonModule,
-        PepRemoteLoaderModule], exports: [FlowPickerButtonComponent] });
-PepFlowPickerButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFlowPickerButtonModule, providers: [FlowPickerService], imports: [CommonModule,
-        PepNgxLibModule,
-        PepButtonModule,
-        PepRemoteLoaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFlowPickerButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFlowPickerButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/{fesm2020 → fesm2022}/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-flow-picker-button.mjs","sources":["../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.service.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.html","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.module.ts","../../../projects/ngx-composite-lib/flow-picker-button/public-api.ts","../../../projects/ngx-composite-lib/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { PepHttpService, PepSessionService } from '@pepperi-addons/ngx-lib';\nimport { lastValueFrom } from \"rxjs\";\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class FlowPickerService {\n    \n    constructor(\n        private httpService: PepHttpService\n        ) {\n    }\n    \n    async searchFlows(flowKey: string): Promise<any> {\n        return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name']}));\n    }\n}","import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepStyleType } from '@pepperi-addons/ngx-lib';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { FlowPickerService } from './flow-picker-button.service';\nimport { PepDialogSizeType } from '@pepperi-addons/ngx-lib/dialog';\n\n@Component({\n    selector: 'pep-flow-picker-button',\n    templateUrl: './flow-picker-button.component.html',\n    styleUrls: ['./flow-picker-button.component.scss']\n})\nexport class FlowPickerButtonComponent implements OnInit {\n\n    private _flowHostObject: any = undefined;\n    @Input()\n    set flowHostObject(value: any) {\n        this._flowHostObject = value;\n        \n        // If there is a flow key - search for the flow name.\n        if (value?.runFlowData?.FlowKey) {\n            this.setChoosenFlow(value.runFlowData.FlowKey);\n        } else {\n            this.initChoosenFlow('');\n        }\n    }\n    get flowHostObject(): any {\n        return this._flowHostObject;\n    }\n\n    @Input() disabled = false;\n    @Input() styleType: PepStyleType = 'weak';\n    @Input() flowDlgSize: PepDialogSizeType = 'regular';\n    @Output()\n    flowChange: EventEmitter<any> = new EventEmitter<any>();\n    \n    protected choosenFlowName = '';\n    protected choosenFlowKey = '';\n\n    constructor(\n        private viewContainerRef: ViewContainerRef,\n        private addonBlockLoaderService: PepAddonBlockLoaderService, \n        private flowPickerService: FlowPickerService) { }\n\n    private initChoosenFlow(flowKey: string) {\n        this.choosenFlowKey = flowKey;\n        this.choosenFlowName = '';\n    }\n\n    private setChoosenFlow(flowKey: string) {\n        // If this is not the same flow key\n        if (this.choosenFlowKey !== flowKey) {\n            this.initChoosenFlow(flowKey);\n    \n            // Search for the flow name.\n            this.flowPickerService.searchFlows(flowKey).then(flows => {\n                if (flows?.Objects?.length > 0) {\n                    this.choosenFlowName = flows.Objects[0].Name || undefined;\n                }\n            });\n        }\n    }\n\n    ngOnInit() {\n        // Do nothing.\n    }\n\n    openFlowPickerDialog() {\n        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n            container: this.viewContainerRef,\n            name: 'FlowPicker',\n            size: this.flowDlgSize,\n            hostObject: this.flowHostObject,\n            hostEventsCallback: async (event) => {\n                if (event.action === 'on-done') {\n                    // If flow key exist - search for the flow name.\n                    if (event.data?.FlowKey) {\n                        this.setChoosenFlow(event.data.FlowKey);\n                        this.flowChange.emit(event.data);\n                    } else {\n                        this.initChoosenFlow('');\n                        this.flowChange.emit(null);\n                    }\n\n                    dialogRef?.close();\n                } else if (event.action === 'on-cancel') {\n                    dialogRef?.close();\n                }\n            }\n        });\n    }\n}\n","<pep-button class=\"flow-button\" [styleType]=\"styleType\"\n    [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n    [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport { FlowPickerButtonComponent } from './flow-picker-button.component';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@NgModule({\n    declarations: [\n        FlowPickerButtonComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        PepRemoteLoaderModule\n    ],\n    providers: [FlowPickerService],\n    exports: [FlowPickerButtonComponent],\n})\nexport class PepFlowPickerButtonModule { }\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\n */\nexport * from './flow-picker-button.module';\nexport * from './flow-picker-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.FlowPickerService"],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-flow-picker-button.mjs","sources":["../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.service.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.html","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.module.ts","../../../projects/ngx-composite-lib/flow-picker-button/public-api.ts","../../../projects/ngx-composite-lib/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { PepHttpService, PepSessionService } from '@pepperi-addons/ngx-lib';\nimport { lastValueFrom } from \"rxjs\";\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class FlowPickerService {\n    \n    constructor(\n        private httpService: PepHttpService\n        ) {\n    }\n    \n    async searchFlows(flowKey: string): Promise<any> {\n        return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name']}));\n    }\n}","import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepStyleType } from '@pepperi-addons/ngx-lib';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { FlowPickerService } from './flow-picker-button.service';\nimport { PepDialogSizeType } from '@pepperi-addons/ngx-lib/dialog';\n\n@Component({\n    selector: 'pep-flow-picker-button',\n    templateUrl: './flow-picker-button.component.html',\n    styleUrls: ['./flow-picker-button.component.scss']\n})\nexport class FlowPickerButtonComponent implements OnInit {\n\n    private _flowHostObject: any = undefined;\n    @Input()\n    set flowHostObject(value: any) {\n        this._flowHostObject = value;\n        \n        // If there is a flow key - search for the flow name.\n        if (value?.runFlowData?.FlowKey) {\n            this.setChoosenFlow(value.runFlowData.FlowKey);\n        } else {\n            this.initChoosenFlow('');\n        }\n    }\n    get flowHostObject(): any {\n        return this._flowHostObject;\n    }\n\n    @Input() disabled = false;\n    @Input() styleType: PepStyleType = 'weak';\n    @Input() flowDlgSize: PepDialogSizeType = 'regular';\n    @Output()\n    flowChange: EventEmitter<any> = new EventEmitter<any>();\n    \n    protected choosenFlowName = '';\n    protected choosenFlowKey = '';\n\n    constructor(\n        private viewContainerRef: ViewContainerRef,\n        private addonBlockLoaderService: PepAddonBlockLoaderService, \n        private flowPickerService: FlowPickerService) { }\n\n    private initChoosenFlow(flowKey: string) {\n        this.choosenFlowKey = flowKey;\n        this.choosenFlowName = '';\n    }\n\n    private setChoosenFlow(flowKey: string) {\n        // If this is not the same flow key\n        if (this.choosenFlowKey !== flowKey) {\n            this.initChoosenFlow(flowKey);\n    \n            // Search for the flow name.\n            this.flowPickerService.searchFlows(flowKey).then(flows => {\n                if (flows?.Objects?.length > 0) {\n                    this.choosenFlowName = flows.Objects[0].Name || undefined;\n                }\n            });\n        }\n    }\n\n    ngOnInit() {\n        // Do nothing.\n    }\n\n    openFlowPickerDialog() {\n        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n            container: this.viewContainerRef,\n            name: 'FlowPicker',\n            size: this.flowDlgSize,\n            hostObject: this.flowHostObject,\n            hostEventsCallback: async (event) => {\n                if (event.action === 'on-done') {\n                    // If flow key exist - search for the flow name.\n                    if (event.data?.FlowKey) {\n                        this.setChoosenFlow(event.data.FlowKey);\n                        this.flowChange.emit(event.data);\n                    } else {\n                        this.initChoosenFlow('');\n                        this.flowChange.emit(null);\n                    }\n\n                    dialogRef?.close();\n                } else if (event.action === 'on-cancel') {\n                    dialogRef?.close();\n                }\n            }\n        });\n    }\n}\n","<pep-button class=\"flow-button\" [styleType]=\"styleType\"\n    [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n    [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport { FlowPickerButtonComponent } from './flow-picker-button.component';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@NgModule({\n    declarations: [\n        FlowPickerButtonComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        PepRemoteLoaderModule\n    ],\n    providers: [FlowPickerService],\n    exports: [FlowPickerButtonComponent],\n})\nexport class PepFlowPickerButtonModule { }\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\n */\nexport * from './flow-picker-button.module';\nexport * from './flow-picker-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.FlowPickerService"],"mappings":"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"}

package/{fesm2020 → fesm2022}/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs

@@ -47,10 +47,10 @@ class GenericFieldsBuilderService {
     onDragEnd(event) {
         this.changeCursorOnDragEnd();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericFieldsBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericFieldsBuilderService, providedIn: 'root' }); }
 }
-GenericFieldsBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericFieldsBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-GenericFieldsBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericFieldsBuilderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericFieldsBuilderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericFieldsBuilderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -64,10 +64,10 @@ class FieldContainerComponent {
     ngOnInit() {
         //
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldContainerComponent, deps: [{ token: GenericFieldsBuilderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FieldContainerComponent, selector: "pep-field-container", ngImport: i0, template: "<div class=\"mapped-field-container\" >\n    <div class=\"field-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</div>", styles: [".mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));min-height:2.5rem}\n"] }); }
 }
-FieldContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FieldContainerComponent, deps: [{ token: GenericFieldsBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-FieldContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FieldContainerComponent, selector: "pep-field-container", ngImport: i0, template: "<div class=\"mapped-field-container\" >\n    <div class=\"field-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</div>", styles: [".mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));min-height:2.5rem}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FieldContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-field-container', template: "<div class=\"mapped-field-container\" >\n    <div class=\"field-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</div>", styles: [".mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));min-height:2.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: GenericFieldsBuilderService }]; } });
@@ -148,10 +148,10 @@ class GenericFieldsBuilderComponent {
             this.addNewField(event.previousContainer.data[event.previousIndex], event.currentIndex);
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericFieldsBuilderComponent, deps: [{ token: GenericFieldsBuilderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericFieldsBuilderComponent, selector: "pep-generic-fields-builder", inputs: { builderTitle: "builderTitle", builderTitleHint: "builderTitleHint", showAddSeparator: "showAddSeparator", itemKeyLabel: "itemKeyLabel", itemTitleLabel: "itemTitleLabel", setAddedFieldDataCallback: "setAddedFieldDataCallback", availableFields: "availableFields", fieldTemplate: "fieldTemplate", fields: "fields" }, outputs: { fieldsChange: "fieldsChange", fieldAdd: "fieldAdd" }, ngImport: i0, template: "<pep-page-layout >\n    <ng-container pep-main-area>\n        <div *ngIf=\"availableFields\" class=\"mapped-fields-container\">\n            <div class=\"available-fields-side-area\">\n                <pep-draggable-items [items]=\"availableFields\" [title]=\"'GENERIC_FIELDS_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                    itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                </pep-draggable-items>\n            </div>\n            <div pep-main-area class=\"mapped-fields-main-area\">\n                <div class=\"mapped-fields-top-area pep-border-bottom\"\n                    [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                    <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                    <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                </div>\n                \n                <div class=\"fields-area\">\n                    <ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n                    <ng-template #emptyTemplate>\n                        <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n                            <mat-icon class=\"pep-spacing-element\">\n                                <pep-icon name=\"arrow_down_alt\"></pep-icon>\n                            </mat-icon>\n                            <span class=\"body-sm ellipsis\">\n                                {{ 'GENERIC_FIELDS_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n                            </span> \n                        </div>\n                    </ng-template>\n                    <ng-template #notEmptyTemplate>\n                        <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n                            cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n                            <ng-container *ngFor=\"let field of fields; let i = index\" >\n                                <pep-field-container cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                </pep-field-container>\n                                <!-- <div class=\"mapped-field-container\" \n                                    cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    \n                                    <div class=\"field-wrapper\">\n                                        <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                    </div>\n                                </div> -->\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</pep-page-layout>\n\n<ng-template #defaultTemplate let-field=\"field\" let-index=\"index\">\n    {{ 'GENERIC_FIELDS_BUILDER.TEMPLATE_NOT_SUPPLIED' | translate: { fieldTitle: field.title || field.key } }}\n</ng-template>\n", styles: [".mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));min-height:2.5rem}.mapped-fields-container{display:grid;height:100%;grid-template-columns:auto 1fr;grid-template-areas:\"side-area    main-area\"}.mapped-fields-container .available-fields-side-area{grid-area:side-area;width:240px;max-width:240px;overflow:auto;height:inherit;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{display:grid;grid-template-rows:auto 1fr;grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem);overflow:auto;height:inherit}.mapped-fields-container .mapped-fields-main-area .mapped-fields-top-area{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;align-items:center}.mapped-fields-container .mapped-fields-main-area .fields-area{overflow:auto;height:inherit;padding-top:var(--pep-spacing-lg, 1rem);padding-bottom:var(--pep-spacing-lg, 1rem);padding-inline:var(--pep-spacing-xs, .25rem)}.drop-field-here-area{min-height:5rem;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08);position:relative}.drop-field-here-area:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px dashed hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 30%))}.drop-field-here-area.cdk-drop-list-dragging{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging:hover{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%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{display:none}.mapped-fields-area{display:flex;flex-direction:column;gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);height:0!important}.mapped-fields-area .cdk-drag-placeholder ::ng-deep .mapped-field-container{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.mapped-fields-area .cdk-drag-placeholder ::ng-deep .mapped-field-container .field-wrapper{opacity:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i6.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { kind: "component", type: i7.PepDraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { kind: "component", type: FieldContainerComponent, selector: "pep-field-container" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
 }
-GenericFieldsBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericFieldsBuilderComponent, deps: [{ token: GenericFieldsBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-GenericFieldsBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GenericFieldsBuilderComponent, selector: "pep-generic-fields-builder", inputs: { builderTitle: "builderTitle", builderTitleHint: "builderTitleHint", showAddSeparator: "showAddSeparator", itemKeyLabel: "itemKeyLabel", itemTitleLabel: "itemTitleLabel", setAddedFieldDataCallback: "setAddedFieldDataCallback", availableFields: "availableFields", fieldTemplate: "fieldTemplate", fields: "fields" }, outputs: { fieldsChange: "fieldsChange", fieldAdd: "fieldAdd" }, ngImport: i0, template: "<pep-page-layout >\n    <ng-container pep-main-area>\n        <div *ngIf=\"availableFields\" class=\"mapped-fields-container\">\n            <div class=\"available-fields-side-area\">\n                <pep-draggable-items [items]=\"availableFields\" [title]=\"'GENERIC_FIELDS_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                    itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                </pep-draggable-items>\n            </div>\n            <div pep-main-area class=\"mapped-fields-main-area\">\n                <div class=\"mapped-fields-top-area pep-border-bottom\"\n                    [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                    <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                    <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                </div>\n                \n                <div class=\"fields-area\">\n                    <ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n                    <ng-template #emptyTemplate>\n                        <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n                            <mat-icon class=\"pep-spacing-element\">\n                                <pep-icon name=\"arrow_down_alt\"></pep-icon>\n                            </mat-icon>\n                            <span class=\"body-sm ellipsis\">\n                                {{ 'GENERIC_FIELDS_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n                            </span> \n                        </div>\n                    </ng-template>\n                    <ng-template #notEmptyTemplate>\n                        <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n                            cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n                            <ng-container *ngFor=\"let field of fields; let i = index\" >\n                                <pep-field-container cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                </pep-field-container>\n                                <!-- <div class=\"mapped-field-container\" \n                                    cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    \n                                    <div class=\"field-wrapper\">\n                                        <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                    </div>\n                                </div> -->\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</pep-page-layout>\n\n<ng-template #defaultTemplate let-field=\"field\" let-index=\"index\">\n    {{ 'GENERIC_FIELDS_BUILDER.TEMPLATE_NOT_SUPPLIED' | translate: { fieldTitle: field.title || field.key } }}\n</ng-template>\n", styles: [".mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));min-height:2.5rem}.mapped-fields-container{display:grid;height:100%;grid-template-columns:auto 1fr;grid-template-areas:\"side-area    main-area\"}.mapped-fields-container .available-fields-side-area{grid-area:side-area;width:240px;max-width:240px;overflow:auto;height:inherit;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{display:grid;grid-template-rows:auto 1fr;grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem);overflow:auto;height:inherit}.mapped-fields-container .mapped-fields-main-area .mapped-fields-top-area{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;align-items:center}.mapped-fields-container .mapped-fields-main-area .fields-area{overflow:auto;height:inherit;padding-top:var(--pep-spacing-lg, 1rem);padding-bottom:var(--pep-spacing-lg, 1rem);padding-inline:var(--pep-spacing-xs, .25rem)}.drop-field-here-area{min-height:5rem;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08);position:relative}.drop-field-here-area:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px dashed hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 30%))}.drop-field-here-area.cdk-drop-list-dragging{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging:hover{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%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{display:none}.mapped-fields-area{display:flex;flex-direction:column;gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);height:0!important}.mapped-fields-area .cdk-drag-placeholder ::ng-deep .mapped-field-container{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.mapped-fields-area .cdk-drag-placeholder ::ng-deep .mapped-field-container .field-wrapper{opacity:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i6.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { kind: "component", type: i7.PepDraggableItemsComponent, selector: "pep-draggable-items", inputs: ["containerId", "showSearch", "title", "titleType", "titleSizeType", "itemPlaceholderType", "dropAreaIds", "items"], outputs: ["itemDragStarted", "itemDragEnded"] }, { kind: "component", type: FieldContainerComponent, selector: "pep-field-container" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericFieldsBuilderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericFieldsBuilderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-generic-fields-builder', template: "<pep-page-layout >\n    <ng-container pep-main-area>\n        <div *ngIf=\"availableFields\" class=\"mapped-fields-container\">\n            <div class=\"available-fields-side-area\">\n                <pep-draggable-items [items]=\"availableFields\" [title]=\"'GENERIC_FIELDS_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                    itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                </pep-draggable-items>\n            </div>\n            <div pep-main-area class=\"mapped-fields-main-area\">\n                <div class=\"mapped-fields-top-area pep-border-bottom\"\n                    [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                    <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                    <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                </div>\n                \n                <div class=\"fields-area\">\n                    <ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n                    <ng-template #emptyTemplate>\n                        <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n                            <mat-icon class=\"pep-spacing-element\">\n                                <pep-icon name=\"arrow_down_alt\"></pep-icon>\n                            </mat-icon>\n                            <span class=\"body-sm ellipsis\">\n                                {{ 'GENERIC_FIELDS_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n                            </span> \n                        </div>\n                    </ng-template>\n                    <ng-template #notEmptyTemplate>\n                        <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n                            cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n                            <ng-container *ngFor=\"let field of fields; let i = index\" >\n                                <pep-field-container cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                </pep-field-container>\n                                <!-- <div class=\"mapped-field-container\" \n                                    cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    \n                                    <div class=\"field-wrapper\">\n                                        <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                    </div>\n                                </div> -->\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</pep-page-layout>\n\n<ng-template #defaultTemplate let-field=\"field\" let-index=\"index\">\n    {{ 'GENERIC_FIELDS_BUILDER.TEMPLATE_NOT_SUPPLIED' | translate: { fieldTitle: field.title || field.key } }}\n</ng-template>\n", styles: [".mapped-field-container{cursor:grab;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));min-height:2.5rem}.mapped-fields-container{display:grid;height:100%;grid-template-columns:auto 1fr;grid-template-areas:\"side-area    main-area\"}.mapped-fields-container .available-fields-side-area{grid-area:side-area;width:240px;max-width:240px;overflow:auto;height:inherit;padding-top:var(--pep-spacing-2xl, 2rem);margin-inline-end:calc(var(--pep-spacing-lg, 1rem) * 2)}.mapped-fields-container .mapped-fields-main-area{display:grid;grid-template-rows:auto 1fr;grid-area:main-area;padding-top:var(--pep-spacing-2xl, 2rem);overflow:auto;height:inherit}.mapped-fields-container .mapped-fields-main-area .mapped-fields-top-area{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;align-items:center}.mapped-fields-container .mapped-fields-main-area .fields-area{overflow:auto;height:inherit;padding-top:var(--pep-spacing-lg, 1rem);padding-bottom:var(--pep-spacing-lg, 1rem);padding-inline:var(--pep-spacing-xs, .25rem)}.drop-field-here-area{min-height:5rem;max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08);position:relative}.drop-field-here-area:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px dashed hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 30%))}.drop-field-here-area.cdk-drop-list-dragging{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging:hover{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%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.drop-field-here-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{display:none}.mapped-fields-area{display:flex;flex-direction:column;gap:var(--pep-spacing-lg, 1rem)}.mapped-fields-area.cdk-drop-list-dragging ::ng-deep .placeholder-item{max-width:600px;display:flex;justify-content:center;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);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%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);height:0!important}.mapped-fields-area .cdk-drag-placeholder ::ng-deep .mapped-field-container{box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.mapped-fields-area .cdk-drag-placeholder ::ng-deep .mapped-field-container .field-wrapper{opacity:0}\n"] }]
         }], ctorParameters: function () { return [{ type: GenericFieldsBuilderService }]; }, propDecorators: { builderTitle: [{
@@ -189,34 +189,34 @@ class PepGenericFieldsBuilderModule {
         this.pepIconRegistry = pepIconRegistry;
         this.pepIconRegistry.registerIcons(pepIcons);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFieldsBuilderModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFieldsBuilderModule, declarations: [GenericFieldsBuilderComponent,
+            FieldContainerComponent], imports: [CommonModule,
+            DragDropModule,
+            MatIconModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            PepDialogModule,
+            PepIconModule,
+            PepMenuModule,
+            PepPageLayoutModule,
+            PepTextboxModule,
+            PepTopBarModule,
+            PepDraggableItemsModule], exports: [GenericFieldsBuilderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFieldsBuilderModule, providers: [GenericFieldsBuilderService], imports: [CommonModule,
+            DragDropModule,
+            MatIconModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            PepDialogModule,
+            PepIconModule,
+            PepMenuModule,
+            PepPageLayoutModule,
+            PepTextboxModule,
+            PepTopBarModule,
+            PepDraggableItemsModule] }); }
 }
-PepGenericFieldsBuilderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFieldsBuilderModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepGenericFieldsBuilderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFieldsBuilderModule, declarations: [GenericFieldsBuilderComponent,
-        FieldContainerComponent], imports: [CommonModule,
-        DragDropModule,
-        MatIconModule,
-        PepNgxLibModule,
-        PepButtonModule,
-        PepDialogModule,
-        PepIconModule,
-        PepMenuModule,
-        PepPageLayoutModule,
-        PepTextboxModule,
-        PepTopBarModule,
-        PepDraggableItemsModule], exports: [GenericFieldsBuilderComponent] });
-PepGenericFieldsBuilderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFieldsBuilderModule, providers: [GenericFieldsBuilderService], imports: [CommonModule,
-        DragDropModule,
-        MatIconModule,
-        PepNgxLibModule,
-        PepButtonModule,
-        PepDialogModule,
-        PepIconModule,
-        PepMenuModule,
-        PepPageLayoutModule,
-        PepTextboxModule,
-        PepTopBarModule,
-        PepDraggableItemsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFieldsBuilderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFieldsBuilderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/{fesm2020 → fesm2022}/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs","sources":["../../../projects/ngx-composite-lib/generic-fields-builder/generic-fields-builder.service.ts","../../../projects/ngx-composite-lib/generic-fields-builder/field-container/field-container.component.ts","../../../projects/ngx-composite-lib/generic-fields-builder/field-container/field-container.component.html","../../../projects/ngx-composite-lib/generic-fields-builder/generic-fields-builder.component.ts","../../../projects/ngx-composite-lib/generic-fields-builder/generic-fields-builder.component.html","../../../projects/ngx-composite-lib/generic-fields-builder/generic-fields-builder.module.ts","../../../projects/ngx-composite-lib/generic-fields-builder/public-api.ts","../../../projects/ngx-composite-lib/generic-fields-builder/pepperi-addons-ngx-composite-lib-generic-fields-builder.ts"],"sourcesContent":["import { CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { Injectable } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport { distinctUntilChanged, filter } from 'rxjs/operators';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class GenericFieldsBuilderService {\n    \n    // This subject is for is grabbing mode.\n    private _isGrabbingSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);\n    get isGrabbingChange$(): Observable<boolean> {\n        return this._isGrabbingSubject.asObservable().pipe(distinctUntilChanged());\n    }\n\n    constructor() { \n        //\n    }\n\n    private changeCursorOnDragStart() {\n        document.body.classList.add('inheritCursors');\n        document.body.style.cursor = 'grabbing';\n        this._isGrabbingSubject.next(true);\n    }\n\n    private changeCursorOnDragEnd() {\n        document.body.classList.remove('inheritCursors');\n        document.body.style.cursor = 'unset';\n        this._isGrabbingSubject.next(false);\n    }\n    \n    onDragStart(event: CdkDragStart) {\n        this.changeCursorOnDragStart();\n    }\n\n    onDragEnd(event: CdkDragEnd) {\n        this.changeCursorOnDragEnd();\n    }\n}\n","import { CdkDragDrop, CdkDragEnd, CdkDragStart, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { Component, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { GenericFieldsBuilderService } from '../generic-fields-builder.service';\n\n@Component({\n    selector: 'pep-field-container',\n    templateUrl: './field-container.component.html',\n    styleUrls: ['./field-container.component.scss']\n})\nexport class FieldContainerComponent implements OnInit {\n    \n    constructor(\n        private genericFieldsBuilderService: GenericFieldsBuilderService\n    ) {\n    }\n\n    ngOnInit() {\n        //\n    }\n}\n","<div class=\"mapped-field-container\" >\n    <div class=\"field-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</div>","import { CdkDragDrop, CdkDragEnd, CdkDragStart, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { Component, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { IPepDraggableItem, IPepDraggableItemData } from '@pepperi-addons/ngx-lib/draggable-items';\nimport { GenericFieldsBuilderService } from './generic-fields-builder.service';\nimport { PepGuid } from '@pepperi-addons/ngx-lib';\n\nexport interface IPepGenericField {\n    key: string,\n    title: string,\n    draggableItemData: IPepDraggableItemData\n    [key: string]: any;\n}\n\nexport interface IPepGenericFieldAddedEvent {\n    field: IPepGenericField,\n    index: number,\n}\n\n@Component({\n    selector: 'pep-generic-fields-builder',\n    templateUrl: './generic-fields-builder.component.html',\n    styleUrls: ['./generic-fields-builder.component.scss']\n})\nexport class GenericFieldsBuilderComponent implements OnInit {\n    // @Input() title: string = '';\n    @Input() builderTitle = '';\n    @Input() builderTitleHint = '';\n    @Input() showAddSeparator = true;\n    @Input() itemKeyLabel = '';\n    @Input() itemTitleLabel = '';\n    @Input() setAddedFieldDataCallback: (() => void) | undefined;// Function | undefined = undefined;\n\n    private _availableFields: Array<IPepDraggableItem> = [];\n    @Input()\n    set availableFields(value: Array<IPepDraggableItem>) {\n        this._availableFields = value;\n    }\n    get availableFields(): Array<IPepDraggableItem> {\n        return this._availableFields;\n    }\n    \n    @Input() fieldTemplate: TemplateRef<any> | undefined = undefined;\n    \n    private _fields: IPepGenericField[] = [];\n    @Input()\n    set fields(value: IPepGenericField[]) {\n        this._fields = value;\n    }\n    get fields() : IPepGenericField[] {\n        return this._fields;\n    }\n\n    @Output()\n    fieldsChange: EventEmitter<IPepGenericField[]> = new EventEmitter<IPepGenericField[]>();\n    \n    @Output()\n    fieldAdd: EventEmitter<IPepGenericFieldAddedEvent> = new EventEmitter<IPepGenericFieldAddedEvent>();\n    \n    emptyDropAreaId = 'emptyDropArea';\n    mappedFieldsId = 'mappedFields';\n    isGrabbing = false;\n\n    constructor(\n        private genericFieldsBuilderService: GenericFieldsBuilderService\n    ) {\n        this.genericFieldsBuilderService.isGrabbingChange$.subscribe((value) => {\n            this.isGrabbing = value;\n        });\n    }\n\n    private notifyFieldsChange() {\n        this.fieldsChange.emit(this._fields);\n    }\n\n    private addNewField(draggableItem: IPepDraggableItem, index: number) {\n        // Add new menuField to the mappedFields.\n        const field: IPepGenericField = { \n            key: PepGuid.newGuid(), \n            draggableItemData: draggableItem.data,\n            title: draggableItem.title \n        };\n\n        this.spliceMappedFields(index, 0, field);\n        this.fieldAdd.emit({field, index});\n    }\n    \n    private spliceMappedFields(start: number, deleteCount: number, field?: any) {\n        if (field) {\n            this._fields.splice(start, deleteCount, field);\n        } else {\n            this._fields.splice(start, deleteCount);\n        }\n\n        this.notifyFieldsChange();\n    }\n\n    ngOnInit() {\n        //\n    }\n\n    onDragStart(event: CdkDragStart) {\n        this.genericFieldsBuilderService.onDragStart(event);\n    }\n    \n    onDragEnd(event: CdkDragEnd) {\n        this.genericFieldsBuilderService.onDragEnd(event);\n    }\n\n    onDropField(event: CdkDragDrop<any[]>) {\n        if (event.previousContainer === event.container) {\n            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);\n            this.notifyFieldsChange();\n        } else if (event.container.id === 'emptyDropArea') {\n            this.addNewField(event.previousContainer.data[event.previousIndex], this.fields.length);\n        } else {\n            this.addNewField(event.previousContainer.data[event.previousIndex], event.currentIndex);\n        }\n    }\n}\n","<pep-page-layout >\n    <ng-container pep-main-area>\n        <div *ngIf=\"availableFields\" class=\"mapped-fields-container\">\n            <div class=\"available-fields-side-area\">\n                <pep-draggable-items [items]=\"availableFields\" [title]=\"'GENERIC_FIELDS_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                    itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                </pep-draggable-items>\n            </div>\n            <div pep-main-area class=\"mapped-fields-main-area\">\n                <div class=\"mapped-fields-top-area pep-border-bottom\"\n                    [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                    <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                    <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                </div>\n                \n                <div class=\"fields-area\">\n                    <ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n                    <ng-template #emptyTemplate>\n                        <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n                            <mat-icon class=\"pep-spacing-element\">\n                                <pep-icon name=\"arrow_down_alt\"></pep-icon>\n                            </mat-icon>\n                            <span class=\"body-sm ellipsis\">\n                                {{ 'GENERIC_FIELDS_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n                            </span> \n                        </div>\n                    </ng-template>\n                    <ng-template #notEmptyTemplate>\n                        <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n                            cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n                            <ng-container *ngFor=\"let field of fields; let i = index\" >\n                                <pep-field-container cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                </pep-field-container>\n                                <!-- <div class=\"mapped-field-container\" \n                                    cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    \n                                    <div class=\"field-wrapper\">\n                                        <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                    </div>\n                                </div> -->\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</pep-page-layout>\n\n<ng-template #defaultTemplate let-field=\"field\" let-index=\"index\">\n    {{ 'GENERIC_FIELDS_BUILDER.TEMPLATE_NOT_SUPPLIED' | translate: { fieldTitle: field.title || field.key } }}\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { MatIconModule } from '@angular/material/icon';\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 { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';\nimport { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\nimport { PepDraggableItemsModule } from '@pepperi-addons/ngx-lib/draggable-items';\nimport { PepIconRegistry, PepIconModule, pepIconSystemClose, pepIconArrowDownAlt, pepIconSystemBin, pepIconNumberPlus } from '@pepperi-addons/ngx-lib/icon';\n\nimport { GenericFieldsBuilderService } from './generic-fields-builder.service';\n\nimport { GenericFieldsBuilderComponent } from './generic-fields-builder.component';\nimport { FieldContainerComponent } from './field-container/field-container.component';\n\nconst pepIcons = [\n    pepIconSystemClose,\n    pepIconArrowDownAlt,\n    pepIconSystemBin,\n    pepIconNumberPlus\n];\n\n@NgModule({\n    declarations: [\n        GenericFieldsBuilderComponent,\n        FieldContainerComponent\n    ],\n    imports: [\n        CommonModule,\n        DragDropModule,\n        MatIconModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        PepDialogModule,\n        PepIconModule,\n        PepMenuModule,\n        PepPageLayoutModule,\n        PepTextboxModule,\n        PepTopBarModule,\n        PepDraggableItemsModule,\n    ],\n    exports: [GenericFieldsBuilderComponent],\n    providers: [GenericFieldsBuilderService]\n})\nexport class PepGenericFieldsBuilderModule {\n    constructor(\n        private pepIconRegistry: PepIconRegistry,\n    ) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/generic-fields-builder\n */\nexport * from './generic-fields-builder.module';\nexport * from './generic-fields-builder.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.GenericFieldsBuilderService","i5","i8.FieldContainerComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAQa,2BAA2B,CAAA;AAIpC,IAAA,IAAI,iBAAiB,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;KAC9E;AAED,IAAA,WAAA,GAAA;;AALQ,QAAA,IAAA,CAAA,kBAAkB,GAA6B,IAAI,eAAe,CAAU,KAAK,CAAC,CAAC;;KAO1F;IAEO,uBAAuB,GAAA;QAC3B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;AACxC,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACtC;IAEO,qBAAqB,GAAA;QACzB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QACjD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;AACrC,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACvC;AAED,IAAA,WAAW,CAAC,KAAmB,EAAA;QAC3B,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAClC;AAED,IAAA,SAAS,CAAC,KAAiB,EAAA;QACvB,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAChC;;yHA9BQ,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAA3B,2BAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,cAFxB,MAAM,EAAA,CAAA,CAAA;4FAET,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;MCEY,uBAAuB,CAAA;AAEhC,IAAA,WAAA,CACY,2BAAwD,EAAA;QAAxD,IAA2B,CAAA,2BAAA,GAA3B,2BAA2B,CAA6B;KAEnE;IAED,QAAQ,GAAA;;KAEP;;qHATQ,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,2BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,2DCTpC,mIAIM,EAAA,MAAA,EAAA,CAAA,0jBAAA,CAAA,EAAA,CAAA,CAAA;4FDKO,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACI,qBAAqB,EAAA,QAAA,EAAA,mIAAA,EAAA,MAAA,EAAA,CAAA,0jBAAA,CAAA,EAAA,CAAA;;;MEkBtB,6BAA6B,CAAA;IAUtC,IACI,eAAe,CAAC,KAA+B,EAAA;AAC/C,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;KACjC;AACD,IAAA,IAAI,eAAe,GAAA;QACf,OAAO,IAAI,CAAC,gBAAgB,CAAC;KAChC;IAKD,IACI,MAAM,CAAC,KAAyB,EAAA;AAChC,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACxB;AACD,IAAA,IAAI,MAAM,GAAA;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;AAYD,IAAA,WAAA,CACY,2BAAwD,EAAA;QAAxD,IAA2B,CAAA,2BAAA,GAA3B,2BAA2B,CAA6B;;QAtC3D,IAAY,CAAA,YAAA,GAAG,EAAE,CAAC;QAClB,IAAgB,CAAA,gBAAA,GAAG,EAAE,CAAC;QACtB,IAAgB,CAAA,gBAAA,GAAG,IAAI,CAAC;QACxB,IAAY,CAAA,YAAA,GAAG,EAAE,CAAC;QAClB,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;QAGrB,IAAgB,CAAA,gBAAA,GAA6B,EAAE,CAAC;QAS/C,IAAa,CAAA,aAAA,GAAiC,SAAS,CAAC;QAEzD,IAAO,CAAA,OAAA,GAAuB,EAAE,CAAC;AAUzC,QAAA,IAAA,CAAA,YAAY,GAAqC,IAAI,YAAY,EAAsB,CAAC;AAGxF,QAAA,IAAA,CAAA,QAAQ,GAA6C,IAAI,YAAY,EAA8B,CAAC;QAEpG,IAAe,CAAA,eAAA,GAAG,eAAe,CAAC;QAClC,IAAc,CAAA,cAAA,GAAG,cAAc,CAAC;QAChC,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAKf,IAAI,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AACnE,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;AAC5B,SAAC,CAAC,CAAC;KACN;IAEO,kBAAkB,GAAA;QACtB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACxC;IAEO,WAAW,CAAC,aAAgC,EAAE,KAAa,EAAA;;AAE/D,QAAA,MAAM,KAAK,GAAqB;AAC5B,YAAA,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE;YACtB,iBAAiB,EAAE,aAAa,CAAC,IAAI;YACrC,KAAK,EAAE,aAAa,CAAC,KAAK;SAC7B,CAAC;QAEF,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;KACtC;AAEO,IAAA,kBAAkB,CAAC,KAAa,EAAE,WAAmB,EAAE,KAAW,EAAA;AACtE,QAAA,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AAClD,SAAA;AAAM,aAAA;YACH,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AAC3C,SAAA;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC7B;IAED,QAAQ,GAAA;;KAEP;AAED,IAAA,WAAW,CAAC,KAAmB,EAAA;AAC3B,QAAA,IAAI,CAAC,2BAA2B,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACvD;AAED,IAAA,SAAS,CAAC,KAAiB,EAAA;AACvB,QAAA,IAAI,CAAC,2BAA2B,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;KACrD;AAED,IAAA,WAAW,CAAC,KAAyB,EAAA;AACjC,QAAA,IAAI,KAAK,CAAC,iBAAiB,KAAK,KAAK,CAAC,SAAS,EAAE;AAC7C,YAAA,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;YAC/E,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC7B,SAAA;AAAM,aAAA,IAAI,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,eAAe,EAAE;YAC/C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC3F,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;AAC3F,SAAA;KACJ;;2HA9FQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,2BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,ucCvB1C,ylHAqDA,EAAA,MAAA,EAAA,CAAA,khIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,uBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FD9Ba,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACI,4BAA4B,EAAA,QAAA,EAAA,ylHAAA,EAAA,MAAA,EAAA,CAAA,khIAAA,CAAA,EAAA,CAAA;+GAM7B,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,yBAAyB,EAAA,CAAA;sBAAjC,KAAK;gBAIF,eAAe,EAAA,CAAA;sBADlB,KAAK;gBAQG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBAIF,MAAM,EAAA,CAAA;sBADT,KAAK;gBASN,YAAY,EAAA,CAAA;sBADX,MAAM;gBAIP,QAAQ,EAAA,CAAA;sBADP,MAAM;;;AEjCX,MAAM,QAAQ,GAAG;IACb,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,iBAAiB;CACpB,CAAC;MAwBW,6BAA6B,CAAA;AACtC,IAAA,WAAA,CACY,eAAgC,EAAA;QAAhC,IAAe,CAAA,eAAA,GAAf,eAAe,CAAiB;AAExC,QAAA,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAChD;;2HALQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,iBApBlC,6BAA6B;AAC7B,QAAA,uBAAuB,aAGvB,YAAY;QACZ,cAAc;QACd,aAAa;QACb,eAAe;QACf,eAAe;QACf,eAAe;QACf,aAAa;QACb,aAAa;QACb,mBAAmB;QACnB,gBAAgB;QAChB,eAAe;AACf,QAAA,uBAAuB,aAEjB,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAG9B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,EAF3B,SAAA,EAAA,CAAC,2BAA2B,CAAC,YAdpC,YAAY;QACZ,cAAc;QACd,aAAa;QACb,eAAe;QACf,eAAe;QACf,eAAe;QACf,aAAa;QACb,aAAa;QACb,mBAAmB;QACnB,gBAAgB;QAChB,eAAe;QACf,uBAAuB,CAAA,EAAA,CAAA,CAAA;4FAKlB,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAtBzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE;wBACV,6BAA6B;wBAC7B,uBAAuB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,cAAc;wBACd,aAAa;wBACb,eAAe;wBACf,eAAe;wBACf,eAAe;wBACf,aAAa;wBACb,aAAa;wBACb,mBAAmB;wBACnB,gBAAgB;wBAChB,eAAe;wBACf,uBAAuB;AAC1B,qBAAA;oBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;AAC3C,iBAAA,CAAA;;;AClDD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs","sources":["../../../projects/ngx-composite-lib/generic-fields-builder/generic-fields-builder.service.ts","../../../projects/ngx-composite-lib/generic-fields-builder/field-container/field-container.component.ts","../../../projects/ngx-composite-lib/generic-fields-builder/field-container/field-container.component.html","../../../projects/ngx-composite-lib/generic-fields-builder/generic-fields-builder.component.ts","../../../projects/ngx-composite-lib/generic-fields-builder/generic-fields-builder.component.html","../../../projects/ngx-composite-lib/generic-fields-builder/generic-fields-builder.module.ts","../../../projects/ngx-composite-lib/generic-fields-builder/public-api.ts","../../../projects/ngx-composite-lib/generic-fields-builder/pepperi-addons-ngx-composite-lib-generic-fields-builder.ts"],"sourcesContent":["import { CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { Injectable } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport { distinctUntilChanged, filter } from 'rxjs/operators';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class GenericFieldsBuilderService {\n    \n    // This subject is for is grabbing mode.\n    private _isGrabbingSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);\n    get isGrabbingChange$(): Observable<boolean> {\n        return this._isGrabbingSubject.asObservable().pipe(distinctUntilChanged());\n    }\n\n    constructor() { \n        //\n    }\n\n    private changeCursorOnDragStart() {\n        document.body.classList.add('inheritCursors');\n        document.body.style.cursor = 'grabbing';\n        this._isGrabbingSubject.next(true);\n    }\n\n    private changeCursorOnDragEnd() {\n        document.body.classList.remove('inheritCursors');\n        document.body.style.cursor = 'unset';\n        this._isGrabbingSubject.next(false);\n    }\n    \n    onDragStart(event: CdkDragStart) {\n        this.changeCursorOnDragStart();\n    }\n\n    onDragEnd(event: CdkDragEnd) {\n        this.changeCursorOnDragEnd();\n    }\n}\n","import { CdkDragDrop, CdkDragEnd, CdkDragStart, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { Component, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { GenericFieldsBuilderService } from '../generic-fields-builder.service';\n\n@Component({\n    selector: 'pep-field-container',\n    templateUrl: './field-container.component.html',\n    styleUrls: ['./field-container.component.scss']\n})\nexport class FieldContainerComponent implements OnInit {\n    \n    constructor(\n        private genericFieldsBuilderService: GenericFieldsBuilderService\n    ) {\n    }\n\n    ngOnInit() {\n        //\n    }\n}\n","<div class=\"mapped-field-container\" >\n    <div class=\"field-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</div>","import { CdkDragDrop, CdkDragEnd, CdkDragStart, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { Component, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { IPepDraggableItem, IPepDraggableItemData } from '@pepperi-addons/ngx-lib/draggable-items';\nimport { GenericFieldsBuilderService } from './generic-fields-builder.service';\nimport { PepGuid } from '@pepperi-addons/ngx-lib';\n\nexport interface IPepGenericField {\n    key: string,\n    title: string,\n    draggableItemData: IPepDraggableItemData\n    [key: string]: any;\n}\n\nexport interface IPepGenericFieldAddedEvent {\n    field: IPepGenericField,\n    index: number,\n}\n\n@Component({\n    selector: 'pep-generic-fields-builder',\n    templateUrl: './generic-fields-builder.component.html',\n    styleUrls: ['./generic-fields-builder.component.scss']\n})\nexport class GenericFieldsBuilderComponent implements OnInit {\n    // @Input() title: string = '';\n    @Input() builderTitle = '';\n    @Input() builderTitleHint = '';\n    @Input() showAddSeparator = true;\n    @Input() itemKeyLabel = '';\n    @Input() itemTitleLabel = '';\n    @Input() setAddedFieldDataCallback: (() => void) | undefined;// Function | undefined = undefined;\n\n    private _availableFields: Array<IPepDraggableItem> = [];\n    @Input()\n    set availableFields(value: Array<IPepDraggableItem>) {\n        this._availableFields = value;\n    }\n    get availableFields(): Array<IPepDraggableItem> {\n        return this._availableFields;\n    }\n    \n    @Input() fieldTemplate: TemplateRef<any> | undefined = undefined;\n    \n    private _fields: IPepGenericField[] = [];\n    @Input()\n    set fields(value: IPepGenericField[]) {\n        this._fields = value;\n    }\n    get fields() : IPepGenericField[] {\n        return this._fields;\n    }\n\n    @Output()\n    fieldsChange: EventEmitter<IPepGenericField[]> = new EventEmitter<IPepGenericField[]>();\n    \n    @Output()\n    fieldAdd: EventEmitter<IPepGenericFieldAddedEvent> = new EventEmitter<IPepGenericFieldAddedEvent>();\n    \n    emptyDropAreaId = 'emptyDropArea';\n    mappedFieldsId = 'mappedFields';\n    isGrabbing = false;\n\n    constructor(\n        private genericFieldsBuilderService: GenericFieldsBuilderService\n    ) {\n        this.genericFieldsBuilderService.isGrabbingChange$.subscribe((value) => {\n            this.isGrabbing = value;\n        });\n    }\n\n    private notifyFieldsChange() {\n        this.fieldsChange.emit(this._fields);\n    }\n\n    private addNewField(draggableItem: IPepDraggableItem, index: number) {\n        // Add new menuField to the mappedFields.\n        const field: IPepGenericField = { \n            key: PepGuid.newGuid(), \n            draggableItemData: draggableItem.data,\n            title: draggableItem.title \n        };\n\n        this.spliceMappedFields(index, 0, field);\n        this.fieldAdd.emit({field, index});\n    }\n    \n    private spliceMappedFields(start: number, deleteCount: number, field?: any) {\n        if (field) {\n            this._fields.splice(start, deleteCount, field);\n        } else {\n            this._fields.splice(start, deleteCount);\n        }\n\n        this.notifyFieldsChange();\n    }\n\n    ngOnInit() {\n        //\n    }\n\n    onDragStart(event: CdkDragStart) {\n        this.genericFieldsBuilderService.onDragStart(event);\n    }\n    \n    onDragEnd(event: CdkDragEnd) {\n        this.genericFieldsBuilderService.onDragEnd(event);\n    }\n\n    onDropField(event: CdkDragDrop<any[]>) {\n        if (event.previousContainer === event.container) {\n            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);\n            this.notifyFieldsChange();\n        } else if (event.container.id === 'emptyDropArea') {\n            this.addNewField(event.previousContainer.data[event.previousIndex], this.fields.length);\n        } else {\n            this.addNewField(event.previousContainer.data[event.previousIndex], event.currentIndex);\n        }\n    }\n}\n","<pep-page-layout >\n    <ng-container pep-main-area>\n        <div *ngIf=\"availableFields\" class=\"mapped-fields-container\">\n            <div class=\"available-fields-side-area\">\n                <pep-draggable-items [items]=\"availableFields\" [title]=\"'GENERIC_FIELDS_BUILDER.AVAILABLE_FIELDS' | translate\" titleType=\"with-bottom-border\" titleSizeType=\"md\"\n                    itemPlaceholderType=\"weak\" [showSearch]=\"true\" [dropAreaIds]=\"['emptyDropArea', 'mappedFields']\" (itemDragStarted)=\"onDragStart($event)\" (itemDragEnded)=\"onDragEnd($event)\">\n                </pep-draggable-items>\n            </div>\n            <div pep-main-area class=\"mapped-fields-main-area\">\n                <div class=\"mapped-fields-top-area pep-border-bottom\"\n                    [title]=\"builderTitle + ' ' + (builderTitleHint ? ('(' + builderTitleHint + ')') : '')\">\n                    <span class=\"title-md\">{{ builderTitle }}&nbsp;</span>\n                    <span *ngIf=\"builderTitleHint\" class=\"color-dimmed\">({{ builderTitleHint }})</span>\n                </div>\n                \n                <div class=\"fields-area\">\n                    <ng-container *ngIf=\"fields === null || fields.length === 0; then emptyTemplate; else notEmptyTemplate\"></ng-container>\n                    <ng-template #emptyTemplate>\n                        <div [id]=\"emptyDropAreaId\" class=\"drop-field-here-area\" cdkDropList (cdkDropListDropped)=\"onDropField($event)\">\n                            <mat-icon class=\"pep-spacing-element\">\n                                <pep-icon name=\"arrow_down_alt\"></pep-icon>\n                            </mat-icon>\n                            <span class=\"body-sm ellipsis\">\n                                {{ 'GENERIC_FIELDS_BUILDER.EMPTY_DROP_AREA_TEXT' | translate }}\n                            </span> \n                        </div>\n                    </ng-template>\n                    <ng-template #notEmptyTemplate>\n                        <div [id]=\"mappedFieldsId\" class=\"mapped-fields-area\" [ngClass]=\"{ 'no-row-gap': !isGrabbing }\"\n                            cdkDropList [cdkDropListData]=\"fields\" (cdkDropListDropped)=\"onDropField($event)\">\n                            <ng-container *ngFor=\"let field of fields; let i = index\" >\n                                <pep-field-container cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                </pep-field-container>\n                                <!-- <div class=\"mapped-field-container\" \n                                    cdkDrag (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\n                                    \n                                    <div class=\"field-wrapper\">\n                                        <ng-container *ngTemplateOutlet=\"fieldTemplate || defaultTemplate; context: { field: field, index: i }\"></ng-container>\n                                    </div>\n                                </div> -->\n                            </ng-container>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</pep-page-layout>\n\n<ng-template #defaultTemplate let-field=\"field\" let-index=\"index\">\n    {{ 'GENERIC_FIELDS_BUILDER.TEMPLATE_NOT_SUPPLIED' | translate: { fieldTitle: field.title || field.key } }}\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { MatIconModule } from '@angular/material/icon';\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 { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';\nimport { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\nimport { PepDraggableItemsModule } from '@pepperi-addons/ngx-lib/draggable-items';\nimport { PepIconRegistry, PepIconModule, pepIconSystemClose, pepIconArrowDownAlt, pepIconSystemBin, pepIconNumberPlus } from '@pepperi-addons/ngx-lib/icon';\n\nimport { GenericFieldsBuilderService } from './generic-fields-builder.service';\n\nimport { GenericFieldsBuilderComponent } from './generic-fields-builder.component';\nimport { FieldContainerComponent } from './field-container/field-container.component';\n\nconst pepIcons = [\n    pepIconSystemClose,\n    pepIconArrowDownAlt,\n    pepIconSystemBin,\n    pepIconNumberPlus\n];\n\n@NgModule({\n    declarations: [\n        GenericFieldsBuilderComponent,\n        FieldContainerComponent\n    ],\n    imports: [\n        CommonModule,\n        DragDropModule,\n        MatIconModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        PepDialogModule,\n        PepIconModule,\n        PepMenuModule,\n        PepPageLayoutModule,\n        PepTextboxModule,\n        PepTopBarModule,\n        PepDraggableItemsModule,\n    ],\n    exports: [GenericFieldsBuilderComponent],\n    providers: [GenericFieldsBuilderService]\n})\nexport class PepGenericFieldsBuilderModule {\n    constructor(\n        private pepIconRegistry: PepIconRegistry,\n    ) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/generic-fields-builder\n */\nexport * from './generic-fields-builder.module';\nexport * from './generic-fields-builder.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.GenericFieldsBuilderService","i5","i8.FieldContainerComponent"],"mappings":"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"}

package/{fesm2020 → fesm2022}/pepperi-addons-ngx-composite-lib-generic-form.mjs

@@ -62,10 +62,10 @@ class PepGenericFormService {
             }
         };
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFormService }); }
 }
-PepGenericFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepGenericFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFormService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFormService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFormService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -224,10 +224,10 @@ class GenericFormComponent {
     onFormValidationChanged(event) {
         this.formValidationChange.emit(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericFormComponent, deps: [{ token: i1.PepLayoutService }, { token: PepGenericFormService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericFormComponent, selector: "pep-generic-form", inputs: { dataSource: "dataSource", dataView: "dataView", isLocked: "isLocked", inline: "inline", showTopBar: "showTopBar", addPadding: "addPadding" }, outputs: { valueChange: "valueChange", fieldClick: "fieldClick", formValidationChange: "formValidationChange" }, providers: [PepGenericFormService], viewQueries: [{ propertyName: "pepListContainer", first: true, predicate: ["pepFormContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div *ngIf=\"showTopBar\" class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container *ngIf=\"showTopBar\" pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n    <div pep-main-area class=\"main-area-container\">\n        <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n\n<ng-template #topBarTemplate>\n    <pep-top-bar [inline]=\"inline\"> \n        <div header-start-content>\n            <ng-content select=\"[left-buttons]\"></ng-content>\n        </div>\n        <div header-end-content>\n            <ng-content select=\"[right-buttons]\"></ng-content>\n        </div>\n\n        <!-- <div footer-start-content>\n            <ng-content select=\"[bottom-left-buttons]\"></ng-content>\n        </div>\n        <div footer-end-content>\n            <ng-content select=\"[bottom-right-buttons]\"></ng-content>\n        </div> -->\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #formTemplate>\n    <!-- class=\"form-view\"  -->\n    <div [ngClass]=\"{'form-view': showTopBar, 'padding-bottom': !showTopBar}\">\n        <ng-container #pepFormContainer></ng-container>\n    </div>\n</ng-template>\n", styles: [":host{height:inherit;display:block}.main-area-container{display:grid;height:inherit}.inline-container{height:inherit;display:grid;grid-template-rows:auto 1fr}.inline-container.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}.padding-bottom{padding-bottom:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { kind: "component", type: i5.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }] }); }
 }
-GenericFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericFormComponent, deps: [{ token: i1.PepLayoutService }, { token: PepGenericFormService }], target: i0.ɵɵFactoryTarget.Component });
-GenericFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GenericFormComponent, selector: "pep-generic-form", inputs: { dataSource: "dataSource", dataView: "dataView", isLocked: "isLocked", inline: "inline", showTopBar: "showTopBar", addPadding: "addPadding" }, outputs: { valueChange: "valueChange", fieldClick: "fieldClick", formValidationChange: "formValidationChange" }, providers: [PepGenericFormService], viewQueries: [{ propertyName: "pepListContainer", first: true, predicate: ["pepFormContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div *ngIf=\"showTopBar\" class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container *ngIf=\"showTopBar\" pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n    <div pep-main-area class=\"main-area-container\">\n        <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n\n<ng-template #topBarTemplate>\n    <pep-top-bar [inline]=\"inline\"> \n        <div header-start-content>\n            <ng-content select=\"[left-buttons]\"></ng-content>\n        </div>\n        <div header-end-content>\n            <ng-content select=\"[right-buttons]\"></ng-content>\n        </div>\n\n        <!-- <div footer-start-content>\n            <ng-content select=\"[bottom-left-buttons]\"></ng-content>\n        </div>\n        <div footer-end-content>\n            <ng-content select=\"[bottom-right-buttons]\"></ng-content>\n        </div> -->\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #formTemplate>\n    <!-- class=\"form-view\"  -->\n    <div [ngClass]=\"{'form-view': showTopBar, 'padding-bottom': !showTopBar}\">\n        <ng-container #pepFormContainer></ng-container>\n    </div>\n</ng-template>\n", styles: [":host{height:inherit;display:block}.main-area-container{display:grid;height:inherit}.inline-container{height:inherit;display:grid;grid-template-rows:auto 1fr}.inline-container.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}.padding-bottom{padding-bottom:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { kind: "component", type: i5.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-generic-form', providers: [PepGenericFormService], template: "<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div *ngIf=\"showTopBar\" class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container *ngIf=\"showTopBar\" pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n    <div pep-main-area class=\"main-area-container\">\n        <ng-container *ngTemplateOutlet=\"formTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n\n<ng-template #topBarTemplate>\n    <pep-top-bar [inline]=\"inline\"> \n        <div header-start-content>\n            <ng-content select=\"[left-buttons]\"></ng-content>\n        </div>\n        <div header-end-content>\n            <ng-content select=\"[right-buttons]\"></ng-content>\n        </div>\n\n        <!-- <div footer-start-content>\n            <ng-content select=\"[bottom-left-buttons]\"></ng-content>\n        </div>\n        <div footer-end-content>\n            <ng-content select=\"[bottom-right-buttons]\"></ng-content>\n        </div> -->\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #formTemplate>\n    <!-- class=\"form-view\"  -->\n    <div [ngClass]=\"{'form-view': showTopBar, 'padding-bottom': !showTopBar}\">\n        <ng-container #pepFormContainer></ng-container>\n    </div>\n</ng-template>\n", styles: [":host{height:inherit;display:block}.main-area-container{display:grid;height:inherit}.inline-container{height:inherit;display:grid;grid-template-rows:auto 1fr}.inline-container.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}.padding-bottom{padding-bottom:var(--pep-spacing-lg, 1rem)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.PepLayoutService }, { type: PepGenericFormService }]; }, propDecorators: { pepListContainer: [{
@@ -254,29 +254,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PepGenericFormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFormModule, declarations: [GenericFormComponent], imports: [CommonModule,
+            // MatFormFieldModule,
+            //   ReactiveFormsModule,
+            PepNgxLibModule,
+            // PepListModule,
+            PepFormModule,
+            PepMenuModule,
+            PepPageLayoutModule,
+            PepTopBarModule], exports: [GenericFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFormModule, providers: [
+            PepGenericFormService
+        ], imports: [CommonModule,
+            // MatFormFieldModule,
+            //   ReactiveFormsModule,
+            PepNgxLibModule,
+            // PepListModule,
+            PepFormModule,
+            PepMenuModule,
+            PepPageLayoutModule,
+            PepTopBarModule] }); }
 }
-PepGenericFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepGenericFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFormModule, declarations: [GenericFormComponent], imports: [CommonModule,
-        // MatFormFieldModule,
-        //   ReactiveFormsModule,
-        PepNgxLibModule,
-        // PepListModule,
-        PepFormModule,
-        PepMenuModule,
-        PepPageLayoutModule,
-        PepTopBarModule], exports: [GenericFormComponent] });
-PepGenericFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFormModule, providers: [
-        PepGenericFormService
-    ], imports: [CommonModule,
-        // MatFormFieldModule,
-        //   ReactiveFormsModule,
-        PepNgxLibModule,
-        // PepListModule,
-        PepFormModule,
-        PepMenuModule,
-        PepPageLayoutModule,
-        PepTopBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepGenericFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGenericFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [