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

package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.mjs

@@ -1,126 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Inject, Output, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/material/snack-bar';
-import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
-import * as i1$1 from '@pepperi-addons/ngx-lib/icon';
-import { pepIconArrowRightAlt, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
-import * as i4 from '@pepperi-addons/ngx-lib/snack-bar';
-import { PepSnackBarModule } from '@pepperi-addons/ngx-lib/snack-bar';
-import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
-import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
-import { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
-import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
-
-class FileStatusPanelComponent {
-    constructor(data, snackBarRef) {
-        this.data = data;
-        this.snackBarRef = snackBarRef;
-        // @Input() title = '';
-        // @Input() filesList: Array<FileStatus> = [];
-        this.closeClick = new EventEmitter();
-        //
-    }
-    ngOnInit() {
-        //
-    }
-    onCloseClicked(event) {
-        this.closeClick.emit();
-    }
-}
-FileStatusPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileStatusPanelComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component });
-FileStatusPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileStatusPanelComponent, selector: "pep-file-status-panel", outputs: { closeClick: "closeClick" }, ngImport: i0, template: "<pep-snack-bar class=\"upload-panel-contnainer\" [snackBarRef]=\"snackBarRef\" [title]=\"data.title\" (closeClick)=\"onCloseClicked($event)\" >\n    <div pep-snack-bar-content class=\"panel-content\">\n        <ul *ngIf=\"data.content.length\">\n            <li *ngFor=\"let file of data.content\">\n                <ng-container *ngIf=\"file?.status !== 'hidden'\">\n                    <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\n                    <pep-icon class=\"pep-spacing-element\" name=\"arrow_right_alt\"></pep-icon>\n                    <span class=\"body-sm\" title=\"{{file.statusMessage}}\">{{file.status}}</span>\n                </ng-container>\n            </li>\n        </ul>\n    </div>\n</pep-snack-bar>", styles: [".upload-panel-contnainer .panel-content{max-height:50vh;overflow:auto}.upload-panel-contnainer .panel-content ul{list-style-type:none;padding:0}.upload-panel-contnainer .panel-content ul li{height:1.25rem;margin-top:.5rem;display:flex;flex-direction:row;align-items:center}.upload-panel-contnainer .panel-content ul li pep-icon{height:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i4.PepSnackBarComponent, selector: "pep-snack-bar", inputs: ["snackBarRef", "title"], outputs: ["closeClick"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileStatusPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-file-status-panel', template: "<pep-snack-bar class=\"upload-panel-contnainer\" [snackBarRef]=\"snackBarRef\" [title]=\"data.title\" (closeClick)=\"onCloseClicked($event)\" >\n    <div pep-snack-bar-content class=\"panel-content\">\n        <ul *ngIf=\"data.content.length\">\n            <li *ngFor=\"let file of data.content\">\n                <ng-container *ngIf=\"file?.status !== 'hidden'\">\n                    <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\n                    <pep-icon class=\"pep-spacing-element\" name=\"arrow_right_alt\"></pep-icon>\n                    <span class=\"body-sm\" title=\"{{file.statusMessage}}\">{{file.status}}</span>\n                </ng-container>\n            </li>\n        </ul>\n    </div>\n</pep-snack-bar>", styles: [".upload-panel-contnainer .panel-content{max-height:50vh;overflow:auto}.upload-panel-contnainer .panel-content ul{list-style-type:none;padding:0}.upload-panel-contnainer .panel-content ul li{height:1.25rem;margin-top:.5rem;display:flex;flex-direction:row;align-items:center}.upload-panel-contnainer .panel-content ul li pep-icon{height:1rem}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i4.PepSnackBarData, decorators: [{
-                        type: Inject,
-                        args: [MAT_SNACK_BAR_DATA]
-                    }] }, { type: i1.MatSnackBarRef }];
-    }, propDecorators: { closeClick: [{
-                type: Output
-            }] } });
-
-const pepIcons = [
-    pepIconArrowRightAlt,
-];
-class PepFileStatusPanelModule {
-    constructor(pepIconRegistry) {
-        this.pepIconRegistry = pepIconRegistry;
-        this.pepIconRegistry.registerIcons(pepIcons);
-    }
-}
-PepFileStatusPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFileStatusPanelModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepFileStatusPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepFileStatusPanelModule, declarations: [FileStatusPanelComponent], imports: [CommonModule,
-        PepTopBarModule,
-        PepTextboxModule,
-        PepButtonModule,
-        PepIconModule,
-        PepDialogModule,
-        PepSnackBarModule], exports: [FileStatusPanelComponent] });
-PepFileStatusPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFileStatusPanelModule, providers: [
-        {
-            provide: MatSnackBarRef,
-            useValue: {}
-        },
-        {
-            provide: MAT_SNACK_BAR_DATA,
-            useValue: {} // Add any data you wish to test if it is passed/used correctly
-        }
-    ], imports: [CommonModule,
-        PepTopBarModule,
-        PepTextboxModule,
-        PepButtonModule,
-        PepIconModule,
-        PepDialogModule,
-        PepSnackBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepFileStatusPanelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        FileStatusPanelComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepTopBarModule,
-                        PepTextboxModule,
-                        PepButtonModule,
-                        PepIconModule,
-                        PepDialogModule,
-                        PepSnackBarModule
-                    ],
-                    exports: [FileStatusPanelComponent],
-                    providers: [
-                        {
-                            provide: MatSnackBarRef,
-                            useValue: {}
-                        },
-                        {
-                            provide: MAT_SNACK_BAR_DATA,
-                            useValue: {} // Add any data you wish to test if it is passed/used correctly
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.PepIconRegistry }]; } });
-
-class FileStatus {
-    constructor() {
-        this.key = 0;
-        this.name = '';
-        this.status = 'uploading';
-        this.statusMessage = '';
-    }
-}
-
-/*
- * Public API Surface of ngx-composite-lib/file-status-panel
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FileStatus, FileStatusPanelComponent, PepFileStatusPanelModule };
-//# sourceMappingURL=pepperi-addons-ngx-composite-lib-file-status-panel.mjs.map

package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-file-status-panel.mjs","sources":["../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.component.ts","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.component.html","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.module.ts","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.model.ts","../../../projects/ngx-composite-lib/file-status-panel/public-api.ts","../../../projects/ngx-composite-lib/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.ts"],"sourcesContent":["import { Component, OnInit, Injectable, Input, Output, EventEmitter, Optional, Inject } from '@angular/core';\nimport { MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSnackBarData } from '@pepperi-addons/ngx-lib/snack-bar';\nimport { FileStatus } from './file-status-panel.model';\n\n@Component({\n    selector: 'pep-file-status-panel',\n    templateUrl: './file-status-panel.component.html',\n    styleUrls: ['./file-status-panel.component.scss']\n})\nexport class FileStatusPanelComponent implements OnInit {\n    // @Input() title = '';\n    // @Input() filesList: Array<FileStatus> = [];\n    \n    @Output()\n    closeClick: EventEmitter<void> = new EventEmitter<void>();\n    \n    constructor(\n        @Inject(MAT_SNACK_BAR_DATA) public data: PepSnackBarData,\n        public snackBarRef: MatSnackBarRef<FileStatusPanelComponent>\n    ) {\n       //\n    }\n\n    ngOnInit() {\n        //\n    }\n\n    onCloseClicked(event: any): void {\n        this.closeClick.emit();\n    }\n\n\n}","<pep-snack-bar class=\"upload-panel-contnainer\" [snackBarRef]=\"snackBarRef\" [title]=\"data.title\" (closeClick)=\"onCloseClicked($event)\" >\n    <div pep-snack-bar-content class=\"panel-content\">\n        <ul *ngIf=\"data.content.length\">\n            <li *ngFor=\"let file of data.content\">\n                <ng-container *ngIf=\"file?.status !== 'hidden'\">\n                    <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\n                    <pep-icon class=\"pep-spacing-element\" name=\"arrow_right_alt\"></pep-icon>\n                    <span class=\"body-sm\" title=\"{{file.statusMessage}}\">{{file.status}}</span>\n                </ng-container>\n            </li>\n        </ul>\n    </div>\n</pep-snack-bar>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FileStatusPanelComponent } from './file-status-panel.component';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepIconModule, PepIconRegistry, pepIconArrowRightAlt } from '@pepperi-addons/ngx-lib/icon';\nimport { PepSnackBarModule } from '@pepperi-addons/ngx-lib/snack-bar';\nimport { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';\n\nconst pepIcons = [\n    pepIconArrowRightAlt,\n]\n\n@NgModule({\n    declarations: [\n        FileStatusPanelComponent\n    ],\n    imports: [\n        CommonModule,\n        PepTopBarModule,\n        PepTextboxModule,\n        PepButtonModule,\n        PepIconModule,\n        PepDialogModule,\n        PepSnackBarModule\n    ],\n    exports: [FileStatusPanelComponent],\n    providers:[\n        {\n        provide: MatSnackBarRef,\n        useValue: {}\n        }, \n        {\n            provide: MAT_SNACK_BAR_DATA,\n            useValue: {} // Add any data you wish to test if it is passed/used correctly\n        }\n    ]\n})\n\nexport class PepFileStatusPanelModule { \n    constructor(\n        private pepIconRegistry: PepIconRegistry,\n    ) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n}","export type FileStatusType = 'uploading' | 'downloading' | 'done' | 'failed' | 'hidden' | 'deleting';\r\n\r\nexport class FileStatus {\r\n    key = 0;\r\n    name = '';\r\n    status: FileStatusType = 'uploading';\r\n    statusMessage? = '';\r\n}","/*\n * Public API Surface of ngx-composite-lib/file-status-panel\n */\nexport * from './file-status-panel.module';\nexport * from './file-status-panel.component';\nexport * from './file-status-panel.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3","i1"],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs

@@ -1,161 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@pepperi-addons/ngx-lib';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import * as i3 from '@pepperi-addons/ngx-lib/button';
-import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
-import * as i1$1 from '@pepperi-addons/ngx-lib/remote-loader';
-import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
-import { __awaiter } from 'tslib';
-import { lastValueFrom } from 'rxjs';
-import * as i4 from '@ngx-translate/core';
-
-class FlowPickerService {
-    constructor(httpService) {
-        this.httpService = httpService;
-    }
-    searchFlows(flowKey) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return lastValueFrom(yield this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name'] }));
-        });
-    }
-}
-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: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PepHttpService }]; } });
-
-class FlowPickerButtonComponent {
-    set flowHostObject(value) {
-        var _a;
-        this._flowHostObject = value;
-        // If there is a flow key - search for the flow name.
-        if ((_a = value === null || value === void 0 ? void 0 : value.runFlowData) === null || _a === void 0 ? void 0 : _a.FlowKey) {
-            this.setChoosenFlow(value.runFlowData.FlowKey);
-        }
-        else {
-            this.initChoosenFlow('');
-        }
-    }
-    get flowHostObject() {
-        return this._flowHostObject;
-    }
-    constructor(viewContainerRef, addonBlockLoaderService, flowPickerService) {
-        this.viewContainerRef = viewContainerRef;
-        this.addonBlockLoaderService = addonBlockLoaderService;
-        this.flowPickerService = flowPickerService;
-        this._flowHostObject = undefined;
-        this.disabled = false;
-        this.styleType = 'weak';
-        this.flowDlgSize = 'regular';
-        this.flowChange = new EventEmitter();
-        this.choosenFlowName = '';
-        this.choosenFlowKey = '';
-    }
-    initChoosenFlow(flowKey) {
-        this.choosenFlowKey = flowKey;
-        this.choosenFlowName = '';
-    }
-    setChoosenFlow(flowKey) {
-        // If this is not the same flow key
-        if (this.choosenFlowKey !== flowKey) {
-            this.initChoosenFlow(flowKey);
-            // Search for the flow name.
-            this.flowPickerService.searchFlows(flowKey).then(flows => {
-                var _a;
-                if (((_a = flows === null || flows === void 0 ? void 0 : flows.Objects) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                    this.choosenFlowName = flows.Objects[0].Name || undefined;
-                }
-            });
-        }
-    }
-    ngOnInit() {
-        // Do nothing.
-    }
-    openFlowPickerDialog() {
-        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
-            container: this.viewContainerRef,
-            name: 'FlowPicker',
-            size: this.flowDlgSize,
-            hostObject: this.flowHostObject,
-            hostEventsCallback: (event) => __awaiter(this, void 0, void 0, function* () {
-                var _a;
-                if (event.action === 'on-done') {
-                    // If flow key exist - search for the flow name.
-                    if ((_a = event.data) === null || _a === void 0 ? void 0 : _a.FlowKey) {
-                        this.setChoosenFlow(event.data.FlowKey);
-                        this.flowChange.emit(event.data);
-                    }
-                    else {
-                        this.initChoosenFlow('');
-                        this.flowChange.emit(null);
-                    }
-                    dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
-                }
-                else if (event.action === 'on-cancel') {
-                    dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
-                }
-            })
-        });
-    }
-}
-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: [{
-            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: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], styleType: [{
-                type: Input
-            }], flowDlgSize: [{
-                type: Input
-            }], flowChange: [{
-                type: Output
-            }] } });
-
-class PepFlowPickerButtonModule {
-}
-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: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        FlowPickerButtonComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepButtonModule,
-                        PepRemoteLoaderModule
-                    ],
-                    providers: [FlowPickerService],
-                    exports: [FlowPickerButtonComponent],
-                }]
-        }] });
-
-/*
- * Public API Surface of ngx-composite-lib/flow-picker-button
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FlowPickerButtonComponent, PepFlowPickerButtonModule };
-//# sourceMappingURL=pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map

package/fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map

@@ -1 +0,0 @@
-{"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/fesm2015/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs

@@ -1,254 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/cdk/drag-drop';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i4 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { PepGuid, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
-import { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
-import { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';
-import * as i6 from '@pepperi-addons/ngx-lib/page-layout';
-import { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';
-import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
-import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
-import * as i7 from '@pepperi-addons/ngx-lib/draggable-items';
-import { PepDraggableItemsModule } from '@pepperi-addons/ngx-lib/draggable-items';
-import * as i1 from '@pepperi-addons/ngx-lib/icon';
-import { pepIconSystemClose, pepIconArrowDownAlt, pepIconSystemBin, pepIconNumberPlus, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
-import { BehaviorSubject } from 'rxjs';
-import { distinctUntilChanged } from 'rxjs/operators';
-import * as i9 from '@ngx-translate/core';
-
-class GenericFieldsBuilderService {
-    get isGrabbingChange$() {
-        return this._isGrabbingSubject.asObservable().pipe(distinctUntilChanged());
-    }
-    constructor() {
-        // This subject is for is grabbing mode.
-        this._isGrabbingSubject = new BehaviorSubject(false);
-        //
-    }
-    changeCursorOnDragStart() {
-        document.body.classList.add('inheritCursors');
-        document.body.style.cursor = 'grabbing';
-        this._isGrabbingSubject.next(true);
-    }
-    changeCursorOnDragEnd() {
-        document.body.classList.remove('inheritCursors');
-        document.body.style.cursor = 'unset';
-        this._isGrabbingSubject.next(false);
-    }
-    onDragStart(event) {
-        this.changeCursorOnDragStart();
-    }
-    onDragEnd(event) {
-        this.changeCursorOnDragEnd();
-    }
-}
-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: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class FieldContainerComponent {
-    constructor(genericFieldsBuilderService) {
-        this.genericFieldsBuilderService = genericFieldsBuilderService;
-    }
-    ngOnInit() {
-        //
-    }
-}
-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: [{
-            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 }]; } });
-
-class GenericFieldsBuilderComponent {
-    set availableFields(value) {
-        this._availableFields = value;
-    }
-    get availableFields() {
-        return this._availableFields;
-    }
-    set fields(value) {
-        this._fields = value;
-    }
-    get fields() {
-        return this._fields;
-    }
-    constructor(genericFieldsBuilderService) {
-        this.genericFieldsBuilderService = genericFieldsBuilderService;
-        // @Input() title: string = '';
-        this.builderTitle = '';
-        this.builderTitleHint = '';
-        this.showAddSeparator = true;
-        this.itemKeyLabel = '';
-        this.itemTitleLabel = '';
-        this._availableFields = [];
-        this.fieldTemplate = undefined;
-        this._fields = [];
-        this.fieldsChange = new EventEmitter();
-        this.fieldAdd = new EventEmitter();
-        this.emptyDropAreaId = 'emptyDropArea';
-        this.mappedFieldsId = 'mappedFields';
-        this.isGrabbing = false;
-        this.genericFieldsBuilderService.isGrabbingChange$.subscribe((value) => {
-            this.isGrabbing = value;
-        });
-    }
-    notifyFieldsChange() {
-        this.fieldsChange.emit(this._fields);
-    }
-    addNewField(draggableItem, index) {
-        // Add new menuField to the mappedFields.
-        const field = {
-            key: PepGuid.newGuid(),
-            draggableItemData: draggableItem.data,
-            title: draggableItem.title
-        };
-        this.spliceMappedFields(index, 0, field);
-        this.fieldAdd.emit({ field, index });
-    }
-    spliceMappedFields(start, deleteCount, field) {
-        if (field) {
-            this._fields.splice(start, deleteCount, field);
-        }
-        else {
-            this._fields.splice(start, deleteCount);
-        }
-        this.notifyFieldsChange();
-    }
-    ngOnInit() {
-        //
-    }
-    onDragStart(event) {
-        this.genericFieldsBuilderService.onDragStart(event);
-    }
-    onDragEnd(event) {
-        this.genericFieldsBuilderService.onDragEnd(event);
-    }
-    onDropField(event) {
-        if (event.previousContainer === event.container) {
-            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
-            this.notifyFieldsChange();
-        }
-        else if (event.container.id === 'emptyDropArea') {
-            this.addNewField(event.previousContainer.data[event.previousIndex], this.fields.length);
-        }
-        else {
-            this.addNewField(event.previousContainer.data[event.previousIndex], event.currentIndex);
-        }
-    }
-}
-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: [{
-            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: [{
-                type: Input
-            }], builderTitleHint: [{
-                type: Input
-            }], showAddSeparator: [{
-                type: Input
-            }], itemKeyLabel: [{
-                type: Input
-            }], itemTitleLabel: [{
-                type: Input
-            }], setAddedFieldDataCallback: [{
-                type: Input
-            }], availableFields: [{
-                type: Input
-            }], fieldTemplate: [{
-                type: Input
-            }], fields: [{
-                type: Input
-            }], fieldsChange: [{
-                type: Output
-            }], fieldAdd: [{
-                type: Output
-            }] } });
-
-const pepIcons = [
-    pepIconSystemClose,
-    pepIconArrowDownAlt,
-    pepIconSystemBin,
-    pepIconNumberPlus
-];
-class PepGenericFieldsBuilderModule {
-    constructor(pepIconRegistry) {
-        this.pepIconRegistry = pepIconRegistry;
-        this.pepIconRegistry.registerIcons(pepIcons);
-    }
-}
-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: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        GenericFieldsBuilderComponent,
-                        FieldContainerComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        DragDropModule,
-                        MatIconModule,
-                        PepNgxLibModule,
-                        PepButtonModule,
-                        PepDialogModule,
-                        PepIconModule,
-                        PepMenuModule,
-                        PepPageLayoutModule,
-                        PepTextboxModule,
-                        PepTopBarModule,
-                        PepDraggableItemsModule,
-                    ],
-                    exports: [GenericFieldsBuilderComponent],
-                    providers: [GenericFieldsBuilderService]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
-
-/*
- * Public API Surface of ngx-composite-lib/generic-fields-builder
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { GenericFieldsBuilderComponent, PepGenericFieldsBuilderModule };
-//# sourceMappingURL=pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs.map