@smallpearl/ngx-helper 0.31.6 → 0.31.8

package/entity-field/index.d.ts

@@ -1,2 +1,2 @@
-export * from './src/entity-field-spec';
+export * from './src/entity-field';
 export * from './src/provider';

package/entity-field/src/{entity-field-spec.d.ts → entity-field.d.ts}

@@ -1,5 +1,7 @@
 import { SPIntlDateFormat } from '@smallpearl/ngx-helper/locale';
 import { SPEntityFieldConfig } from './provider';
+import { Observable } from 'rxjs';
+type FieldValueTypes = string | number | Date | boolean;
 /**
  * This structure defines the data formatting details for a field of the
  * entity. All entity fields need not necessarily be actual entity object's
@@ -19,7 +21,7 @@ export type SPEntityFieldSpec<TEntity extends {
         alignment?: 'start' | 'center' | 'end';
         routerLink?: ((e: TEntity) => string[]) | [string];
     };
-    valueFn?: (item: TEntity) => string | number | Date | boolean;
+    valueFn?: (item: TEntity) => FieldValueTypes | Observable<FieldValueTypes>;
 };
 /**
  * A class that represents a SPEntityFieldSpec<>. This is typically used
@@ -65,3 +67,4 @@ export declare class SPEntityField<TEntity extends {
     hasRouterLink(entity: TEntity): boolean;
     getRouterLink(entity: TEntity): string[];
 }
+export {};

package/entity-field/src/provider.d.ts

@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { SPEntityFieldSpec } from './entity-field-spec';
+import { SPEntityFieldSpec } from './entity-field';
 export type FIELD_VALUE_FN = (entity: any, fieldName: string) => string | number | Date | boolean;
 /**
  * Global config for SPEntityField component.

package/fesm2022/smallpearl-ngx-helper-entity-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smallpearl-ngx-helper-entity-field.mjs","sources":["../../../../projects/smallpearl/ngx-helper/entity-field/src/entity-field-spec.ts","../../../../projects/smallpearl/ngx-helper/entity-field/src/provider.ts","../../../../projects/smallpearl/ngx-helper/entity-field/smallpearl-ngx-helper-entity-field.ts"],"sourcesContent":["import {\n  spFormatCurrency,\n  spFormatDate,\n  SPIntlDateFormat,\n} from '@smallpearl/ngx-helper/locale';\nimport { SPEntityFieldConfig } from './provider';\n\n/**\n * This structure defines the data formatting details for a field of the\n * entity. All entity fields need not necessarily be actual entity object's\n * properties. Fields can also be computed fields, in which case the valueFn\n * should be initialized with a valid function to provide the field's value.\n */\nexport type SPEntityFieldSpec<TEntity extends { [P in IdKey]: PropertyKey },  IdKey extends string = 'id'> = {\n  // Column name. If valueFn is not specified, this will be used as the\n  // key name to retrieve the value for the column from TEntity.\n  name: string;\n  // If omitted, 'name' will be used as field label.\n  label?: string;\n  // Column value specific formatting options. Currently, only used for\n  // Date types.\n  valueOptions?: {\n    // Specify the same format string argument that is passed to DatePipe.\n    dateTimeFormat?: SPIntlDateFormat;\n    // If boolean, number field will be formatted using spFormatCurrency()\n    // using the current currency or 'currency' value below.\n    isCurrency?: boolean;\n    // Currency code, if different from default locale.\n    currency?: string;\n    // CSS class name; if provided will be applied to field value's wrapper\n    // element. This will be <td> & <th>.\n    class?: string;\n    // Alignment options. Field's value will be aligned based on this.\n    alignment?: 'start'|'center'|'end';\n    // A fixed string or a function that returns an array of strings\n    // to be used as the routerlink for the column value.\n    routerLink?: ((e: TEntity) => string[])|[string];\n  };\n  // If the column value cannot be derived by simple TEntity[name] lookup,\n  // use this function to return a custom computed or formatted value.\n  valueFn?: (item: TEntity) => string | number | Date | boolean;\n};\n\n/**\n * A class that represents a SPEntityFieldSpec<>. This is typically used\n * by the library to evaluate a SPEntityFieldSpec<> object.\n */\nexport class SPEntityField<TEntity extends { [P in IdKey]: PropertyKey }, IdKey extends string = 'id'> {\n  public _fieldSpec!: SPEntityFieldSpec<TEntity, IdKey>;\n\n  constructor(\n    spec: SPEntityFieldSpec<TEntity, IdKey> | string,\n    public fieldConfig?: SPEntityFieldConfig\n  ) {\n    if (typeof spec === 'string') {\n      this._fieldSpec = {\n        name: spec,\n      };\n    } else {\n      this._fieldSpec = spec;\n    }\n  }\n\n  get spec() {\n    return this._fieldSpec;\n  }\n\n  /**\n   * Returns the effective fieldValueOptions by merging the global field\n   * options (if one has been spefified) with the local field value options.\n   * @returns SPEntityFieldSpec<any>['valueOptions']\n   */\n  get options() {\n    let globalFieldValueOptions: SPEntityFieldSpec<any>['valueOptions'] = {};\n    if (this.fieldConfig && this.fieldConfig?.fieldValueOptions && this.fieldConfig.fieldValueOptions.has(this._fieldSpec.name)) {\n      globalFieldValueOptions = this.fieldConfig.fieldValueOptions.get(this._fieldSpec.name);\n    }\n    return {\n      ...globalFieldValueOptions,\n      ...(this._fieldSpec?.valueOptions ?? {})\n    };\n  }\n  /**\n   * @returns the label for the field.\n   */\n  label() {\n    return this._fieldSpec.label ?? this._fieldSpec.name\n  }\n\n  /**\n   * Given an entity, returns the value of the field matching the\n   * SPEntityFieldSpec<> in fieldSpec.\n   * @param entity TEntity instance which will be evaluated for\n   * SPEntityFieldSpec<>.\n   * @returns\n   */\n  value(entity: TEntity) {\n    let val = undefined;\n    if (!this._fieldSpec.valueFn) {\n      if (\n        this.fieldConfig &&\n        this.fieldConfig?.fieldValueFns &&\n        this.fieldConfig.fieldValueFns.has(this._fieldSpec.name)\n      ) {\n        val = this.fieldConfig.fieldValueFns.get(this._fieldSpec.name)!(entity, this._fieldSpec.name);\n      } else {\n        val = (entity as any)[this._fieldSpec.name];\n      }\n    } else {\n      val = this._fieldSpec.valueFn(entity);\n    }\n    const valueOptions = this.options;\n    if (val instanceof Date) {\n      val = spFormatDate(val);\n    } else if (\n      typeof val === 'number' &&\n      valueOptions?.isCurrency\n    ) {\n      val = spFormatCurrency(val, this._fieldSpec?.valueOptions?.currency);\n    } else if (typeof val === 'boolean') {\n      val = val ? '✔' : '✖';\n    }\n    return val;\n  }\n\n  /**\n   * If specified, will be added to the CSS classes of the field's wrapper\n   * element.\n   */\n  get class() {\n    return this._fieldSpec?.valueOptions?.class ?? '';\n  }\n\n  hasRouterLink(entity: TEntity) {\n    return !!this._fieldSpec?.valueOptions?.routerLink;\n  }\n\n  getRouterLink(entity: TEntity) {\n    const rl = this._fieldSpec?.valueOptions?.routerLink;\n    if (rl) {\n      if (typeof rl == 'function') {\n        return rl(entity);\n      }\n      return rl\n    }\n    return [];\n  }\n}\n","import { InjectionToken } from '@angular/core';\nimport { SPEntityFieldSpec } from './entity-field-spec';\n\n\nexport type FIELD_VALUE_FN = (entity: any, fieldName: string) => string|number|Date|boolean;\n\n/**\n * Global config for SPEntityField component.\n */\nexport interface SPEntityFieldConfig {\n  /**\n   * These are global field value functions.\n   *\n   * If a value function for a field is not explicitly specified, this map is\n   * looked up with the field name. If an entry exists in this table, it will\n   * be used to render the field's value.\n   *\n   * This is useful for formatting certain fields which tend to have the\n   * same name across the app. For instance fields such as 'amount', 'total'\n   * or 'balance'. Or 'date', 'timestamp', etc.\n   */\n  fieldValueFns?: Map<string, FIELD_VALUE_FN>;\n  /**\n   * Similar to above, but allows setting the options for certain fields\n   * globally. As in the case of `fieldValueFns`, the per field specification,\n   * if one exists, takes precedence over the global setting.\n   */\n  fieldValueOptions?: Map<string, SPEntityFieldSpec<any>['valueOptions']>;\n}\n\nexport const SP_ENTITY_FIELD_CONFIG = new InjectionToken<SPEntityFieldConfig>(\n  'SPEntityFieldConfig'\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-entity-field.mjs","sources":["../../../../projects/smallpearl/ngx-helper/entity-field/src/entity-field.ts","../../../../projects/smallpearl/ngx-helper/entity-field/src/provider.ts","../../../../projects/smallpearl/ngx-helper/entity-field/smallpearl-ngx-helper-entity-field.ts"],"sourcesContent":["import {\n  spFormatCurrency,\n  spFormatDate,\n  SPIntlDateFormat,\n} from '@smallpearl/ngx-helper/locale';\nimport { SPEntityFieldConfig } from './provider';\nimport { Observable } from 'rxjs';\n\ntype FieldValueTypes = string | number | Date | boolean;\n\n/**\n * This structure defines the data formatting details for a field of the\n * entity. All entity fields need not necessarily be actual entity object's\n * properties. Fields can also be computed fields, in which case the valueFn\n * should be initialized with a valid function to provide the field's value.\n */\nexport type SPEntityFieldSpec<TEntity extends { [P in IdKey]: PropertyKey },  IdKey extends string = 'id'> = {\n  // Column name. If valueFn is not specified, this will be used as the\n  // key name to retrieve the value for the column from TEntity.\n  name: string;\n  // If omitted, 'name' will be used as field label.\n  label?: string;\n  // Column value specific formatting options. Currently, only used for\n  // Date types.\n  valueOptions?: {\n    // Specify the same format string argument that is passed to DatePipe.\n    dateTimeFormat?: SPIntlDateFormat;\n    // If boolean, number field will be formatted using spFormatCurrency()\n    // using the current currency or 'currency' value below.\n    isCurrency?: boolean;\n    // Currency code, if different from default locale.\n    currency?: string;\n    // CSS class name; if provided will be applied to field value's wrapper\n    // element. This will be <td> & <th>.\n    class?: string;\n    // Alignment options. Field's value will be aligned based on this.\n    alignment?: 'start'|'center'|'end';\n    // A fixed string or a function that returns an array of strings\n    // to be used as the routerlink for the column value.\n    routerLink?: ((e: TEntity) => string[])|[string];\n  };\n  // If the column value cannot be derived by simple TEntity[name] lookup,\n  // use this function to return a custom computed or formatted value.\n  valueFn?: (item: TEntity) => FieldValueTypes | Observable<FieldValueTypes>;\n};\n\n/**\n * A class that represents a SPEntityFieldSpec<>. This is typically used\n * by the library to evaluate a SPEntityFieldSpec<> object.\n */\nexport class SPEntityField<TEntity extends { [P in IdKey]: PropertyKey }, IdKey extends string = 'id'> {\n  public _fieldSpec!: SPEntityFieldSpec<TEntity, IdKey>;\n\n  constructor(\n    spec: SPEntityFieldSpec<TEntity, IdKey> | string,\n    public fieldConfig?: SPEntityFieldConfig\n  ) {\n    if (typeof spec === 'string') {\n      this._fieldSpec = {\n        name: spec,\n      };\n    } else {\n      this._fieldSpec = spec;\n    }\n  }\n\n  get spec() {\n    return this._fieldSpec;\n  }\n\n  /**\n   * Returns the effective fieldValueOptions by merging the global field\n   * options (if one has been spefified) with the local field value options.\n   * @returns SPEntityFieldSpec<any>['valueOptions']\n   */\n  get options() {\n    let globalFieldValueOptions: SPEntityFieldSpec<any>['valueOptions'] = {};\n    if (this.fieldConfig && this.fieldConfig?.fieldValueOptions && this.fieldConfig.fieldValueOptions.has(this._fieldSpec.name)) {\n      globalFieldValueOptions = this.fieldConfig.fieldValueOptions.get(this._fieldSpec.name);\n    }\n    return {\n      ...globalFieldValueOptions,\n      ...(this._fieldSpec?.valueOptions ?? {})\n    };\n  }\n  /**\n   * @returns the label for the field.\n   */\n  label() {\n    return this._fieldSpec.label ?? this._fieldSpec.name\n  }\n\n  /**\n   * Given an entity, returns the value of the field matching the\n   * SPEntityFieldSpec<> in fieldSpec.\n   * @param entity TEntity instance which will be evaluated for\n   * SPEntityFieldSpec<>.\n   * @returns\n   */\n  value(entity: TEntity) {\n    let val = undefined;\n    if (!this._fieldSpec.valueFn) {\n      if (\n        this.fieldConfig &&\n        this.fieldConfig?.fieldValueFns &&\n        this.fieldConfig.fieldValueFns.has(this._fieldSpec.name)\n      ) {\n        val = this.fieldConfig.fieldValueFns.get(this._fieldSpec.name)!(entity, this._fieldSpec.name);\n      } else {\n        val = (entity as any)[this._fieldSpec.name];\n      }\n    } else {\n      val = this._fieldSpec.valueFn(entity);\n    }\n    const valueOptions = this.options;\n    if (val instanceof Date) {\n      val = spFormatDate(val);\n    } else if (\n      typeof val === 'number' &&\n      valueOptions?.isCurrency\n    ) {\n      val = spFormatCurrency(val, this._fieldSpec?.valueOptions?.currency);\n    } else if (typeof val === 'boolean') {\n      val = val ? '✔' : '✖';\n    }\n    return val;\n  }\n\n  /**\n   * If specified, will be added to the CSS classes of the field's wrapper\n   * element.\n   */\n  get class() {\n    return this._fieldSpec?.valueOptions?.class ?? '';\n  }\n\n  hasRouterLink(entity: TEntity) {\n    return !!this._fieldSpec?.valueOptions?.routerLink;\n  }\n\n  getRouterLink(entity: TEntity) {\n    const rl = this._fieldSpec?.valueOptions?.routerLink;\n    if (rl) {\n      if (typeof rl == 'function') {\n        return rl(entity);\n      }\n      return rl\n    }\n    return [];\n  }\n}\n","import { InjectionToken } from '@angular/core';\nimport { SPEntityFieldSpec } from './entity-field';\n\n\nexport type FIELD_VALUE_FN = (entity: any, fieldName: string) => string|number|Date|boolean;\n\n/**\n * Global config for SPEntityField component.\n */\nexport interface SPEntityFieldConfig {\n  /**\n   * These are global field value functions.\n   *\n   * If a value function for a field is not explicitly specified, this map is\n   * looked up with the field name. If an entry exists in this table, it will\n   * be used to render the field's value.\n   *\n   * This is useful for formatting certain fields which tend to have the\n   * same name across the app. For instance fields such as 'amount', 'total'\n   * or 'balance'. Or 'date', 'timestamp', etc.\n   */\n  fieldValueFns?: Map<string, FIELD_VALUE_FN>;\n  /**\n   * Similar to above, but allows setting the options for certain fields\n   * globally. As in the case of `fieldValueFns`, the per field specification,\n   * if one exists, takes precedence over the global setting.\n   */\n  fieldValueOptions?: Map<string, SPEntityFieldSpec<any>['valueOptions']>;\n}\n\nexport const SP_ENTITY_FIELD_CONFIG = new InjectionToken<SPEntityFieldConfig>(\n  'SPEntityFieldConfig'\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -647,6 +647,9 @@ class SPMatEntityListComponent {
         }
         return of(field._fieldSpec.name);
     }
+    isAsync(val) {
+        return val instanceof Observable;
+    }
     /** @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: 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
@@ -708,7 +711,7 @@ class SPMatEntityListComponent {
           mat-header-cell
           *matHeaderCellDef
         >
-        {{ getColumnLabel(column) | async }}
+          {{ getColumnLabel(column) | async }}
         </th>
         } @else {
         <th
@@ -718,7 +721,7 @@ class SPMatEntityListComponent {
           mat-sort-header
           *matHeaderCellDef
         >
-        {{ getColumnLabel(column) | async }}
+          {{ getColumnLabel(column) | async }}
         </th>
         }
         <td
@@ -732,8 +735,8 @@ class SPMatEntityListComponent {
           <a [routerLink]="column.getRouterLink(element)">
             <span [innerHTML]="column.value(element)"></span>
           </a>
-          } @else {
-          <span [innerHTML]="column.value(element)"></span>
+          } @else { @let val = column.value(element);
+          <span [innerHTML]="isAsync(val) ? (val | async) : val"></span>
           }
         </td>
       </ng-container>
@@ -819,7 +822,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
           mat-header-cell
           *matHeaderCellDef
         >
-        {{ getColumnLabel(column) | async }}
+          {{ getColumnLabel(column) | async }}
         </th>
         } @else {
         <th
@@ -829,7 +832,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
           mat-sort-header
           *matHeaderCellDef
         >
-        {{ getColumnLabel(column) | async }}
+          {{ getColumnLabel(column) | async }}
         </th>
         }
         <td
@@ -843,8 +846,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
           <a [routerLink]="column.getRouterLink(element)">
             <span [innerHTML]="column.value(element)"></span>
           </a>
-          } @else {
-          <span [innerHTML]="column.value(element)"></span>
+          } @else { @let val = column.value(element);
+          <span [innerHTML]="isAsync(val) ? (val | async) : val"></span>
           }
         </td>
       </ng-container>

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   * 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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"}
+{"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 { @let val = column.value(element);\n          <span [innerHTML]=\"isAsync(val) ? (val | async) : val\"></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  isAsync(val: any) {\n    return val instanceof Observable;\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-list/src/mat-entity-list.component.d.ts

@@ -244,6 +244,7 @@ export declare class SPMatEntityListComponent<TEntity extends {
     getUrl(endpoint: string): string;
     toggleActiveEntity(entity: TEntity | undefined): void;
     getColumnLabel(field: SPEntityField<TEntity, IdKey>): Observable<string>;
+    isAsync(val: any): val is Observable<any>;
     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": 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>;
 }

package/package.json

@@ -6,7 +6,7 @@
       "path": "src/assets/i18n/"
     }
   ],
-  "version": "0.31.6",
+  "version": "0.31.8",
   "peerDependencies": {
     "@angular/common": "^19.1.0",
     "@angular/core": "^19.1.0",
@@ -47,25 +47,25 @@
       "types": "./entity-field/index.d.ts",
       "default": "./fesm2022/smallpearl-ngx-helper-entity-field.mjs"
     },
-    "./mat-busy-wheel": {
-      "types": "./mat-busy-wheel/index.d.ts",
-      "default": "./fesm2022/smallpearl-ngx-helper-mat-busy-wheel.mjs"
+    "./forms": {
+      "types": "./forms/index.d.ts",
+      "default": "./fesm2022/smallpearl-ngx-helper-forms.mjs"
     },
-    "./hover-dropdown": {
-      "types": "./hover-dropdown/index.d.ts",
-      "default": "./fesm2022/smallpearl-ngx-helper-hover-dropdown.mjs"
+    "./mat-context-menu": {
+      "types": "./mat-context-menu/index.d.ts",
+      "default": "./fesm2022/smallpearl-ngx-helper-mat-context-menu.mjs"
     },
     "./locale": {
       "types": "./locale/index.d.ts",
       "default": "./fesm2022/smallpearl-ngx-helper-locale.mjs"
     },
-    "./mat-context-menu": {
-      "types": "./mat-context-menu/index.d.ts",
-      "default": "./fesm2022/smallpearl-ngx-helper-mat-context-menu.mjs"
+    "./hover-dropdown": {
+      "types": "./hover-dropdown/index.d.ts",
+      "default": "./fesm2022/smallpearl-ngx-helper-hover-dropdown.mjs"
     },
-    "./forms": {
-      "types": "./forms/index.d.ts",
-      "default": "./fesm2022/smallpearl-ngx-helper-forms.mjs"
+    "./mat-busy-wheel": {
+      "types": "./mat-busy-wheel/index.d.ts",
+      "default": "./fesm2022/smallpearl-ngx-helper-mat-busy-wheel.mjs"
     },
     "./mat-entity-crud": {
       "types": "./mat-entity-crud/index.d.ts",