@pepperi-addons/ngx-composite-lib 0.0.10-beta.1 → 0.0.10-beta.6

package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js

@@ -7,78 +7,78 @@ import * as i1 from '@pepperi-addons/ngx-lib/button';
 import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 
-class DraggableItemComponent {
-    // private _isDraggable = false;
-    // @Input()
-    // set isDraggable(value: boolean) {
-    //     this._isDraggable = value;
-    //     this._cursor = value ? 'move' : 'inherit'
-    // }
-    // get isDraggable(): boolean {
-    //     return this._isDraggable;
-    // }
-    constructor() {
-        this._cursor = 'move';
-        this.title = '';
-        this.disabled = false;
-    }
-    ngOnInit() {
-    }
-}
-DraggableItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DraggableItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DraggableItemComponent, selector: "pep-draggable-item", inputs: { title: "title", disabled: "disabled" }, host: { properties: { "style.cursor": "this._cursor" } }, ngImport: i0, template: "<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': disabled }\">\n    <div class=\"\">\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\n    </div>\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\n    </div>\n    <div class=\"actions\">\n        <ng-content select=\"[pep-actions]\"></ng-content>\n    </div>\n</div>", styles: [":host{display:block}.draggable-item-container{height:2.5rem;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);padding-inline:var(--pep-spacing-sm, .5rem);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%))}.title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.title-container .title{display:block}.actions{display:inline-flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}\n"], components: [{ type: i1.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pep-draggable-item',
-                    templateUrl: './draggable-item.component.html',
-                    styleUrls: ['./draggable-item.component.scss']
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
-                type: HostBinding,
-                args: ['style.cursor']
-            }], title: [{
-                type: Input
-            }], disabled: [{
-                type: Input
+class DraggableItemComponent {
+    // private _isDraggable = false;
+    // @Input()
+    // set isDraggable(value: boolean) {
+    //     this._isDraggable = value;
+    //     this._cursor = value ? 'move' : 'inherit'
+    // }
+    // get isDraggable(): boolean {
+    //     return this._isDraggable;
+    // }
+    constructor() {
+        this._cursor = 'move';
+        this.title = '';
+        this.disabled = false;
+    }
+    ngOnInit() {
+    }
+}
+DraggableItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DraggableItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DraggableItemComponent, selector: "pep-draggable-item", inputs: { title: "title", disabled: "disabled" }, host: { properties: { "style.cursor": "this._cursor" } }, ngImport: i0, template: "<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': disabled }\">\n    <div class=\"\">\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\n    </div>\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\n    </div>\n    <div class=\"actions\">\n        <ng-content select=\"[pep-actions]\"></ng-content>\n    </div>\n</div>", styles: [":host{display:block;cursor:grab}.draggable-item-container{height:2.5rem;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);padding-inline:var(--pep-spacing-sm, .5rem);background:get-pep-color(get-pepperi-theme(),color-regular,color-flat-r-40);box-shadow:get-pep-shadow(get-pepperi-theme(),shadow-xs,soft);border:1px solid get-pep-color(get-pepperi-theme(),color-regular,color-flat-r-20)}.draggable-item-container .title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.draggable-item-container .title-container .title{display:block}.draggable-item-container .actions{display:inline-flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}\n"], components: [{ type: i1.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-draggable-item',
+                    templateUrl: './draggable-item.component.html',
+                    styleUrls: ['./draggable-item.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
+                type: HostBinding,
+                args: ['style.cursor']
+            }], title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
             }] } });
 
-class DraggableItemModule {
-}
-DraggableItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DraggableItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemModule, declarations: [DraggableItemComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepButtonModule,
-        DragDropModule], exports: [DraggableItemComponent] });
-DraggableItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemModule, imports: [[
-            CommonModule,
-            PepNgxLibModule,
-            PepButtonModule,
-            DragDropModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DraggableItemComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepButtonModule,
-                        DragDropModule
-                    ],
-                    exports: [DraggableItemComponent],
-                }]
+class PepDraggableItemModule {
+}
+PepDraggableItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepDraggableItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, declarations: [DraggableItemComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        DragDropModule], exports: [DraggableItemComponent] });
+PepDraggableItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, imports: [[
+            CommonModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            DragDropModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DraggableItemComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        DragDropModule
+                    ],
+                    exports: [DraggableItemComponent],
+                }]
         }] });
 
-/*
- * Public API Surface of ngx-composite-lib/draggable-item
+/*
+ * Public API Surface of ngx-composite-lib/draggable-item
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { DraggableItemComponent, DraggableItemModule };
+export { DraggableItemComponent, PepDraggableItemModule };
 //# sourceMappingURL=pepperi-addons-ngx-composite-lib-draggable-item.js.map

package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-draggable-item.js","sources":["../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.ts","../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.html","../../../projects/ngx-composite-lib/draggable-item/draggable-item.module.ts","../../../projects/ngx-composite-lib/draggable-item/public-api.ts","../../../projects/ngx-composite-lib/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n    selector: 'pep-draggable-item',\n    templateUrl: './draggable-item.component.html',\n    styleUrls: ['./draggable-item.component.scss']\n})\nexport class DraggableItemComponent implements OnInit {\n\n    @HostBinding('style.cursor') _cursor = 'move';\n\n    @Input() title = '';\n    \n    @Input() disabled = false;\n\n    // private _isDraggable = false;\n    // @Input()\n    // set isDraggable(value: boolean) {\n    //     this._isDraggable = value;\n\n    //     this._cursor = value ? 'move' : 'inherit'\n    // }\n    // get isDraggable(): boolean {\n    //     return this._isDraggable;\n    // }\n\n    constructor() { }\n\n    ngOnInit(): void {\n    }\n}\n","<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': disabled }\">\n    <div class=\"\">\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\n    </div>\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\n    </div>\n    <div class=\"actions\">\n        <ng-content select=\"[pep-actions]\"></ng-content>\n    </div>\n</div>","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';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { DraggableItemComponent } from './draggable-item.component';\n\n@NgModule({\n    declarations: [\n        DraggableItemComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        DragDropModule\n    ],\n    exports: [DraggableItemComponent],\n})\nexport class DraggableItemModule { }\n","/*\n * Public API Surface of ngx-composite-lib/draggable-item\n */\nexport * from './draggable-item.module';\nexport * from './draggable-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAOa,sBAAsB;;;;;;;;;;IAmB/B;QAjB6B,YAAO,GAAG,MAAM,CAAC;QAErC,UAAK,GAAG,EAAE,CAAC;QAEX,aAAQ,GAAG,KAAK,CAAC;KAaT;IAEjB,QAAQ;KACP;;mHAtBQ,sBAAsB;uGAAtB,sBAAsB,sKCPnC,yeAUM;2FDHO,sBAAsB;kBALlC,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;iBACjD;0EAGgC,OAAO;sBAAnC,WAAW;uBAAC,cAAc;gBAElB,KAAK;sBAAb,KAAK;gBAEG,QAAQ;sBAAhB,KAAK;;;MEQG,mBAAmB;;gHAAnB,mBAAmB;iHAAnB,mBAAmB,iBAVxB,sBAAsB,aAGtB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,cAAc,aAER,sBAAsB;iHAEvB,mBAAmB,YARnB;YACL,YAAY;YACZ,eAAe;YACf,eAAe;YACf,cAAc;SACjB;2FAGQ,mBAAmB;kBAZ/B,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,sBAAsB;qBACzB;oBACD,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,eAAe;wBACf,cAAc;qBACjB;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBACpC;;;ACpBD;;;;ACAA;;;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-draggable-item.js","sources":["../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.ts","../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.html","../../../projects/ngx-composite-lib/draggable-item/draggable-item.module.ts","../../../projects/ngx-composite-lib/draggable-item/public-api.ts","../../../projects/ngx-composite-lib/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n    selector: 'pep-draggable-item',\n    templateUrl: './draggable-item.component.html',\n    styleUrls: ['./draggable-item.component.scss']\n})\nexport class DraggableItemComponent implements OnInit {\n\n    @HostBinding('style.cursor') _cursor = 'move';\n\n    @Input() title = '';\n    \n    @Input() disabled = false;\n\n    // private _isDraggable = false;\n    // @Input()\n    // set isDraggable(value: boolean) {\n    //     this._isDraggable = value;\n\n    //     this._cursor = value ? 'move' : 'inherit'\n    // }\n    // get isDraggable(): boolean {\n    //     return this._isDraggable;\n    // }\n\n    constructor() { }\n\n    ngOnInit(): void {\n    }\n}\n","<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': disabled }\">\n    <div class=\"\">\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\n    </div>\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\n    </div>\n    <div class=\"actions\">\n        <ng-content select=\"[pep-actions]\"></ng-content>\n    </div>\n</div>","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';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { DraggableItemComponent } from './draggable-item.component';\n\n@NgModule({\n    declarations: [\n        DraggableItemComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        DragDropModule\n    ],\n    exports: [DraggableItemComponent],\n})\nexport class PepDraggableItemModule { }\n","/*\n * Public API Surface of ngx-composite-lib/draggable-item\n */\nexport * from './draggable-item.module';\nexport * from './draggable-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAOa,sBAAsB;;;;;;;;;;IAmB/B;QAjB6B,YAAO,GAAG,MAAM,CAAC;QAErC,UAAK,GAAG,EAAE,CAAC;QAEX,aAAQ,GAAG,KAAK,CAAC;KAaT;IAEjB,QAAQ;KACP;;mHAtBQ,sBAAsB;uGAAtB,sBAAsB,sKCPnC,yeAUM;2FDHO,sBAAsB;kBALlC,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;iBACjD;0EAGgC,OAAO;sBAAnC,WAAW;uBAAC,cAAc;gBAElB,KAAK;sBAAb,KAAK;gBAEG,QAAQ;sBAAhB,KAAK;;;MEQG,sBAAsB;;mHAAtB,sBAAsB;oHAAtB,sBAAsB,iBAV3B,sBAAsB,aAGtB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,cAAc,aAER,sBAAsB;oHAEvB,sBAAsB,YARtB;YACL,YAAY;YACZ,eAAe;YACf,eAAe;YACf,cAAc;SACjB;2FAGQ,sBAAsB;kBAZlC,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,sBAAsB;qBACzB;oBACD,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,eAAe;wBACf,cAAc;qBACjB;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBACpC;;;ACpBD;;;;ACAA;;;;;;"}

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

@@ -18,204 +18,204 @@ import { PepSearchModule } from '@pepperi-addons/ngx-lib/search';
 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 {
+    // 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 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], 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],
+                }]
         }] });
 
-/*
- * 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 };