@pepperi-addons/ngx-composite-lib 0.0.10-beta.2 → 0.0.10-beta.21

package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ViewChild, Input, Output, NgModule } from '@angular/core';
-import * as i7 from '@angular/common';
+import * as i8 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { __awaiter } from 'tslib';
 import * as i1 from '@pepperi-addons/ngx-lib';
 import { PepRowData, PepGuid, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
 import * as i5 from '@pepperi-addons/ngx-lib/list';
-import { PepListComponent, PepListModule } from '@pepperi-addons/ngx-lib/list';
+import { DEFAULT_PAGE_SIZE, PepSelectionData, PepListComponent, PepListModule } from '@pepperi-addons/ngx-lib/list';
 import { DataViewFieldTypes } from '@pepperi-addons/papi-sdk/dist/entities/data-view';
 import * as i2 from '@ngx-translate/core';
 import * as i3 from '@pepperi-addons/ngx-lib/page-layout';
@@ -15,207 +15,287 @@ import * as i4 from '@pepperi-addons/ngx-lib/top-bar';
 import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
 import * as i6 from '@pepperi-addons/ngx-lib/search';
 import { PepSearchModule } from '@pepperi-addons/ngx-lib/search';
+import * as i7 from '@pepperi-addons/ngx-lib/bread-crumbs';
+import { PepBreadCrumbsModule } from '@pepperi-addons/ngx-lib/bread-crumbs';
 import { PepFormModule } from '@pepperi-addons/ngx-lib/form';
 import { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';
 
-class GenericListComponent {
-    // PepScreenSizeType = PepScreenSizeType;
-    // screenSize: PepScreenSizeType;
-    constructor(dataConvertorService, layoutService, translate) {
-        this.dataConvertorService = dataConvertorService;
-        this.layoutService = layoutService;
-        this.translate = translate;
-        this.dataObjects = [];
-        this.searchString = '';
-        this.addPadding = false;
-        this.title = '';
-        this.inline = false;
-        this.showSearch = false;
-        this.allowSelection = true;
-        this.noDataMessage = "No data";
-        this.allowMultipleSelection = false;
-        this.fieldClick = new EventEmitter();
-        // @Output()
-        // onAddClicked = new EventEmitter<void>();
-        this.menuHandlers = {};
-        this.menuActions = [];
-        this.layoutService.onResize$.pipe().subscribe((size) => {
-            // this.screenSize = size;
-        });
-    }
-    loadMenuItems() {
-        if (this.allowSelection) {
-            this.getMenuActions().then(x => this.menuActions = x);
-        }
-    }
-    convertToPepRowData(object, dataView) {
-        const row = new PepRowData();
-        row.Fields = [];
-        if ((dataView === null || dataView === void 0 ? void 0 : dataView.Fields) && dataView.Columns) {
-            for (let index = 0; index < dataView.Fields.length; index++) {
-                let field = dataView.Fields[index];
-                row.Fields.push({
-                    ApiName: field.FieldID,
-                    Title: this.translate.instant(field.Title),
-                    XAlignment: 1,
-                    FormattedValue: (object[field.FieldID] || '').toString(),
-                    Value: (object[field.FieldID] || '').toString(),
-                    ColumnWidth: dataView.Columns[index].Width,
-                    AdditionalValue: '',
-                    OptionalValues: [],
-                    FieldType: DataViewFieldTypes[field.Type],
-                    ReadOnly: field.ReadOnly,
-                    Enabled: !field.ReadOnly
-                });
-            }
-        }
-        return row;
-    }
-    getMenuActions() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const actions = yield ((_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.getActions(this.getMenuObjects()));
-            const res = [];
-            this.menuHandlers = {};
-            actions === null || actions === void 0 ? void 0 : actions.forEach(item => {
-                const uuid = PepGuid.newGuid();
-                this.menuHandlers[uuid] = item.handler;
-                res.push({
-                    key: uuid,
-                    text: item.title
-                });
-            });
-            return res;
-        });
-    }
-    getMenuObjects() {
-        var _a, _b, _c;
-        let uuids = (_b = (_a = this.customList) === null || _a === void 0 ? void 0 : _a.getSelectedItemsData().rows) !== null && _b !== void 0 ? _b : [];
-        if ((_c = this.customList) === null || _c === void 0 ? void 0 : _c.getIsAllSelectedForActions()) {
-            uuids = this.dataObjects.map(obj => obj.UID).filter(x => uuids.indexOf(x) != -1);
-        }
-        const objects = uuids.map(uuid => this.getObject(uuid));
-        return objects;
-    }
-    getObject(uuid) {
-        return this.dataObjects.find(obj => obj.UID === uuid);
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        this.reload();
-    }
-    onMenuItemClicked(action) {
-        this.menuHandlers[action.source.key](this.getMenuObjects());
-    }
-    onSearchChanged(event) {
-        this.searchString = event.value;
-        this.reload();
-    }
-    reload() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.customList && this.dataSource) {
-                this.dataObjects = yield this.dataSource.getList({
-                    searchString: this.searchString
-                });
-                const dataView = yield this.dataSource.getDataView();
-                const tableData = this.dataObjects.map(x => this.convertToPepRowData(x, dataView));
-                const data = this.dataConvertorService.convertListData(tableData);
-                data.forEach((obj, i) => {
-                    this.dataObjects[i].UID = obj.UID;
-                });
-                const uiControl = this.dataConvertorService.getUiControl(tableData[0]);
-                this.customList.initListData(uiControl, data.length, data);
-                this.loadMenuItems();
-            }
-        });
-    }
-    selectedRowsChanged(selectedRowsCount) {
-        this.loadMenuItems();
-    }
-    onCustomizeFieldClick(fieldClickEvent) {
-        this.fieldClick.emit(fieldClickEvent);
-    }
-}
-GenericListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericListComponent, deps: [{ token: i1.PepDataConvertorService }, { token: i1.PepLayoutService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-GenericListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GenericListComponent, selector: "pep-generic-list", inputs: { dataSource: "dataSource", addPadding: "addPadding", title: "title", inline: "inline", showSearch: "showSearch", allowSelection: "allowSelection", noDataMessage: "noDataMessage", allowMultipleSelection: "allowMultipleSelection" }, outputs: { fieldClick: "fieldClick" }, viewQueries: [{ propertyName: "customList", first: true, predicate: PepListComponent, descendants: true }], ngImport: i0, template: "<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n\n    <div pep-main-area class=\"main-area-container\">\n        <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n    \n<ng-template #topBarTemplate>\n    <pep-top-bar [title]=\"title\" [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        <pep-list-actions [sizeType]=\"inline ? 'sm' : 'md'\" [actions]=\"menuActions\" (actionClick)=\"onMenuItemClicked($event)\"></pep-list-actions>\n        <pep-list-total [sizeType]=\"inline ? 'sm' : 'md'\" [totalRows]=\"customList ? customList.totalRows : -1\"></pep-list-total>\n\n        <pep-search *ngIf=\"showSearch\" [sizeType]=\"inline ? 'sm' : 'md'\" (search)=\"onSearchChanged($event)\">\n        </pep-search>\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #listTemplate>\n    <div #listContainer class=\"list-container\">\n        <pep-list viewType=\"table\" [supportSorting]=\"false\"\n            [selectionTypeForActions]=\"allowMultipleSelection ? 'multi' : (allowSelection ? 'single' : 'none')\" [noDataFoundMsg]=\"noDataMessage\"\n            (fieldClick)=\"onCustomizeFieldClick($event)\"\n            (selectedItemsChange)=\"selectedRowsChanged($event)\">\n        </pep-list>\n    </div>\n</ng-template>", styles: [":host{height:inherit;display:block}.main-area-container{display:grid;height:inherit}.list-container{height:100%}.inline-container{height:inherit;display:grid;grid-template-rows:auto 1fr}.inline-container.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}.inline-container ::ng-deep .pep-top-bar-container.inline{height:auto;overflow:hidden}\n"], components: [{ type: i3.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i4.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }, { type: i5.PepListActionsComponent, selector: "pep-list-actions", inputs: ["actions", "sizeType", "xPosition", "hidden"], outputs: ["actionClick", "stateChange", "menuClick"] }, { type: i5.PepListTotalComponent, selector: "pep-list-total", inputs: ["totalRows", "totalAmount", "isMapView", "sizeType"] }, { type: i6.PepSearchComponent, selector: "pep-search", inputs: ["triggerOn", "autoCompleteTop", "shrinkInSmallScreen", "sizeType", "autoCompleteValues", "value", "searchControl", "useAsWebComponent"], outputs: ["search", "autocompleteChange", "stateChange"] }, { type: i5.PepListComponent, selector: "pep-list", inputs: ["noDataFoundMsg", "selectionTypeForActions", "showCardSelection", "hideAllSelectionInMulti", "cardSize", "firstFieldAsLink", "supportSorting", "supportResizing", "disabled", "lockItemInnerEvents", "printMode", "isReport", "totalsRow", "pagerType", "pageSize", "pageIndex", "scrollAnimationTime", "scrollDebounceTime", "scrollThrottlingTime", "viewType", "parentScroll", "lockEvents", "useAsWebComponent"], outputs: ["itemClick", "fieldClick", "valueChange", "sortingChange", "selectedItemsChange", "selectedItemChange", "selectAllClick", "listLoad", "loadItems", "loadPage", "startIndexChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericListComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pep-generic-list',
-                    templateUrl: './generic-list.component.html',
-                    styleUrls: ['./generic-list.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PepDataConvertorService }, { type: i1.PepLayoutService }, { type: i2.TranslateService }]; }, propDecorators: { customList: [{
-                type: ViewChild,
-                args: [PepListComponent]
-            }], dataSource: [{
-                type: Input
-            }], addPadding: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], inline: [{
-                type: Input
-            }], showSearch: [{
-                type: Input
-            }], allowSelection: [{
-                type: Input
-            }], noDataMessage: [{
-                type: Input
-            }], allowMultipleSelection: [{
-                type: Input
-            }], fieldClick: [{
-                type: Output
+class GenericListComponent {
+    constructor(dataConvertorService, layoutService, translate) {
+        this.dataConvertorService = dataConvertorService;
+        this.layoutService = layoutService;
+        this.translate = translate;
+        this.data = {
+            getList: (options) => __awaiter(this, void 0, void 0, function* () {
+                return [];
+            }),
+            dataView: {
+                Type: 'Grid'
+            },
+            totalCount: 0
+        };
+        this.actions = {
+            get: (data) => __awaiter(this, void 0, void 0, function* () {
+                return [];
+            })
+        };
+        this.addPadding = false;
+        this.title = '';
+        this.inline = false;
+        this.showSearch = false;
+        this.allowSelection = true;
+        this.noDataFoundMsg = this.translate.instant('GENERIC_LIST.NO_DATA');
+        this.allowMultipleSelection = false;
+        this.firstFieldAsLink = false;
+        this.supportSorting = false;
+        this.showTopBar = true;
+        this.breadCrumbsItems = new Array();
+        this.pager = {
+            type: 'scroll',
+            size: DEFAULT_PAGE_SIZE,
+            index: 0
+        };
+        this.fieldClick = new EventEmitter();
+        this.valueChange = new EventEmitter();
+        this.breadCrumbItemClick = new EventEmitter();
+        // dataObjects: any[] = [];
+        this.searchString = '';
+        this.menuHandlers = {};
+        this.menuActions = [];
+        this.hasRows = true;
+        this.layoutService.onResize$.pipe().subscribe((size) => {
+            //            
+        });
+    }
+    loadMenuItems() {
+        if (this.allowSelection) {
+            this.getMenuActions().then(x => this.menuActions = x);
+        }
+    }
+    convertToPepRowData(object, dataView) {
+        const row = new PepRowData();
+        row.Fields = [];
+        if ((dataView === null || dataView === void 0 ? void 0 : dataView.Fields) && dataView.Columns) {
+            for (let index = 0; index < dataView.Fields.length; index++) {
+                const field = dataView.Fields[index];
+                row.Fields.push({
+                    ApiName: field.FieldID,
+                    Title: this.translate.instant(field.Title),
+                    XAlignment: 1,
+                    FormattedValue: (object[field.FieldID] || '').toString(),
+                    Value: (object[field.FieldID] || '').toString(),
+                    ColumnWidth: dataView.Columns[index].Width,
+                    AdditionalValue: '',
+                    OptionalValues: [],
+                    FieldType: DataViewFieldTypes[field.Type],
+                    ReadOnly: field.ReadOnly,
+                    Enabled: !field.ReadOnly
+                });
+            }
+        }
+        return row;
+    }
+    getMenuActions() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const actions = yield this.actions.get(this.getMenuObjects());
+            const res = [];
+            this.menuHandlers = {};
+            actions === null || actions === void 0 ? void 0 : actions.forEach(item => {
+                const uuid = PepGuid.newGuid();
+                this.menuHandlers[uuid] = item.handler;
+                res.push({
+                    key: uuid,
+                    text: item.title
+                });
+            });
+            return res;
+        });
+    }
+    getMenuObjects() {
+        var _a;
+        const selectedData = ((_a = this.customList) === null || _a === void 0 ? void 0 : _a.getSelectedItemsData()) || new PepSelectionData();
+        // if (selectedData.rows?.length > 0 && this.customList?.getIsAllSelectedForActions()) {
+        //     selectedData.rows = this.dataObjects.map(obj => obj.UID).filter(x => selectedData.rows.indexOf(x) !== -1);
+        // }
+        // if (selectedData.rows?.length > 0) {
+        //     selectedData.rows = selectedData.rows.map(uuid => this.getObject(uuid));
+        // }
+        return selectedData;
+    }
+    getObject(uuid) {
+        var _a;
+        return (_a = this.customList) === null || _a === void 0 ? void 0 : _a.getItemDataByID(uuid); // this.dataObjects.find(obj => obj.UID === uuid);
+    }
+    ngOnInit() {
+        //       
+    }
+    ngAfterViewInit() {
+        this.reload();
+    }
+    onMenuItemClicked(action) {
+        this.menuHandlers[action.source.key](this.getMenuObjects());
+    }
+    onSearchChanged(event) {
+        this.searchString = event.value;
+        this.reload();
+    }
+    reload() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.customList && this.data.totalCount > 0) {
+                const fromIndex = 0;
+                const toIndex = Math.min(fromIndex + this.pager.size - 1, this.data.totalCount - 1);
+                const dataList = yield this.getDataList(fromIndex, toIndex);
+                const convertedList = this.dataConvertorService.convertListData(dataList);
+                const uiControl = this.dataConvertorService.getUiControl(dataList[0]);
+                this.customList.initListData(uiControl, this.data.totalCount, convertedList);
+                this.loadMenuItems();
+                this.hasRows = dataList.length > 0 ? true : false;
+            }
+            else {
+                this.hasRows = false;
+            }
+        });
+    }
+    onSelectedRowsChanged(selectedRowsCount) {
+        this.loadMenuItems();
+    }
+    onCustomizeFieldClick(fieldClickEvent) {
+        this.fieldClick.emit(fieldClickEvent);
+    }
+    onBreadCrumbItemClick(event) {
+        this.breadCrumbItemClick.emit(event);
+    }
+    onValueChanged(event) {
+        this.valueChange.emit(event);
+    }
+    getDataList(fromIndex, toIndex) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const dataList = yield this.data.getList({
+                searchString: this.searchString,
+                fromIndex: fromIndex,
+                toIndex: toIndex
+            });
+            const dataView = this.data.dataView;
+            return dataList.map(item => this.convertToPepRowData(item, dataView));
+        });
+    }
+    onLoadItems(event) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const dataList = yield this.getDataList(event.fromIndex, event.toIndex);
+            const data = this.dataConvertorService.convertListData(dataList);
+            (_a = this.customList) === null || _a === void 0 ? void 0 : _a.updateItems(data, event);
+        });
+    }
+    onLoadPage(event) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const fromIndex = event.pageIndex * event.pageSize;
+            const toIndex = Math.min(fromIndex + event.pageSize - 1, this.data.totalCount - 1);
+            const dataList = yield this.getDataList(fromIndex, toIndex);
+            const data = this.dataConvertorService.convertListData(dataList);
+            (_a = this.customList) === null || _a === void 0 ? void 0 : _a.updatePage(data, event);
+        });
+    }
+}
+GenericListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericListComponent, deps: [{ token: i1.PepDataConvertorService }, { token: i1.PepLayoutService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+GenericListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GenericListComponent, selector: "pep-generic-list", inputs: { data: "data", actions: "actions", addPadding: "addPadding", title: "title", inline: "inline", showSearch: "showSearch", allowSelection: "allowSelection", noDataFoundMsg: "noDataFoundMsg", allowMultipleSelection: "allowMultipleSelection", firstFieldAsLink: "firstFieldAsLink", supportSorting: "supportSorting", showTopBar: "showTopBar", breadCrumbsItems: "breadCrumbsItems", pager: "pager" }, outputs: { fieldClick: "fieldClick", valueChange: "valueChange", breadCrumbItemClick: "breadCrumbItemClick" }, viewQueries: [{ propertyName: "customList", first: true, predicate: PepListComponent, descendants: true }], ngImport: i0, template: "<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\r\n    <div>\r\n        <div *ngIf=\"showTopBar\" class=\"inline-top-bar-container\">\r\n            <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\r\n        </div>\r\n        <ng-container *ngIf=\"breadCrumbsItems && breadCrumbsItems.length > 0\">\r\n            <ng-container *ngTemplateOutlet=\"breadCrumbsTemplate\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\r\n</div>\r\n\r\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\r\n    <ng-container *ngIf=\"showTopBar\" pep-top-area>\r\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"breadCrumbsItems && breadCrumbsItems.length > 0\" pep-top-area>\r\n        <ng-container *ngTemplateOutlet=\"breadCrumbsTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <div pep-main-area class=\"main-area-container\">\r\n        <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\r\n    </div>\r\n</pep-page-layout>\r\n\r\n<ng-template #topBarTemplate>\r\n    <pep-top-bar [title]=\"title\" [inline]=\"inline\">\r\n        <div header-start-content>\r\n            <ng-content select=\"[left-buttons]\"></ng-content>\r\n        </div>\r\n        <div header-end-content>\r\n            <ng-content select=\"[right-buttons]\"></ng-content>\r\n        </div>\r\n        <pep-list-actions [sizeType]=\"inline ? 'sm' : 'md'\" [actions]=\"menuActions\"\r\n            (actionClick)=\"onMenuItemClicked($event)\"></pep-list-actions>\r\n        <pep-list-total [sizeType]=\"inline ? 'sm' : 'md'\" [totalRows]=\"customList ? customList.totalRows : -1\">\r\n        </pep-list-total>\r\n\r\n        <pep-search *ngIf=\"showSearch\" [sizeType]=\"inline ? 'sm' : 'md'\" (search)=\"onSearchChanged($event)\">\r\n        </pep-search>\r\n    </pep-top-bar>\r\n</ng-template>\r\n\r\n<ng-template #breadCrumbsTemplate>\r\n    <pep-bread-crumbs class=\"bread-crumbs\" [items]=\"breadCrumbsItems\" [addSpacing]=\"true\" [displayType]=\"'items'\"\r\n        (itemClick)=\"onBreadCrumbItemClick($event)\"></pep-bread-crumbs>\r\n</ng-template>\r\n\r\n<ng-template #listTemplate>\r\n    <div class=\"list-container\">\r\n        <pep-list #customList *ngIf=\"hasRows\" viewType=\"table\" [supportSorting]=\"supportSorting\"\r\n            [selectionTypeForActions]=\"allowMultipleSelection ? 'multi' : (allowSelection ? 'single' : 'none')\"\r\n            [pagerType]=\"pager.type\" [pageSize]=\"pager.size\" [pageIndex]=\"pager.index\" [noDataFoundMsg]=\"noDataFoundMsg\"\r\n            (fieldClick)=\"onCustomizeFieldClick($event)\" [firstFieldAsLink]=\"firstFieldAsLink\"\r\n            (selectedItemsChange)=\"onSelectedRowsChanged($event)\" (loadItems)=\"onLoadItems($event)\"\r\n            (loadPage)=\"onLoadPage($event)\" (valueChange)=\"onValueChanged($event)\">\r\n        </pep-list>\r\n        <ng-container *ngIf=\"!hasRows\">\r\n            <div class=\"noDataFoundMsg\">\r\n                <h2>{{noDataFoundMsg}}</h2>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>", styles: [":host{height:inherit;display:block}.main-area-container{display:grid;height:inherit}.list-container{height:100%}.inline-container{height:inherit;display:grid;grid-template-rows:auto 1fr}.inline-container.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}.inline-container ::ng-deep .pep-top-bar-container.inline{height:auto;overflow:hidden}.noDataFoundMsg{height:100%;width:100%;background:rgba(26,26,26,.12);display:flex;justify-content:center;align-items:center}.bread-crumbs{padding:1rem 0 .5rem}\n"], components: [{ type: i3.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i4.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }, { type: i5.PepListActionsComponent, selector: "pep-list-actions", inputs: ["actions", "sizeType", "xPosition", "hidden"], outputs: ["actionClick", "stateChange", "menuClick"] }, { type: i5.PepListTotalComponent, selector: "pep-list-total", inputs: ["totalRows", "totalAmount", "isMapView", "sizeType"] }, { type: i6.PepSearchComponent, selector: "pep-search", inputs: ["triggerOn", "autoCompleteTop", "shrinkInSmallScreen", "sizeType", "autoCompleteValues", "value", "searchControl", "useAsWebComponent"], outputs: ["search", "autocompleteChange", "stateChange"] }, { type: i7.PepBreadCrumbsComponent, selector: "pep-bread-crumbs", inputs: ["addSpacing", "items", "displayType"], outputs: ["itemClick"] }, { type: i5.PepListComponent, selector: "pep-list", inputs: ["noDataFoundMsg", "selectionTypeForActions", "showCardSelection", "hideAllSelectionInMulti", "cardSize", "firstFieldAsLink", "supportSorting", "supportResizing", "disabled", "lockItemInnerEvents", "printMode", "isReport", "totalsRow", "pagerType", "pageSize", "pageIndex", "scrollAnimationTime", "scrollDebounceTime", "scrollThrottlingTime", "viewType", "parentScroll", "lockEvents", "useAsWebComponent"], outputs: ["itemClick", "fieldClick", "valueChange", "sortingChange", "selectedItemsChange", "selectedItemChange", "selectAllClick", "listLoad", "loadItems", "loadPage", "startIndexChange"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-generic-list',
+                    templateUrl: './generic-list.component.html',
+                    styleUrls: ['./generic-list.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepDataConvertorService }, { type: i1.PepLayoutService }, { type: i2.TranslateService }]; }, propDecorators: { customList: [{
+                type: ViewChild,
+                args: [PepListComponent]
+            }], data: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], addPadding: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }], showSearch: [{
+                type: Input
+            }], allowSelection: [{
+                type: Input
+            }], noDataFoundMsg: [{
+                type: Input
+            }], allowMultipleSelection: [{
+                type: Input
+            }], firstFieldAsLink: [{
+                type: Input
+            }], supportSorting: [{
+                type: Input
+            }], showTopBar: [{
+                type: Input
+            }], breadCrumbsItems: [{
+                type: Input
+            }], pager: [{
+                type: Input
+            }], fieldClick: [{
+                type: Output
+            }], valueChange: [{
+                type: Output
+            }], breadCrumbItemClick: [{
+                type: Output
             }] } });
 
-class PepGenericListModule {
-}
-PepGenericListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepGenericListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, declarations: [GenericListComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepListModule,
-        PepFormModule,
-        PepMenuModule,
-        PepPageLayoutModule,
-        PepTopBarModule,
-        PepSearchModule], exports: [GenericListComponent] });
-PepGenericListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, imports: [[
-            CommonModule,
-            PepNgxLibModule,
-            PepListModule,
-            PepFormModule,
-            PepMenuModule,
-            PepPageLayoutModule,
-            PepTopBarModule,
-            PepSearchModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        GenericListComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepListModule,
-                        PepFormModule,
-                        PepMenuModule,
-                        PepPageLayoutModule,
-                        PepTopBarModule,
-                        PepSearchModule
-                    ],
-                    exports: [GenericListComponent],
-                }]
+class PepGenericListModule {
+}
+PepGenericListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepGenericListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, declarations: [GenericListComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepListModule,
+        PepFormModule,
+        PepMenuModule,
+        PepPageLayoutModule,
+        PepTopBarModule,
+        PepSearchModule,
+        PepBreadCrumbsModule], exports: [GenericListComponent] });
+PepGenericListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, imports: [[
+            CommonModule,
+            PepNgxLibModule,
+            PepListModule,
+            PepFormModule,
+            PepMenuModule,
+            PepPageLayoutModule,
+            PepTopBarModule,
+            PepSearchModule,
+            PepBreadCrumbsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        GenericListComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepListModule,
+                        PepFormModule,
+                        PepMenuModule,
+                        PepPageLayoutModule,
+                        PepTopBarModule,
+                        PepSearchModule,
+                        PepBreadCrumbsModule
+                    ],
+                    exports: [GenericListComponent],
+                }]
         }] });
 
-/*
- * Public API Surface of ngx-composite-lib/generic-list
+/*
+ * Public API Surface of ngx-composite-lib/generic-list
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { GenericListComponent, PepGenericListModule };

package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-generic-list.js","sources":["../../../projects/ngx-composite-lib/generic-list/generic-list.component.ts","../../../projects/ngx-composite-lib/generic-list/generic-list.component.html","../../../projects/ngx-composite-lib/generic-list/generic-list.module.ts","../../../projects/ngx-composite-lib/generic-list/public-api.ts","../../../projects/ngx-composite-lib/generic-list/pepperi-addons-ngx-composite-lib-generic-list.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    AfterViewInit,\n    ViewChild,\n    Input,\n    Output,\n    EventEmitter,\n} from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n    PepDataConvertorService,\n    PepLayoutService,\n    PepRowData,\n    PepScreenSizeType,\n    PepGuid,\n  } from '@pepperi-addons/ngx-lib';\nimport { IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';\nimport {\n    PepListComponent\n} from '@pepperi-addons/ngx-lib/list';\nimport {\n    PepMenuItem,\n    IPepMenuItemClickEvent,\n} from '@pepperi-addons/ngx-lib/menu';\nimport { IPepSearchClickEvent } from '@pepperi-addons/ngx-lib/search';\n  \nimport { GridDataViewField, DataViewFieldTypes, GridDataView } from '@pepperi-addons/papi-sdk/dist/entities/data-view';\nimport { GenericListDataSource } from './generic-list.model';\n\nimport * as tween from '@tweenjs/tween.js'\n\n@Component({\n    selector: 'pep-generic-list',\n    templateUrl: './generic-list.component.html',\n    styleUrls: ['./generic-list.component.scss'],\n})\nexport class GenericListComponent implements OnInit, AfterViewInit {\n    @ViewChild(PepListComponent) customList: PepListComponent | undefined;\n    \n    @Input()\n    dataSource: GenericListDataSource | undefined;\n    dataObjects: any[] = []\n  \n    searchString: string = '';\n  \n    @Input()\n    addPadding: boolean = false;\n\n    @Input()\n    title: string = '';\n  \n    @Input()\n    inline: boolean = false;\n  \n    @Input()\n    showSearch: boolean = false;\n  \n    @Input()\n    allowSelection: boolean = true;\n  \n    @Input()\n    noDataMessage: string = \"No data\";\n  \n    @Input()\n    allowMultipleSelection: boolean = false;\n  \n    @Output()\n    fieldClick: EventEmitter<IPepFormFieldClickEvent> = new EventEmitter<IPepFormFieldClickEvent>();\n\n    // @Output()\n    // onAddClicked = new EventEmitter<void>();\n\n    menuHandlers: { [key: string]: (obj: any) => Promise<void> } = {};\n    menuActions: Array<PepMenuItem> = [];\n    // PepScreenSizeType = PepScreenSizeType;\n    // screenSize: PepScreenSizeType;\n  \n    constructor(\n        private dataConvertorService: PepDataConvertorService,\n        private layoutService: PepLayoutService,\n        private translate: TranslateService\n    ) {\n        this.layoutService.onResize$.pipe().subscribe((size) => {\n            // this.screenSize = size;\n        });\n    }\n  \n    private loadMenuItems(): void {\n        if (this.allowSelection) {\n            this.getMenuActions().then(x => this.menuActions = x);\n        }\n    }\n  \n    private convertToPepRowData(object: any, dataView: GridDataView) {\n        const row = new PepRowData();\n        row.Fields = [];\n\n        if (dataView?.Fields && dataView.Columns) {\n            for (let index = 0; index < dataView.Fields.length; index++) {\n                let field = dataView.Fields[index] as GridDataViewField\n                row.Fields.push({\n                    ApiName: field.FieldID,\n                    Title: this.translate.instant(field.Title),\n                    XAlignment: 1,\n                    FormattedValue: (object[field.FieldID] || '').toString(),\n                    Value: (object[field.FieldID] || '').toString(),\n                    ColumnWidth: dataView.Columns[index].Width,\n                    AdditionalValue: '',\n                    OptionalValues: [],\n                    FieldType: DataViewFieldTypes[field.Type],\n                    ReadOnly: field.ReadOnly,\n                    Enabled: !field.ReadOnly\n                })\n            }\n        }\n        return row;\n    }\n  \n    private async getMenuActions(): Promise<PepMenuItem[]> {\n        const actions = await this.dataSource?.getActions(this.getMenuObjects());\n        const res: PepMenuItem[] = []\n        this.menuHandlers = {};\n    \n        actions?.forEach(item => {\n            const uuid = PepGuid.newGuid();\n            this.menuHandlers[uuid] = item.handler;\n            res.push({\n                key: uuid,\n                text: item.title\n            })\n        })\n  \n        return res;\n    }\n  \n    private getMenuObjects() {\n        let uuids = this.customList?.getSelectedItemsData().rows ?? [];\n        if (this.customList?.getIsAllSelectedForActions()) {\n            uuids = this.dataObjects.map(obj => obj.UID).filter(x => uuids.indexOf(x) != -1);\n        }\n        const objects = uuids.map(uuid => this.getObject(uuid))\n        return objects;\n    }\n  \n    private getObject(uuid: string) {\n        return this.dataObjects.find(obj => obj.UID === uuid);\n    }\n    \n    ngOnInit() {\n    }\n  \n    ngAfterViewInit(): void {\n        this.reload();\n    }\n  \n    onMenuItemClicked(action: IPepMenuItemClickEvent): void {\n        this.menuHandlers[action.source.key](this.getMenuObjects());\n    }\n  \n    onSearchChanged(event: IPepSearchClickEvent) {\n        this.searchString = event.value\n        this.reload();\n    }\n  \n    async reload() {\n        if (this.customList && this.dataSource) {\n            this.dataObjects = await this.dataSource.getList({\n              searchString: this.searchString\n            });\n            const dataView = await this.dataSource.getDataView();\n            const tableData = this.dataObjects.map(x => this.convertToPepRowData(x, dataView));\n            const data = this.dataConvertorService.convertListData(tableData);\n            data.forEach((obj, i) => {\n              this.dataObjects[i].UID = obj.UID;\n            })\n            const uiControl = this.dataConvertorService.getUiControl(tableData[0]);\n            this.customList.initListData(uiControl, data.length, data);\n          \n            this.loadMenuItems();\n        }\n    }\n\n    selectedRowsChanged(selectedRowsCount: number) {\n        this.loadMenuItems();\n    }\n\n    onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent) {\n        this.fieldClick.emit(fieldClickEvent);\n    }\n  \n}\n  ","<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n\n    <div pep-main-area class=\"main-area-container\">\n        <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n    \n<ng-template #topBarTemplate>\n    <pep-top-bar [title]=\"title\" [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        <pep-list-actions [sizeType]=\"inline ? 'sm' : 'md'\" [actions]=\"menuActions\" (actionClick)=\"onMenuItemClicked($event)\"></pep-list-actions>\n        <pep-list-total [sizeType]=\"inline ? 'sm' : 'md'\" [totalRows]=\"customList ? customList.totalRows : -1\"></pep-list-total>\n\n        <pep-search *ngIf=\"showSearch\" [sizeType]=\"inline ? 'sm' : 'md'\" (search)=\"onSearchChanged($event)\">\n        </pep-search>\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #listTemplate>\n    <div #listContainer class=\"list-container\">\n        <pep-list viewType=\"table\" [supportSorting]=\"false\"\n            [selectionTypeForActions]=\"allowMultipleSelection ? 'multi' : (allowSelection ? 'single' : 'none')\" [noDataFoundMsg]=\"noDataMessage\"\n            (fieldClick)=\"onCustomizeFieldClick($event)\"\n            (selectedItemsChange)=\"selectedRowsChanged($event)\">\n        </pep-list>\n    </div>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GenericListComponent } from './generic-list.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepListModule } from '@pepperi-addons/ngx-lib/list';\nimport { PepFormModule } from '@pepperi-addons/ngx-lib/form';\nimport { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';\nimport { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\nimport { PepSearchModule } from '@pepperi-addons/ngx-lib/search';\n\n@NgModule({\n    declarations: [\n        GenericListComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepListModule,\n        PepFormModule,\n        PepMenuModule,\n        PepPageLayoutModule,\n        PepTopBarModule,\n        PepSearchModule\n    ],\n    exports: [GenericListComponent],\n})\nexport class PepGenericListModule { }\n","/*\n * Public API Surface of ngx-composite-lib/generic-list\n */\nexport * from './generic-list.module';\nexport * from './generic-list.component';\nexport * from './generic-list.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-generic-list.js","sources":["../../../projects/ngx-composite-lib/generic-list/generic-list.component.ts","../../../projects/ngx-composite-lib/generic-list/generic-list.component.html","../../../projects/ngx-composite-lib/generic-list/generic-list.module.ts","../../../projects/ngx-composite-lib/generic-list/public-api.ts","../../../projects/ngx-composite-lib/generic-list/pepperi-addons-ngx-composite-lib-generic-list.ts"],"sourcesContent":["import {\r\n    Component,\r\n    OnInit,\r\n    AfterViewInit,\r\n    ViewChild,\r\n    Input,\r\n    Output,\r\n    EventEmitter,\r\n} from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport {\r\n    PepDataConvertorService,\r\n    PepLayoutService,\r\n    PepRowData,\r\n    PepScreenSizeType,\r\n    PepGuid,\r\n} from '@pepperi-addons/ngx-lib';\r\nimport { IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';\r\nimport {\r\n    PepListComponent,\r\n    PepSelectionData,\r\n    IPepListLoadPageEvent,    \r\n    IPepListPagerChangeEvent,\r\n    PepListPagerType,\r\n    DEFAULT_PAGE_SIZE,\r\n    IPepListLoadItemsEvent\r\n} from '@pepperi-addons/ngx-lib/list';\r\nimport {\r\n    PepMenuItem,\r\n    IPepMenuItemClickEvent,\r\n} from '@pepperi-addons/ngx-lib/menu';\r\nimport { IPepFormFieldValueChangeEvent } from '@pepperi-addons/ngx-lib/form';\r\nimport {\r\n    PepBreadCrumbItem,\r\n    IPepBreadCrumbItemClickEvent\r\n} from '@pepperi-addons/ngx-lib/bread-crumbs';\r\nimport { IPepSearchClickEvent } from '@pepperi-addons/ngx-lib/search';\r\n\r\nimport { GridDataViewField, DataViewFieldTypes, GridDataView } from '@pepperi-addons/papi-sdk/dist/entities/data-view';\r\nimport { IPepGenericListDataSource, IPepGenericListPager, IPepGenericListActions } from './generic-list.model';\r\n\r\n\r\n@Component({\r\n    selector: 'pep-generic-list',\r\n    templateUrl: './generic-list.component.html',\r\n    styleUrls: ['./generic-list.component.scss'],\r\n})\r\nexport class GenericListComponent implements OnInit, AfterViewInit {\r\n    @ViewChild(PepListComponent) customList: PepListComponent | undefined;\r\n\r\n    @Input()\r\n    data: IPepGenericListDataSource = {\r\n        getList: async (options: any) => {\r\n            return [];\r\n        },\r\n        dataView: {\r\n            Type: 'Grid'\r\n        },\r\n        totalCount: 0\r\n    };  \r\n\r\n    @Input()\r\n    actions: IPepGenericListActions = {\r\n        get: async (data: any) => {\r\n            return []\r\n        }\r\n    };\r\n\r\n    @Input()\r\n    addPadding = false;\r\n\r\n    @Input()\r\n    title = '';\r\n\r\n    @Input()\r\n    inline = false;\r\n\r\n    @Input()\r\n    showSearch = false;\r\n\r\n    @Input()\r\n    allowSelection = true;\r\n\r\n    @Input()\r\n    noDataFoundMsg: string = this.translate.instant('GENERIC_LIST.NO_DATA');\r\n\r\n    @Input()\r\n    allowMultipleSelection = false;\r\n\r\n    @Input()\r\n    firstFieldAsLink = false;\r\n\r\n    @Input()\r\n    supportSorting = false;\r\n\r\n    @Input()\r\n    showTopBar = true;\r\n\r\n    @Input()\r\n    breadCrumbsItems = new Array<PepBreadCrumbItem>();\r\n\r\n    @Input() \r\n    pager: IPepGenericListPager = {\r\n        type: 'scroll',\r\n        size: DEFAULT_PAGE_SIZE,        \r\n        index: 0\r\n    }   \r\n\r\n    @Output()\r\n    fieldClick: EventEmitter<IPepFormFieldClickEvent> = new EventEmitter<IPepFormFieldClickEvent>();\r\n\r\n    @Output()\r\n    valueChange: EventEmitter<IPepFormFieldValueChangeEvent> = new EventEmitter<IPepFormFieldValueChangeEvent>();\r\n\r\n    @Output()\r\n    breadCrumbItemClick: EventEmitter<IPepBreadCrumbItemClickEvent> = new EventEmitter<IPepBreadCrumbItemClickEvent>();\r\n\r\n    // dataObjects: any[] = [];\r\n    searchString = '';\r\n    menuHandlers: { [key: string]: (obj: any) => Promise<void> } = {};\r\n    menuActions: Array<PepMenuItem> = [];\r\n    hasRows = true;       \r\n\r\n    constructor(\r\n        private dataConvertorService: PepDataConvertorService,\r\n        private layoutService: PepLayoutService,\r\n        private translate: TranslateService\r\n    ) {\r\n        this.layoutService.onResize$.pipe().subscribe((size) => {\r\n            //            \r\n        });\r\n    }    \r\n\r\n    private loadMenuItems(): void {\r\n        if (this.allowSelection) {\r\n            this.getMenuActions().then(x => this.menuActions = x);\r\n        }\r\n    }\r\n\r\n    private convertToPepRowData(object: any, dataView: GridDataView) {\r\n        const row = new PepRowData();\r\n        row.Fields = [];\r\n\r\n        if (dataView?.Fields && dataView.Columns) {\r\n            for (let index = 0; index < dataView.Fields.length; index++) {\r\n                const field = dataView.Fields[index] as GridDataViewField\r\n                row.Fields.push({\r\n                    ApiName: field.FieldID,\r\n                    Title: this.translate.instant(field.Title),\r\n                    XAlignment: 1,\r\n                    FormattedValue: (object[field.FieldID] || '').toString(),\r\n                    Value: (object[field.FieldID] || '').toString(),\r\n                    ColumnWidth: dataView.Columns[index].Width,\r\n                    AdditionalValue: '',\r\n                    OptionalValues: [],\r\n                    FieldType: DataViewFieldTypes[field.Type],\r\n                    ReadOnly: field.ReadOnly,\r\n                    Enabled: !field.ReadOnly\r\n                })\r\n            }\r\n        }\r\n        return row;\r\n    }\r\n\r\n    private async getMenuActions(): Promise<PepMenuItem[]> {        \r\n        const actions = await this.actions.get(this.getMenuObjects());              \r\n        const res: PepMenuItem[] = [];\r\n        this.menuHandlers = {};\r\n\r\n        actions?.forEach(item => {\r\n            const uuid = PepGuid.newGuid();\r\n            this.menuHandlers[uuid] = item.handler;\r\n            res.push({\r\n                key: uuid,\r\n                text: item.title\r\n            })\r\n        })\r\n\r\n        return res;\r\n    }\r\n\r\n    private getMenuObjects() {\r\n        const selectedData = this.customList?.getSelectedItemsData() || new PepSelectionData();\r\n\r\n        // if (selectedData.rows?.length > 0 && this.customList?.getIsAllSelectedForActions()) {\r\n        //     selectedData.rows = this.dataObjects.map(obj => obj.UID).filter(x => selectedData.rows.indexOf(x) !== -1);\r\n        // }\r\n\r\n        // if (selectedData.rows?.length > 0) {\r\n        //     selectedData.rows = selectedData.rows.map(uuid => this.getObject(uuid));\r\n        // }\r\n\r\n        return selectedData;\r\n    }\r\n\r\n    getObject(uuid: string) {\r\n        return this.customList?.getItemDataByID(uuid); // this.dataObjects.find(obj => obj.UID === uuid);\r\n    }\r\n\r\n    ngOnInit() {\r\n        //       \r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        this.reload();\r\n    }\r\n\r\n    onMenuItemClicked(action: IPepMenuItemClickEvent): void {\r\n        this.menuHandlers[action.source.key](this.getMenuObjects());\r\n    }\r\n\r\n    onSearchChanged(event: IPepSearchClickEvent) {\r\n        this.searchString = event.value;\r\n        this.reload();\r\n    }\r\n\r\n    async reload() {        \r\n        if (this.customList && this.data.totalCount > 0) {\r\n            const fromIndex = 0;\r\n            const toIndex = Math.min(fromIndex + this.pager.size - 1, this.data.totalCount - 1);\r\n\r\n            const dataList = await this.getDataList(fromIndex, toIndex);                        \r\n            const convertedList = this.dataConvertorService.convertListData(dataList);         \r\n            const uiControl = this.dataConvertorService.getUiControl(dataList[0]);\r\n\r\n            this.customList.initListData(uiControl, this.data.totalCount, convertedList);            \r\n            this.loadMenuItems();\r\n            this.hasRows = dataList.length > 0 ? true : false;\r\n        } else {\r\n            this.hasRows = false;\r\n        }\r\n    }\r\n    \r\n    onSelectedRowsChanged(selectedRowsCount: number) {\r\n        this.loadMenuItems();\r\n    }\r\n    \r\n    onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent) {\r\n        this.fieldClick.emit(fieldClickEvent);\r\n    }\r\n\r\n    onBreadCrumbItemClick(event: IPepBreadCrumbItemClickEvent) {\r\n        this.breadCrumbItemClick.emit(event);\r\n    }\r\n\r\n    onValueChanged(event: IPepFormFieldValueChangeEvent) {\r\n        this.valueChange.emit(event);\r\n    }\r\n\r\n    private async getDataList(fromIndex: number, toIndex: number) {\r\n        const dataList = await this.data.getList({\r\n            searchString: this.searchString,\r\n            fromIndex: fromIndex,\r\n            toIndex: toIndex\r\n        });  \r\n        const dataView = this.data.dataView;\r\n        return dataList.map(item => this.convertToPepRowData(item, dataView));           \r\n    }\r\n\r\n    public async onLoadItems(event: IPepListLoadItemsEvent) {        \r\n        const dataList = await this.getDataList(event.fromIndex, event.toIndex);        \r\n        const data = this.dataConvertorService.convertListData(dataList);\r\n        \r\n        this.customList?.updateItems(data, event);\r\n    }\r\n\r\n    public async onLoadPage(event: IPepListLoadPageEvent) {\r\n        const fromIndex = event.pageIndex * event.pageSize;\r\n        const toIndex = Math.min(fromIndex + event.pageSize - 1, this.data.totalCount - 1);\r\n\r\n        const dataList = await this.getDataList(fromIndex, toIndex);               \r\n        const data = this.dataConvertorService.convertListData(dataList);\r\n        \r\n        this.customList?.updatePage(data, event);\r\n    }\r\n\r\n}\r\n","<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\r\n    <div>\r\n        <div *ngIf=\"showTopBar\" class=\"inline-top-bar-container\">\r\n            <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\r\n        </div>\r\n        <ng-container *ngIf=\"breadCrumbsItems && breadCrumbsItems.length > 0\">\r\n            <ng-container *ngTemplateOutlet=\"breadCrumbsTemplate\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\r\n</div>\r\n\r\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\r\n    <ng-container *ngIf=\"showTopBar\" pep-top-area>\r\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"breadCrumbsItems && breadCrumbsItems.length > 0\" pep-top-area>\r\n        <ng-container *ngTemplateOutlet=\"breadCrumbsTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <div pep-main-area class=\"main-area-container\">\r\n        <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\r\n    </div>\r\n</pep-page-layout>\r\n\r\n<ng-template #topBarTemplate>\r\n    <pep-top-bar [title]=\"title\" [inline]=\"inline\">\r\n        <div header-start-content>\r\n            <ng-content select=\"[left-buttons]\"></ng-content>\r\n        </div>\r\n        <div header-end-content>\r\n            <ng-content select=\"[right-buttons]\"></ng-content>\r\n        </div>\r\n        <pep-list-actions [sizeType]=\"inline ? 'sm' : 'md'\" [actions]=\"menuActions\"\r\n            (actionClick)=\"onMenuItemClicked($event)\"></pep-list-actions>\r\n        <pep-list-total [sizeType]=\"inline ? 'sm' : 'md'\" [totalRows]=\"customList ? customList.totalRows : -1\">\r\n        </pep-list-total>\r\n\r\n        <pep-search *ngIf=\"showSearch\" [sizeType]=\"inline ? 'sm' : 'md'\" (search)=\"onSearchChanged($event)\">\r\n        </pep-search>\r\n    </pep-top-bar>\r\n</ng-template>\r\n\r\n<ng-template #breadCrumbsTemplate>\r\n    <pep-bread-crumbs class=\"bread-crumbs\" [items]=\"breadCrumbsItems\" [addSpacing]=\"true\" [displayType]=\"'items'\"\r\n        (itemClick)=\"onBreadCrumbItemClick($event)\"></pep-bread-crumbs>\r\n</ng-template>\r\n\r\n<ng-template #listTemplate>\r\n    <div class=\"list-container\">\r\n        <pep-list #customList *ngIf=\"hasRows\" viewType=\"table\" [supportSorting]=\"supportSorting\"\r\n            [selectionTypeForActions]=\"allowMultipleSelection ? 'multi' : (allowSelection ? 'single' : 'none')\"\r\n            [pagerType]=\"pager.type\" [pageSize]=\"pager.size\" [pageIndex]=\"pager.index\" [noDataFoundMsg]=\"noDataFoundMsg\"\r\n            (fieldClick)=\"onCustomizeFieldClick($event)\" [firstFieldAsLink]=\"firstFieldAsLink\"\r\n            (selectedItemsChange)=\"onSelectedRowsChanged($event)\" (loadItems)=\"onLoadItems($event)\"\r\n            (loadPage)=\"onLoadPage($event)\" (valueChange)=\"onValueChanged($event)\">\r\n        </pep-list>\r\n        <ng-container *ngIf=\"!hasRows\">\r\n            <div class=\"noDataFoundMsg\">\r\n                <h2>{{noDataFoundMsg}}</h2>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GenericListComponent } from './generic-list.component';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport { PepListModule } from '@pepperi-addons/ngx-lib/list';\r\nimport { PepFormModule } from '@pepperi-addons/ngx-lib/form';\r\nimport { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';\r\nimport { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';\r\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\r\nimport { PepSearchModule } from '@pepperi-addons/ngx-lib/search';\r\nimport { PepBreadCrumbsModule } from '@pepperi-addons/ngx-lib/bread-crumbs';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        GenericListComponent\r\n    ],\r\n    imports: [\r\n        CommonModule,\r\n        PepNgxLibModule,\r\n        PepListModule,\r\n        PepFormModule,\r\n        PepMenuModule,\r\n        PepPageLayoutModule,\r\n        PepTopBarModule,\r\n        PepSearchModule,\r\n        PepBreadCrumbsModule\r\n    ],\r\n    exports: [GenericListComponent],\r\n})\r\nexport class PepGenericListModule { }\r\n","/*\r\n * Public API Surface of ngx-composite-lib/generic-list\r\n */\r\nexport * from './generic-list.module';\r\nexport * from './generic-list.component';\r\nexport * from './generic-list.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}