@ngil/list 5.2.1 → 5.4.0

package/fesm2022/ngil-list.mjs

@@ -1,7 +1,23 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Directive } from '@angular/core';
+import { EventEmitter, Output, Input, Directive, Injectable, Component } from '@angular/core';
 import { FilteringLogic, DEFAULT_PAGE_SIZE, DEFAULT_PAGE } from '@ngdux/data-model-common';
 export { FilteringLogic } from '@ngdux/data-model-common';
+import { SelectionModel } from '@angular/cdk/collections';
+import { CommonModule } from '@angular/common';
+import * as i6 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/paginator';
+import { MatPaginatorIntl, MatPaginatorModule } from '@angular/material/paginator';
+import * as i4 from '@angular/material/sort';
+import { MatSortModule } from '@angular/material/sort';
+import * as i1 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 
 class AbstractTableComponent {
     constructor() {
@@ -90,9 +106,165 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
                 type: Output
             }] } });
 
+class DemoMatPaginatorIntl extends MatPaginatorIntl {
+    constructor() {
+        super(...arguments);
+        this.getRangeLabel = (page, pageSize, length) => {
+            if (length == 0 || pageSize == 0) {
+                return `0 of ${length}`;
+            }
+            length = Math.max(length, 0);
+            const startIndex = page * pageSize;
+            // If the start index exceeds the list length, do not try and fix the end index to the end.
+            const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;
+            return `${startIndex + 1} – ${endIndex}`;
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DemoMatPaginatorIntl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DemoMatPaginatorIntl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DemoMatPaginatorIntl, decorators: [{
+            type: Injectable
+        }] });
+
+class NgilTableComponent {
+    constructor() {
+        this.columns = [];
+        this.totalCount = 0;
+        this.pageSizeOptions = [5, 10, 20, 30, 50];
+        this.dataSource = [];
+        this.canEdit = false;
+        this.allowRowSelection = false;
+        this.sortingChanged = new EventEmitter();
+        this.filteringChanged = new EventEmitter();
+        this.refreshPageSelected = new EventEmitter();
+        this.pageOptionsChanged = new EventEmitter();
+        this.rowSelected = new EventEmitter();
+        this.deleteSelected = new EventEmitter();
+        this.rowClicked = new EventEmitter();
+        this.sortActive = '';
+        this.sortDirection = 'asc';
+        this.selection = new SelectionModel(true, []);
+        this.pageNumber = DEFAULT_PAGE;
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.destroy$ = new Subject();
+    }
+    set sortingOptions(sortingOptions) {
+        const firstSort = sortingOptions[0];
+        this.sortActive = firstSort?.field;
+        this.sortDirection = firstSort?.direction;
+    }
+    set pagingOptions(pagingOptions) {
+        this.pageNumber = pagingOptions.page;
+        this.pageSize = pagingOptions.pageSize;
+    }
+    get displayedColumns() {
+        const displayedColumns = [...this.columns.map(column => column.key)];
+        if (this.allowRowSelection) {
+            displayedColumns.unshift('select');
+        }
+        return displayedColumns;
+    }
+    ngOnInit() {
+        this.selection.changed.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.rowSelected.emit(this.selection.selected);
+        });
+    }
+    clearSelection() {
+        this.selection.clear();
+    }
+    selectItems(items) {
+        this.selection.select(...items);
+    }
+    isAllSelected() {
+        const numSelected = this.selection.selected.length;
+        const numRows = this.dataSource.length;
+        return numSelected === numRows;
+    }
+    masterToggle() {
+        if (this.isAllSelected()) {
+            this.selection.clear();
+            return;
+        }
+        this.selection.select(...this.dataSource);
+    }
+    onSortingChanged(sortingField) {
+        this.sortingChanged.emit({
+            field: sortingField.active,
+            direction: sortingField.direction,
+        });
+    }
+    onFilteringChanged(filteringOptions) {
+        this.filteringChanged.emit(filteringOptions);
+    }
+    onRefreshPageSelected() {
+        this.refreshPageSelected.emit();
+    }
+    onPageEvent(pageEvent) {
+        this.pageOptionsChanged.emit({
+            page: pageEvent.pageIndex + 1,
+            pageSize: pageEvent.pageSize,
+        });
+    }
+    onDelete() {
+        this.deleteSelected.emit(this.selection.selected);
+    }
+    onRowClicked(item) {
+        this.rowClicked.emit(item);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: NgilTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: NgilTableComponent, isStandalone: true, selector: "ngil-table", inputs: { columns: "columns", totalCount: "totalCount", pageSizeOptions: "pageSizeOptions", dataSource: "dataSource", canEdit: "canEdit", allowRowSelection: "allowRowSelection", sortingOptions: "sortingOptions", pagingOptions: "pagingOptions" }, outputs: { sortingChanged: "sortingChanged", filteringChanged: "filteringChanged", refreshPageSelected: "refreshPageSelected", pageOptionsChanged: "pageOptionsChanged", rowSelected: "rowSelected", deleteSelected: "deleteSelected", rowClicked: "rowClicked" }, providers: [{ provide: MatPaginatorIntl, useClass: DemoMatPaginatorIntl }], ngImport: i0, template: "@if (canEdit) {\r\n  <div class=\"demo-list-toolbar\">\r\n    <button mat-icon-button class=\"demo-list-toolbar__button\" (click)=\"onDelete()\">\r\n      <mat-icon class=\"demo-list-toolbar__icon\">delete</mat-icon>\r\n    </button>\r\n  </div>\r\n}\r\n\r\n<div class=\"demo-list mat-elevation-z8\">\r\n  <table\r\n    mat-table\r\n    matSort\r\n    [dataSource]=\"dataSource\"\r\n    [matSortActive]=\"sortActive\"\r\n    [matSortDirection]=\"sortDirection\"\r\n    (matSortChange)=\"onSortingChanged($event)\"\r\n    >\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"demo-list__row\" (click)=\"onRowClicked(row)\"></tr>\r\n\r\n    <ng-container matColumnDef=\"select\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        <mat-checkbox\r\n          (change)=\"$event ? masterToggle() : null\"\r\n          [checked]=\"selection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n          >\r\n        </mat-checkbox>\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-checkbox\r\n          role=\"checkbox\"\r\n          [aria-label]=\"row.email\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          (change)=\"$event ? selection.toggle(row) : null\"\r\n          [checked]=\"selection.isSelected(row)\"\r\n          >\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n\r\n    @for (column of columns; track column) {\r\n      <ng-container [matColumnDef]=\"column.key\">\r\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ column.name }}</th>\r\n        <td mat-cell *matCellDef=\"let element\">{{ element[column.key] }}</td>\r\n      </ng-container>\r\n    }\r\n  </table>\r\n\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    [showFirstLastButtons]=\"true\"\r\n    [pageIndex]=\"pageNumber - 1\"\r\n    [pageSize]=\"pageSize\"\r\n    [length]=\"totalCount\"\r\n    (page)=\"onPageEvent($event)\"\r\n    >\r\n  </mat-paginator>\r\n</div>\r\n", styles: ["table{width:100%}.demo-list-toolbar{display:flex;justify-content:flex-end;padding:1rem 0}.demo-list__row{cursor:pointer}.demo-list__row:hover{background:#5f9ea0}::ng-deep .mat-paginator-navigation-last{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: NgilTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngil-table', imports: [
+                        CommonModule,
+                        MatTableModule,
+                        MatPaginatorModule,
+                        MatCheckboxModule,
+                        MatSortModule,
+                        MatIconModule,
+                        MatButtonModule,
+                    ], providers: [{ provide: MatPaginatorIntl, useClass: DemoMatPaginatorIntl }], template: "@if (canEdit) {\r\n  <div class=\"demo-list-toolbar\">\r\n    <button mat-icon-button class=\"demo-list-toolbar__button\" (click)=\"onDelete()\">\r\n      <mat-icon class=\"demo-list-toolbar__icon\">delete</mat-icon>\r\n    </button>\r\n  </div>\r\n}\r\n\r\n<div class=\"demo-list mat-elevation-z8\">\r\n  <table\r\n    mat-table\r\n    matSort\r\n    [dataSource]=\"dataSource\"\r\n    [matSortActive]=\"sortActive\"\r\n    [matSortDirection]=\"sortDirection\"\r\n    (matSortChange)=\"onSortingChanged($event)\"\r\n    >\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"demo-list__row\" (click)=\"onRowClicked(row)\"></tr>\r\n\r\n    <ng-container matColumnDef=\"select\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        <mat-checkbox\r\n          (change)=\"$event ? masterToggle() : null\"\r\n          [checked]=\"selection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n          >\r\n        </mat-checkbox>\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-checkbox\r\n          role=\"checkbox\"\r\n          [aria-label]=\"row.email\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          (change)=\"$event ? selection.toggle(row) : null\"\r\n          [checked]=\"selection.isSelected(row)\"\r\n          >\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n\r\n    @for (column of columns; track column) {\r\n      <ng-container [matColumnDef]=\"column.key\">\r\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ column.name }}</th>\r\n        <td mat-cell *matCellDef=\"let element\">{{ element[column.key] }}</td>\r\n      </ng-container>\r\n    }\r\n  </table>\r\n\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    [showFirstLastButtons]=\"true\"\r\n    [pageIndex]=\"pageNumber - 1\"\r\n    [pageSize]=\"pageSize\"\r\n    [length]=\"totalCount\"\r\n    (page)=\"onPageEvent($event)\"\r\n    >\r\n  </mat-paginator>\r\n</div>\r\n", styles: ["table{width:100%}.demo-list-toolbar{display:flex;justify-content:flex-end;padding:1rem 0}.demo-list__row{cursor:pointer}.demo-list__row:hover{background:#5f9ea0}::ng-deep .mat-paginator-navigation-last{display:none!important}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], totalCount: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], canEdit: [{
+                type: Input
+            }], allowRowSelection: [{
+                type: Input
+            }], sortingOptions: [{
+                type: Input
+            }], pagingOptions: [{
+                type: Input
+            }], sortingChanged: [{
+                type: Output
+            }], filteringChanged: [{
+                type: Output
+            }], refreshPageSelected: [{
+                type: Output
+            }], pageOptionsChanged: [{
+                type: Output
+            }], rowSelected: [{
+                type: Output
+            }], deleteSelected: [{
+                type: Output
+            }], rowClicked: [{
+                type: Output
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractTableComponent };
+export { AbstractTableComponent, NgilTableComponent };
 //# sourceMappingURL=ngil-list.mjs.map

package/fesm2022/ngil-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngil-list.mjs","sources":["../../../../../../libs/ngil/ui/list/src/lib/abstract-table/abstract-table.component.ts","../../../../../../libs/ngil/ui/list/src/ngil-list.ts"],"sourcesContent":["import { Directive, EventEmitter, Input, Output } from '@angular/core';\r\nimport {\r\n  DEFAULT_PAGE,\r\n  DEFAULT_PAGE_SIZE,\r\n  FilteringLogic,\r\n  FilteringOptions,\r\n  PagingOptions,\r\n  SortingField\r\n} from '@ngdux/data-model-common';\r\n\r\n@Directive()\r\nexport abstract class AbstractTableComponent<T> {\r\n  @Input() totalCount = 0;\r\n  @Input() sortingOptions: SortingField[] = [];\r\n  @Input() filteringOptions: FilteringOptions = {\r\n    filters: [],\r\n    logic: FilteringLogic.AND\r\n  };\r\n  @Input() pagingOptions: PagingOptions = {\r\n    page: DEFAULT_PAGE,\r\n    pageSize: DEFAULT_PAGE_SIZE\r\n  };\r\n  @Input() gridData: T[] = [];\r\n  @Input() selectedItems: T[] = [];\r\n  @Input() canEdit = false;\r\n  @Input() allowRowSelection = false;\r\n\r\n  @Output() sortingChanged = new EventEmitter<SortingField[]>();\r\n  @Output() filteringChanged = new EventEmitter<FilteringOptions>();\r\n  @Output() refreshPageSelected = new EventEmitter<void>();\r\n  @Output() pageOptionsChanged = new EventEmitter<PagingOptions>();\r\n  @Output() rowSelected = new EventEmitter<T[]>();\r\n  @Output() rowClicked = new EventEmitter<T>();\r\n  @Output() deleteSelected = new EventEmitter<T[]>();\r\n\r\n  onSortingChanged(sortingField: SortingField): void {\r\n    if (sortingField.direction) {\r\n      this.sortingChanged.emit([sortingField]);\r\n    } else {\r\n      this.sortingChanged.emit([]);\r\n    }\r\n  }\r\n\r\n  onFilteringChanged(filteringOptions: FilteringOptions): void {\r\n    this.filteringChanged.emit(filteringOptions);\r\n  }\r\n\r\n  onRefreshPageSelected(): void {\r\n    this.refreshPageSelected.emit();\r\n  }\r\n\r\n  onPageOptionsChanged(pagingOptions: PagingOptions): void {\r\n    this.pageOptionsChanged.emit(pagingOptions);\r\n  }\r\n\r\n  onDelete(selectedItems: T[]): void {\r\n    this.deleteSelected.emit(selectedItems);\r\n  }\r\n\r\n  onRowSelected(selectedItems: T[]): void {\r\n    this.rowSelected.emit(selectedItems);\r\n  }\r\n\r\n  onRowClicked(item: T): void {\r\n    this.rowClicked.emit(item);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngil-list.mjs","sources":["../../../../../../libs/ngil/ui/list/src/lib/abstract-table/abstract-table.component.ts","../../../../../../libs/ngil/ui/list/src/lib/table/custom-paginator.service.ts","../../../../../../libs/ngil/ui/list/src/lib/table/table.component.ts","../../../../../../libs/ngil/ui/list/src/lib/table/table.component.html","../../../../../../libs/ngil/ui/list/src/ngil-list.ts"],"sourcesContent":["import { Directive, EventEmitter, Input, Output } from '@angular/core';\r\nimport {\r\n  DEFAULT_PAGE,\r\n  DEFAULT_PAGE_SIZE,\r\n  FilteringLogic,\r\n  FilteringOptions,\r\n  PagingOptions,\r\n  SortingField\r\n} from '@ngdux/data-model-common';\r\n\r\n@Directive()\r\nexport abstract class AbstractTableComponent<T> {\r\n  @Input() totalCount = 0;\r\n  @Input() sortingOptions: SortingField[] = [];\r\n  @Input() filteringOptions: FilteringOptions = {\r\n    filters: [],\r\n    logic: FilteringLogic.AND\r\n  };\r\n  @Input() pagingOptions: PagingOptions = {\r\n    page: DEFAULT_PAGE,\r\n    pageSize: DEFAULT_PAGE_SIZE\r\n  };\r\n  @Input() gridData: T[] = [];\r\n  @Input() selectedItems: T[] = [];\r\n  @Input() canEdit = false;\r\n  @Input() allowRowSelection = false;\r\n\r\n  @Output() sortingChanged = new EventEmitter<SortingField[]>();\r\n  @Output() filteringChanged = new EventEmitter<FilteringOptions>();\r\n  @Output() refreshPageSelected = new EventEmitter<void>();\r\n  @Output() pageOptionsChanged = new EventEmitter<PagingOptions>();\r\n  @Output() rowSelected = new EventEmitter<T[]>();\r\n  @Output() rowClicked = new EventEmitter<T>();\r\n  @Output() deleteSelected = new EventEmitter<T[]>();\r\n\r\n  onSortingChanged(sortingField: SortingField): void {\r\n    if (sortingField.direction) {\r\n      this.sortingChanged.emit([sortingField]);\r\n    } else {\r\n      this.sortingChanged.emit([]);\r\n    }\r\n  }\r\n\r\n  onFilteringChanged(filteringOptions: FilteringOptions): void {\r\n    this.filteringChanged.emit(filteringOptions);\r\n  }\r\n\r\n  onRefreshPageSelected(): void {\r\n    this.refreshPageSelected.emit();\r\n  }\r\n\r\n  onPageOptionsChanged(pagingOptions: PagingOptions): void {\r\n    this.pageOptionsChanged.emit(pagingOptions);\r\n  }\r\n\r\n  onDelete(selectedItems: T[]): void {\r\n    this.deleteSelected.emit(selectedItems);\r\n  }\r\n\r\n  onRowSelected(selectedItems: T[]): void {\r\n    this.rowSelected.emit(selectedItems);\r\n  }\r\n\r\n  onRowClicked(item: T): void {\r\n    this.rowClicked.emit(item);\r\n  }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { MatPaginatorIntl } from '@angular/material/paginator';\r\n\r\n@Injectable()\r\nexport class DemoMatPaginatorIntl extends MatPaginatorIntl {\r\n  override getRangeLabel: (page: number, pageSize: number, length: number) => string = (\r\n    page: number,\r\n    pageSize: number,\r\n    length: number\r\n  ) => {\r\n    if (length == 0 || pageSize == 0) {\r\n      return `0 of ${length}`;\r\n    }\r\n\r\n    length = Math.max(length, 0);\r\n\r\n    const startIndex = page * pageSize;\r\n\r\n    // If the start index exceeds the list length, do not try and fix the end index to the end.\r\n    const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;\r\n\r\n    return `${startIndex + 1} – ${endIndex}`;\r\n  };\r\n}\r\n","import { SelectionModel } from '@angular/cdk/collections';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatPaginatorIntl, MatPaginatorModule, PageEvent } from '@angular/material/paginator';\r\nimport { MatSortModule, Sort, SortDirection } from '@angular/material/sort';\r\nimport { MatTableModule } from '@angular/material/table';\r\nimport {\r\n  DEFAULT_PAGE,\r\n  DEFAULT_PAGE_SIZE,\r\n  FilteringOptions,\r\n  PagingOptions,\r\n  SortingDirection,\r\n  SortingField,\r\n} from '@ngdux/data-model-common';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { DemoMatPaginatorIntl } from './custom-paginator.service';\r\nimport { NgilTableColumn } from './table.model';\r\n\r\n@Component({\r\n  selector: 'ngil-table',\r\n  templateUrl: './table.component.html',\r\n  styleUrls: ['./table.component.scss'],\r\n  imports: [\r\n    CommonModule,\r\n    MatTableModule,\r\n    MatPaginatorModule,\r\n    MatCheckboxModule,\r\n    MatSortModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n  ],\r\n  providers: [{ provide: MatPaginatorIntl, useClass: DemoMatPaginatorIntl }],\r\n})\r\nexport class NgilTableComponent<T> implements OnInit, OnDestroy {\r\n  @Input() columns: NgilTableColumn[] = [];\r\n  @Input() totalCount = 0;\r\n  @Input() pageSizeOptions = [5, 10, 20, 30, 50];\r\n  @Input() dataSource: T[] = [];\r\n  @Input() canEdit = false;\r\n  @Input() allowRowSelection = false;\r\n  @Input() set sortingOptions(sortingOptions: SortingField[]) {\r\n    const firstSort = sortingOptions[0];\r\n    this.sortActive = firstSort?.field;\r\n    this.sortDirection = firstSort?.direction;\r\n  }\r\n\r\n  @Input() set pagingOptions(pagingOptions: PagingOptions) {\r\n    this.pageNumber = pagingOptions.page;\r\n    this.pageSize = pagingOptions.pageSize;\r\n  }\r\n\r\n  @Output() sortingChanged = new EventEmitter<SortingField>();\r\n  @Output() filteringChanged = new EventEmitter<FilteringOptions>();\r\n  @Output() refreshPageSelected = new EventEmitter<void>();\r\n  @Output() pageOptionsChanged = new EventEmitter<PagingOptions>();\r\n  @Output() rowSelected = new EventEmitter<T[]>();\r\n  @Output() deleteSelected = new EventEmitter<T[]>();\r\n  @Output() rowClicked = new EventEmitter<T>();\r\n\r\n  sortActive = '';\r\n  sortDirection: SortDirection = 'asc';\r\n  selection = new SelectionModel<T>(true, []);\r\n  pageNumber = DEFAULT_PAGE;\r\n  pageSize = DEFAULT_PAGE_SIZE;\r\n\r\n  get displayedColumns(): string[] {\r\n    const displayedColumns = [...this.columns.map(column => column.key)];\r\n    if (this.allowRowSelection) {\r\n      displayedColumns.unshift('select');\r\n    }\r\n\r\n    return displayedColumns;\r\n  }\r\n\r\n  protected readonly destroy$ = new Subject<void>();\r\n\r\n  ngOnInit(): void {\r\n    this.selection.changed.pipe(takeUntil(this.destroy$)).subscribe(() => {\r\n      this.rowSelected.emit(this.selection.selected);\r\n    });\r\n  }\r\n\r\n  clearSelection(): void {\r\n    this.selection.clear();\r\n  }\r\n\r\n  selectItems(items: T[]): void {\r\n    this.selection.select(...items);\r\n  }\r\n\r\n  isAllSelected(): boolean {\r\n    const numSelected = this.selection.selected.length;\r\n    const numRows = this.dataSource.length;\r\n    return numSelected === numRows;\r\n  }\r\n\r\n  masterToggle(): void {\r\n    if (this.isAllSelected()) {\r\n      this.selection.clear();\r\n      return;\r\n    }\r\n\r\n    this.selection.select(...this.dataSource);\r\n  }\r\n\r\n  onSortingChanged(sortingField: Sort): void {\r\n    this.sortingChanged.emit({\r\n      field: sortingField.active,\r\n      direction: sortingField.direction as SortingDirection,\r\n    });\r\n  }\r\n\r\n  onFilteringChanged(filteringOptions: FilteringOptions): void {\r\n    this.filteringChanged.emit(filteringOptions);\r\n  }\r\n\r\n  onRefreshPageSelected(): void {\r\n    this.refreshPageSelected.emit();\r\n  }\r\n\r\n  onPageEvent(pageEvent: PageEvent): void {\r\n    this.pageOptionsChanged.emit({\r\n      page: pageEvent.pageIndex + 1,\r\n      pageSize: pageEvent.pageSize,\r\n    });\r\n  }\r\n\r\n  onDelete(): void {\r\n    this.deleteSelected.emit(this.selection.selected);\r\n  }\r\n\r\n  onRowClicked(item: T) {\r\n    this.rowClicked.emit(item);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n}\r\n","@if (canEdit) {\r\n  <div class=\"demo-list-toolbar\">\r\n    <button mat-icon-button class=\"demo-list-toolbar__button\" (click)=\"onDelete()\">\r\n      <mat-icon class=\"demo-list-toolbar__icon\">delete</mat-icon>\r\n    </button>\r\n  </div>\r\n}\r\n\r\n<div class=\"demo-list mat-elevation-z8\">\r\n  <table\r\n    mat-table\r\n    matSort\r\n    [dataSource]=\"dataSource\"\r\n    [matSortActive]=\"sortActive\"\r\n    [matSortDirection]=\"sortDirection\"\r\n    (matSortChange)=\"onSortingChanged($event)\"\r\n    >\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"demo-list__row\" (click)=\"onRowClicked(row)\"></tr>\r\n\r\n    <ng-container matColumnDef=\"select\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        <mat-checkbox\r\n          (change)=\"$event ? masterToggle() : null\"\r\n          [checked]=\"selection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n          >\r\n        </mat-checkbox>\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-checkbox\r\n          role=\"checkbox\"\r\n          [aria-label]=\"row.email\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          (change)=\"$event ? selection.toggle(row) : null\"\r\n          [checked]=\"selection.isSelected(row)\"\r\n          >\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n\r\n    @for (column of columns; track column) {\r\n      <ng-container [matColumnDef]=\"column.key\">\r\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ column.name }}</th>\r\n        <td mat-cell *matCellDef=\"let element\">{{ element[column.key] }}</td>\r\n      </ng-container>\r\n    }\r\n  </table>\r\n\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"pageSizeOptions\"\r\n    [showFirstLastButtons]=\"true\"\r\n    [pageIndex]=\"pageNumber - 1\"\r\n    [pageSize]=\"pageSize\"\r\n    [length]=\"totalCount\"\r\n    (page)=\"onPageEvent($event)\"\r\n    >\r\n  </mat-paginator>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngil/list",
-  "version": "5.2.1",
+  "version": "5.4.0",
   "dependencies": {
     "tslib": "^2.3.0"
   },

package/types/ngil-list.d.ts

@@ -1,7 +1,11 @@
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { SortingField, FilteringOptions, PagingOptions } from '@ngdux/data-model-common';
 export { FilteringLogic, FilteringOptions, PagingOptions, SortingField } from '@ngdux/data-model-common';
+import { SelectionModel } from '@angular/cdk/collections';
+import { PageEvent } from '@angular/material/paginator';
+import { SortDirection, Sort } from '@angular/material/sort';
+import { Subject } from 'rxjs';
 
 declare abstract class AbstractTableComponent<T> {
     totalCount: number;
@@ -30,4 +34,49 @@ declare abstract class AbstractTableComponent<T> {
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractTableComponent<any>, never, never, { "totalCount": { "alias": "totalCount"; "required": false; }; "sortingOptions": { "alias": "sortingOptions"; "required": false; }; "filteringOptions": { "alias": "filteringOptions"; "required": false; }; "pagingOptions": { "alias": "pagingOptions"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "allowRowSelection": { "alias": "allowRowSelection"; "required": false; }; }, { "sortingChanged": "sortingChanged"; "filteringChanged": "filteringChanged"; "refreshPageSelected": "refreshPageSelected"; "pageOptionsChanged": "pageOptionsChanged"; "rowSelected": "rowSelected"; "rowClicked": "rowClicked"; "deleteSelected": "deleteSelected"; }, never, never, true, never>;
 }
 
-export { AbstractTableComponent };
+interface NgilTableColumn {
+    key: string;
+    name: string;
+}
+
+declare class NgilTableComponent<T> implements OnInit, OnDestroy {
+    columns: NgilTableColumn[];
+    totalCount: number;
+    pageSizeOptions: number[];
+    dataSource: T[];
+    canEdit: boolean;
+    allowRowSelection: boolean;
+    set sortingOptions(sortingOptions: SortingField[]);
+    set pagingOptions(pagingOptions: PagingOptions);
+    sortingChanged: EventEmitter<SortingField>;
+    filteringChanged: EventEmitter<FilteringOptions>;
+    refreshPageSelected: EventEmitter<void>;
+    pageOptionsChanged: EventEmitter<PagingOptions>;
+    rowSelected: EventEmitter<T[]>;
+    deleteSelected: EventEmitter<T[]>;
+    rowClicked: EventEmitter<T>;
+    sortActive: string;
+    sortDirection: SortDirection;
+    selection: SelectionModel<T>;
+    pageNumber: number;
+    pageSize: number;
+    get displayedColumns(): string[];
+    protected readonly destroy$: Subject<void>;
+    ngOnInit(): void;
+    clearSelection(): void;
+    selectItems(items: T[]): void;
+    isAllSelected(): boolean;
+    masterToggle(): void;
+    onSortingChanged(sortingField: Sort): void;
+    onFilteringChanged(filteringOptions: FilteringOptions): void;
+    onRefreshPageSelected(): void;
+    onPageEvent(pageEvent: PageEvent): void;
+    onDelete(): void;
+    onRowClicked(item: T): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgilTableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgilTableComponent<any>, "ngil-table", never, { "columns": { "alias": "columns"; "required": false; }; "totalCount": { "alias": "totalCount"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "allowRowSelection": { "alias": "allowRowSelection"; "required": false; }; "sortingOptions": { "alias": "sortingOptions"; "required": false; }; "pagingOptions": { "alias": "pagingOptions"; "required": false; }; }, { "sortingChanged": "sortingChanged"; "filteringChanged": "filteringChanged"; "refreshPageSelected": "refreshPageSelected"; "pageOptionsChanged": "pageOptionsChanged"; "rowSelected": "rowSelected"; "deleteSelected": "deleteSelected"; "rowClicked": "rowClicked"; }, never, never, true, never>;
+}
+
+export { AbstractTableComponent, NgilTableComponent };
+export type { NgilTableColumn };