@smallpearl/ngx-helper 0.29.40 → 0.31.1

package/fesm2022/smallpearl-ngx-helper-mat-entity-list.mjs

@@ -17,14 +17,12 @@ import { MatTableDataSource, MatTable, MatColumnDef, MatTableModule } from '@ang
 import * as i2 from '@angular/platform-browser';
 import * as i4 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i9 from '@jsverse/transloco';
-import { TranslocoService, TranslocoModule } from '@jsverse/transloco';
 import { createStore } from '@ngneat/elf';
 import { withEntities, selectAllEntities, getEntitiesCount, addEntities, hasEntity, updateEntities, deleteEntities, upsertEntities } from '@ngneat/elf-entities';
 import { SPEntityField, SP_ENTITY_FIELD_CONFIG } from '@smallpearl/ngx-helper/entity-field';
 import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 import { plural } from 'pluralize';
-import { Subscription, Subject, takeUntil, tap, filter, distinctUntilChanged, switchMap, finalize } from 'rxjs';
+import { Subscription, Subject, takeUntil, tap, filter, distinctUntilChanged, switchMap, finalize, of, Observable } from 'rxjs';
 
 const SP_MAT_ENTITY_LIST_HTTP_CONTEXT = new HttpContextToken(() => ({
     entityName: '',
@@ -39,6 +37,7 @@ const DefaultSPMatEntityListConfig = {
     paginator: undefined,
     defaultPageSize: 50,
     pageSizes: [10, 25, 50, 100],
+    columnLabelFn: (entityName, columnName) => columnName,
 };
 /**
  * To be called from an object's constructor.
@@ -135,7 +134,7 @@ class SPMatEntityListComponent {
      * specified instead. That is, the value of this property is a heterogeneous
      * array consisting of SPEntityFieldSpec<> objects and strings.
      */
-    columns = input.required();
+    columns = input([]);
     /**
      * Names of columns that are displayed. This will default to all the columns
      * listed in columns.
@@ -225,7 +224,7 @@ class SPMatEntityListComponent {
         });
         return context;
     });
-    _deferViewInit = input(false);
+    deferViewInit = input(false);
     firstLoadDone = false;
     allColumnNames = signal([]);
     _displayedColumns = computed(() => this.displayedColumns().length > 0
@@ -344,7 +343,6 @@ class SPMatEntityListComponent {
             }
         });
     });
-    transloco = inject(TranslocoService);
     constructor(http, sanitizer, injector) {
         this.http = http;
         this.sanitizer = sanitizer;
@@ -375,7 +373,7 @@ class SPMatEntityListComponent {
         this.destroy$.complete();
     }
     ngAfterViewInit() {
-        if (!this._deferViewInit()) {
+        if (!this.deferViewInit()) {
             this.buildContentColumnDefs();
             this.buildColumns();
             this.setupSort();
@@ -639,8 +637,18 @@ class SPMatEntityListComponent {
             this.activeEntity.set(undefined);
         }
     }
+    getColumnLabel(field) {
+        if (field._fieldSpec.label) {
+            return of(field._fieldSpec.label);
+        }
+        if (this.entityListConfig && this.entityListConfig.columnLabelFn) {
+            const label = this.entityListConfig.columnLabelFn(this.entityName(), field._fieldSpec.name);
+            return label instanceof Observable ? label : of(label);
+        }
+        return of(field._fieldSpec.name);
+    }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPMatEntityListComponent, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: SPMatEntityListComponent, isStandalone: true, selector: "sp-mat-entity-list", inputs: { entityName: { classPropertyName: "entityName", publicName: "entityName", isSignal: true, isRequired: true, transformFunction: null }, entityNamePlural: { classPropertyName: "entityNamePlural", publicName: "entityNamePlural", isSignal: true, isRequired: false, transformFunction: null }, endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, entityLoaderFn: { classPropertyName: "entityLoaderFn", publicName: "entityLoaderFn", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, displayedColumns: { classPropertyName: "displayedColumns", publicName: "displayedColumns", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, idKey: { classPropertyName: "idKey", publicName: "idKey", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, sorter: { classPropertyName: "sorter", publicName: "sorter", isSignal: true, isRequired: false, transformFunction: null }, disableSort: { classPropertyName: "disableSort", publicName: "disableSort", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollContainer: { classPropertyName: "infiniteScrollContainer", publicName: "infiniteScrollContainer", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollDistance: { classPropertyName: "infiniteScrollDistance", publicName: "infiniteScrollDistance", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollThrottle: { classPropertyName: "infiniteScrollThrottle", publicName: "infiniteScrollThrottle", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollWindow: { classPropertyName: "infiniteScrollWindow", publicName: "infiniteScrollWindow", isSignal: true, isRequired: false, transformFunction: null }, httpReqContext: { classPropertyName: "httpReqContext", publicName: "httpReqContext", isSignal: true, isRequired: false, transformFunction: null }, _deferViewInit: { classPropertyName: "_deferViewInit", publicName: "_deferViewInit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectEntity: "selectEntity" }, queries: [{ propertyName: "clientColumnDefs", predicate: MatColumnDef }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }, { propertyName: "viewColumnDefs", predicate: MatColumnDef, descendants: true, isSignal: true }], ngImport: i0, template: `
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: SPMatEntityListComponent, isStandalone: true, selector: "sp-mat-entity-list", inputs: { entityName: { classPropertyName: "entityName", publicName: "entityName", isSignal: true, isRequired: true, transformFunction: null }, entityNamePlural: { classPropertyName: "entityNamePlural", publicName: "entityNamePlural", isSignal: true, isRequired: false, transformFunction: null }, endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, entityLoaderFn: { classPropertyName: "entityLoaderFn", publicName: "entityLoaderFn", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, displayedColumns: { classPropertyName: "displayedColumns", publicName: "displayedColumns", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, idKey: { classPropertyName: "idKey", publicName: "idKey", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, sorter: { classPropertyName: "sorter", publicName: "sorter", isSignal: true, isRequired: false, transformFunction: null }, disableSort: { classPropertyName: "disableSort", publicName: "disableSort", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollContainer: { classPropertyName: "infiniteScrollContainer", publicName: "infiniteScrollContainer", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollDistance: { classPropertyName: "infiniteScrollDistance", publicName: "infiniteScrollDistance", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollThrottle: { classPropertyName: "infiniteScrollThrottle", publicName: "infiniteScrollThrottle", isSignal: true, isRequired: false, transformFunction: null }, infiniteScrollWindow: { classPropertyName: "infiniteScrollWindow", publicName: "infiniteScrollWindow", isSignal: true, isRequired: false, transformFunction: null }, httpReqContext: { classPropertyName: "httpReqContext", publicName: "httpReqContext", isSignal: true, isRequired: false, transformFunction: null }, deferViewInit: { classPropertyName: "deferViewInit", publicName: "deferViewInit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectEntity: "selectEntity" }, queries: [{ propertyName: "clientColumnDefs", predicate: MatColumnDef }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }, { propertyName: "viewColumnDefs", predicate: MatColumnDef, descendants: true, isSignal: true }], ngImport: i0, template: `
     <div
       class="entities-list-wrapper"
       infiniteScroll
@@ -690,7 +698,7 @@ class SPMatEntityListComponent {
     </div>
     <!-- We keep the column definitions outside the <table> so that they can
     be dynamically added to the MatTable. -->
-    <span matSort="sorter()" *transloco="let t">
+    <span matSort="sorter()">
       @for (column of __columns(); track $index) {
       <ng-container [matColumnDef]="column.spec.name">
         @if (disableSort()) {
@@ -700,7 +708,7 @@ class SPMatEntityListComponent {
           mat-header-cell
           *matHeaderCellDef
         >
-          {{ t(column.label()) }}
+        {{ getColumnLabel(column) | async }}
         </th>
         } @else {
         <th
@@ -710,7 +718,7 @@ class SPMatEntityListComponent {
           mat-sort-header
           *matHeaderCellDef
         >
-          {{ t(column.label()) }}
+        {{ getColumnLabel(column) | async }}
         </th>
         }
         <td
@@ -736,7 +744,7 @@ class SPMatEntityListComponent {
         <mat-spinner mode="indeterminate" diameter="28"></mat-spinner>
       </div>
     </ng-template>
-  `, isInline: true, styles: [".entities-list-wrapper{position:relative}.busy-overlay{display:none;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1000;opacity:.6;background-color:transparent}.show{display:block}.busy-spinner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.infinite-scroll-loading{display:none;width:100%;padding:8px}.active-row{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i6.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "directive", type: i9.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "directive", type: HeaderAlignmentDirective, selector: "[headerAlignment]", inputs: ["headerAlignment"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".entities-list-wrapper{position:relative}.busy-overlay{display:none;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1000;opacity:.6;background-color:transparent}.show{display:block}.busy-spinner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.infinite-scroll-loading{display:none;width:100%;padding:8px}.active-row{font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i6.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "directive", type: HeaderAlignmentDirective, selector: "[headerAlignment]", inputs: ["headerAlignment"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPMatEntityListComponent, decorators: [{
             type: Component,
@@ -749,7 +757,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
                         MatButtonModule,
                         MatInputModule,
                         MatProgressSpinnerModule,
-                        TranslocoModule,
                         InfiniteScrollDirective,
                         HeaderAlignmentDirective,
                     ], selector: 'sp-mat-entity-list', template: `
@@ -802,7 +809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
     </div>
     <!-- We keep the column definitions outside the <table> so that they can
     be dynamically added to the MatTable. -->
-    <span matSort="sorter()" *transloco="let t">
+    <span matSort="sorter()">
       @for (column of __columns(); track $index) {
       <ng-container [matColumnDef]="column.spec.name">
         @if (disableSort()) {
@@ -812,7 +819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
           mat-header-cell
           *matHeaderCellDef
         >
-          {{ t(column.label()) }}
+        {{ getColumnLabel(column) | async }}
         </th>
         } @else {
         <th
@@ -822,7 +829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
           mat-sort-header
           *matHeaderCellDef
         >
-          {{ t(column.label()) }}
+        {{ getColumnLabel(column) | async }}
         </th>
         }
         <td

package/fesm2022/smallpearl-ngx-helper-mat-entity-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smallpearl-ngx-helper-mat-entity-list.mjs","sources":["../../../../projects/smallpearl/ngx-helper/mat-entity-list/src/mat-entity-list-types.ts","../../../../projects/smallpearl/ngx-helper/mat-entity-list/src/providers.ts","../../../../projects/smallpearl/ngx-helper/mat-entity-list/src/config.ts","../../../../projects/smallpearl/ngx-helper/mat-entity-list/src/mat-entity-list.component.ts","../../../../projects/smallpearl/ngx-helper/mat-entity-list/smallpearl-ngx-helper-mat-entity-list.ts"],"sourcesContent":["import { HttpContextToken } from \"@angular/common/http\";\nimport { Observable } from \"rxjs\";\n\nexport interface SPMatEntityListHttpContext {\n  entityName: string;\n  entityNamePlural: string;\n  endpoint: string;\n}\n\nexport const SP_MAT_ENTITY_LIST_HTTP_CONTEXT =\n  new HttpContextToken<SPMatEntityListHttpContext>(() => ({\n    entityName: '',\n    entityNamePlural: '',\n    endpoint: '',\n  }));\n\n/**\n * Pagination HTTP request params. Actually copied from Angular's HttpParams\n * declaration. The ReadonlyArray<string|number|boolean> is a bit of an\n * overkill for pagination params, but what the heck. When you copy-paste,\n * do it in full!\n */\nexport type SPPageParams = { [param: string]: string | number | boolean | ReadonlyArray<string | number | boolean>; }\n\n/**\n * An interface that the clients should provide, either via a global config\n * (see above), that handles parsing the GET response and returns the entities\n * stored therein. This class will allow the entity-list component to be\n * used across different pagination response types as long as the appropriate\n * SPMatEntityListPaginator class is provided to the component.\n */\nexport interface SPMatEntityListPaginator {\n  getRequestPageParams: (endpoint: string, pageIndex: number, pageSize: number) => SPPageParams;\n  parseRequestResponse: <\n    TEntity extends { [P in IdKey]: PropertyKey },\n    IdKey extends string = 'id'\n  >(\n    entityName: string,\n    entityNamePlural: string,\n    endpoint: string,\n    params: SPPageParams,\n    resp: any\n  ) => { total: number; entities: TEntity[] };\n}\n\n/**\n * 'entity' is really TEntity arg of SPMatEntityListComponent<TEntity>.\n * 'column' is the column name. This allows the same value function to support\n * multiple columns further enabing DRY.\n */\nexport type COLUMN_VALUE_FN = (entity: any, column: string) => string|number|Date|boolean;\n\n/**\n * Global config for SPMatEntityList component.\n */\nexport interface SPMatEntityListConfig {\n  urlResolver?: (endpoint: string) => string;\n  paginator?: SPMatEntityListPaginator;\n  defaultPageSize?: number;\n  pageSizes?: Array<number>;\n  /**\n   * These are global column value functions.\n   *\n   * If a value function for a column is not explicitly specified, this map is\n   * looked up with the column name. If an entry exists in this table, it will\n   * be used to render the column's value.\n   *\n   * This is useful for formatting certain column types which tends to have the\n   * same name across the app. For instance columns such as 'amount', 'total'\n   * or 'balance'. Or 'date', 'timestamp', etc. The return value from the\n   * column value functions are deemed safe and therefore\n   */\n  // columnValueFns?: Map<string, COLUMN_VALUE_FN>;\n}\n\n/**\n * Type for custom entities loader function, which if provided will be called\n * instead of HttpClient.get.\n */\nexport type SPMatEntityListEntityLoaderFn = (params: any) => Observable<any>;\n","import { InjectionToken } from '@angular/core';\nimport { SPMatEntityListConfig } from './mat-entity-list-types';\n\nexport const SP_MAT_ENTITY_LIST_CONFIG = new InjectionToken<SPMatEntityListConfig>(\n  'SPMatEntityListConfig'\n);\n","import { inject } from '@angular/core';\nimport { SPMatEntityListConfig } from './mat-entity-list-types';\nimport { SP_MAT_ENTITY_LIST_CONFIG } from './providers';\n\nexport const DefaultSPMatEntityListConfig: SPMatEntityListConfig = {\n  urlResolver: (endpoint: string) => endpoint,\n  paginator: undefined,\n  defaultPageSize: 50,\n  pageSizes: [10, 25, 50, 100],\n};\n\n/**\n * To be called from an object's constructor.\n */\nexport function getEntityListConfig(): SPMatEntityListConfig {\n  const entityListConfig = inject(SP_MAT_ENTITY_LIST_CONFIG, {\n    optional: true,\n  });\n  return {\n    ...DefaultSPMatEntityListConfig,\n    ...(entityListConfig ?? {}),\n  };\n}\n","import { CommonModule } from '@angular/common';\nimport { HttpClient, HttpContext, HttpContextToken, HttpParams } from '@angular/common/http';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ContentChildren,\n  Directive,\n  effect,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Injector,\n  input,\n  OnDestroy,\n  OnInit,\n  Output,\n  QueryList,\n  runInInjectionContext,\n  signal,\n  viewChild,\n  viewChildren\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatPaginatorModule, PageEvent } from '@angular/material/paginator';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport {\n  MatColumnDef,\n  MatTable,\n  MatTableDataSource,\n  MatTableModule,\n} from '@angular/material/table';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { RouterModule } from '@angular/router';\nimport { TranslocoModule, TranslocoService } from '@jsverse/transloco';\nimport { createStore } from '@ngneat/elf';\nimport {\n  addEntities,\n  deleteEntities,\n  getEntitiesCount,\n  hasEntity,\n  selectAllEntities,\n  updateEntities,\n  upsertEntities,\n  withEntities,\n} from '@ngneat/elf-entities';\nimport {\n  SP_ENTITY_FIELD_CONFIG,\n  SPEntityField,\n  SPEntityFieldSpec\n} from '@smallpearl/ngx-helper/entity-field';\nimport { InfiniteScrollDirective } from 'ngx-infinite-scroll';\nimport { plural } from 'pluralize';\nimport {\n  distinctUntilChanged,\n  filter,\n  finalize,\n  Observable,\n  Subject,\n  Subscription,\n  switchMap,\n  takeUntil,\n  tap\n} from 'rxjs';\nimport { getEntityListConfig } from './config';\nimport {\n  SP_MAT_ENTITY_LIST_HTTP_CONTEXT,\n  SPMatEntityListEntityLoaderFn,\n  SPMatEntityListPaginator\n} from './mat-entity-list-types';\n\n@Directive({\n  selector: '[headerAlignment]',\n  standalone: true\n})\nexport class HeaderAlignmentDirective implements AfterViewInit {\n\n  headerAlignment = input<string>();\n\n  constructor(private el: ElementRef) {\n    // this.el.nativeElement.style.backgroundColor = 'yellow';\n  }\n\n  ngAfterViewInit(): void {\n    if (this.headerAlignment()) {\n      const sortHeader = this.el.nativeElement.querySelector('.mat-sort-header-container');\n      if (sortHeader) {\n        sortHeader.style.justifyContent = this.headerAlignment();\n      } else {\n        this.el.nativeElement.style.justifyContent = this.headerAlignment();\n      }\n    }\n  }\n}\n\n/**\n * Represents a request to load entities from the remote. This is used to\n * compare two requests to determine if they are equal. This is useful to\n * prevent duplicate requests being sent to the remote.\n */\nclass LoadRequest {\n  constructor(\n    public endpoint: string,\n    public params: HttpParams,\n    public force = false\n  ) {}\n\n  // Returns true if two LoadRequest objects are equal and this object's\n  // 'force' is not set to true.\n  isEqualToAndNotForced(prev: LoadRequest): boolean {\n    // console.log(\n    //   `isEqualToAndNotForced - ${this.endpoint}, ${this.params.toString()} ${\n    //     this.force\n    //   }, other: ${prev.endpoint}, ${prev.params.toString()}, ${prev.force}`\n    // );\n    return this.force\n      ? false\n      : this.endpoint.localeCompare(prev.endpoint) === 0 &&\n          this.params.toString().localeCompare(prev.params.toString()) === 0;\n  }\n}\n\n/**\n * A component to display a list of entities loaded from remote.\n */\n@Component({\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatTableModule,\n    MatSortModule,\n    MatPaginatorModule,\n    MatButtonModule,\n    MatInputModule,\n    MatProgressSpinnerModule,\n    TranslocoModule,\n    InfiniteScrollDirective,\n    HeaderAlignmentDirective,\n  ],\n  selector: 'sp-mat-entity-list',\n  template: `\n    <div\n      class=\"entities-list-wrapper\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"infiniteScrollDistance()\"\n      [infiniteScrollThrottle]=\"infiniteScrollThrottle()\"\n      [infiniteScrollContainer]=\"infiniteScrollContainer()\"\n      [scrollWindow]=\"infiniteScrollWindow()\"\n      [infiniteScrollDisabled]=\"\n        pagination() !== 'infinite' || !_paginator || !hasMore()\n      \"\n      (scrolled)=\"infiniteScrollLoadNextPage($event)\"\n    >\n      <div\n        class=\"busy-overlay\"\n        [ngClass]=\"{ show: pagination() === 'discrete' && loading() }\"\n      >\n        <ng-container *ngTemplateOutlet=\"busySpinner\"></ng-container>\n      </div>\n      <table mat-table [dataSource]=\"dataSource()\">\n        <tr mat-header-row *matHeaderRowDef=\"_displayedColumns()\"></tr>\n        <tr\n          mat-row\n          [class.active-row]=\"activeEntityId() === row[this.idKey()]\"\n          *matRowDef=\"let row; columns: _displayedColumns()\"\n          (click)=\"toggleActiveEntity(row)\"\n        ></tr>\n      </table>\n      @if (pagination() == 'discrete' && _paginator) {\n      <mat-paginator\n        showFirstLastButtons\n        [length]=\"entityCount()\"\n        [pageSize]=\"_pageSize()\"\n        [pageIndex]=\"pageIndex()\"\n        [pageSizeOptions]=\"[]\"\n        [hidePageSize]=\"true\"\n        (page)=\"handlePageEvent($event)\"\n        [disabled]=\"loading()\"\n        aria-label=\"Select page\"\n      ></mat-paginator>\n      }\n      <div\n        class=\"infinite-scroll-loading\"\n        [ngClass]=\"{ show: pagination() === 'infinite' && loading() }\"\n      >\n        <ng-container *ngTemplateOutlet=\"busySpinner\"></ng-container>\n      </div>\n    </div>\n    <!-- We keep the column definitions outside the <table> so that they can\n    be dynamically added to the MatTable. -->\n    <span matSort=\"sorter()\" *transloco=\"let t\">\n      @for (column of __columns(); track $index) {\n      <ng-container [matColumnDef]=\"column.spec.name\">\n        @if (disableSort()) {\n        <th\n          [class]=\"column.class\"\n          [headerAlignment]=\"column.options.alignment\"\n          mat-header-cell\n          *matHeaderCellDef\n        >\n          {{ t(column.label()) }}\n        </th>\n        } @else {\n        <th\n          [class]=\"column.class\"\n          [headerAlignment]=\"column.options.alignment\"\n          mat-header-cell\n          mat-sort-header\n          *matHeaderCellDef\n        >\n          {{ t(column.label()) }}\n        </th>\n        }\n        <td\n          [class]=\"column.class\"\n          [style.text-align]=\"column.options.alignment\"\n          mat-cell\n          *matCellDef=\"let element\"\n          [routerLink]=\"column.getRouterLink(element)\"\n        >\n          @if (column.hasRouterLink(element)) {\n          <a [routerLink]=\"column.getRouterLink(element)\">\n            <span [innerHTML]=\"column.value(element)\"></span>\n          </a>\n          } @else {\n          <span [innerHTML]=\"column.value(element)\"></span>\n          }\n        </td>\n      </ng-container>\n      }\n    </span>\n    <ng-template #busySpinner>\n      <div class=\"busy-spinner\">\n        <mat-spinner mode=\"indeterminate\" diameter=\"28\"></mat-spinner>\n      </div>\n    </ng-template>\n  `,\n  styles: [\n    `\n      .entities-list-wrapper {\n        position: relative;\n      }\n      .busy-overlay {\n        display: none;\n        height: 100%;\n        width: 100%;\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        z-index: 1000;\n        opacity: 0.6;\n        background-color: transparent;\n      }\n      .show {\n        display: block;\n      }\n      .busy-spinner {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .infinite-scroll-loading {\n        display: none;\n        width: 100%;\n        padding: 8px;\n      }\n      .active-row {\n        font-weight: bold;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SPMatEntityListComponent<\n  TEntity extends { [P in IdKey]: PropertyKey },\n  IdKey extends string = 'id'\n> implements OnInit, OnDestroy, AfterViewInit\n{\n  /* CLIENT PROVIDED PARAMETERS */\n  entityName = input.required<string>();\n  entityNamePlural = input<string>();\n\n  /**\n   * The endpoint from where the entities are to be retrieved\n   */\n  endpoint = input<string>('');\n  /**\n   * Custom entities loader function, which if provided will be called\n   * instead of HttpClient.get.\n   */\n  entityLoaderFn = input<SPMatEntityListEntityLoaderFn | undefined>(undefined);\n  /**\n   * The columns of the entity to be displayed. This is an array of\n   * SPEntityFieldSpec objects. If there's a one-to-one mapping between the\n   * column's field name, its title & the rendered value, a string can be\n   * specified instead. That is, the value of this property is a heterogeneous\n   * array consisting of SPEntityFieldSpec<> objects and strings.\n   */\n  columns = input.required<Array<SPEntityFieldSpec<TEntity, IdKey> | string>>();\n\n  /**\n   * Names of columns that are displayed. This will default to all the columns\n   * listed in columns.\n   */\n  displayedColumns = input<string[]>([]); // ['name', 'cell', 'gender'];\n\n  /**\n   * Number of entities per page. If this is not set and paginator is defined,\n   * the number of entities int in the first request, will be taken as the\n   * page size.\n   */\n  pageSize = input<number>(0);\n  /**\n   * Entity idKey, if idKey is different from the default 'id'.\n   */\n  idKey = input<string>('id');\n  /**\n   * Type of pagination -- continuous or discrete. 'infinite' pagination\n   * uses an 'infiniteScroll' and 'discrete' pagination uses a mat-paginator\n   * at the bottom to navigate between pages.\n   */\n  pagination = input<'infinite' | 'discrete' | 'none'>('discrete');\n  /**\n   * Component specific paginator. Only used if pagination != 'none'.\n   */\n  paginator = input<SPMatEntityListPaginator>();\n  /**\n   *\n   */\n  sorter = input<MatSort>();\n  /**\n   * Disable sorting of rows\n   */\n  disableSort = input<boolean>(false);\n  /**\n   * Wrappers for infiniteScroll properties, for customization by the client\n   */\n  infiniteScrollContainer = input<any>('');\n  infiniteScrollDistance = input<number>(1);\n  infiniteScrollThrottle = input<number>(400);\n  infiniteScrollWindow = input<boolean>(false);\n  /**\n   * Custom context to be set for HttpClient requests. In the client code\n   * specify this property by initializing a member variable as:\n\n      ```\n      Component({\n        ...\n        template: `\n          <sp-mat-entity-list\n            [httpReqContext]=\"httpReqContext\"\n          ></sp-mat-entity-list>\n        `\n      })\n      export class YourComponent {\n        httpReqContext: [HttpContextToken<any>, any] = [\n          SIDELOAD_TO_COMPOSITE_PARAMS, 'customers'\n        ];\n      }\n      ```\n   *\n   * Of course if you want to pass multiple context properties, declare the type\n   * as an array of array. That is, `[[HttpContextToken<any>, any]]` and\n   * initialize it appropriately.\n   */\n  httpReqContext = input<\n    [[HttpContextToken<any>, any]] | [HttpContextToken<any>, any]\n  >();\n  /* END CLIENT PROVIDED PARAMETERS */\n\n  // *** INTERNAL *** //\n  _entityNamePlural = computed(() =>\n    this.entityNamePlural()\n      ? this.entityNamePlural()\n      : plural(this.entityName())\n  );\n\n  _httpReqContext = computed(() => {\n    let reqContext = this.httpReqContext();\n    const context = new HttpContext();\n    if (reqContext && Array.isArray(reqContext)) {\n      if (reqContext.length == 2 && !Array.isArray(reqContext[0])) {\n        // one dimensional array of a key, value pair.\n        context.set(reqContext[0], reqContext[1]);\n      } else {\n        reqContext.forEach(([k, v]) => context.set(k, v));\n      }\n    }\n    context.set(SP_MAT_ENTITY_LIST_HTTP_CONTEXT, {\n      entityName: this.entityName(),\n      entityNamePlural: this._entityNamePlural(),\n      endpoint: this.endpoint(),\n    });\n    return context;\n  });\n  _deferViewInit = input<boolean>(false);\n  firstLoadDone = false;\n  allColumnNames = signal<string[]>([]);\n  _displayedColumns = computed(() =>\n    this.displayedColumns().length > 0\n      ? this.displayedColumns().filter(\n          (colName) =>\n            this.allColumnNames().find((name) => name === colName) !== undefined\n        )\n      : this.allColumnNames()\n  );\n  dataSource = signal<MatTableDataSource<TEntity>>(\n    new MatTableDataSource<TEntity>()\n  );\n\n  table = viewChild(MatTable);\n  sort = viewChild(MatSort);\n  // These are our own <ng-container matColumnDef></ng-container>\n  // which we create for each column that we create by the declaration:\n  // <ng-container *ngFor=\"let column of columns()\" [matColumnDef]=\"column.name\">\n  viewColumnDefs = viewChildren(MatColumnDef);\n  // These are the <ng-container matColumnDef></ng-container> placed\n  // inside <sp-mat-entity-list></<sp-mat-entity-list> by the client to override\n  // the default <ng-container matColumnDef> created by the component.\n  @ContentChildren(MatColumnDef) clientColumnDefs!: QueryList<MatColumnDef>;\n\n  contentColumnDefs: MatColumnDef[] = [];\n\n  subs$ = new Subscription();\n  destroy$ = new Subject<void>();\n\n  // Pagination state\n  entityCount = signal<number>(0);\n  pageIndex = signal<number>(0);\n\n  // Mechanism to default pageSize to last entities length.\n  lastFetchedEntitiesCount = signal<number>(0);\n  _pageSize = computed<number>(() =>\n    this.pageSize()\n      ? this.pageSize()\n      : this.entityListConfig.defaultPageSize ?? this.lastFetchedEntitiesCount()\n  );\n  // Effective columns, derived from columns(), which can either be an array\n  // of objects of array of strings.\n  _columns = computed<SPEntityFieldSpec<TEntity, IdKey>[]>(() => {\n    const columns = this.columns();\n    let fields: SPEntityField<TEntity, IdKey>[] = [];\n    let cols: SPEntityFieldSpec<TEntity, IdKey>[] = [];\n    columns.forEach((colDef) => {\n      // fields.push(new SPEntityField(colDef))\n      if (typeof colDef === 'string') {\n        cols.push({ name: String(colDef) });\n      } else if (typeof colDef === 'object') {\n        cols.push(colDef as SPEntityFieldSpec<TEntity, IdKey>);\n      }\n    });\n    return cols;\n  });\n\n  __columns = computed<SPEntityField<TEntity, IdKey>[]>(() =>\n    this.columns().map(\n      (colDef) => new SPEntityField<TEntity, IdKey>(colDef, this.fieldConfig)\n    )\n  );\n\n  // We isolate retrieving items from the remote and providing the items\n  // to the component into two distinct operations. The retrieval operation\n  // retrieves data asynchronously and then stores the data in a local store.\n  // The UI would be 'listening' to a reactive callback that would be triggered\n  // whenever items in the store changes. This is because store is an immutable\n  // data structure and any changes (addition/deletion) to it would result in\n  // the entire store being replaced with a copy with the changes applied.\n\n  // Ideally we should declare this as\n  //  store!: Store<...>. But @ngneat/elf does not provide a generic type\n  // for Store<...>, which can be composed from its type arguments. Instead it\n  // uses type composition using its arguments to generate store's type\n  // implicitly. So we use the same mechanism to enforce type safety in our\n  // code. The code below results in a type declaration for store that is\n  // dependent on the components generic arguments. (Making use of TypeScript's\n  // type deduction system from variable assignment). Later on in the\n  // constructor we reassign this.store with a new object that uses the\n  // client provided idKey() value as the identifying key for each entity in\n  // the sore.\n  store = createStore(\n    { name: Math.random().toString(36).slice(2) },\n    withEntities<TEntity, IdKey>({ idKey: this.idKey() as IdKey })\n  );\n  // We'll initialize this in ngOnInit() when 'store' is initialized with the\n  // correct TEntity store that can be safely indexed using IdKey.\n  entities$!: Observable<TEntity[]>;\n  // Effective paginator, coalescing local paginator and paginator from global\n  // config.\n  _paginator!: SPMatEntityListPaginator | undefined;\n  // We will toggle this during every entity load.\n  loading = signal<boolean>(false);\n  // We will update this after every load and pagination() == 'infinite'\n  hasMore = signal<boolean>(true);\n\n  activeEntity = signal<TEntity | undefined>(undefined);\n  activeEntityId = computed(() =>\n    this.activeEntity() ? (this.activeEntity() as any)[this.idKey()] : undefined\n  );\n  _prevActiveEntity!: TEntity | undefined;\n  _activeEntityChange = effect(() => {\n    runInInjectionContext(this.injector, () => {\n      const activeEntity = this.activeEntity();\n      // Though we can raise the selectEntity event directly from effect handler,\n      // that would prevent the event handler from being able to update any\n      // signals from inside it. So we generate the event asyncronously.\n      // Also, this effect handler will be invoked for the initial 'undefined'\n      // during which we shouldn't emit the selectEntity event. Therefore we\n      // keep another state variable to filter out this state.\n      if (activeEntity || this._prevActiveEntity) {\n        setTimeout(() => {\n          this._prevActiveEntity = activeEntity;\n          this.selectEntity.emit(activeEntity);\n          // if (this._prevActiveEntity && !activeEntity) {\n          //   this.selectEntity.emit(activeEntity);\n          // } else if (activeEntity) {\n          //   this.selectEntity.emit(activeEntity);\n          // }\n        });\n      }\n    });\n  });\n  @Output() selectEntity = new EventEmitter<TEntity | undefined>();\n\n  fieldConfig = inject(SP_ENTITY_FIELD_CONFIG, { optional: true })!;\n  entityListConfig = getEntityListConfig();\n\n  /**\n   * A signal that can be used to trigger loading of more entities from the\n   * remote. This can be visualized as the event loop of the entity list\n   * component.\n   */\n  loadRequest$ = new Subject<LoadRequest>();\n\n  endpointChanged = effect(() => {\n    runInInjectionContext(this.injector, () => {\n      if (this.endpoint()) {\n        // console.log(`endpointChanged - ${this.endpoint()}`);\n        setTimeout(() => {\n          this.refresh();\n        });\n      }\n    });\n  });\n  transloco = inject(TranslocoService);\n\n  constructor(\n    protected http: HttpClient,\n    private sanitizer: DomSanitizer,\n    private injector: Injector\n  ) {}\n\n  ngOnInit() {\n    // This is the reactive callback that listens for changes to table entities\n    // which are reflected in the mat-table.\n    this.store = createStore(\n      { name: Math.random().toString(36).slice(2) },\n      withEntities<TEntity, IdKey>({ idKey: this.idKey() as IdKey })\n    );\n    this.entities$ = this.store.pipe(selectAllEntities());\n    this._paginator = this.paginator()\n      ? this.paginator()\n      : this.entityListConfig?.paginator;\n\n    this.entities$\n      .pipe(\n        takeUntil(this.destroy$),\n        tap((entities) => {\n          // .data is a setter property, which ought to trigger the necessary\n          // signals resulting in mat-table picking up the changes without\n          // requiring us to call cdr.detectChanges() explicitly.\n          this.dataSource().data = entities;\n        })\n      )\n      .subscribe();\n\n    this.loadRequest$\n      .pipe(\n        takeUntil(this.destroy$),\n        filter((lr) => lr.endpoint !== '' || lr.force === true),\n        distinctUntilChanged((prev, current) =>\n          current.isEqualToAndNotForced(prev)\n        ),\n        switchMap((lr: LoadRequest) => this.doActualLoad(lr))\n      )\n      .subscribe();\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  ngAfterViewInit(): void {\n    if (!this._deferViewInit()) {\n      this.buildContentColumnDefs();\n      this.buildColumns();\n      this.setupSort();\n      this.loadMoreEntities();\n    }\n  }\n\n  /**\n   * Clear all entities in store and reload them from endpoint as if\n   * the entities are being loaded for the first time.\n   */\n  refresh(force = false) {\n    this.pageIndex.set(0);\n    this.loadMoreEntities(force);\n  }\n\n  addEntity(entity: TEntity) {\n    const pagination = this.pagination();\n    const count = this.store.query(getEntitiesCount());\n    if (\n      pagination === 'infinite' ||\n      pagination === 'none' ||\n      count < this._pageSize()\n    ) {\n      this.store.update(addEntities(entity));\n    } else {\n      // 'discrete' pagination, refresh the crud items from the beginning.\n      // Let component client set the behavior using a property\n      // this.pageIndex.set(0);\n      // this.loadMoreEntities();\n    }\n  }\n\n  /**\n   * Update an entity with a modified version. Can be used by CRUD UPDATE\n   * operation to update an entity in the local store that is used to as the\n   * source of MatTableDataSource.\n   * @param id\n   * @param entity\n   */\n  updateEntity(id: TEntity[IdKey], entity: TEntity) {\n    if (this.store.query(hasEntity(id))) {\n      this.store.update(updateEntities(id, entity));\n    }\n  }\n\n  /**\n   * Clients can call this method when it has deleted and entity via a CRUD\n   * operation. Depending on the pagination mode, MatEntityList implements\n   * an appropriate behavior.\n   *\n   * If the pagination is 'infinite', the relevent entity is removed from our\n   * entity list. View will be repained as data store has changed.\n   *\n   * If the pagination is 'discrete', the entity is removed from the page.\n   * If this is the only entity in the page, the current pageNumber is\n   * decremented by 1 if it's possible (if the current pageNumber > 1).\n   * The page is reloaded from remote.\n   */\n  removeEntity(id: TEntity[IdKey]) {\n    const paginator = this._paginator;\n    if (paginator) {\n      if (this.pagination() === 'infinite') {\n        // This will cause store to mutate which will trigger this.entity$ to\n        // emit which in turn will update our MatTableDataSource instance.\n        this.store.update(deleteEntities(id));\n      } else {\n        // Logic\n        this.store.update(deleteEntities(id));\n        const count = this.store.query(getEntitiesCount());\n        if (count == 0) {\n          // No more entities in this page\n          // Go back one page\n          if (this.pageIndex() > 0) {\n            this.pageIndex.set(this.pageIndex() - 1);\n          }\n        }\n        // load the page again\n        this.loadMoreEntities();\n      }\n    } else {\n      // Just remove the entity that has been deleted.\n      this.store.update(deleteEntities(id));\n    }\n  }\n\n  /**\n   * Build the contentColumnDefs array by enumerating all of client's projected\n   * content with matColumnDef directive.\n   */\n  buildContentColumnDefs() {\n    const clientColumnDefs = this.clientColumnDefs;\n    if (clientColumnDefs) {\n      this.contentColumnDefs = clientColumnDefs.toArray();\n    }\n  }\n\n  /**\n   * Build the effective columns by parsing our own <ng-container matColumnDef>\n   * statements for each column in columns() property and client's\n   * <ng-container matColumnDef> provided via content projection.\n   */\n  buildColumns() {\n    const matTable = this.table();\n\n    if (matTable) {\n      const columnNames = new Set<string>();\n      const columnDefs: MatColumnDef[] = [];\n\n      this._columns().forEach((colDef) => {\n        if (!columnNames.has(colDef.name)) {\n          const matColDef = this.viewColumnDefs().find(\n            (cd) => cd.name === colDef.name\n          );\n          const clientColDef = this.contentColumnDefs.find(\n            (cd) => cd.name === colDef.name\n          );\n          const columnDef = clientColDef ? clientColDef : matColDef;\n          if (columnDef) {\n            columnDefs.push(columnDef);\n            columnNames.add(colDef.name);\n          }\n        }\n      });\n      columnDefs.forEach((cd) => {\n        matTable.addColumnDef(cd);\n      });\n\n      this.allColumnNames.set(Array.from(columnNames));\n      // this.displayedColumns.set(Array.from(columnNames) as string[]);\n    }\n  }\n\n  setupSort() {\n    const matSort = this.sort();\n    if (matSort) {\n      this.dataSource().sort = matSort;\n    }\n  }\n\n  infiniteScrollLoadNextPage(ev: any) {\n    // console.log(`infiniteScrollLoadNextPage - ${JSON.stringify(ev)}`);\n    if (this._paginator) {\n      this.loadMoreEntities();\n    }\n  }\n\n  loadMoreEntities(forceRefresh = false) {\n    this.loadRequest$.next(this.createNextLoadRequest(forceRefresh));\n  }\n\n  /**\n   * Creates a LoadRequest object for loading entities using the current state\n   * of the component. Therefore, if the request is for next page of entities,\n   * the LoadRequest object will have the updated page index. However, if\n   * pagination has been reset (refer to refresh()), the LoadRequest object\n   * will be for the first page of data. Note that when 'endpoint' value\n   * changes, the component's pagination state is reset causing a refresh()\n   * to be called, which in turn will create a new LoadRequest object for the\n   * first page of data.\n   * @returns LoadRequest object for the next load request.\n   */\n  private createNextLoadRequest(forceRefresh: boolean): LoadRequest {\n    let pageParams = {};\n    const parts = this.endpoint().split('?');\n    const endpoint = parts[0];\n    if (this._paginator) {\n      pageParams = this._paginator.getRequestPageParams(\n        endpoint,\n        this.pageIndex(),\n        this.pageSize()\n      );\n    }\n    let httpParams = new HttpParams();\n    for (const key in pageParams) {\n      httpParams = httpParams.append(key, (pageParams as any)[key]);\n    }\n    if (parts.length > 1) {\n      const embeddedParams = new HttpParams({ fromString: parts[1] });\n      embeddedParams.keys().forEach((key) => {\n        const value = embeddedParams.getAll(key);\n        (value || []).forEach((v) => {\n          httpParams = httpParams.append(key, v);\n        });\n      });\n    }\n    return new LoadRequest(\n      endpoint,\n      httpParams,\n      forceRefresh || !!this.entityLoaderFn()\n    );\n  }\n\n  /**\n   * Does the actual load of entities from the remote or via calling the\n   * entityLoaderFn. This method is the workhorse of the entity list\n   * 'loader-loop'.\n   * @param lr\n   * @returns Observable that emits the response from the remote or from\n   * entityLoaderFn().\n   */\n  private doActualLoad(lr: LoadRequest) {\n    // console.log(`doActualLoad - endpoint: ${lr.endpoint}, params: ${lr.params.toString()}`);\n    const loaderFn = this.entityLoaderFn();\n    const params = lr.params;\n    const obs =\n      loaderFn !== undefined\n        ? loaderFn({ params })\n        : this.http.get<any>(this.getUrl(lr.endpoint), {\n            context: this._httpReqContext(),\n            params,\n          });\n\n    this.loading.set(true);\n    return obs.pipe(\n      tap((resp) => {\n        // TODO: defer this to a pagination provider so that we can support\n        // many types of pagination. DRF itself has different schemes. And\n        // express may have yet another pagination protocol.\n        this.firstLoadDone = true;\n        if (this._paginator) {\n          // Convert HttpParams to JS object\n          const paramsObj: any = {};\n          params.keys().forEach((key) => {\n            paramsObj[key] = params.get(key);\n          });\n          const { entities, total } = this._paginator.parseRequestResponse(\n            this.entityName(),\n            this._entityNamePlural()!,\n            this.endpoint(),\n            paramsObj,\n            resp\n          );\n          this.entityCount.set(total);\n          this.lastFetchedEntitiesCount.set(entities.length);\n          // this.pageIndex.set(this.pageIndex() + 1)\n          // entities = this._paginator.getEntitiesFromResponse(entities);\n          if (this.pagination() === 'discrete') {\n            this.store.reset();\n          } else if (this.pagination() === 'infinite') {\n            const pageSize = this._pageSize();\n            const entityCount = this.entityCount();\n            if (pageSize > 0) {\n              const pageCount =\n                Math.floor(entityCount / pageSize) +\n                (entityCount % pageSize ? 1 : 0);\n              this.hasMore.set(this.pageIndex() === pageCount);\n            } else {\n              this.hasMore.set(false);\n            }\n          }\n          // store the entities in the store\n          // TODO: remove as any\n          this.store.update(upsertEntities(entities as any));\n        } else {\n          this.store.update(\n            upsertEntities(this.findArrayInResult(resp) as TEntity[])\n          );\n        }\n      }),\n      finalize(() => this.loading.set(false))\n    );\n  }\n\n  private findArrayInResult(res: any): any[] | undefined {\n    if (Array.isArray(res)) {\n      return res;\n    }\n    for (const key in res) {\n      if (Object.prototype.hasOwnProperty.call(res, key)) {\n        const element = res[key];\n        if (Array.isArray(element)) {\n          return element;\n        }\n      }\n    }\n    return [];\n  }\n\n  handlePageEvent(e: PageEvent) {\n    this.pageIndex.set(e.pageIndex);\n    this.loadMoreEntities();\n  }\n\n  getUrl(endpoint: string) {\n    return this.entityListConfig?.urlResolver\n      ? this.entityListConfig?.urlResolver(endpoint)\n      : endpoint;\n  }\n\n  toggleActiveEntity(entity: TEntity | undefined) {\n    if (entity) {\n      if (entity === this.activeEntity()) {\n        this.activeEntity.set(undefined);\n      } else {\n        this.activeEntity.set(entity);\n      }\n    } else {\n      this.activeEntity.set(undefined);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"smallpearl-ngx-helper-mat-entity-list.mjs","sources":["../../../../projects/smallpearl/ngx-helper/mat-entity-list/src/mat-entity-list-types.ts","../../../../projects/smallpearl/ngx-helper/mat-entity-list/src/providers.ts","../../../../projects/smallpearl/ngx-helper/mat-entity-list/src/config.ts","../../../../projects/smallpearl/ngx-helper/mat-entity-list/src/mat-entity-list.component.ts","../../../../projects/smallpearl/ngx-helper/mat-entity-list/smallpearl-ngx-helper-mat-entity-list.ts"],"sourcesContent":["import { HttpContextToken } from \"@angular/common/http\";\nimport { Observable } from \"rxjs\";\n\nexport interface SPMatEntityListHttpContext {\n  entityName: string;\n  entityNamePlural: string;\n  endpoint: string;\n}\n\nexport const SP_MAT_ENTITY_LIST_HTTP_CONTEXT =\n  new HttpContextToken<SPMatEntityListHttpContext>(() => ({\n    entityName: '',\n    entityNamePlural: '',\n    endpoint: '',\n  }));\n\n/**\n * Pagination HTTP request params. Actually copied from Angular's HttpParams\n * declaration. The ReadonlyArray<string|number|boolean> is a bit of an\n * overkill for pagination params, but what the heck. When you copy-paste,\n * do it in full!\n */\nexport type SPPageParams = { [param: string]: string | number | boolean | ReadonlyArray<string | number | boolean>; }\n\n/**\n * An interface that the clients should provide, either via a global config\n * (see above), that handles parsing the GET response and returns the entities\n * stored therein. This class will allow the entity-list component to be\n * used across different pagination response types as long as the appropriate\n * SPMatEntityListPaginator class is provided to the component.\n */\nexport interface SPMatEntityListPaginator {\n  getRequestPageParams: (endpoint: string, pageIndex: number, pageSize: number) => SPPageParams;\n  parseRequestResponse: <\n    TEntity extends { [P in IdKey]: PropertyKey },\n    IdKey extends string = 'id'\n  >(\n    entityName: string,\n    entityNamePlural: string,\n    endpoint: string,\n    params: SPPageParams,\n    resp: any\n  ) => { total: number; entities: TEntity[] };\n}\n\n/**\n * 'entity' is really TEntity arg of SPMatEntityListComponent<TEntity>.\n * 'column' is the column name. This allows the same value function to support\n * multiple columns further enabing DRY.\n */\nexport type COLUMN_VALUE_FN = (entity: any, column: string) => string|number|Date|boolean;\n\n/**\n * Global config for SPMatEntityList component.\n */\nexport interface SPMatEntityListConfig {\n  urlResolver?: (endpoint: string) => string;\n  paginator?: SPMatEntityListPaginator;\n  defaultPageSize?: number;\n  pageSizes?: Array<number>;\n  /**\n   * Provide a method to return the labels for the columns. This is useful when\n   * the columns are specified as the JSON object key names and the labels are\n   * to be transformed into a uniform manner (uppercase) or when the labels\n   * are to be dynamically localized. Note that the response can be an\n   * Observable<string> if the label is to be fetched/changed asynchronously\n   * (as that can happen in an app that supports dynamic changing of the UI\n   * language).\n   * @param entityName\n   * @param columnName\n   * @returns\n   */\n  columnLabelFn?: (entityName: string, columnName: string) => string | Observable<string>;\n}\n\n/**\n * Type for custom entities loader function, which if provided will be called\n * instead of HttpClient.get.\n */\nexport type SPMatEntityListEntityLoaderFn = (params: any) => Observable<any>;\n","import { InjectionToken } from '@angular/core';\nimport { SPMatEntityListConfig } from './mat-entity-list-types';\n\nexport const SP_MAT_ENTITY_LIST_CONFIG = new InjectionToken<SPMatEntityListConfig>(\n  'SPMatEntityListConfig'\n);\n","import { inject } from '@angular/core';\nimport { SPMatEntityListConfig } from './mat-entity-list-types';\nimport { SP_MAT_ENTITY_LIST_CONFIG } from './providers';\n\nexport const DefaultSPMatEntityListConfig: SPMatEntityListConfig = {\n  urlResolver: (endpoint: string) => endpoint,\n  paginator: undefined,\n  defaultPageSize: 50,\n  pageSizes: [10, 25, 50, 100],\n  columnLabelFn: (entityName: string, columnName: string) => columnName,\n};\n\n/**\n * To be called from an object's constructor.\n */\nexport function getEntityListConfig(): SPMatEntityListConfig {\n  const entityListConfig = inject(SP_MAT_ENTITY_LIST_CONFIG, {\n    optional: true,\n  });\n  return {\n    ...DefaultSPMatEntityListConfig,\n    ...(entityListConfig ?? {}),\n  };\n}\n","import { CommonModule } from '@angular/common';\nimport { HttpClient, HttpContext, HttpContextToken, HttpParams } from '@angular/common/http';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ContentChildren,\n  Directive,\n  effect,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Injector,\n  input,\n  OnDestroy,\n  OnInit,\n  Output,\n  QueryList,\n  runInInjectionContext,\n  signal,\n  viewChild,\n  viewChildren\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatPaginatorModule, PageEvent } from '@angular/material/paginator';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport {\n  MatColumnDef,\n  MatTable,\n  MatTableDataSource,\n  MatTableModule,\n} from '@angular/material/table';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { RouterModule } from '@angular/router';\nimport { createStore } from '@ngneat/elf';\nimport {\n  addEntities,\n  deleteEntities,\n  getEntitiesCount,\n  hasEntity,\n  selectAllEntities,\n  updateEntities,\n  upsertEntities,\n  withEntities,\n} from '@ngneat/elf-entities';\nimport {\n  SP_ENTITY_FIELD_CONFIG,\n  SPEntityField,\n  SPEntityFieldSpec\n} from '@smallpearl/ngx-helper/entity-field';\nimport { InfiniteScrollDirective } from 'ngx-infinite-scroll';\nimport { plural } from 'pluralize';\nimport {\n  distinctUntilChanged,\n  filter,\n  finalize,\n  Observable,\n  of,\n  Subject,\n  Subscription,\n  switchMap,\n  takeUntil,\n  tap\n} from 'rxjs';\nimport { getEntityListConfig } from './config';\nimport {\n  SP_MAT_ENTITY_LIST_HTTP_CONTEXT,\n  SPMatEntityListEntityLoaderFn,\n  SPMatEntityListPaginator\n} from './mat-entity-list-types';\n\n@Directive({\n  selector: '[headerAlignment]',\n  standalone: true\n})\nexport class HeaderAlignmentDirective implements AfterViewInit {\n\n  headerAlignment = input<string>();\n\n  constructor(private el: ElementRef) {\n    // this.el.nativeElement.style.backgroundColor = 'yellow';\n  }\n\n  ngAfterViewInit(): void {\n    if (this.headerAlignment()) {\n      const sortHeader = this.el.nativeElement.querySelector('.mat-sort-header-container');\n      if (sortHeader) {\n        sortHeader.style.justifyContent = this.headerAlignment();\n      } else {\n        this.el.nativeElement.style.justifyContent = this.headerAlignment();\n      }\n    }\n  }\n}\n\n/**\n * Represents a request to load entities from the remote. This is used to\n * compare two requests to determine if they are equal. This is useful to\n * prevent duplicate requests being sent to the remote.\n */\nclass LoadRequest {\n  constructor(\n    public endpoint: string,\n    public params: HttpParams,\n    public force = false\n  ) {}\n\n  // Returns true if two LoadRequest objects are equal and this object's\n  // 'force' is not set to true.\n  isEqualToAndNotForced(prev: LoadRequest): boolean {\n    // console.log(\n    //   `isEqualToAndNotForced - ${this.endpoint}, ${this.params.toString()} ${\n    //     this.force\n    //   }, other: ${prev.endpoint}, ${prev.params.toString()}, ${prev.force}`\n    // );\n    return this.force\n      ? false\n      : this.endpoint.localeCompare(prev.endpoint) === 0 &&\n          this.params.toString().localeCompare(prev.params.toString()) === 0;\n  }\n}\n\n/**\n * A component to display a list of entities loaded from remote.\n */\n@Component({\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatTableModule,\n    MatSortModule,\n    MatPaginatorModule,\n    MatButtonModule,\n    MatInputModule,\n    MatProgressSpinnerModule,\n    InfiniteScrollDirective,\n    HeaderAlignmentDirective,\n  ],\n  selector: 'sp-mat-entity-list',\n  template: `\n    <div\n      class=\"entities-list-wrapper\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"infiniteScrollDistance()\"\n      [infiniteScrollThrottle]=\"infiniteScrollThrottle()\"\n      [infiniteScrollContainer]=\"infiniteScrollContainer()\"\n      [scrollWindow]=\"infiniteScrollWindow()\"\n      [infiniteScrollDisabled]=\"\n        pagination() !== 'infinite' || !_paginator || !hasMore()\n      \"\n      (scrolled)=\"infiniteScrollLoadNextPage($event)\"\n    >\n      <div\n        class=\"busy-overlay\"\n        [ngClass]=\"{ show: pagination() === 'discrete' && loading() }\"\n      >\n        <ng-container *ngTemplateOutlet=\"busySpinner\"></ng-container>\n      </div>\n      <table mat-table [dataSource]=\"dataSource()\">\n        <tr mat-header-row *matHeaderRowDef=\"_displayedColumns()\"></tr>\n        <tr\n          mat-row\n          [class.active-row]=\"activeEntityId() === row[this.idKey()]\"\n          *matRowDef=\"let row; columns: _displayedColumns()\"\n          (click)=\"toggleActiveEntity(row)\"\n        ></tr>\n      </table>\n      @if (pagination() == 'discrete' && _paginator) {\n      <mat-paginator\n        showFirstLastButtons\n        [length]=\"entityCount()\"\n        [pageSize]=\"_pageSize()\"\n        [pageIndex]=\"pageIndex()\"\n        [pageSizeOptions]=\"[]\"\n        [hidePageSize]=\"true\"\n        (page)=\"handlePageEvent($event)\"\n        [disabled]=\"loading()\"\n        aria-label=\"Select page\"\n      ></mat-paginator>\n      }\n      <div\n        class=\"infinite-scroll-loading\"\n        [ngClass]=\"{ show: pagination() === 'infinite' && loading() }\"\n      >\n        <ng-container *ngTemplateOutlet=\"busySpinner\"></ng-container>\n      </div>\n    </div>\n    <!-- We keep the column definitions outside the <table> so that they can\n    be dynamically added to the MatTable. -->\n    <span matSort=\"sorter()\">\n      @for (column of __columns(); track $index) {\n      <ng-container [matColumnDef]=\"column.spec.name\">\n        @if (disableSort()) {\n        <th\n          [class]=\"column.class\"\n          [headerAlignment]=\"column.options.alignment\"\n          mat-header-cell\n          *matHeaderCellDef\n        >\n        {{ getColumnLabel(column) | async }}\n        </th>\n        } @else {\n        <th\n          [class]=\"column.class\"\n          [headerAlignment]=\"column.options.alignment\"\n          mat-header-cell\n          mat-sort-header\n          *matHeaderCellDef\n        >\n        {{ getColumnLabel(column) | async }}\n        </th>\n        }\n        <td\n          [class]=\"column.class\"\n          [style.text-align]=\"column.options.alignment\"\n          mat-cell\n          *matCellDef=\"let element\"\n          [routerLink]=\"column.getRouterLink(element)\"\n        >\n          @if (column.hasRouterLink(element)) {\n          <a [routerLink]=\"column.getRouterLink(element)\">\n            <span [innerHTML]=\"column.value(element)\"></span>\n          </a>\n          } @else {\n          <span [innerHTML]=\"column.value(element)\"></span>\n          }\n        </td>\n      </ng-container>\n      }\n    </span>\n    <ng-template #busySpinner>\n      <div class=\"busy-spinner\">\n        <mat-spinner mode=\"indeterminate\" diameter=\"28\"></mat-spinner>\n      </div>\n    </ng-template>\n  `,\n  styles: [\n    `\n      .entities-list-wrapper {\n        position: relative;\n      }\n      .busy-overlay {\n        display: none;\n        height: 100%;\n        width: 100%;\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        z-index: 1000;\n        opacity: 0.6;\n        background-color: transparent;\n      }\n      .show {\n        display: block;\n      }\n      .busy-spinner {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .infinite-scroll-loading {\n        display: none;\n        width: 100%;\n        padding: 8px;\n      }\n      .active-row {\n        font-weight: bold;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SPMatEntityListComponent<\n  TEntity extends { [P in IdKey]: PropertyKey },\n  IdKey extends string = 'id'\n> implements OnInit, OnDestroy, AfterViewInit\n{\n  /* CLIENT PROVIDED PARAMETERS */\n  entityName = input.required<string>();\n  entityNamePlural = input<string>();\n\n  /**\n   * The endpoint from where the entities are to be retrieved\n   */\n  endpoint = input<string>('');\n  /**\n   * Custom entities loader function, which if provided will be called\n   * instead of HttpClient.get.\n   */\n  entityLoaderFn = input<SPMatEntityListEntityLoaderFn | undefined>(undefined);\n  /**\n   * The columns of the entity to be displayed. This is an array of\n   * SPEntityFieldSpec objects. If there's a one-to-one mapping between the\n   * column's field name, its title & the rendered value, a string can be\n   * specified instead. That is, the value of this property is a heterogeneous\n   * array consisting of SPEntityFieldSpec<> objects and strings.\n   */\n  columns = input<Array<SPEntityFieldSpec<TEntity, IdKey> | string>>([]);\n\n  /**\n   * Names of columns that are displayed. This will default to all the columns\n   * listed in columns.\n   */\n  displayedColumns = input<string[]>([]); // ['name', 'cell', 'gender'];\n\n  /**\n   * Number of entities per page. If this is not set and paginator is defined,\n   * the number of entities int in the first request, will be taken as the\n   * page size.\n   */\n  pageSize = input<number>(0);\n  /**\n   * Entity idKey, if idKey is different from the default 'id'.\n   */\n  idKey = input<string>('id');\n  /**\n   * Type of pagination -- continuous or discrete. 'infinite' pagination\n   * uses an 'infiniteScroll' and 'discrete' pagination uses a mat-paginator\n   * at the bottom to navigate between pages.\n   */\n  pagination = input<'infinite' | 'discrete' | 'none'>('discrete');\n  /**\n   * Component specific paginator. Only used if pagination != 'none'.\n   */\n  paginator = input<SPMatEntityListPaginator>();\n  /**\n   *\n   */\n  sorter = input<MatSort>();\n  /**\n   * Disable sorting of rows\n   */\n  disableSort = input<boolean>(false);\n  /**\n   * Wrappers for infiniteScroll properties, for customization by the client\n   */\n  infiniteScrollContainer = input<any>('');\n  infiniteScrollDistance = input<number>(1);\n  infiniteScrollThrottle = input<number>(400);\n  infiniteScrollWindow = input<boolean>(false);\n  /**\n   * Custom context to be set for HttpClient requests. In the client code\n   * specify this property by initializing a member variable as:\n\n      ```\n      Component({\n        ...\n        template: `\n          <sp-mat-entity-list\n            [httpReqContext]=\"httpReqContext\"\n          ></sp-mat-entity-list>\n        `\n      })\n      export class YourComponent {\n        httpReqContext: [HttpContextToken<any>, any] = [\n          SIDELOAD_TO_COMPOSITE_PARAMS, 'customers'\n        ];\n      }\n      ```\n   *\n   * Of course if you want to pass multiple context properties, declare the type\n   * as an array of array. That is, `[[HttpContextToken<any>, any]]` and\n   * initialize it appropriately.\n   */\n  httpReqContext = input<\n    [[HttpContextToken<any>, any]] | [HttpContextToken<any>, any]\n  >();\n  /* END CLIENT PROVIDED PARAMETERS */\n\n  // *** INTERNAL *** //\n  _entityNamePlural = computed(() =>\n    this.entityNamePlural()\n      ? this.entityNamePlural()\n      : plural(this.entityName())\n  );\n\n  _httpReqContext = computed(() => {\n    let reqContext = this.httpReqContext();\n    const context = new HttpContext();\n    if (reqContext && Array.isArray(reqContext)) {\n      if (reqContext.length == 2 && !Array.isArray(reqContext[0])) {\n        // one dimensional array of a key, value pair.\n        context.set(reqContext[0], reqContext[1]);\n      } else {\n        reqContext.forEach(([k, v]) => context.set(k, v));\n      }\n    }\n    context.set(SP_MAT_ENTITY_LIST_HTTP_CONTEXT, {\n      entityName: this.entityName(),\n      entityNamePlural: this._entityNamePlural(),\n      endpoint: this.endpoint(),\n    });\n    return context;\n  });\n  deferViewInit = input<boolean>(false);\n  firstLoadDone = false;\n  allColumnNames = signal<string[]>([]);\n  _displayedColumns = computed(() =>\n    this.displayedColumns().length > 0\n      ? this.displayedColumns().filter(\n          (colName) =>\n            this.allColumnNames().find((name) => name === colName) !== undefined\n        )\n      : this.allColumnNames()\n  );\n  dataSource = signal<MatTableDataSource<TEntity>>(\n    new MatTableDataSource<TEntity>()\n  );\n\n  table = viewChild(MatTable);\n  sort = viewChild(MatSort);\n  // These are our own <ng-container matColumnDef></ng-container>\n  // which we create for each column that we create by the declaration:\n  // <ng-container *ngFor=\"let column of columns()\" [matColumnDef]=\"column.name\">\n  viewColumnDefs = viewChildren(MatColumnDef);\n  // These are the <ng-container matColumnDef></ng-container> placed\n  // inside <sp-mat-entity-list></<sp-mat-entity-list> by the client to override\n  // the default <ng-container matColumnDef> created by the component.\n  @ContentChildren(MatColumnDef) clientColumnDefs!: QueryList<MatColumnDef>;\n\n  contentColumnDefs: MatColumnDef[] = [];\n\n  subs$ = new Subscription();\n  destroy$ = new Subject<void>();\n\n  // Pagination state\n  entityCount = signal<number>(0);\n  pageIndex = signal<number>(0);\n\n  // Mechanism to default pageSize to last entities length.\n  lastFetchedEntitiesCount = signal<number>(0);\n  _pageSize = computed<number>(() =>\n    this.pageSize()\n      ? this.pageSize()\n      : this.entityListConfig.defaultPageSize ?? this.lastFetchedEntitiesCount()\n  );\n  // Effective columns, derived from columns(), which can either be an array\n  // of objects of array of strings.\n  _columns = computed<SPEntityFieldSpec<TEntity, IdKey>[]>(() => {\n    const columns = this.columns();\n    let fields: SPEntityField<TEntity, IdKey>[] = [];\n    let cols: SPEntityFieldSpec<TEntity, IdKey>[] = [];\n    columns.forEach((colDef) => {\n      // fields.push(new SPEntityField(colDef))\n      if (typeof colDef === 'string') {\n        cols.push({ name: String(colDef) });\n      } else if (typeof colDef === 'object') {\n        cols.push(colDef as SPEntityFieldSpec<TEntity, IdKey>);\n      }\n    });\n    return cols;\n  });\n\n  __columns = computed<SPEntityField<TEntity, IdKey>[]>(() =>\n    this.columns().map(\n      (colDef) => new SPEntityField<TEntity, IdKey>(colDef, this.fieldConfig)\n    )\n  );\n\n  // We isolate retrieving items from the remote and providing the items\n  // to the component into two distinct operations. The retrieval operation\n  // retrieves data asynchronously and then stores the data in a local store.\n  // The UI would be 'listening' to a reactive callback that would be triggered\n  // whenever items in the store changes. This is because store is an immutable\n  // data structure and any changes (addition/deletion) to it would result in\n  // the entire store being replaced with a copy with the changes applied.\n\n  // Ideally we should declare this as\n  //  store!: Store<...>. But @ngneat/elf does not provide a generic type\n  // for Store<...>, which can be composed from its type arguments. Instead it\n  // uses type composition using its arguments to generate store's type\n  // implicitly. So we use the same mechanism to enforce type safety in our\n  // code. The code below results in a type declaration for store that is\n  // dependent on the components generic arguments. (Making use of TypeScript's\n  // type deduction system from variable assignment). Later on in the\n  // constructor we reassign this.store with a new object that uses the\n  // client provided idKey() value as the identifying key for each entity in\n  // the sore.\n  store = createStore(\n    { name: Math.random().toString(36).slice(2) },\n    withEntities<TEntity, IdKey>({ idKey: this.idKey() as IdKey })\n  );\n  // We'll initialize this in ngOnInit() when 'store' is initialized with the\n  // correct TEntity store that can be safely indexed using IdKey.\n  entities$!: Observable<TEntity[]>;\n  // Effective paginator, coalescing local paginator and paginator from global\n  // config.\n  _paginator!: SPMatEntityListPaginator | undefined;\n  // We will toggle this during every entity load.\n  loading = signal<boolean>(false);\n  // We will update this after every load and pagination() == 'infinite'\n  hasMore = signal<boolean>(true);\n\n  activeEntity = signal<TEntity | undefined>(undefined);\n  activeEntityId = computed(() =>\n    this.activeEntity() ? (this.activeEntity() as any)[this.idKey()] : undefined\n  );\n  _prevActiveEntity!: TEntity | undefined;\n  _activeEntityChange = effect(() => {\n    runInInjectionContext(this.injector, () => {\n      const activeEntity = this.activeEntity();\n      // Though we can raise the selectEntity event directly from effect handler,\n      // that would prevent the event handler from being able to update any\n      // signals from inside it. So we generate the event asyncronously.\n      // Also, this effect handler will be invoked for the initial 'undefined'\n      // during which we shouldn't emit the selectEntity event. Therefore we\n      // keep another state variable to filter out this state.\n      if (activeEntity || this._prevActiveEntity) {\n        setTimeout(() => {\n          this._prevActiveEntity = activeEntity;\n          this.selectEntity.emit(activeEntity);\n          // if (this._prevActiveEntity && !activeEntity) {\n          //   this.selectEntity.emit(activeEntity);\n          // } else if (activeEntity) {\n          //   this.selectEntity.emit(activeEntity);\n          // }\n        });\n      }\n    });\n  });\n  @Output() selectEntity = new EventEmitter<TEntity | undefined>();\n\n  fieldConfig = inject(SP_ENTITY_FIELD_CONFIG, { optional: true })!;\n  entityListConfig = getEntityListConfig();\n\n  /**\n   * A signal that can be used to trigger loading of more entities from the\n   * remote. This can be visualized as the event loop of the entity list\n   * component.\n   */\n  loadRequest$ = new Subject<LoadRequest>();\n\n  endpointChanged = effect(() => {\n    runInInjectionContext(this.injector, () => {\n      if (this.endpoint()) {\n        // console.log(`endpointChanged - ${this.endpoint()}`);\n        setTimeout(() => {\n          this.refresh();\n        });\n      }\n    });\n  });\n\n  constructor(\n    protected http: HttpClient,\n    private sanitizer: DomSanitizer,\n    private injector: Injector\n  ) {}\n\n  ngOnInit() {\n    // This is the reactive callback that listens for changes to table entities\n    // which are reflected in the mat-table.\n    this.store = createStore(\n      { name: Math.random().toString(36).slice(2) },\n      withEntities<TEntity, IdKey>({ idKey: this.idKey() as IdKey })\n    );\n    this.entities$ = this.store.pipe(selectAllEntities());\n    this._paginator = this.paginator()\n      ? this.paginator()\n      : this.entityListConfig?.paginator;\n\n    this.entities$\n      .pipe(\n        takeUntil(this.destroy$),\n        tap((entities) => {\n          // .data is a setter property, which ought to trigger the necessary\n          // signals resulting in mat-table picking up the changes without\n          // requiring us to call cdr.detectChanges() explicitly.\n          this.dataSource().data = entities;\n        })\n      )\n      .subscribe();\n\n    this.loadRequest$\n      .pipe(\n        takeUntil(this.destroy$),\n        filter((lr) => lr.endpoint !== '' || lr.force === true),\n        distinctUntilChanged((prev, current) =>\n          current.isEqualToAndNotForced(prev)\n        ),\n        switchMap((lr: LoadRequest) => this.doActualLoad(lr))\n      )\n      .subscribe();\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.deferViewInit()) {\n      this.buildContentColumnDefs();\n      this.buildColumns();\n      this.setupSort();\n      this.loadMoreEntities();\n    }\n  }\n\n  /**\n   * Clear all entities in store and reload them from endpoint as if\n   * the entities are being loaded for the first time.\n   */\n  refresh(force = false) {\n    this.pageIndex.set(0);\n    this.loadMoreEntities(force);\n  }\n\n  addEntity(entity: TEntity) {\n    const pagination = this.pagination();\n    const count = this.store.query(getEntitiesCount());\n    if (\n      pagination === 'infinite' ||\n      pagination === 'none' ||\n      count < this._pageSize()\n    ) {\n      this.store.update(addEntities(entity));\n    } else {\n      // 'discrete' pagination, refresh the crud items from the beginning.\n      // Let component client set the behavior using a property\n      // this.pageIndex.set(0);\n      // this.loadMoreEntities();\n    }\n  }\n\n  /**\n   * Update an entity with a modified version. Can be used by CRUD UPDATE\n   * operation to update an entity in the local store that is used to as the\n   * source of MatTableDataSource.\n   * @param id\n   * @param entity\n   */\n  updateEntity(id: TEntity[IdKey], entity: TEntity) {\n    if (this.store.query(hasEntity(id))) {\n      this.store.update(updateEntities(id, entity));\n    }\n  }\n\n  /**\n   * Clients can call this method when it has deleted and entity via a CRUD\n   * operation. Depending on the pagination mode, MatEntityList implements\n   * an appropriate behavior.\n   *\n   * If the pagination is 'infinite', the relevent entity is removed from our\n   * entity list. View will be repained as data store has changed.\n   *\n   * If the pagination is 'discrete', the entity is removed from the page.\n   * If this is the only entity in the page, the current pageNumber is\n   * decremented by 1 if it's possible (if the current pageNumber > 1).\n   * The page is reloaded from remote.\n   */\n  removeEntity(id: TEntity[IdKey]) {\n    const paginator = this._paginator;\n    if (paginator) {\n      if (this.pagination() === 'infinite') {\n        // This will cause store to mutate which will trigger this.entity$ to\n        // emit which in turn will update our MatTableDataSource instance.\n        this.store.update(deleteEntities(id));\n      } else {\n        // Logic\n        this.store.update(deleteEntities(id));\n        const count = this.store.query(getEntitiesCount());\n        if (count == 0) {\n          // No more entities in this page\n          // Go back one page\n          if (this.pageIndex() > 0) {\n            this.pageIndex.set(this.pageIndex() - 1);\n          }\n        }\n        // load the page again\n        this.loadMoreEntities();\n      }\n    } else {\n      // Just remove the entity that has been deleted.\n      this.store.update(deleteEntities(id));\n    }\n  }\n\n  /**\n   * Build the contentColumnDefs array by enumerating all of client's projected\n   * content with matColumnDef directive.\n   */\n  buildContentColumnDefs() {\n    const clientColumnDefs = this.clientColumnDefs;\n    if (clientColumnDefs) {\n      this.contentColumnDefs = clientColumnDefs.toArray();\n    }\n  }\n\n  /**\n   * Build the effective columns by parsing our own <ng-container matColumnDef>\n   * statements for each column in columns() property and client's\n   * <ng-container matColumnDef> provided via content projection.\n   */\n  buildColumns() {\n    const matTable = this.table();\n\n    if (matTable) {\n      const columnNames = new Set<string>();\n      const columnDefs: MatColumnDef[] = [];\n\n      this._columns().forEach((colDef) => {\n        if (!columnNames.has(colDef.name)) {\n          const matColDef = this.viewColumnDefs().find(\n            (cd) => cd.name === colDef.name\n          );\n          const clientColDef = this.contentColumnDefs.find(\n            (cd) => cd.name === colDef.name\n          );\n          const columnDef = clientColDef ? clientColDef : matColDef;\n          if (columnDef) {\n            columnDefs.push(columnDef);\n            columnNames.add(colDef.name);\n          }\n        }\n      });\n      columnDefs.forEach((cd) => {\n        matTable.addColumnDef(cd);\n      });\n\n      this.allColumnNames.set(Array.from(columnNames));\n      // this.displayedColumns.set(Array.from(columnNames) as string[]);\n    }\n  }\n\n  setupSort() {\n    const matSort = this.sort();\n    if (matSort) {\n      this.dataSource().sort = matSort;\n    }\n  }\n\n  infiniteScrollLoadNextPage(ev: any) {\n    // console.log(`infiniteScrollLoadNextPage - ${JSON.stringify(ev)}`);\n    if (this._paginator) {\n      this.loadMoreEntities();\n    }\n  }\n\n  loadMoreEntities(forceRefresh = false) {\n    this.loadRequest$.next(this.createNextLoadRequest(forceRefresh));\n  }\n\n  /**\n   * Creates a LoadRequest object for loading entities using the current state\n   * of the component. Therefore, if the request is for next page of entities,\n   * the LoadRequest object will have the updated page index. However, if\n   * pagination has been reset (refer to refresh()), the LoadRequest object\n   * will be for the first page of data. Note that when 'endpoint' value\n   * changes, the component's pagination state is reset causing a refresh()\n   * to be called, which in turn will create a new LoadRequest object for the\n   * first page of data.\n   * @returns LoadRequest object for the next load request.\n   */\n  private createNextLoadRequest(forceRefresh: boolean): LoadRequest {\n    let pageParams = {};\n    const parts = this.endpoint().split('?');\n    const endpoint = parts[0];\n    if (this._paginator) {\n      pageParams = this._paginator.getRequestPageParams(\n        endpoint,\n        this.pageIndex(),\n        this.pageSize()\n      );\n    }\n    let httpParams = new HttpParams();\n    for (const key in pageParams) {\n      httpParams = httpParams.append(key, (pageParams as any)[key]);\n    }\n    if (parts.length > 1) {\n      const embeddedParams = new HttpParams({ fromString: parts[1] });\n      embeddedParams.keys().forEach((key) => {\n        const value = embeddedParams.getAll(key);\n        (value || []).forEach((v) => {\n          httpParams = httpParams.append(key, v);\n        });\n      });\n    }\n    return new LoadRequest(\n      endpoint,\n      httpParams,\n      forceRefresh || !!this.entityLoaderFn()\n    );\n  }\n\n  /**\n   * Does the actual load of entities from the remote or via calling the\n   * entityLoaderFn. This method is the workhorse of the entity list\n   * 'loader-loop'.\n   * @param lr\n   * @returns Observable that emits the response from the remote or from\n   * entityLoaderFn().\n   */\n  private doActualLoad(lr: LoadRequest) {\n    // console.log(`doActualLoad - endpoint: ${lr.endpoint}, params: ${lr.params.toString()}`);\n    const loaderFn = this.entityLoaderFn();\n    const params = lr.params;\n    const obs =\n      loaderFn !== undefined\n        ? loaderFn({ params })\n        : this.http.get<any>(this.getUrl(lr.endpoint), {\n            context: this._httpReqContext(),\n            params,\n          });\n\n    this.loading.set(true);\n    return obs.pipe(\n      tap((resp) => {\n        // TODO: defer this to a pagination provider so that we can support\n        // many types of pagination. DRF itself has different schemes. And\n        // express may have yet another pagination protocol.\n        this.firstLoadDone = true;\n        if (this._paginator) {\n          // Convert HttpParams to JS object\n          const paramsObj: any = {};\n          params.keys().forEach((key) => {\n            paramsObj[key] = params.get(key);\n          });\n          const { entities, total } = this._paginator.parseRequestResponse(\n            this.entityName(),\n            this._entityNamePlural()!,\n            this.endpoint(),\n            paramsObj,\n            resp\n          );\n          this.entityCount.set(total);\n          this.lastFetchedEntitiesCount.set(entities.length);\n          // this.pageIndex.set(this.pageIndex() + 1)\n          // entities = this._paginator.getEntitiesFromResponse(entities);\n          if (this.pagination() === 'discrete') {\n            this.store.reset();\n          } else if (this.pagination() === 'infinite') {\n            const pageSize = this._pageSize();\n            const entityCount = this.entityCount();\n            if (pageSize > 0) {\n              const pageCount =\n                Math.floor(entityCount / pageSize) +\n                (entityCount % pageSize ? 1 : 0);\n              this.hasMore.set(this.pageIndex() === pageCount);\n            } else {\n              this.hasMore.set(false);\n            }\n          }\n          // store the entities in the store\n          // TODO: remove as any\n          this.store.update(upsertEntities(entities as any));\n        } else {\n          this.store.update(\n            upsertEntities(this.findArrayInResult(resp) as TEntity[])\n          );\n        }\n      }),\n      finalize(() => this.loading.set(false))\n    );\n  }\n\n  private findArrayInResult(res: any): any[] | undefined {\n    if (Array.isArray(res)) {\n      return res;\n    }\n    for (const key in res) {\n      if (Object.prototype.hasOwnProperty.call(res, key)) {\n        const element = res[key];\n        if (Array.isArray(element)) {\n          return element;\n        }\n      }\n    }\n    return [];\n  }\n\n  handlePageEvent(e: PageEvent) {\n    this.pageIndex.set(e.pageIndex);\n    this.loadMoreEntities();\n  }\n\n  getUrl(endpoint: string) {\n    return this.entityListConfig?.urlResolver\n      ? this.entityListConfig?.urlResolver(endpoint)\n      : endpoint;\n  }\n\n  toggleActiveEntity(entity: TEntity | undefined) {\n    if (entity) {\n      if (entity === this.activeEntity()) {\n        this.activeEntity.set(undefined);\n      } else {\n        this.activeEntity.set(entity);\n      }\n    } else {\n      this.activeEntity.set(undefined);\n    }\n  }\n\n  getColumnLabel(field: SPEntityField<TEntity, IdKey>): Observable<string> {\n    if (field._fieldSpec.label) {\n      return of(field._fieldSpec.label);\n    }\n    if (this.entityListConfig && this.entityListConfig.columnLabelFn) {\n      const label = this.entityListConfig.columnLabelFn(\n        this.entityName(),\n        field._fieldSpec.name\n      );\n      return label instanceof Observable ? label : of(label);\n    }\n    return of(field._fieldSpec.name);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/mat-entity-crud/src/mat-entity-crud.component.d.ts

@@ -5,6 +5,7 @@ import { MatColumnDef } from '@angular/material/table';
 import { SPContextMenuItem } from '@smallpearl/ngx-helper/mat-context-menu';
 import { SPMatEntityListComponent } from '@smallpearl/ngx-helper/mat-entity-list';
 import { DomSanitizer } from '@angular/platform-browser';
+import { TranslocoService } from '@jsverse/transloco';
 import { SPEntityFieldSpec } from '@smallpearl/ngx-helper/entity-field';
 import { Observable, Subscription } from 'rxjs';
 import { FormViewHostComponent } from './form-view-host.component';
@@ -203,6 +204,7 @@ export declare class SPMatEntityCrudComponent<TEntity extends {
     busyWheelId: string;
     sub$: Subscription;
     spEntitiesList: import("@angular/core").Signal<SPMatEntityListComponent<TEntity, IdKey> | undefined>;
+    spEntitiesListInited: import("@angular/core").EffectRef;
     crudConfig: SPMatEntityCrudConfig;
     createEditHostComponent: import("@angular/core").Signal<FormViewHostComponent<any> | undefined>;
     createEditViewActive: import("@angular/core").WritableSignal<boolean>;
@@ -218,9 +220,13 @@ export declare class SPMatEntityCrudComponent<TEntity extends {
     columnsWithAction: import("@angular/core").Signal<(string | SPEntityFieldSpec<TEntity, IdKey>)[]>;
     _itemActions: import("@angular/core").Signal<SPContextMenuItem[]>;
     visibleColumns: import("@angular/core").Signal<string[]>;
+    transloco: TranslocoService;
     constructor(http: HttpClient, snackBar: MatSnackBar, sanitizer: DomSanitizer, injector: Injector);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    /**
+     * Override so that we can suppress default action in SPMatEntityListComponent
+     */
     ngAfterViewInit(): void;
     /**
      * If the create/edit entity form is active, it calls its registered
@@ -282,6 +288,12 @@ export declare class SPMatEntityCrudComponent<TEntity extends {
      */
     getItemActions(): SPContextMenuItem[];
     getPreviewPaneContentClass(): string;
+    /**
+     * Initialize the columns for the mat-entities-list component. This is
+     * called when the <sp-mat-entities-list> component has been properly
+     * initialized.
+     */
+    private _initEntitiesList;
     static ɵfac: i0.ɵɵFactoryDeclaration<SPMatEntityCrudComponent<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SPMatEntityCrudComponent<any, any>, "sp-mat-entity-crud", never, { "itemLabel": { "alias": "itemLabel"; "required": false; "isSignal": true; }; "itemLabelPlural": { "alias": "itemLabelPlural"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "newItemLink": { "alias": "newItemLink"; "required": false; "isSignal": true; }; "newItemLabel": { "alias": "newItemLabel"; "required": false; "isSignal": true; }; "editItemTitle": { "alias": "editItemTitle"; "required": false; "isSignal": true; }; "newItemSubTypes": { "alias": "newItemSubTypes"; "required": false; "isSignal": true; }; "crudOpFn": { "alias": "crudOpFn"; "required": false; "isSignal": true; }; "previewTemplate": { "alias": "previewTemplate"; "required": false; "isSignal": true; }; "allowEntityActionFn": { "alias": "allowEntityActionFn"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "actionsTemplate": { "alias": "actionsTemplate"; "required": false; "isSignal": true; }; "crudResponseParser": { "alias": "crudResponseParser"; "required": false; "isSignal": true; }; "createEditFormTemplate": { "alias": "createEditFormTemplate"; "required": false; "isSignal": true; }; "disableItemActions": { "alias": "disableItemActions"; "required": false; "isSignal": true; }; "disableCreate": { "alias": "disableCreate"; "required": false; "isSignal": true; }; "refreshAfterEdit": { "alias": "refreshAfterEdit"; "required": false; "isSignal": true; }; "crudHttpReqContext": { "alias": "crudHttpReqContext"; "required": false; "isSignal": true; }; "editPaneWidth": { "alias": "editPaneWidth"; "required": false; "isSignal": true; }; "previewPaneWidth": { "alias": "previewPaneWidth"; "required": false; "isSignal": true; }; "listPaneWrapperClass": { "alias": "listPaneWrapperClass"; "required": false; "isSignal": true; }; "previewPaneWrapperClass": { "alias": "previewPaneWrapperClass"; "required": false; "isSignal": true; }; "previewPaneContentClass": { "alias": "previewPaneContentClass"; "required": false; "isSignal": true; }; }, { "action": "action"; "entityViewPaneActivated": "entityViewPaneActivated"; }, ["_clientColumnDefs"], ["[breadCrumbs]"], true, never>;
 }

package/mat-entity-list/src/mat-entity-list-types.d.ts

@@ -45,6 +45,19 @@ export interface SPMatEntityListConfig {
     paginator?: SPMatEntityListPaginator;
     defaultPageSize?: number;
     pageSizes?: Array<number>;
+    /**
+     * Provide a method to return the labels for the columns. This is useful when
+     * the columns are specified as the JSON object key names and the labels are
+     * to be transformed into a uniform manner (uppercase) or when the labels
+     * are to be dynamically localized. Note that the response can be an
+     * Observable<string> if the label is to be fetched/changed asynchronously
+     * (as that can happen in an app that supports dynamic changing of the UI
+     * language).
+     * @param entityName
+     * @param columnName
+     * @returns
+     */
+    columnLabelFn?: (entityName: string, columnName: string) => string | Observable<string>;
 }
 /**
  * Type for custom entities loader function, which if provided will be called

package/mat-entity-list/src/mat-entity-list.component.d.ts

@@ -4,7 +4,6 @@ import { PageEvent } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { MatColumnDef, MatTable, MatTableDataSource } from '@angular/material/table';
 import { DomSanitizer } from '@angular/platform-browser';
-import { TranslocoService } from '@jsverse/transloco';
 import { SPEntityField, SPEntityFieldSpec } from '@smallpearl/ngx-helper/entity-field';
 import { Observable, Subject, Subscription } from 'rxjs';
 import { SPMatEntityListEntityLoaderFn, SPMatEntityListPaginator } from './mat-entity-list-types';
@@ -124,7 +123,7 @@ export declare class SPMatEntityListComponent<TEntity extends {
     httpReqContext: import("@angular/core").InputSignal<[HttpContextToken<any>, any] | [[HttpContextToken<any>, any]] | undefined>;
     _entityNamePlural: import("@angular/core").Signal<string | undefined>;
     _httpReqContext: import("@angular/core").Signal<HttpContext>;
-    _deferViewInit: import("@angular/core").InputSignal<boolean>;
+    deferViewInit: import("@angular/core").InputSignal<boolean>;
     firstLoadDone: boolean;
     allColumnNames: import("@angular/core").WritableSignal<string[]>;
     _displayedColumns: import("@angular/core").Signal<string[]>;
@@ -173,7 +172,6 @@ export declare class SPMatEntityListComponent<TEntity extends {
      */
     loadRequest$: Subject<LoadRequest>;
     endpointChanged: import("@angular/core").EffectRef;
-    transloco: TranslocoService;
     constructor(http: HttpClient, sanitizer: DomSanitizer, injector: Injector);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -245,7 +243,8 @@ export declare class SPMatEntityListComponent<TEntity extends {
     handlePageEvent(e: PageEvent): void;
     getUrl(endpoint: string): string;
     toggleActiveEntity(entity: TEntity | undefined): void;
+    getColumnLabel(field: SPEntityField<TEntity, IdKey>): Observable<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SPMatEntityListComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SPMatEntityListComponent<any, any>, "sp-mat-entity-list", never, { "entityName": { "alias": "entityName"; "required": true; "isSignal": true; }; "entityNamePlural": { "alias": "entityNamePlural"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": false; "isSignal": true; }; "entityLoaderFn": { "alias": "entityLoaderFn"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "idKey": { "alias": "idKey"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "sorter": { "alias": "sorter"; "required": false; "isSignal": true; }; "disableSort": { "alias": "disableSort"; "required": false; "isSignal": true; }; "infiniteScrollContainer": { "alias": "infiniteScrollContainer"; "required": false; "isSignal": true; }; "infiniteScrollDistance": { "alias": "infiniteScrollDistance"; "required": false; "isSignal": true; }; "infiniteScrollThrottle": { "alias": "infiniteScrollThrottle"; "required": false; "isSignal": true; }; "infiniteScrollWindow": { "alias": "infiniteScrollWindow"; "required": false; "isSignal": true; }; "httpReqContext": { "alias": "httpReqContext"; "required": false; "isSignal": true; }; "_deferViewInit": { "alias": "_deferViewInit"; "required": false; "isSignal": true; }; }, { "selectEntity": "selectEntity"; }, ["clientColumnDefs"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SPMatEntityListComponent<any, any>, "sp-mat-entity-list", never, { "entityName": { "alias": "entityName"; "required": true; "isSignal": true; }; "entityNamePlural": { "alias": "entityNamePlural"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": false; "isSignal": true; }; "entityLoaderFn": { "alias": "entityLoaderFn"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "idKey": { "alias": "idKey"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "sorter": { "alias": "sorter"; "required": false; "isSignal": true; }; "disableSort": { "alias": "disableSort"; "required": false; "isSignal": true; }; "infiniteScrollContainer": { "alias": "infiniteScrollContainer"; "required": false; "isSignal": true; }; "infiniteScrollDistance": { "alias": "infiniteScrollDistance"; "required": false; "isSignal": true; }; "infiniteScrollThrottle": { "alias": "infiniteScrollThrottle"; "required": false; "isSignal": true; }; "infiniteScrollWindow": { "alias": "infiniteScrollWindow"; "required": false; "isSignal": true; }; "httpReqContext": { "alias": "httpReqContext"; "required": false; "isSignal": true; }; "deferViewInit": { "alias": "deferViewInit"; "required": false; "isSignal": true; }; }, { "selectEntity": "selectEntity"; }, ["clientColumnDefs"], never, true, never>;
 }
 export {};

package/package.json

@@ -6,7 +6,7 @@
       "path": "src/assets/i18n/"
     }
   ],
-  "version": "0.29.40",
+  "version": "0.31.1",
   "peerDependencies": {
     "@angular/common": "^19.1.0",
     "@angular/core": "^19.1.0",