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

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

@@ -0,0 +1,88 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ngx-translate/core';
+import * as i2 from '@pepperi-addons/ngx-lib/button';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
+import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
+import { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
+
+class FileStatusPanelComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this.title = '';
+        this.filesList = [];
+    }
+    ngOnInit() {
+    }
+    closeClick(event) {
+    }
+}
+FileStatusPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: FileStatusPanelComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+FileStatusPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: FileStatusPanelComponent, selector: "pep-file-status-panel", inputs: { title: "title", filesList: "filesList" }, ngImport: i0, template: "<div *ngIf=\"filesList.length\" id=\"uploadPanelCont\">\n    <div class=\"panel-header pep-border-bottom\">\n        <label class=\"body-md ellipsis\">{{title}}</label>\n        <pep-button\n            styleType=\"weak\"\n            styleStateType=\"system\"\n            sizeType=\"xs\"\n            classNames=\"roundCorners\"\n            [disabled]=\"false\"\n            iconName=\"system_close\"\n            iconPosition=\"end\"\n            [visible]=\"true\"\n            (buttonClick)=\"closeClick($event)\">\n        </pep-button>\n    </div>\n    <div class=\"panel-content\">\n        <ul>\n            <ng-container *ngFor=\"let file of filesList\">\n            <li *ngIf=\"file?.status !== 'hidden'\">\n               \n                <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\n                <pep-button\n                    styleType=\"weak-invert\"\n                    styleStateType=\"system\"\n                    classNames=\"xxs-btn\"\n                    [disabled]=\"false\"\n                    iconName=\"arrow_right_alt\">\n                </pep-button>\n                <span class=\"body-sm\">{{file.status}}</span>\n            \n            </li>\n        </ng-container>\n        </ul>\n    </div>\n</div>\n", styles: ["#uploadPanelCont{position:absolute;bottom:10px;right:2.5rem;width:22rem;padding:1rem;min-height:7rem;background:white;border:1px solid #595959;box-shadow:0 0 16px #0000003d;border-radius:.25rem;z-index:9999}#uploadPanelCont .panel-header{display:flex;flex-direction:row;justify-content:space-between;height:2.5rem}#uploadPanelCont .panel-header ::ng-deep .roundCorners{border-radius:1.5rem}.panel-content{max-height:50vh;overflow:auto}.panel-content ul{list-style-type:none;padding:0}.panel-content ul li{height:1.25rem;margin-top:.5rem;display:flex;flex-direction:row}.panel-content ul li .done{color:green!important}.panel-content ul li ::ng-deep .xxs-btn{min-width:1rem!important;height:1.3rem}.panel-content ul li ::ng-deep .xxs-btn pep-icon{width:.75rem!important}\n"], components: [{ type: i2.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: FileStatusPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-file-status-panel',
+                    templateUrl: './file-status-panel.component.html',
+                    styleUrls: ['./file-status-panel.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { title: [{
+                type: Input
+            }], filesList: [{
+                type: Input
+            }] } });
+
+class PepFileStatusPanelModule {
+    constructor() { }
+}
+PepFileStatusPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepFileStatusPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepFileStatusPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepFileStatusPanelModule, declarations: [FileStatusPanelComponent], imports: [CommonModule,
+        PepTopBarModule,
+        PepTextboxModule,
+        PepButtonModule,
+        PepDialogModule], exports: [FileStatusPanelComponent] });
+PepFileStatusPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepFileStatusPanelModule, imports: [[
+            CommonModule,
+            PepTopBarModule,
+            PepTextboxModule,
+            PepButtonModule,
+            PepDialogModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepFileStatusPanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FileStatusPanelComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepTopBarModule,
+                        PepTextboxModule,
+                        PepButtonModule,
+                        PepDialogModule,
+                    ],
+                    exports: [FileStatusPanelComponent]
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class IFile {
+    constructor() {
+        this.key = 0;
+        this.name = '';
+        this.status = 'uploading';
+    }
+}
+
+/*
+ * Public API Surface of ngx-composite-lib/file-status-panel
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileStatusPanelComponent, IFile, PepFileStatusPanelModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-file-status-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-file-status-panel.js","sources":["../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.component.ts","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.component.html","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.module.ts","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.model.ts","../../../projects/ngx-composite-lib/file-status-panel/public-api.ts","../../../projects/ngx-composite-lib/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.ts"],"sourcesContent":["import { Component, OnInit, Injectable, Input, Output, EventEmitter, Optional, Inject } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { IFile } from './file-status-panel.model';\n\n@Component({\n    selector: 'pep-file-status-panel',\n    templateUrl: './file-status-panel.component.html',\n    styleUrls: ['./file-status-panel.component.scss']\n})\n\nexport class FileStatusPanelComponent implements OnInit {\n    \n    @Input() title: string = '';\n    @Input() filesList: Array<IFile> = [];\n    \n    constructor( public translate: TranslateService) {\n       \n    }\n    ngOnInit(): void {\n \n    }\n\n    closeClick(event: any){\n\n    }\n\n\n}","<div *ngIf=\"filesList.length\" id=\"uploadPanelCont\">\n    <div class=\"panel-header pep-border-bottom\">\n        <label class=\"body-md ellipsis\">{{title}}</label>\n        <pep-button\n            styleType=\"weak\"\n            styleStateType=\"system\"\n            sizeType=\"xs\"\n            classNames=\"roundCorners\"\n            [disabled]=\"false\"\n            iconName=\"system_close\"\n            iconPosition=\"end\"\n            [visible]=\"true\"\n            (buttonClick)=\"closeClick($event)\">\n        </pep-button>\n    </div>\n    <div class=\"panel-content\">\n        <ul>\n            <ng-container *ngFor=\"let file of filesList\">\n            <li *ngIf=\"file?.status !== 'hidden'\">\n               \n                <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\n                <pep-button\n                    styleType=\"weak-invert\"\n                    styleStateType=\"system\"\n                    classNames=\"xxs-btn\"\n                    [disabled]=\"false\"\n                    iconName=\"arrow_right_alt\">\n                </pep-button>\n                <span class=\"body-sm\">{{file.status}}</span>\n            \n            </li>\n        </ng-container>\n        </ul>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepFileService, PepAddonService, PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { FileStatusPanelComponent } from './file-status-panel.component';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\n\n\n@NgModule({\n    declarations: [\n        FileStatusPanelComponent\n    ],\n    imports: [\n        CommonModule,\n        PepTopBarModule,\n        PepTextboxModule,\n        PepButtonModule,\n        PepDialogModule,\n    ],\n    exports: [FileStatusPanelComponent]\n})\n\nexport class PepFileStatusPanelModule { \n    constructor() { }\n}","export type fileStatus = 'uploading' | 'downloading' | 'done' | 'failed' | 'hidden';\r\n\r\nexport class IFile {\r\n    key: number = 0;\r\n    name = '';\r\n    status: fileStatus = 'uploading';\r\n}","/*\n * Public API Surface of ngx-composite-lib/file-status-panel\n */\nexport * from './file-status-panel.module';\nexport * from './file-status-panel.component';\nexport * from './file-status-panel.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;MAUa,wBAAwB;IAKjC,YAAoB,SAA2B;QAA3B,cAAS,GAAT,SAAS,CAAkB;QAHtC,UAAK,GAAW,EAAE,CAAC;QACnB,cAAS,GAAiB,EAAE,CAAC;KAIrC;IACD,QAAQ;KAEP;IAED,UAAU,CAAC,KAAU;KAEpB;;qHAdQ,wBAAwB;yGAAxB,wBAAwB,iHCVrC,wvCAmCA;2FDzBa,wBAAwB;kBANpC,SAAS;mBAAC;oBACP,QAAQ,EAAE,uBAAuB;oBACjC,WAAW,EAAE,oCAAoC;oBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;iBACpD;uGAIY,KAAK;sBAAb,KAAK;gBACG,SAAS;sBAAjB,KAAK;;;MEWG,wBAAwB;IACjC,iBAAiB;;qHADR,wBAAwB;sHAAxB,wBAAwB,iBAZ7B,wBAAwB,aAGxB,YAAY;QACZ,eAAe;QACf,gBAAgB;QAChB,eAAe;QACf,eAAe,aAET,wBAAwB;sHAGzB,wBAAwB,YAVxB;YACL,YAAY;YACZ,eAAe;YACf,gBAAgB;YAChB,eAAe;YACf,eAAe;SAClB;2FAIQ,wBAAwB;kBAdpC,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,wBAAwB;qBAC3B;oBACD,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,gBAAgB;wBAChB,eAAe;wBACf,eAAe;qBAClB;oBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;iBACtC;;;MCpBY,KAAK;IAAlB;QACI,QAAG,GAAW,CAAC,CAAC;QAChB,SAAI,GAAG,EAAE,CAAC;QACV,WAAM,GAAe,WAAW,CAAC;KACpC;;;ACND;;;;ACAA;;;;;;"}

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

@@ -32,13 +32,17 @@ class GenericListComponent {
         this.inline = false;
         this.showSearch = false;
         this.allowSelection = true;
-        this.noDataMessage = "No data";
+        this.noDataFoundMsg = this.translate.instant('GENERIC_LIST.NO_DATA');
         this.allowMultipleSelection = false;
+        this.firstFieldAsLink = false;
+        this.supportSorting = false;
+        this.showTopBar = true;
         this.fieldClick = new EventEmitter();
         // @Output()
         // onAddClicked = new EventEmitter<void>();
         this.menuHandlers = {};
         this.menuActions = [];
+        this.hasRows = true;
         this.layoutService.onResize$.pipe().subscribe((size) => {
             // this.screenSize = size;
         });
@@ -113,6 +117,7 @@ class GenericListComponent {
         this.reload();
     }
     reload() {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             if (this.customList && this.dataSource) {
                 this.dataObjects = yield this.dataSource.getList({
@@ -128,6 +133,7 @@ class GenericListComponent {
                 this.customList.initListData(uiControl, data.length, data);
                 this.loadMenuItems();
             }
+            this.hasRows = ((_a = this.dataObjects) === null || _a === void 0 ? void 0 : _a.length) > 0 ? true : false;
         });
     }
     selectedRowsChanged(selectedRowsCount) {
@@ -138,7 +144,7 @@ class GenericListComponent {
     }
 }
 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"] }] });
+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", noDataFoundMsg: "noDataFoundMsg", allowMultipleSelection: "allowMultipleSelection", firstFieldAsLink: "firstFieldAsLink", supportSorting: "supportSorting", showTopBar: "showTopBar" }, 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 *ngIf=\"showTopBar\" 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 *ngIf=\"showTopBar\" 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        \n        <pep-list *ngIf=\"hasRows\" viewType=\"table\" [supportSorting]=\"supportSorting\"\n            [selectionTypeForActions]=\"allowMultipleSelection ? 'multi' : (allowSelection ? 'single' : 'none')\" [noDataFoundMsg]=\"noDataFoundMsg\"\n            (fieldClick)=\"onCustomizeFieldClick($event)\" [firstFieldAsLink]=\"firstFieldAsLink\"\n            (selectedItemsChange)=\"selectedRowsChanged($event)\">\n        </pep-list>\n        <ng-container *ngIf=\"!hasRows\">\n            <div class=\"noDataFoundMsg\">\n                    <h2>{{noDataFoundMsg}}</h2>\n            </div>\n        </ng-container>\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}.noDataFoundMsg{height:100%;width:100%;background:rgba(26,26,26,.12);display:flex;justify-content:center;align-items:center}\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: [{
@@ -161,10 +167,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                 type: Input
             }], allowSelection: [{
                 type: Input
-            }], noDataMessage: [{
+            }], noDataFoundMsg: [{
                 type: Input
             }], allowMultipleSelection: [{
                 type: Input
+            }], firstFieldAsLink: [{
+                type: Input
+            }], supportSorting: [{
+                type: Input
+            }], showTopBar: [{
+                type: Input
             }], fieldClick: [{
                 type: Output
             }] } });

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":";;;;;;;;;;;;;;;;;;;;MAqCa,oBAAoB;;;IAyC7B,YACY,oBAA6C,EAC7C,aAA+B,EAC/B,SAA2B;QAF3B,yBAAoB,GAApB,oBAAoB,CAAyB;QAC7C,kBAAa,GAAb,aAAa,CAAkB;QAC/B,cAAS,GAAT,SAAS,CAAkB;QAvCvC,gBAAW,GAAU,EAAE,CAAA;QAEvB,iBAAY,GAAW,EAAE,CAAC;QAG1B,eAAU,GAAY,KAAK,CAAC;QAG5B,UAAK,GAAW,EAAE,CAAC;QAGnB,WAAM,GAAY,KAAK,CAAC;QAGxB,eAAU,GAAY,KAAK,CAAC;QAG5B,mBAAc,GAAY,IAAI,CAAC;QAG/B,kBAAa,GAAW,SAAS,CAAC;QAGlC,2BAAsB,GAAY,KAAK,CAAC;QAGxC,eAAU,GAA0C,IAAI,YAAY,EAA2B,CAAC;;;QAKhG,iBAAY,GAAmD,EAAE,CAAC;QAClE,gBAAW,GAAuB,EAAE,CAAC;QASjC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI;;SAElD,CAAC,CAAC;KACN;IAEO,aAAa;QACjB,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;SACzD;KACJ;IAEO,mBAAmB,CAAC,MAAW,EAAE,QAAsB;QAC3D,MAAM,GAAG,GAAG,IAAI,UAAU,EAAE,CAAC;QAC7B,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;QAEhB,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAI,QAAQ,CAAC,OAAO,EAAE;YACtC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACzD,IAAI,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAsB,CAAA;gBACvD,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC;oBACZ,OAAO,EAAE,KAAK,CAAC,OAAO;oBACtB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;oBAC1C,UAAU,EAAE,CAAC;oBACb,cAAc,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE;oBACxD,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE;oBAC/C,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK;oBAC1C,eAAe,EAAE,EAAE;oBACnB,cAAc,EAAE,EAAE;oBAClB,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC;oBACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ;iBAC3B,CAAC,CAAA;aACL;SACJ;QACD,OAAO,GAAG,CAAC;KACd;IAEa,cAAc;;;YACxB,MAAM,OAAO,GAAG,OAAM,MAAA,IAAI,CAAC,UAAU,0CAAE,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA,CAAC;YACzE,MAAM,GAAG,GAAkB,EAAE,CAAA;YAC7B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;YAEvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,IAAI;gBACjB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;gBAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;gBACvC,GAAG,CAAC,IAAI,CAAC;oBACL,GAAG,EAAE,IAAI;oBACT,IAAI,EAAE,IAAI,CAAC,KAAK;iBACnB,CAAC,CAAA;aACL,CAAC,CAAA;YAEF,OAAO,GAAG,CAAC;;KACd;IAEO,cAAc;;QAClB,IAAI,KAAK,GAAG,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,oBAAoB,GAAG,IAAI,mCAAI,EAAE,CAAC;QAC/D,IAAI,MAAA,IAAI,CAAC,UAAU,0CAAE,0BAA0B,EAAE,EAAE;YAC/C,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SACpF;QACD,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;QACvD,OAAO,OAAO,CAAC;KAClB;IAEO,SAAS,CAAC,IAAY;QAC1B,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC;KACzD;IAED,QAAQ;KACP;IAED,eAAe;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;KACjB;IAED,iBAAiB,CAAC,MAA8B;QAC5C,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;KAC/D;IAED,eAAe,CAAC,KAA2B;QACvC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,KAAK,CAAA;QAC/B,IAAI,CAAC,MAAM,EAAE,CAAC;KACjB;IAEK,MAAM;;YACR,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE;gBACpC,IAAI,CAAC,WAAW,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;oBAC/C,YAAY,EAAE,IAAI,CAAC,YAAY;iBAChC,CAAC,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;gBACrD,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;gBACnF,MAAM,IAAI,GAAG,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;gBAClE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC;oBAClB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;iBACnC,CAAC,CAAA;gBACF,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvE,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAE3D,IAAI,CAAC,aAAa,EAAE,CAAC;aACxB;SACJ;KAAA;IAED,mBAAmB,CAAC,iBAAyB;QACzC,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;IAED,qBAAqB,CAAC,eAAwC;QAC1D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACzC;;iHAxJQ,oBAAoB;qGAApB,oBAAoB,2XAClB,gBAAgB,gDCtC/B,44DAyCc;2FDJD,oBAAoB;kBALhC,SAAS;mBAAC;oBACP,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,+BAA+B;oBAC5C,SAAS,EAAE,CAAC,+BAA+B,CAAC;iBAC/C;4KAEgC,UAAU;sBAAtC,SAAS;uBAAC,gBAAgB;gBAG3B,UAAU;sBADT,KAAK;gBAON,UAAU;sBADT,KAAK;gBAIN,KAAK;sBADJ,KAAK;gBAIN,MAAM;sBADL,KAAK;gBAIN,UAAU;sBADT,KAAK;gBAIN,cAAc;sBADb,KAAK;gBAIN,aAAa;sBADZ,KAAK;gBAIN,sBAAsB;sBADrB,KAAK;gBAIN,UAAU;sBADT,MAAM;;;MExCE,oBAAoB;;iHAApB,oBAAoB;kHAApB,oBAAoB,iBAdzB,oBAAoB,aAGpB,YAAY;QACZ,eAAe;QACf,aAAa;QACb,aAAa;QACb,aAAa;QACb,mBAAmB;QACnB,eAAe;QACf,eAAe,aAET,oBAAoB;kHAErB,oBAAoB,YAZpB;YACL,YAAY;YACZ,eAAe;YACf,aAAa;YACb,aAAa;YACb,aAAa;YACb,mBAAmB;YACnB,eAAe;YACf,eAAe;SAClB;2FAGQ,oBAAoB;kBAhBhC,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,oBAAoB;qBACvB;oBACD,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,aAAa;wBACb,aAAa;wBACb,mBAAmB;wBACnB,eAAe;wBACf,eAAe;qBAClB;oBACD,OAAO,EAAE,CAAC,oBAAoB,CAAC;iBAClC;;;AC1BD;;;;ACAA;;;;;;"}
+{"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    noDataFoundMsg: string = this.translate.instant('GENERIC_LIST.NO_DATA');\n  \n    @Input()\n    allowMultipleSelection: boolean = false;\n    \n    @Input() \n    firstFieldAsLink: boolean = false;\n\n    @Input()\n    supportSorting: boolean = false;\n\n    @Input()\n    showTopBar: boolean = true;\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    hasRows: boolean = true;\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        this.hasRows = this.dataObjects?.length > 0 ? true : false;\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 *ngIf=\"showTopBar\" 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 *ngIf=\"showTopBar\" 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        \n        <pep-list *ngIf=\"hasRows\" viewType=\"table\" [supportSorting]=\"supportSorting\"\n            [selectionTypeForActions]=\"allowMultipleSelection ? 'multi' : (allowSelection ? 'single' : 'none')\" [noDataFoundMsg]=\"noDataFoundMsg\"\n            (fieldClick)=\"onCustomizeFieldClick($event)\" [firstFieldAsLink]=\"firstFieldAsLink\"\n            (selectedItemsChange)=\"selectedRowsChanged($event)\">\n        </pep-list>\n        <ng-container *ngIf=\"!hasRows\">\n            <div class=\"noDataFoundMsg\">\n                    <h2>{{noDataFoundMsg}}</h2>\n            </div>\n        </ng-container>\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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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { NgModule } from '@angular/core';
+import { NgModule, Injectable } from '@angular/core';
 
 // import { TranslateModule } from '@ngx-translate/core';
 // import { CommonModule } from '@angular/common';
@@ -25,6 +25,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                 }]
         }] });
 
+/*
+    This service is for utillity usege.
+*/
+class PepCompositeLibUtilitiesService {
+    constructor() {
+        //
+    }
+}
+PepCompositeLibUtilitiesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepCompositeLibUtilitiesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Public API Surface of ngx-composite-lib/core/common/services
+ */
+
+/*
+ * export from ngx-composite-lib/core/common/services
+ */
+
+/*
+ * Public API Surface of ngx-composite-lib/core/common
+ */
+
+/*
+ * export from ngx-composite-lib/core/common
+ */
+
+/*
+ * Public API Surface of ngx-composite-lib/core
+ */
+
+/*
+ * export from ngx-composite-lib/core
+ */
+
 /*
  * Public API Surface of ngx-composite-lib
  */
@@ -33,5 +74,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { PepNgxCompositeLibModule };
+export { PepCompositeLibUtilitiesService, PepNgxCompositeLibModule };
 //# sourceMappingURL=pepperi-addons-ngx-composite-lib.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib.js","sources":["../../../projects/ngx-composite-lib/src/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/public-api.ts","../../../projects/ngx-composite-lib/src/pepperi-addons-ngx-composite-lib.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n// import { TranslateModule } from '@ngx-translate/core';\n// import { CommonModule } from '@angular/common';\n// import { HttpClientModule } from '@angular/common/http';\n// import { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n    declarations: [\n        \n    ],\n    imports: [\n        // CommonModule, HttpClientModule, ReactiveFormsModule\n    ],\n    exports: [\n        // TranslateModule\n    ]\n})\nexport class PepNgxCompositeLibModule { }\n","/*\n * Public API Surface of ngx-composite-lib\n */\nexport * from './ngx-composite-lib.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AACA;AACA;AACA;AACA;MAaa,wBAAwB;;qHAAxB,wBAAwB;sHAAxB,wBAAwB;sHAAxB,wBAAwB,YAPxB;;SAER;2FAKQ,wBAAwB;kBAXpC,QAAQ;mBAAC;oBACN,YAAY,EAAE,EAEb;oBACD,OAAO,EAAE;;qBAER;oBACD,OAAO,EAAE;;qBAER;iBACJ;;;AChBD;;;;ACAA;;;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib.js","sources":["../../../projects/ngx-composite-lib/src/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/core/common/services/utilities.service.ts","../../../projects/ngx-composite-lib/src/core/common/services/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/services/index.ts","../../../projects/ngx-composite-lib/src/core/common/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/index.ts","../../../projects/ngx-composite-lib/src/core/public-api.ts","../../../projects/ngx-composite-lib/src/core/index.ts","../../../projects/ngx-composite-lib/src/public-api.ts","../../../projects/ngx-composite-lib/src/pepperi-addons-ngx-composite-lib.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n// import { TranslateModule } from '@ngx-translate/core';\n// import { CommonModule } from '@angular/common';\n// import { HttpClientModule } from '@angular/common/http';\n// import { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n    declarations: [\n        \n    ],\n    imports: [\n        // CommonModule, HttpClientModule, ReactiveFormsModule\n    ],\n    exports: [\n        // TranslateModule\n    ]\n})\nexport class PepNgxCompositeLibModule { }\n","import { Injectable } from '@angular/core';\r\n\r\n/*\r\n    This service is for utillity usege.\r\n*/\r\n@Injectable({\r\n    providedIn: 'root',\r\n})\r\nexport class PepCompositeLibUtilitiesService {\r\n    constructor(\r\n        // private sessionService: PepSessionService,\r\n        // private httpService: PepHttpService,\r\n        // private loaderService: PepLoaderService\r\n    ) {\r\n        //\r\n    }\r\n}\r\n","/*\n * Public API Surface of ngx-composite-lib/core/common/services\n */\nexport * from './utilities.service';\n","/*\n * export from ngx-composite-lib/core/common/services\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib/core/common\n */\nexport * from './services/index';\n","/*\n * export from ngx-composite-lib/core/common\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib/core\n */\nexport * from './common/index';","/*\n * export from ngx-composite-lib/core\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib\n */\nexport * from './ngx-composite-lib.module';\nexport * from './core/index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AACA;AACA;AACA;AACA;MAaa,wBAAwB;;qHAAxB,wBAAwB;sHAAxB,wBAAwB;sHAAxB,wBAAwB,YAPxB;;SAER;2FAKQ,wBAAwB;kBAXpC,QAAQ;mBAAC;oBACN,YAAY,EAAE,EAEb;oBACD,OAAO,EAAE;;qBAER;oBACD,OAAO,EAAE;;qBAER;iBACJ;;;ACdD;;;MAMa,+BAA+B;IACxC;;KAMC;;4HAPQ,+BAA+B;gIAA/B,+BAA+B,cAF5B,MAAM;2FAET,+BAA+B;kBAH3C,UAAU;mBAAC;oBACR,UAAU,EAAE,MAAM;iBACrB;;;ACPD;;;;ACAA;;;;ACAA;;;;ACAA;;;;ACAA;;;;ACAA;;;;ACAA;;;;ACAA;;;;;;"}

package/file-status-panel/file-status-panel.component.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { IFile } from './file-status-panel.model';
+import * as i0 from "@angular/core";
+export declare class FileStatusPanelComponent implements OnInit {
+    translate: TranslateService;
+    title: string;
+    filesList: Array<IFile>;
+    constructor(translate: TranslateService);
+    ngOnInit(): void;
+    closeClick(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileStatusPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileStatusPanelComponent, "pep-file-status-panel", never, { "title": "title"; "filesList": "filesList"; }, {}, never, never>;
+}

package/file-status-panel/file-status-panel.model.d.ts

@@ -0,0 +1,6 @@
+export declare type fileStatus = 'uploading' | 'downloading' | 'done' | 'failed' | 'hidden';
+export declare class IFile {
+    key: number;
+    name: string;
+    status: fileStatus;
+}

package/file-status-panel/file-status-panel.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-status-panel.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib/top-bar";
+import * as i4 from "@pepperi-addons/ngx-lib/textbox";
+import * as i5 from "@pepperi-addons/ngx-lib/button";
+import * as i6 from "@pepperi-addons/ngx-lib/dialog";
+export declare class PepFileStatusPanelModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepFileStatusPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepFileStatusPanelModule, [typeof i1.FileStatusPanelComponent], [typeof i2.CommonModule, typeof i3.PepTopBarModule, typeof i4.PepTextboxModule, typeof i5.PepButtonModule, typeof i6.PepDialogModule], [typeof i1.FileStatusPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepFileStatusPanelModule>;
+}

package/file-status-panel/package.json

@@ -0,0 +1,13 @@
+{
+  "peerDependencies": {
+    "@pepperi-addons/ngx-lib": "^0.2.56"
+  },
+  "main": "../bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js",
+  "module": "../fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js",
+  "es2015": "../fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js",
+  "esm2015": "../esm2015/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.js",
+  "fesm2015": "../fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js",
+  "typings": "pepperi-addons-ngx-composite-lib-file-status-panel.d.ts",
+  "sideEffects": false,
+  "name": "@pepperi-addons/ngx-composite-lib/file-status-panel"
+}

package/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/file-status-panel" />
+export * from './public-api';

package/file-status-panel/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './file-status-panel.module';
+export * from './file-status-panel.component';
+export * from './file-status-panel.model';

package/generic-list/generic-list.component.d.ts

@@ -20,13 +20,17 @@ export declare class GenericListComponent implements OnInit, AfterViewInit {
     inline: boolean;
     showSearch: boolean;
     allowSelection: boolean;
-    noDataMessage: string;
+    noDataFoundMsg: string;
     allowMultipleSelection: boolean;
+    firstFieldAsLink: boolean;
+    supportSorting: boolean;
+    showTopBar: boolean;
     fieldClick: EventEmitter<IPepFormFieldClickEvent>;
     menuHandlers: {
         [key: string]: (obj: any) => Promise<void>;
     };
     menuActions: Array<PepMenuItem>;
+    hasRows: boolean;
     constructor(dataConvertorService: PepDataConvertorService, layoutService: PepLayoutService, translate: TranslateService);
     private loadMenuItems;
     private convertToPepRowData;
@@ -41,5 +45,5 @@ export declare class GenericListComponent implements OnInit, AfterViewInit {
     selectedRowsChanged(selectedRowsCount: number): void;
     onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "dataSource": "dataSource"; "addPadding": "addPadding"; "title": "title"; "inline": "inline"; "showSearch": "showSearch"; "allowSelection": "allowSelection"; "noDataMessage": "noDataMessage"; "allowMultipleSelection": "allowMultipleSelection"; }, { "fieldClick": "fieldClick"; }, never, ["[left-buttons]", "[right-buttons]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "dataSource": "dataSource"; "addPadding": "addPadding"; "title": "title"; "inline": "inline"; "showSearch": "showSearch"; "allowSelection": "allowSelection"; "noDataFoundMsg": "noDataFoundMsg"; "allowMultipleSelection": "allowMultipleSelection"; "firstFieldAsLink": "firstFieldAsLink"; "supportSorting": "supportSorting"; "showTopBar": "showTopBar"; }, { "fieldClick": "fieldClick"; }, never, ["[left-buttons]", "[right-buttons]"]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.0.9-beta.1",
+  "version": "0.0.10-beta.10",
   "peerDependencies": {
     "@angular/animations": ">= 12.0.0",
     "@angular/cdk": ">= 12.0.0",

package/public-api.d.ts

@@ -1 +1,2 @@
 export * from './ngx-composite-lib.module';
+export * from './core/index';

package/src/core/style/abstracts/variables.scss

@@ -0,0 +1 @@
+$draggable-item-height: 2.5rem;

package/{styles.scss → src/core/style/components/general.scss}

@@ -1,3 +1,4 @@
+@import '~@pepperi-addons/ngx-lib/src/core/style/abstracts/variables';
 
 .checkbox-as-title {
     margin-bottom: 0.5rem !important;

package/styling.scss

@@ -0,0 +1,14 @@
+// 1. Add ngx-lib styles
+@import '~@pepperi-addons/ngx-lib/theming';
+// @include pepperi-theme();
+
+// 2. Configuration and helpers
+@import './src/core/style/abstracts/functions', 
+        './src/core/style/abstracts/variables', 
+        './src/core/style/abstracts/mixins';
+
+// 3. Base stuff
+@import './src/core/style/base/helpers';
+
+// 4. Components
+@import './src/core/style/components/general';