@smallpearl/ngx-helper 0.33.15 → 0.33.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -129,20 +129,18 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
129
129
  // would be an array of entity ids.
130
130
  multiple = input(false);
131
131
  /**
132
- * The entity key name that is used to classify entities into groups.
132
+ * The entity key name that is used to classify entities into groups or
133
+ * a function that takes a TEntity and returns the group id (string).
133
134
  * Entities with the same key value will be grouped together. If this is
134
135
  * specified, grouping will be enabled.
135
136
  * @see groupByFn
136
137
  */
137
138
  groupOptionsKey = input();
138
139
  /**
139
- * A function that takes a TEntity and returns the group id (string)
140
- * that the entity belongs to. If this is specified, grouping of entities
141
- * in the select will be enabled. This takes precedence over
142
- * `groupOptionsKey`.
143
- * @see groupOptionsKey
140
+ * A function that a group id (string/number) and returns the label (string).
141
+ * Defaults to a function that returns the group id as string.
144
142
  */
145
- groupByFn = input();
143
+ groupLabelFn = input((groupId) => groupId.toString());
146
144
  selectionChange = new EventEmitter();
147
145
  createNewItemSelected = new EventEmitter();
148
146
  // i18n localization support toallow per component customization of
@@ -186,15 +184,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
186
184
  // Whether to group options. Grouping is enabled when either groupOptionsKey
187
185
  // or groupByFn is specified.
188
186
  _group = computed(() => {
189
- return !!this.groupOptionsKey() || !!this.groupByFn();
190
- });
191
- _groupEntitiesKey = computed(() => {
192
- const groupOptionsKey = this.groupOptionsKey();
193
- return groupOptionsKey
194
- ? groupOptionsKey
195
- : this.entityName()
196
- ? this._pluralEntityName()
197
- : 'items';
187
+ return !!this.groupOptionsKey();
198
188
  });
199
189
  // For the global paginator. We'll abstract this into an independent
200
190
  // configuration that can be shared across both mat-entity-list and
@@ -589,22 +579,31 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
589
579
  }
590
580
  /**
591
581
  * Helper to arrange the given array of entities into groups based on the
592
- * groupByFn or groupOptionsKey. groupByFn takes precedence over
593
- * groupOptionsKey.
582
+ * value for `groupOptionsKey`.
594
583
  * @param entities
595
584
  * @returns EntityGroup<TEntity>[]
596
585
  */
597
586
  groupEntities(entities) {
587
+ const groupOptionsKey = this.groupOptionsKey();
588
+ // Normalize the groupOptionsKey into a function that takes a TEntity
589
+ // and returns the group id (string).
598
590
  let groupByFn;
599
- if (this.groupByFn()) {
600
- groupByFn = this.groupByFn();
601
- }
602
- else if (this.groupOptionsKey()) {
591
+ if (typeof groupOptionsKey === 'string') {
603
592
  groupByFn = (entity) => {
604
- const key = this.groupOptionsKey();
605
- return entity[key] ?? '???';
593
+ return entity[groupOptionsKey] ?? '???';
606
594
  };
607
595
  }
596
+ else if (typeof groupOptionsKey === 'function') {
597
+ groupByFn = groupOptionsKey;
598
+ }
599
+ // if (this.groupByFn()) {
600
+ // groupByFn = this.groupByFn()!;
601
+ // } else if (this.groupOptionsKey()) {
602
+ // groupByFn = (entity: TEntity) => {
603
+ // const key = this.groupOptionsKey()!;
604
+ // return (entity as any)[key] ?? '???';
605
+ // };
606
+ // }
608
607
  const groupedEntitiesMap = new Map();
609
608
  entities.forEach((entity) => {
610
609
  const groupId = groupByFn(entity);
@@ -616,7 +615,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
616
615
  let entityGroups = [];
617
616
  groupedEntitiesMap.forEach((entities, groupId) => {
618
617
  entityGroups.push({
619
- label: String(groupId),
618
+ label: this.groupLabelFn()(groupId),
620
619
  entities,
621
620
  });
622
621
  });
@@ -700,7 +699,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
700
699
  }
701
700
  }
702
701
  /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPMatSelectEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
703
- /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: SPMatSelectEntityComponent, isStandalone: true, selector: "sp-mat-select-entity", inputs: { labelFn: { classPropertyName: "labelFn", publicName: "labelFn", isSignal: true, isRequired: false, transformFunction: null }, filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: true, isRequired: false, transformFunction: null }, inlineNew: { classPropertyName: "inlineNew", publicName: "inlineNew", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, groupOptionsKey: { classPropertyName: "groupOptionsKey", publicName: "groupOptionsKey", isSignal: true, isRequired: false, transformFunction: null }, groupByFn: { classPropertyName: "groupByFn", publicName: "groupByFn", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, notFoundText: { classPropertyName: "notFoundText", publicName: "notFoundText", isSignal: true, isRequired: false, transformFunction: null }, createNewText: { classPropertyName: "createNewText", publicName: "createNewText", isSignal: true, isRequired: false, transformFunction: null }, optionLabelTemplate: { classPropertyName: "optionLabelTemplate", publicName: "optionLabelTemplate", isSignal: true, isRequired: false, transformFunction: null }, entities: { classPropertyName: "entities", publicName: "entities", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, userAriaDescribedBy: { classPropertyName: "userAriaDescribedBy", publicName: "aria-describedby", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", createNewItemSelected: "createNewItemSelected" }, host: { properties: { "id": "this.id" } }, providers: [
702
+ /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: SPMatSelectEntityComponent, isStandalone: true, selector: "sp-mat-select-entity", inputs: { labelFn: { classPropertyName: "labelFn", publicName: "labelFn", isSignal: true, isRequired: false, transformFunction: null }, filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: true, isRequired: false, transformFunction: null }, inlineNew: { classPropertyName: "inlineNew", publicName: "inlineNew", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, groupOptionsKey: { classPropertyName: "groupOptionsKey", publicName: "groupOptionsKey", isSignal: true, isRequired: false, transformFunction: null }, groupLabelFn: { classPropertyName: "groupLabelFn", publicName: "groupLabelFn", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, notFoundText: { classPropertyName: "notFoundText", publicName: "notFoundText", isSignal: true, isRequired: false, transformFunction: null }, createNewText: { classPropertyName: "createNewText", publicName: "createNewText", isSignal: true, isRequired: false, transformFunction: null }, optionLabelTemplate: { classPropertyName: "optionLabelTemplate", publicName: "optionLabelTemplate", isSignal: true, isRequired: false, transformFunction: null }, entities: { classPropertyName: "entities", publicName: "entities", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, userAriaDescribedBy: { classPropertyName: "userAriaDescribedBy", publicName: "aria-describedby", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", createNewItemSelected: "createNewItemSelected" }, host: { properties: { "id": "this.id" } }, providers: [
704
703
  provideTranslocoScope('sp-mat-select-entity'),
705
704
  { provide: MatFormFieldControl, useExisting: SPMatSelectEntityComponent },
706
705
  ], viewQueries: [{ propertyName: "matSelect", first: true, predicate: MatSelect, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
@@ -1 +1 @@
1
- {"version":3,"file":"smallpearl-ngx-helper-mat-select-entity.mjs","sources":["../../../../projects/smallpearl/ngx-helper/mat-select-entity/src/mat-select-entity.component.ts","../../../../projects/smallpearl/ngx-helper/mat-select-entity/smallpearl-ngx-helper-mat-select-entity.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule, NgTemplateOutlet } from '@angular/common';\nimport {\n HttpContext,\n HttpContextToken\n} from '@angular/common/http';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n computed,\n ElementRef,\n EventEmitter,\n HostBinding,\n inject,\n input,\n Input,\n OnDestroy,\n OnInit,\n Output,\n TemplateRef,\n viewChild,\n} from '@angular/core';\nimport {\n ControlValueAccessor,\n FormsModule,\n NgControl,\n ReactiveFormsModule,\n Validators,\n} from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport {\n MAT_FORM_FIELD,\n MatFormFieldControl,\n} from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport {\n MatSelect,\n MatSelectChange,\n MatSelectModule,\n} from '@angular/material/select';\nimport {\n provideTranslocoScope,\n TranslocoModule,\n TranslocoService,\n} from '@jsverse/transloco';\nimport { getEntity, hasEntity, selectAllEntities, upsertEntities } from '@ngneat/elf-entities';\nimport {\n SPPagedEntityLoader\n} from '@smallpearl/ngx-helper/entities';\nimport {\n SPMatEntityListPaginator,\n SPPageParams,\n} from '@smallpearl/ngx-helper/mat-entity-list';\nimport { MatSelectInfiniteScrollDirective } from '@smallpearl/ngx-helper/mat-select-infinite-scroll';\nimport { NgxMatSelectSearchModule } from 'ngx-mat-select-search';\nimport {\n combineLatest,\n debounceTime,\n distinctUntilChanged,\n Observable,\n startWith,\n Subject,\n takeUntil,\n tap\n} from 'rxjs';\n\n\nexport interface SPMatSelectEntityHttpContext {\n entityName: string;\n entityNamePlural: string;\n endpoint: string;\n}\n\nexport const SP_MAT_SELECT_ENTITY_HTTP_CONTEXT =\n new HttpContextToken<SPMatSelectEntityHttpContext>(() => ({\n entityName: '',\n entityNamePlural: '',\n endpoint: '',\n }));\n\n// Internal type to represent a group of entities. Used when grouping is enabled.\ntype EntityGroup<TEntity> = {\n label: string;\n entities: TEntity[];\n};\n\nexport type SPMatSelectEntityResponseParser = <\n TEntity extends { [P in IdKey]: PropertyKey },\n IdKey extends string = 'id'\n>(\n response: any\n) => Array<TEntity>;\n\n// Default paginator implementation. This can handle dynamic-rest and DRF\n// native pagination schemes. It also has a fallback to handle response conists\n// of an array of entities.\nclass DefaultPaginator implements SPMatEntityListPaginator {\n getRequestPageParams(\n endpoint: string,\n page: number,\n pageSize: number\n ): SPPageParams {\n return {\n page: page + 1,\n pageSize,\n };\n }\n\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 ) {\n if (Array.isArray(resp)) {\n return {\n total: resp.length,\n entities: resp,\n };\n }\n\n if (typeof resp === 'object') {\n const keys = Object.keys(resp);\n // Handle dynamic-rest sideloaded response\n // Rudimentary sideloaded response support. This should work for most\n // of the sideloaded responses where the main entities are stored\n // under the plural entity name key and resp['meta'] object contains\n // the total count.\n if (\n keys.includes(entityNamePlural) &&\n Array.isArray(resp[entityNamePlural])\n ) {\n let total = resp[entityNamePlural].length;\n if (\n keys.includes('meta') &&\n typeof resp['meta'] === 'object' &&\n typeof resp['meta']['total'] === 'number'\n ) {\n total = resp['meta']['total'];\n }\n return {\n total,\n entities: resp[entityNamePlural],\n };\n }\n\n // Handle django-rest-framework style response\n if (keys.includes('results') && Array.isArray(resp['results'])) {\n let total = resp['results'].length;\n if (keys.includes('count') && typeof resp['count'] === 'number') {\n total = resp['count'];\n }\n return {\n total,\n entities: resp['results'],\n };\n }\n\n // Finally, look for \"items\" key\n if (keys.includes('items') && Array.isArray(resp['items'])) {\n return {\n total: resp['items'].length,\n entities: resp['items'],\n };\n }\n }\n\n return {\n total: 0,\n entities: [],\n };\n }\n}\n\n/**\n * This is a generic component to display a <mat-select> for a FK field\n * where the select's options are dynamically loaded from the server using\n * the given url (or URL). The objects thus retrieved should have a\n * unique 'id' field that will be used as the value of each `option` element.\n * Therefore upon selection of an `option` element, the `select` value will\n * be set to the object's `id` property. By default 'id' is used as its id,\n * but this can be customized by specifying the `idKey' property value.\n */\n@Component({\n selector: 'sp-mat-select-entity',\n template: `\n <div\n *transloco=\"let t; scope: 'sp-mat-select-entity'\"\n (focusin)=\"onFocusIn($event)\"\n (focusout)=\"onFocusOut($event)\"\n role=\"group\"\n [attr.aria-labelledby]=\"_formField?.getLabelId()\"\n >\n <mat-select\n [placeholder]=\"placeholder\"\n (opened)=\"onSelectOpened($event)\"\n (selectionChange)=\"onSelectionChange($event)\"\n [multiple]=\"multiple()\"\n [(ngModel)]=\"selectValue\"\n msInfiniteScroll\n (infiniteScroll)=\"onInfiniteScroll()\"\n >\n <mat-select-trigger>\n {{ selectTriggerValue }}\n @if (selectTriggerValueAsArray.length > 1) {\n <span class=\"addl-selection-count\">\n (+{{ selectTriggerValueAsArray.length - 1 }})\n </span>\n }\n </mat-select-trigger>\n\n <mat-option [disabled]=\"totalEntitiesCount() === 0\">\n <ngx-mat-select-search\n class=\"flex-grow-1\"\n [(ngModel)]=\"filterStr\"\n (ngModelChange)=\"this.filter$.next($event)\"\n [placeholderLabel]=\"\n searchText() ? searchText() : t('spMatSelectEntity.search')\n \"\n [noEntriesFoundLabel]=\"\n notFoundText() ? notFoundText() : t('spMatSelectEntity.notFound')\n \"\n [searching]=\"searching\"\n >\n </ngx-mat-select-search>\n </mat-option>\n\n <ng-template #defaultOptionLabelTemplate let-entity>\n {{ _entityLabelFn()(entity) }}\n </ng-template>\n @if (!_group()) { @if (filteredValues | async; as entities) { @for\n (entity of entities; track entityId(entity)) {\n <mat-option class=\"sel-entity-option\" [value]=\"entityId(entity)\">\n <ng-container\n *ngTemplateOutlet=\"\n optionLabelTemplate() || defaultOptionLabelTemplate;\n context: { $implicit: entity }\n \"\n ></ng-container>\n </mat-option>\n } } } @else { @if (filteredGroupedValues | async; as groups) { @for\n (group of groups; track group.label) {\n <mat-optgroup [label]=\"group.label\">\n @for (entity of group.entities; track entityId(entity)) {\n <mat-option class=\"sel-entity-option\" [value]=\"entityId(entity)\">\n <ng-container\n *ngTemplateOutlet=\"\n optionLabelTemplate() || defaultOptionLabelTemplate;\n context: { $implicit: entity }\n \"\n ></ng-container>\n </mat-option>\n }\n </mat-optgroup>\n } } }\n\n <!--\n Create New option is displayed only if there is a filter string.\n The logic behind this behavior being that user searches for a matching\n item and when not finding one, would like to add a new one.\n -->\n @if (inlineNew() && loaded() && (filterStr.length > 0 || totalEntitiesAtRemote() === 0)) {\n <mat-option\n class=\"add-item-option\"\n value=\"0\"\n (click)=\"$event.stopPropagation()\"\n >⊕\n {{\n this.createNewText()\n ? this.createNewText()\n : t('spMatSelectEntity.createNew', {\n item: this._capitalizedEntityName()\n })\n }}\n </mat-option>\n }\n @if (loading$ | async) {\n <div class=\"loading-wrapper\">\n <mat-progress-spinner\n diameter=\"24\"\n mode=\"indeterminate\"\n ></mat-progress-spinner>\n </div>\n }\n </mat-select>\n </div>\n `,\n styles: [\n `\n .add-item-option {\n padding-top: 2px;\n border-top: 1px solid var(--mat-sys-outline);\n }\n .addl-selection-count {\n opacity: 0.75;\n font-size: 0.8em;\n }\n .loading-wrapper {\n display: flex;\n justify-content: center;\n padding: 8px 0;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n CommonModule,\n NgTemplateOutlet,\n FormsModule,\n ReactiveFormsModule,\n MatSelectModule,\n MatButtonModule,\n MatIconModule,\n MatProgressSpinnerModule,\n TranslocoModule,\n NgxMatSelectSearchModule,\n MatSelectInfiniteScrollDirective,\n ],\n providers: [\n provideTranslocoScope('sp-mat-select-entity'),\n { provide: MatFormFieldControl, useExisting: SPMatSelectEntityComponent },\n ],\n})\nexport class SPMatSelectEntityComponent<\n TEntity extends { [P in IdKey]: PropertyKey },\n IdKey extends string = 'id'\n >\n extends SPPagedEntityLoader<TEntity, IdKey>\n implements\n OnInit,\n OnDestroy,\n AfterViewInit,\n ControlValueAccessor,\n MatFormFieldControl<string | number | string[] | number[]>\n{\n // We cache the entities that we fetch from remote here. Cache is indexed\n // by the endpoint. Each endpoint also keeps a refCount, which is incremented\n // for each instance of the component using the same endpoint. When this\n // refcount reaches 0, the endpoint is removed from the cache.\n //\n // This mechanism is to suppress multiple fetches from the remote from the\n // same endpoint as that can occur if a form has multiple instances of\n // this component with the same url.\n // static _entitiesCache = new Map<\n // string,\n // { refCount: number; entities: Array<any> }\n // >();\n\n //**** OPTIONAL ATTRIBUTES ****//\n\n // Entity label function - function that takes an entity object and returns\n // a string label for it. If not specified, a default label function is used\n // that returns the value of 'name' or 'label' or 'title' property. If\n // none of these properties are present, the entity's id is returned as\n // string.\n labelFn = input<(entity: TEntity) => string>();\n\n // Entity filter function - return a boolean if the entity is to be included\n // in the filtered entities list.\n filterFn = input<(entity: TEntity, search: string) => boolean>();\n\n // Set to true to show \"Add { item }\" option in the select dropdown.\n // Selecting this option, will emit `createNewItemSelected` event.\n inlineNew = input<boolean>(false);\n\n // Set to true to allow multiple option selection. The returned value\n // would be an array of entity ids.\n multiple = input<boolean>(false);\n\n /**\n * The entity key name that is used to classify entities into groups.\n * Entities with the same key value will be grouped together. If this is\n * specified, grouping will be enabled.\n * @see groupByFn\n */\n groupOptionsKey = input<string>();\n\n /**\n * A function that takes a TEntity and returns the group id (string)\n * that the entity belongs to. If this is specified, grouping of entities\n * in the select will be enabled. This takes precedence over\n * `groupOptionsKey`.\n * @see groupOptionsKey\n */\n groupByFn = input<(entity: TEntity) => string>();\n\n @Output() selectionChange = new EventEmitter<TEntity | TEntity[]>();\n @Output() createNewItemSelected = new EventEmitter<void>();\n\n // i18n localization support toallow per component customization of\n // some strings used.\n readonly searchText = input<string>();\n readonly notFoundText = input<string>();\n readonly createNewText = input<string>();\n\n controlType = 'sp-mat-select-entity';\n\n /**\n * Template for the option label. If not provided, the default label\n * function will be used. Option label is what is placed inside the\n * <mat-option> tag. The template gets an implicit 'entity' variable\n * in the context, value for which is the entity object.\n *\n * For example:\n * ```\n * <sp-mat-select-entity\n * [url]=\"'/api/v1/customers/'\"\n * [labelFn]=\"entity => entity.name\"\n * [optionLabelTemplate]=\"optionLabelTemplate\"\n * ></sp-mat-select-entity>\n * <ng-template #optionLabelTemplate let-entity>\n * {{ entity.name }} - {{ entity.description }}\n * </ng-template>\n * ```\n */\n optionLabelTemplate = input<TemplateRef<any>>();\n\n // a computed version of labelFn that provides a default implementation\n protected _entityLabelFn = computed<(entity: TEntity) => string>(() => {\n const fn = this.labelFn();\n if (fn) {\n return fn;\n }\n return (entity: TEntity) => {\n return (\n (entity as any)['name'] ||\n (entity as any)['label'] ||\n (entity as any)['title'] ||\n String((entity as any)[this.idKey()])\n );\n };\n });\n\n // Whether to group options. Grouping is enabled when either groupOptionsKey\n // or groupByFn is specified.\n protected _group = computed<boolean>(() => {\n return !!this.groupOptionsKey() || !!this.groupByFn();\n });\n\n protected _groupEntitiesKey = computed<string>(() => {\n const groupOptionsKey = this.groupOptionsKey();\n return groupOptionsKey\n ? groupOptionsKey\n : this.entityName()\n ? this._pluralEntityName()\n : 'items';\n });\n\n // For the global paginator. We'll abstract this into an independent\n // configuration that can be shared across both mat-entity-list and\n // mat-select-entity later.\n // entityListConfig = getEntityListConfig();\n\n // protected _paginator = computed<SPMatEntityListPaginator>(() => {\n // const paginator = this.paginator();\n // const entityListConfigPaginator = this.entityListConfig\n // ?.paginator as SPMatEntityListPaginator;\n // return paginator\n // ? paginator\n // : entityListConfigPaginator ?? new DefaultPaginator();\n // });\n\n stateChanges = new Subject<void>();\n focused = false;\n touched = false;\n\n selectValue!: string | number | string[] | number[];\n // To store initial value when writeValue() is called before entities are\n // loaded, either by entities() input or via paged loader. This is especially\n // necessary when the elf store uses an idKey other than 'id'.\n _initialValue: string | number | string[] | number[] | undefined = undefined;\n\n // For storing last select value, which we use to restore the select's value\n // to when New Item is selected. This ensures that when New Item is selected,\n // the select's value remains the same. If the newly created item is to be\n // set as the select's value, the corresponding TEntity has to be added\n // to _entities (via addEntity()) and then selected by setting the\n // corresponding formControl's value to the entity's id.\n lastSelectValue!: string | number | string[] | number[];\n searching = false;\n filterStr: string = '';\n\n filter$ = new Subject<string>();\n\n // ControlValueAccessor callbacks\n onChanged = (_: any) => {};\n onTouched = () => {};\n\n // @ViewChild(MatSelect) matSelect!: MatSelect;\n matSelect = viewChild(MatSelect);\n\n filteredValues = new Subject<TEntity[]>();\n filteredGroupedValues = new Subject<EntityGroup<TEntity>[]>();\n\n destroy = new Subject<void>();\n\n static nextId = 0;\n @HostBinding() id = `sp-select-entity-${SPMatSelectEntityComponent.nextId++}`;\n private _placeholder!: string;\n //protected http = inject(HttpClient);\n protected cdr = inject(ChangeDetectorRef);\n protected _elementRef = inject(ElementRef<HTMLElement>);\n protected _formField = inject(MAT_FORM_FIELD, { optional: true });\n public ngControl = inject(NgControl, { optional: true });\n transloco = inject(TranslocoService);\n\n // pagedEntityLoader!: SPPagedEntityLoader<TEntity, IdKey>;\n\n constructor() {\n super();\n if (this.ngControl != null) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n /**\n * Conditions for loading entities:\n *\n * 1. When the select is opened, if entities have not already been loaded.\n * 2. When the search string changes.\n * 3. When the scroll reaches the bottom and more entities are available\n * to be loaded.\n *\n * We need to create an 'observer-loop' that can handle the above.\n */\n\n ngOnInit() {\n this.startLoader();\n // A rudimentary mechanism to detect which of the two observables\n // emitted the latest value. We reset this array to 'false' after\n // processing every combined emission.\n const emittedObservable = [false, false];\n const store$ = this.store.pipe(selectAllEntities());\n const filter$ = this.filter$.pipe(\n startWith(''),\n distinctUntilChanged(),\n debounceTime(400)\n );\n\n const emittedStatusObservable = (obs: Observable<any>, index: number) =>\n obs.pipe(tap(() => (emittedObservable[index] = true)));\n\n // We need to determine if the emission is owing to a change in\n // filterStr or a change in the entities in pagedEntityLoader.store$.\n //\n // 1. If entities in pagedEntityLoader.store$ have changed, we just need\n // to filter the entities in local store using the current filterStr.\n // 2. If filterStr has changed, there are two cases to handle:-\n // a. If all entities have been loaded, we don't need to reload\n // entities. Instead we just have to filter the entities in\n // local store using the filterStr.\n // b. If all entities have not been loaded, we trigger a server\n // load with the new filterStr as the search param.\n //\n // The following logic implements the above.\n combineLatest([\n emittedStatusObservable(store$, 0),\n emittedStatusObservable(filter$, 1),\n ])\n .pipe(\n takeUntil(this.destroy),\n tap(([entities, filterStr]) => {\n if (emittedObservable.every((eo) => eo)) {\n // initial emission. This can be combined with the case immediately\n // below it. But we keep it separate for clarity.\n emittedObservable[0] = emittedObservable[1] = false;\n this.filterEntities(entities, filterStr);\n } else if (emittedObservable[0]) {\n emittedObservable[0] = false;\n this.filterEntities(entities, filterStr);\n } else {\n emittedObservable[1] = false;\n if (this.allEntitiesLoaded()) {\n this.filterEntities(entities, filterStr);\n } else {\n // If filterStr has changed and not all entities have been loaded\n // store will be reset and entities reloaded from remote with\n // the new filterStr as the search param.\n this.setSearchParamValue(filterStr);\n this.loadNextPage();\n }\n }\n })\n )\n .subscribe();\n\n if (this._initialValue !== undefined) {\n this.writeValue(this._initialValue);\n this._initialValue = undefined;\n }\n }\n\n ngOnDestroy(): void {\n this.destroy.next();\n this.destroy.complete();\n this.stopLoader();\n // this.removeFromCache();\n this.stateChanges.complete();\n }\n\n ngAfterViewInit(): void {\n // I'm not sure this is how this logic is right, but this seems to work.\n // if (this.ngControl && this.ngControl.control?.validator) {\n // const validator = this.ngControl.control.validator;\n // const res = validator(this.ngControl.control);\n // if (res && res['required']) {\n // this.required = true;\n // }\n // }\n // load first page\n // this.loadMoreEntities();\n }\n\n addEntity(entity: TEntity) {\n this.store.update(upsertEntities(entity));\n this.cdr.detectChanges();\n }\n\n get selectTriggerValue() {\n if (this.selectValue) {\n const firstSelected = Array.isArray(this.selectValue)\n ? this.selectValue[0]\n : this.selectValue;\n const selectedEntity = this.getEntity(firstSelected as TEntity[IdKey]);\n return selectedEntity ? this._entityLabelFn()(selectedEntity) : '';\n }\n return '';\n }\n\n get selectTriggerValueAsArray() {\n return Array.isArray(this.selectValue)\n ? (this.selectValue as Array<string | number>)\n : [];\n }\n\n entityId(entity: TEntity) {\n return (entity as any)[this.idKey()];\n }\n\n writeValue(entityId: string | number | string[] | number[]): void {\n // If the component has not yet started (calling startLoader()), we store\n // the initial value in _initialValue and return. The actual setting of\n // the value will happen after startLoader() is called from ngOnInit().\n if (!this.hasStarted()) {\n this._initialValue = entityId;\n return;\n }\n\n const store = this.store;\n const entities = this.getEntities();\n if (Array.isArray(entityId)) {\n if (this.multiple()) {\n const selectedValues: any[] = [];\n entityId.forEach((id) => {\n if (store.query(hasEntity(id as TEntity[IdKey]))) {\n selectedValues.push(id);\n }\n });\n this.selectValue = selectedValues;\n this.cdr.detectChanges();\n }\n } else {\n if (store.query(hasEntity(entityId as TEntity[IdKey]))) {\n // if (this._entities.has(entityId)) {\n this.selectValue = entityId;\n if (this.filterStr) {\n this.filterStr = '';\n // this.filterNonGroupedEntities(entities, this.filterStr);\n }\n this.cdr.detectChanges();\n }\n }\n }\n\n registerOnChange(fn: any): void {\n this.onChanged = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n @Input()\n get entities(): TEntity[] {\n return this.getEntities();\n }\n\n set entities(items: TEntity[]) {\n this.setEntities(items);\n }\n\n @Input()\n get value(): string | number | string[] | number[] {\n return this.selectValue;\n }\n set value(val: string | number | string[] | number[]) {\n this.selectValue = val;\n this.stateChanges.next();\n }\n get shouldLabelFloat() {\n return this.focused || !this.empty;\n }\n\n @Input('aria-describedby') userAriaDescribedBy!: string;\n\n @Input()\n get placeholder(): string {\n return this._placeholder;\n }\n set placeholder(value: string) {\n this._placeholder = value;\n this.stateChanges.next();\n }\n\n @Input()\n get required() {\n return (\n this._required ??\n this.ngControl?.control?.hasValidator(Validators.required)\n );\n }\n set required(req: boolean) {\n this._required = coerceBooleanProperty(req);\n this.stateChanges.next();\n }\n // Deliberately 'undefined' so that `get required()` will return the state\n // from ngControl's validators.\n private _required!: boolean;\n\n @Input()\n get disabled(): boolean {\n return this._disabled ?? this.ngControl?.control?.disabled;\n }\n set disabled(value: BooleanInput) {\n const disabled = coerceBooleanProperty(value);\n if (disabled !== this._disabled) {\n this.setDisabledState(disabled);\n this.stateChanges.next();\n }\n }\n // Same as `_required`, deliberately `undefined` by default.\n private _disabled!: boolean;\n\n get empty() {\n return !this.value;\n }\n\n get errorState(): boolean {\n return !!this.ngControl?.invalid && this.touched;\n }\n\n onFocusIn(event: FocusEvent) {\n if (!this.focused) {\n this.focused = true;\n this.stateChanges.next();\n }\n }\n\n onFocusOut(event: FocusEvent) {\n if (\n !this._elementRef.nativeElement.contains(event.relatedTarget as Element)\n ) {\n this.touched = true;\n this.focused = false;\n this.onTouched();\n this.stateChanges.next();\n }\n }\n\n setDescribedByIds(ids: string[]) {}\n\n onContainerClick(event: MouseEvent) {\n if ((event.target as Element).tagName.toLowerCase() != 'mat-select') {\n this._elementRef.nativeElement.querySelector('mat-select').focus();\n }\n }\n\n setDisabledState(isDisabled: boolean): void {\n this._disabled = isDisabled;\n const matSelect = this.matSelect();\n if (matSelect) {\n matSelect.setDisabledState(isDisabled);\n this.cdr.detectChanges();\n }\n }\n\n onSelectOpened(ev: any) {\n // Store the current select value so that we can restore it if user\n // eventually selects 'New Item' option.\n this.lastSelectValue = this.selectValue;\n // If values have not been loaded from remote, trigger a load.\n if (this.totalEntitiesAtRemote() === 0) {\n // first load\n this.loadNextPage();\n }\n }\n\n onSelectionChange(ev: MatSelectChange) {\n // console.log('SelectionChange - sel:', ev);\n if (Array.isArray(ev.value)) {\n this.selectValue = ev.value;\n this.onTouched();\n this.onChanged(ev.value);\n const selectedEntities: TEntity[] = ev.value.map((id) =>\n this.store.query(getEntity(id))\n ) as TEntity[];\n this.selectionChange.emit(selectedEntities);\n } else {\n if (ev.value !== '0') {\n this.selectValue = ev.value;\n this.onTouched();\n this.onChanged(ev.value);\n this.selectionChange.emit(this.store.query(getEntity(ev.value)));\n } else {\n // New Item activated, return value to previous value. We track\n // previous value via 'lastSelectValue' member which is updated\n // whenever the select is opened.\n if (this.ngControl) {\n this.ngControl.control?.setValue(this.lastSelectValue);\n }\n ev.source.value = this.lastSelectValue;\n this.createNewItemSelected.emit();\n this.cdr.detectChanges();\n }\n }\n }\n\n /**\n * Wrapper to filter entities based on whether grouping is enabled or not.\n * Calls one of the two filtering methods -- filterGroupedEntities() or\n * filterNonGroupedEntities().\n * @param entities\n * @param filterStr\n * @returns\n */\n filterEntities(entities: TEntity[], filterStr: string) {\n this.searching = true;\n let retval: number | undefined;\n if (this._group()) {\n this.filterGroupedEntities(entities, filterStr);\n } else {\n this.filterNonGroupedEntities(entities, filterStr);\n }\n this.searching = false;\n }\n\n /**\n * Filters the entities based on the search string.\n * @param search The search string to filter entities.\n * @returns The number of entities in the filtered result set or undefined.\n */\n filterNonGroupedEntities(entities: TEntity[], search: string) {\n const searchLwr = search.toLocaleLowerCase();\n if (!search) {\n this.filteredValues.next(entities.slice());\n } else {\n const filteredEntities = entities.filter((member) => {\n const filterFn = this.filterFn();\n if (filterFn) {\n return filterFn(member, search);\n }\n const labelFn = this._entityLabelFn();\n return labelFn(member).toLocaleLowerCase().includes(searchLwr);\n });\n this.filteredValues.next(filteredEntities);\n }\n }\n\n /**\n * Filtering grouped entities logic works like this. If the search string\n * matches a group label, the entire group is to be included in the results.\n * However, if the search string only matches certain entities, only those\n * groups are to be included and within those groups, only entities whose\n * label matches the search string are to be included in the result set.\n * @param search\n * @returns number of groups in the filtered result set.\n */\n filterGroupedEntities(entities: TEntity[], search: string) {\n const searchLwr = search.toLocaleLowerCase();\n // First filter entities by the search string, if it's specified\n let filteredEntities: TEntity[];\n if (!search) {\n filteredEntities = entities;\n } else {\n filteredEntities = entities.filter((member) => {\n const filterFn = this.filterFn();\n if (filterFn) {\n return filterFn(member, search);\n }\n const labelFn = this._entityLabelFn();\n return labelFn(member).toLocaleLowerCase().includes(searchLwr);\n });\n }\n this.filteredGroupedValues.next(this.groupEntities(filteredEntities));\n }\n\n /**\n * Helper to arrange the given array of entities into groups based on the\n * groupByFn or groupOptionsKey. groupByFn takes precedence over\n * groupOptionsKey.\n * @param entities\n * @returns EntityGroup<TEntity>[]\n */\n protected groupEntities(entities: TEntity[]): EntityGroup<TEntity>[] {\n let groupByFn!: (entity: TEntity) => string;\n if (this.groupByFn()) {\n groupByFn = this.groupByFn()!;\n } else if (this.groupOptionsKey()) {\n groupByFn = (entity: TEntity) => {\n const key = this.groupOptionsKey()!;\n return (entity as any)[key] ?? '???';\n };\n }\n\n const groupedEntitiesMap = new Map<string | number, TEntity[]>();\n entities.forEach((entity) => {\n const groupId = groupByFn!(entity);\n if (!groupedEntitiesMap.has(groupId)) {\n groupedEntitiesMap.set(groupId, []);\n }\n groupedEntitiesMap.get(groupId)!.push(entity);\n });\n let entityGroups: EntityGroup<TEntity>[] = [];\n groupedEntitiesMap.forEach((entities, groupId) => {\n entityGroups.push({\n label: String(groupId),\n entities,\n });\n });\n return entityGroups;\n }\n\n // private existsInCache() {\n // const cacheKey = this.getCacheKey();\n // if (cacheKey) {\n // return SPMatSelectEntityComponent._entitiesCache.has(cacheKey);\n // }\n // return false;\n // }\n\n // private getCacheKey() {\n // if (typeof this.url() !== 'function') {\n // let params!: HttpParams;\n // if (this.httpParams) {\n // params = new HttpParams({\n // fromString: this.httpParams.toString(),\n // });\n // } else {\n // params = new HttpParams();\n // }\n // // params = params.set('paginate', false)\n // return `${this.url}?${params.toString()}`;\n // }\n // return ''; // empty string evalutes to boolean(false)\n // }\n\n // private getFromCache() {\n // const cacheKey = this.getCacheKey();\n // if (cacheKey && SPMatSelectEntityComponent._entitiesCache.has(cacheKey)) {\n // return SPMatSelectEntityComponent._entitiesCache.get(cacheKey)\n // ?.entities as TEntity[];\n // }\n // return [];\n // }\n\n // private addToCache(entities: TEntity[]) {\n // const cacheKey = this.getCacheKey();\n // if (cacheKey) {\n // if (!SPMatSelectEntityComponent._entitiesCache.has(cacheKey)) {\n // SPMatSelectEntityComponent._entitiesCache.set(cacheKey, {\n // refCount: 0,\n // entities,\n // });\n // }\n // const cacheEntry =\n // SPMatSelectEntityComponent._entitiesCache.get(cacheKey);\n // cacheEntry!.refCount += 1;\n // }\n // }\n\n // private removeFromCache() {\n // const cacheKey = this.getCacheKey();\n // if (cacheKey) {\n // const cacheEntry =\n // SPMatSelectEntityComponent._entitiesCache.get(cacheKey);\n // if (cacheEntry) {\n // cacheEntry!.refCount -= 1;\n // if (cacheEntry.refCount <= 0) {\n // SPMatSelectEntityComponent._entitiesCache.delete(cacheKey);\n // }\n // }\n // }\n // }\n\n private getHttpReqContext() {\n const context = new HttpContext();\n const entityName = this.entityName;\n context.set(SP_MAT_SELECT_ENTITY_HTTP_CONTEXT, {\n entityName: this.entityName(),\n entityNamePlural: this._pluralEntityName(),\n endpoint: this.url() as string,\n });\n return context;\n }\n\n /**\n * If more entities are available, load the next page of entities.\n * This method is triggered when user scrolls to the bottom of the options\n * list. Well almost to the bottom of the options list. :)\n */\n onInfiniteScroll() {\n if (this.hasMore() && !this.loading()) {\n this.loadNextPage();\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"smallpearl-ngx-helper-mat-select-entity.mjs","sources":["../../../../projects/smallpearl/ngx-helper/mat-select-entity/src/mat-select-entity.component.ts","../../../../projects/smallpearl/ngx-helper/mat-select-entity/smallpearl-ngx-helper-mat-select-entity.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule, NgTemplateOutlet } from '@angular/common';\nimport {\n HttpContext,\n HttpContextToken\n} from '@angular/common/http';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n computed,\n ElementRef,\n EventEmitter,\n HostBinding,\n inject,\n input,\n Input,\n OnDestroy,\n OnInit,\n Output,\n TemplateRef,\n viewChild,\n} from '@angular/core';\nimport {\n ControlValueAccessor,\n FormsModule,\n NgControl,\n ReactiveFormsModule,\n Validators,\n} from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport {\n MAT_FORM_FIELD,\n MatFormFieldControl,\n} from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport {\n MatSelect,\n MatSelectChange,\n MatSelectModule,\n} from '@angular/material/select';\nimport {\n provideTranslocoScope,\n TranslocoModule,\n TranslocoService,\n} from '@jsverse/transloco';\nimport { getEntity, hasEntity, selectAllEntities, upsertEntities } from '@ngneat/elf-entities';\nimport {\n SPPagedEntityLoader\n} from '@smallpearl/ngx-helper/entities';\nimport {\n SPMatEntityListPaginator,\n SPPageParams,\n} from '@smallpearl/ngx-helper/mat-entity-list';\nimport { MatSelectInfiniteScrollDirective } from '@smallpearl/ngx-helper/mat-select-infinite-scroll';\nimport { NgxMatSelectSearchModule } from 'ngx-mat-select-search';\nimport {\n combineLatest,\n debounceTime,\n distinctUntilChanged,\n Observable,\n startWith,\n Subject,\n takeUntil,\n tap\n} from 'rxjs';\n\n\nexport interface SPMatSelectEntityHttpContext {\n entityName: string;\n entityNamePlural: string;\n endpoint: string;\n}\n\nexport const SP_MAT_SELECT_ENTITY_HTTP_CONTEXT =\n new HttpContextToken<SPMatSelectEntityHttpContext>(() => ({\n entityName: '',\n entityNamePlural: '',\n endpoint: '',\n }));\n\n// Internal type to represent a group of entities. Used when grouping is enabled.\ntype EntityGroup<TEntity> = {\n label: string;\n entities: TEntity[];\n};\n\nexport type SPMatSelectEntityResponseParser = <\n TEntity extends { [P in IdKey]: PropertyKey },\n IdKey extends string = 'id'\n>(\n response: any\n) => Array<TEntity>;\n\n// Default paginator implementation. This can handle dynamic-rest and DRF\n// native pagination schemes. It also has a fallback to handle response conists\n// of an array of entities.\nclass DefaultPaginator implements SPMatEntityListPaginator {\n getRequestPageParams(\n endpoint: string,\n page: number,\n pageSize: number\n ): SPPageParams {\n return {\n page: page + 1,\n pageSize,\n };\n }\n\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 ) {\n if (Array.isArray(resp)) {\n return {\n total: resp.length,\n entities: resp,\n };\n }\n\n if (typeof resp === 'object') {\n const keys = Object.keys(resp);\n // Handle dynamic-rest sideloaded response\n // Rudimentary sideloaded response support. This should work for most\n // of the sideloaded responses where the main entities are stored\n // under the plural entity name key and resp['meta'] object contains\n // the total count.\n if (\n keys.includes(entityNamePlural) &&\n Array.isArray(resp[entityNamePlural])\n ) {\n let total = resp[entityNamePlural].length;\n if (\n keys.includes('meta') &&\n typeof resp['meta'] === 'object' &&\n typeof resp['meta']['total'] === 'number'\n ) {\n total = resp['meta']['total'];\n }\n return {\n total,\n entities: resp[entityNamePlural],\n };\n }\n\n // Handle django-rest-framework style response\n if (keys.includes('results') && Array.isArray(resp['results'])) {\n let total = resp['results'].length;\n if (keys.includes('count') && typeof resp['count'] === 'number') {\n total = resp['count'];\n }\n return {\n total,\n entities: resp['results'],\n };\n }\n\n // Finally, look for \"items\" key\n if (keys.includes('items') && Array.isArray(resp['items'])) {\n return {\n total: resp['items'].length,\n entities: resp['items'],\n };\n }\n }\n\n return {\n total: 0,\n entities: [],\n };\n }\n}\n\n/**\n * This is a generic component to display a <mat-select> for a FK field\n * where the select's options are dynamically loaded from the server using\n * the given url (or URL). The objects thus retrieved should have a\n * unique 'id' field that will be used as the value of each `option` element.\n * Therefore upon selection of an `option` element, the `select` value will\n * be set to the object's `id` property. By default 'id' is used as its id,\n * but this can be customized by specifying the `idKey' property value.\n */\n@Component({\n selector: 'sp-mat-select-entity',\n template: `\n <div\n *transloco=\"let t; scope: 'sp-mat-select-entity'\"\n (focusin)=\"onFocusIn($event)\"\n (focusout)=\"onFocusOut($event)\"\n role=\"group\"\n [attr.aria-labelledby]=\"_formField?.getLabelId()\"\n >\n <mat-select\n [placeholder]=\"placeholder\"\n (opened)=\"onSelectOpened($event)\"\n (selectionChange)=\"onSelectionChange($event)\"\n [multiple]=\"multiple()\"\n [(ngModel)]=\"selectValue\"\n msInfiniteScroll\n (infiniteScroll)=\"onInfiniteScroll()\"\n >\n <mat-select-trigger>\n {{ selectTriggerValue }}\n @if (selectTriggerValueAsArray.length > 1) {\n <span class=\"addl-selection-count\">\n (+{{ selectTriggerValueAsArray.length - 1 }})\n </span>\n }\n </mat-select-trigger>\n\n <mat-option [disabled]=\"totalEntitiesCount() === 0\">\n <ngx-mat-select-search\n class=\"flex-grow-1\"\n [(ngModel)]=\"filterStr\"\n (ngModelChange)=\"this.filter$.next($event)\"\n [placeholderLabel]=\"\n searchText() ? searchText() : t('spMatSelectEntity.search')\n \"\n [noEntriesFoundLabel]=\"\n notFoundText() ? notFoundText() : t('spMatSelectEntity.notFound')\n \"\n [searching]=\"searching\"\n >\n </ngx-mat-select-search>\n </mat-option>\n\n <ng-template #defaultOptionLabelTemplate let-entity>\n {{ _entityLabelFn()(entity) }}\n </ng-template>\n @if (!_group()) { @if (filteredValues | async; as entities) { @for\n (entity of entities; track entityId(entity)) {\n <mat-option class=\"sel-entity-option\" [value]=\"entityId(entity)\">\n <ng-container\n *ngTemplateOutlet=\"\n optionLabelTemplate() || defaultOptionLabelTemplate;\n context: { $implicit: entity }\n \"\n ></ng-container>\n </mat-option>\n } } } @else { @if (filteredGroupedValues | async; as groups) { @for\n (group of groups; track group.label) {\n <mat-optgroup [label]=\"group.label\">\n @for (entity of group.entities; track entityId(entity)) {\n <mat-option class=\"sel-entity-option\" [value]=\"entityId(entity)\">\n <ng-container\n *ngTemplateOutlet=\"\n optionLabelTemplate() || defaultOptionLabelTemplate;\n context: { $implicit: entity }\n \"\n ></ng-container>\n </mat-option>\n }\n </mat-optgroup>\n } } }\n\n <!--\n Create New option is displayed only if there is a filter string.\n The logic behind this behavior being that user searches for a matching\n item and when not finding one, would like to add a new one.\n -->\n @if (inlineNew() && loaded() && (filterStr.length > 0 || totalEntitiesAtRemote() === 0)) {\n <mat-option\n class=\"add-item-option\"\n value=\"0\"\n (click)=\"$event.stopPropagation()\"\n >⊕\n {{\n this.createNewText()\n ? this.createNewText()\n : t('spMatSelectEntity.createNew', {\n item: this._capitalizedEntityName()\n })\n }}\n </mat-option>\n }\n @if (loading$ | async) {\n <div class=\"loading-wrapper\">\n <mat-progress-spinner\n diameter=\"24\"\n mode=\"indeterminate\"\n ></mat-progress-spinner>\n </div>\n }\n </mat-select>\n </div>\n `,\n styles: [\n `\n .add-item-option {\n padding-top: 2px;\n border-top: 1px solid var(--mat-sys-outline);\n }\n .addl-selection-count {\n opacity: 0.75;\n font-size: 0.8em;\n }\n .loading-wrapper {\n display: flex;\n justify-content: center;\n padding: 8px 0;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n CommonModule,\n NgTemplateOutlet,\n FormsModule,\n ReactiveFormsModule,\n MatSelectModule,\n MatButtonModule,\n MatIconModule,\n MatProgressSpinnerModule,\n TranslocoModule,\n NgxMatSelectSearchModule,\n MatSelectInfiniteScrollDirective,\n ],\n providers: [\n provideTranslocoScope('sp-mat-select-entity'),\n { provide: MatFormFieldControl, useExisting: SPMatSelectEntityComponent },\n ],\n})\nexport class SPMatSelectEntityComponent<\n TEntity extends { [P in IdKey]: PropertyKey },\n IdKey extends string = 'id'\n >\n extends SPPagedEntityLoader<TEntity, IdKey>\n implements\n OnInit,\n OnDestroy,\n AfterViewInit,\n ControlValueAccessor,\n MatFormFieldControl<string | number | string[] | number[]>\n{\n // We cache the entities that we fetch from remote here. Cache is indexed\n // by the endpoint. Each endpoint also keeps a refCount, which is incremented\n // for each instance of the component using the same endpoint. When this\n // refcount reaches 0, the endpoint is removed from the cache.\n //\n // This mechanism is to suppress multiple fetches from the remote from the\n // same endpoint as that can occur if a form has multiple instances of\n // this component with the same url.\n // static _entitiesCache = new Map<\n // string,\n // { refCount: number; entities: Array<any> }\n // >();\n\n //**** OPTIONAL ATTRIBUTES ****//\n\n // Entity label function - function that takes an entity object and returns\n // a string label for it. If not specified, a default label function is used\n // that returns the value of 'name' or 'label' or 'title' property. If\n // none of these properties are present, the entity's id is returned as\n // string.\n labelFn = input<(entity: TEntity) => string>();\n\n // Entity filter function - return a boolean if the entity is to be included\n // in the filtered entities list.\n filterFn = input<(entity: TEntity, search: string) => boolean>();\n\n // Set to true to show \"Add { item }\" option in the select dropdown.\n // Selecting this option, will emit `createNewItemSelected` event.\n inlineNew = input<boolean>(false);\n\n // Set to true to allow multiple option selection. The returned value\n // would be an array of entity ids.\n multiple = input<boolean>(false);\n\n /**\n * The entity key name that is used to classify entities into groups or\n * a function that takes a TEntity and returns the group id (string).\n * Entities with the same key value will be grouped together. If this is\n * specified, grouping will be enabled.\n * @see groupByFn\n */\n groupOptionsKey = input<string | ((entity: TEntity) => string)>();\n\n /**\n * A function that a group id (string/number) and returns the label (string).\n * Defaults to a function that returns the group id as string.\n */\n groupLabelFn = input<(groupId: string|number) => string>((groupId) => groupId.toString());\n\n @Output() selectionChange = new EventEmitter<TEntity | TEntity[]>();\n @Output() createNewItemSelected = new EventEmitter<void>();\n\n // i18n localization support toallow per component customization of\n // some strings used.\n readonly searchText = input<string>();\n readonly notFoundText = input<string>();\n readonly createNewText = input<string>();\n\n controlType = 'sp-mat-select-entity';\n\n /**\n * Template for the option label. If not provided, the default label\n * function will be used. Option label is what is placed inside the\n * <mat-option> tag. The template gets an implicit 'entity' variable\n * in the context, value for which is the entity object.\n *\n * For example:\n * ```\n * <sp-mat-select-entity\n * [url]=\"'/api/v1/customers/'\"\n * [labelFn]=\"entity => entity.name\"\n * [optionLabelTemplate]=\"optionLabelTemplate\"\n * ></sp-mat-select-entity>\n * <ng-template #optionLabelTemplate let-entity>\n * {{ entity.name }} - {{ entity.description }}\n * </ng-template>\n * ```\n */\n optionLabelTemplate = input<TemplateRef<any>>();\n\n // a computed version of labelFn that provides a default implementation\n protected _entityLabelFn = computed<(entity: TEntity) => string>(() => {\n const fn = this.labelFn();\n if (fn) {\n return fn;\n }\n return (entity: TEntity) => {\n return (\n (entity as any)['name'] ||\n (entity as any)['label'] ||\n (entity as any)['title'] ||\n String((entity as any)[this.idKey()])\n );\n };\n });\n\n // Whether to group options. Grouping is enabled when either groupOptionsKey\n // or groupByFn is specified.\n protected _group = computed<boolean>(() => {\n return !!this.groupOptionsKey();\n });\n\n // For the global paginator. We'll abstract this into an independent\n // configuration that can be shared across both mat-entity-list and\n // mat-select-entity later.\n // entityListConfig = getEntityListConfig();\n\n // protected _paginator = computed<SPMatEntityListPaginator>(() => {\n // const paginator = this.paginator();\n // const entityListConfigPaginator = this.entityListConfig\n // ?.paginator as SPMatEntityListPaginator;\n // return paginator\n // ? paginator\n // : entityListConfigPaginator ?? new DefaultPaginator();\n // });\n\n stateChanges = new Subject<void>();\n focused = false;\n touched = false;\n\n selectValue!: string | number | string[] | number[];\n // To store initial value when writeValue() is called before entities are\n // loaded, either by entities() input or via paged loader. This is especially\n // necessary when the elf store uses an idKey other than 'id'.\n _initialValue: string | number | string[] | number[] | undefined = undefined;\n\n // For storing last select value, which we use to restore the select's value\n // to when New Item is selected. This ensures that when New Item is selected,\n // the select's value remains the same. If the newly created item is to be\n // set as the select's value, the corresponding TEntity has to be added\n // to _entities (via addEntity()) and then selected by setting the\n // corresponding formControl's value to the entity's id.\n lastSelectValue!: string | number | string[] | number[];\n searching = false;\n filterStr: string = '';\n\n filter$ = new Subject<string>();\n\n // ControlValueAccessor callbacks\n onChanged = (_: any) => {};\n onTouched = () => {};\n\n // @ViewChild(MatSelect) matSelect!: MatSelect;\n matSelect = viewChild(MatSelect);\n\n filteredValues = new Subject<TEntity[]>();\n filteredGroupedValues = new Subject<EntityGroup<TEntity>[]>();\n\n destroy = new Subject<void>();\n\n static nextId = 0;\n @HostBinding() id = `sp-select-entity-${SPMatSelectEntityComponent.nextId++}`;\n private _placeholder!: string;\n //protected http = inject(HttpClient);\n protected cdr = inject(ChangeDetectorRef);\n protected _elementRef = inject(ElementRef<HTMLElement>);\n protected _formField = inject(MAT_FORM_FIELD, { optional: true });\n public ngControl = inject(NgControl, { optional: true });\n transloco = inject(TranslocoService);\n\n // pagedEntityLoader!: SPPagedEntityLoader<TEntity, IdKey>;\n\n constructor() {\n super();\n if (this.ngControl != null) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n /**\n * Conditions for loading entities:\n *\n * 1. When the select is opened, if entities have not already been loaded.\n * 2. When the search string changes.\n * 3. When the scroll reaches the bottom and more entities are available\n * to be loaded.\n *\n * We need to create an 'observer-loop' that can handle the above.\n */\n\n ngOnInit() {\n this.startLoader();\n // A rudimentary mechanism to detect which of the two observables\n // emitted the latest value. We reset this array to 'false' after\n // processing every combined emission.\n const emittedObservable = [false, false];\n const store$ = this.store.pipe(selectAllEntities());\n const filter$ = this.filter$.pipe(\n startWith(''),\n distinctUntilChanged(),\n debounceTime(400)\n );\n\n const emittedStatusObservable = (obs: Observable<any>, index: number) =>\n obs.pipe(tap(() => (emittedObservable[index] = true)));\n\n // We need to determine if the emission is owing to a change in\n // filterStr or a change in the entities in pagedEntityLoader.store$.\n //\n // 1. If entities in pagedEntityLoader.store$ have changed, we just need\n // to filter the entities in local store using the current filterStr.\n // 2. If filterStr has changed, there are two cases to handle:-\n // a. If all entities have been loaded, we don't need to reload\n // entities. Instead we just have to filter the entities in\n // local store using the filterStr.\n // b. If all entities have not been loaded, we trigger a server\n // load with the new filterStr as the search param.\n //\n // The following logic implements the above.\n combineLatest([\n emittedStatusObservable(store$, 0),\n emittedStatusObservable(filter$, 1),\n ])\n .pipe(\n takeUntil(this.destroy),\n tap(([entities, filterStr]) => {\n if (emittedObservable.every((eo) => eo)) {\n // initial emission. This can be combined with the case immediately\n // below it. But we keep it separate for clarity.\n emittedObservable[0] = emittedObservable[1] = false;\n this.filterEntities(entities, filterStr);\n } else if (emittedObservable[0]) {\n emittedObservable[0] = false;\n this.filterEntities(entities, filterStr);\n } else {\n emittedObservable[1] = false;\n if (this.allEntitiesLoaded()) {\n this.filterEntities(entities, filterStr);\n } else {\n // If filterStr has changed and not all entities have been loaded\n // store will be reset and entities reloaded from remote with\n // the new filterStr as the search param.\n this.setSearchParamValue(filterStr);\n this.loadNextPage();\n }\n }\n })\n )\n .subscribe();\n\n if (this._initialValue !== undefined) {\n this.writeValue(this._initialValue);\n this._initialValue = undefined;\n }\n }\n\n ngOnDestroy(): void {\n this.destroy.next();\n this.destroy.complete();\n this.stopLoader();\n // this.removeFromCache();\n this.stateChanges.complete();\n }\n\n ngAfterViewInit(): void {\n // I'm not sure this is how this logic is right, but this seems to work.\n // if (this.ngControl && this.ngControl.control?.validator) {\n // const validator = this.ngControl.control.validator;\n // const res = validator(this.ngControl.control);\n // if (res && res['required']) {\n // this.required = true;\n // }\n // }\n // load first page\n // this.loadMoreEntities();\n }\n\n addEntity(entity: TEntity) {\n this.store.update(upsertEntities(entity));\n this.cdr.detectChanges();\n }\n\n get selectTriggerValue() {\n if (this.selectValue) {\n const firstSelected = Array.isArray(this.selectValue)\n ? this.selectValue[0]\n : this.selectValue;\n const selectedEntity = this.getEntity(firstSelected as TEntity[IdKey]);\n return selectedEntity ? this._entityLabelFn()(selectedEntity) : '';\n }\n return '';\n }\n\n get selectTriggerValueAsArray() {\n return Array.isArray(this.selectValue)\n ? (this.selectValue as Array<string | number>)\n : [];\n }\n\n entityId(entity: TEntity) {\n return (entity as any)[this.idKey()];\n }\n\n writeValue(entityId: string | number | string[] | number[]): void {\n // If the component has not yet started (calling startLoader()), we store\n // the initial value in _initialValue and return. The actual setting of\n // the value will happen after startLoader() is called from ngOnInit().\n if (!this.hasStarted()) {\n this._initialValue = entityId;\n return;\n }\n\n const store = this.store;\n const entities = this.getEntities();\n if (Array.isArray(entityId)) {\n if (this.multiple()) {\n const selectedValues: any[] = [];\n entityId.forEach((id) => {\n if (store.query(hasEntity(id as TEntity[IdKey]))) {\n selectedValues.push(id);\n }\n });\n this.selectValue = selectedValues;\n this.cdr.detectChanges();\n }\n } else {\n if (store.query(hasEntity(entityId as TEntity[IdKey]))) {\n // if (this._entities.has(entityId)) {\n this.selectValue = entityId;\n if (this.filterStr) {\n this.filterStr = '';\n // this.filterNonGroupedEntities(entities, this.filterStr);\n }\n this.cdr.detectChanges();\n }\n }\n }\n\n registerOnChange(fn: any): void {\n this.onChanged = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n @Input()\n get entities(): TEntity[] {\n return this.getEntities();\n }\n\n set entities(items: TEntity[]) {\n this.setEntities(items);\n }\n\n @Input()\n get value(): string | number | string[] | number[] {\n return this.selectValue;\n }\n set value(val: string | number | string[] | number[]) {\n this.selectValue = val;\n this.stateChanges.next();\n }\n get shouldLabelFloat() {\n return this.focused || !this.empty;\n }\n\n @Input('aria-describedby') userAriaDescribedBy!: string;\n\n @Input()\n get placeholder(): string {\n return this._placeholder;\n }\n set placeholder(value: string) {\n this._placeholder = value;\n this.stateChanges.next();\n }\n\n @Input()\n get required() {\n return (\n this._required ??\n this.ngControl?.control?.hasValidator(Validators.required)\n );\n }\n set required(req: boolean) {\n this._required = coerceBooleanProperty(req);\n this.stateChanges.next();\n }\n // Deliberately 'undefined' so that `get required()` will return the state\n // from ngControl's validators.\n private _required!: boolean;\n\n @Input()\n get disabled(): boolean {\n return this._disabled ?? this.ngControl?.control?.disabled;\n }\n set disabled(value: BooleanInput) {\n const disabled = coerceBooleanProperty(value);\n if (disabled !== this._disabled) {\n this.setDisabledState(disabled);\n this.stateChanges.next();\n }\n }\n // Same as `_required`, deliberately `undefined` by default.\n private _disabled!: boolean;\n\n get empty() {\n return !this.value;\n }\n\n get errorState(): boolean {\n return !!this.ngControl?.invalid && this.touched;\n }\n\n onFocusIn(event: FocusEvent) {\n if (!this.focused) {\n this.focused = true;\n this.stateChanges.next();\n }\n }\n\n onFocusOut(event: FocusEvent) {\n if (\n !this._elementRef.nativeElement.contains(event.relatedTarget as Element)\n ) {\n this.touched = true;\n this.focused = false;\n this.onTouched();\n this.stateChanges.next();\n }\n }\n\n setDescribedByIds(ids: string[]) {}\n\n onContainerClick(event: MouseEvent) {\n if ((event.target as Element).tagName.toLowerCase() != 'mat-select') {\n this._elementRef.nativeElement.querySelector('mat-select').focus();\n }\n }\n\n setDisabledState(isDisabled: boolean): void {\n this._disabled = isDisabled;\n const matSelect = this.matSelect();\n if (matSelect) {\n matSelect.setDisabledState(isDisabled);\n this.cdr.detectChanges();\n }\n }\n\n onSelectOpened(ev: any) {\n // Store the current select value so that we can restore it if user\n // eventually selects 'New Item' option.\n this.lastSelectValue = this.selectValue;\n // If values have not been loaded from remote, trigger a load.\n if (this.totalEntitiesAtRemote() === 0) {\n // first load\n this.loadNextPage();\n }\n }\n\n onSelectionChange(ev: MatSelectChange) {\n // console.log('SelectionChange - sel:', ev);\n if (Array.isArray(ev.value)) {\n this.selectValue = ev.value;\n this.onTouched();\n this.onChanged(ev.value);\n const selectedEntities: TEntity[] = ev.value.map((id) =>\n this.store.query(getEntity(id))\n ) as TEntity[];\n this.selectionChange.emit(selectedEntities);\n } else {\n if (ev.value !== '0') {\n this.selectValue = ev.value;\n this.onTouched();\n this.onChanged(ev.value);\n this.selectionChange.emit(this.store.query(getEntity(ev.value)));\n } else {\n // New Item activated, return value to previous value. We track\n // previous value via 'lastSelectValue' member which is updated\n // whenever the select is opened.\n if (this.ngControl) {\n this.ngControl.control?.setValue(this.lastSelectValue);\n }\n ev.source.value = this.lastSelectValue;\n this.createNewItemSelected.emit();\n this.cdr.detectChanges();\n }\n }\n }\n\n /**\n * Wrapper to filter entities based on whether grouping is enabled or not.\n * Calls one of the two filtering methods -- filterGroupedEntities() or\n * filterNonGroupedEntities().\n * @param entities\n * @param filterStr\n * @returns\n */\n filterEntities(entities: TEntity[], filterStr: string) {\n this.searching = true;\n let retval: number | undefined;\n if (this._group()) {\n this.filterGroupedEntities(entities, filterStr);\n } else {\n this.filterNonGroupedEntities(entities, filterStr);\n }\n this.searching = false;\n }\n\n /**\n * Filters the entities based on the search string.\n * @param search The search string to filter entities.\n * @returns The number of entities in the filtered result set or undefined.\n */\n filterNonGroupedEntities(entities: TEntity[], search: string) {\n const searchLwr = search.toLocaleLowerCase();\n if (!search) {\n this.filteredValues.next(entities.slice());\n } else {\n const filteredEntities = entities.filter((member) => {\n const filterFn = this.filterFn();\n if (filterFn) {\n return filterFn(member, search);\n }\n const labelFn = this._entityLabelFn();\n return labelFn(member).toLocaleLowerCase().includes(searchLwr);\n });\n this.filteredValues.next(filteredEntities);\n }\n }\n\n /**\n * Filtering grouped entities logic works like this. If the search string\n * matches a group label, the entire group is to be included in the results.\n * However, if the search string only matches certain entities, only those\n * groups are to be included and within those groups, only entities whose\n * label matches the search string are to be included in the result set.\n * @param search\n * @returns number of groups in the filtered result set.\n */\n filterGroupedEntities(entities: TEntity[], search: string) {\n const searchLwr = search.toLocaleLowerCase();\n // First filter entities by the search string, if it's specified\n let filteredEntities: TEntity[];\n if (!search) {\n filteredEntities = entities;\n } else {\n filteredEntities = entities.filter((member) => {\n const filterFn = this.filterFn();\n if (filterFn) {\n return filterFn(member, search);\n }\n const labelFn = this._entityLabelFn();\n return labelFn(member).toLocaleLowerCase().includes(searchLwr);\n });\n }\n this.filteredGroupedValues.next(this.groupEntities(filteredEntities));\n }\n\n /**\n * Helper to arrange the given array of entities into groups based on the\n * value for `groupOptionsKey`.\n * @param entities\n * @returns EntityGroup<TEntity>[]\n */\n protected groupEntities(entities: TEntity[]): EntityGroup<TEntity>[] {\n const groupOptionsKey = this.groupOptionsKey();\n\n // Normalize the groupOptionsKey into a function that takes a TEntity\n // and returns the group id (string).\n let groupByFn!: (entity: TEntity) => string;\n if (typeof groupOptionsKey === 'string') {\n groupByFn = (entity: TEntity) => {\n return (entity as any)[groupOptionsKey] ?? '???';\n };\n } else if (typeof groupOptionsKey === 'function') {\n groupByFn = groupOptionsKey;\n }\n // if (this.groupByFn()) {\n // groupByFn = this.groupByFn()!;\n // } else if (this.groupOptionsKey()) {\n // groupByFn = (entity: TEntity) => {\n // const key = this.groupOptionsKey()!;\n // return (entity as any)[key] ?? '???';\n // };\n // }\n\n const groupedEntitiesMap = new Map<string | number, TEntity[]>();\n entities.forEach((entity) => {\n const groupId = groupByFn!(entity);\n if (!groupedEntitiesMap.has(groupId)) {\n groupedEntitiesMap.set(groupId, []);\n }\n groupedEntitiesMap.get(groupId)!.push(entity);\n });\n let entityGroups: EntityGroup<TEntity>[] = [];\n groupedEntitiesMap.forEach((entities, groupId) => {\n entityGroups.push({\n label: this.groupLabelFn()(groupId),\n entities,\n });\n });\n return entityGroups;\n }\n\n // private existsInCache() {\n // const cacheKey = this.getCacheKey();\n // if (cacheKey) {\n // return SPMatSelectEntityComponent._entitiesCache.has(cacheKey);\n // }\n // return false;\n // }\n\n // private getCacheKey() {\n // if (typeof this.url() !== 'function') {\n // let params!: HttpParams;\n // if (this.httpParams) {\n // params = new HttpParams({\n // fromString: this.httpParams.toString(),\n // });\n // } else {\n // params = new HttpParams();\n // }\n // // params = params.set('paginate', false)\n // return `${this.url}?${params.toString()}`;\n // }\n // return ''; // empty string evalutes to boolean(false)\n // }\n\n // private getFromCache() {\n // const cacheKey = this.getCacheKey();\n // if (cacheKey && SPMatSelectEntityComponent._entitiesCache.has(cacheKey)) {\n // return SPMatSelectEntityComponent._entitiesCache.get(cacheKey)\n // ?.entities as TEntity[];\n // }\n // return [];\n // }\n\n // private addToCache(entities: TEntity[]) {\n // const cacheKey = this.getCacheKey();\n // if (cacheKey) {\n // if (!SPMatSelectEntityComponent._entitiesCache.has(cacheKey)) {\n // SPMatSelectEntityComponent._entitiesCache.set(cacheKey, {\n // refCount: 0,\n // entities,\n // });\n // }\n // const cacheEntry =\n // SPMatSelectEntityComponent._entitiesCache.get(cacheKey);\n // cacheEntry!.refCount += 1;\n // }\n // }\n\n // private removeFromCache() {\n // const cacheKey = this.getCacheKey();\n // if (cacheKey) {\n // const cacheEntry =\n // SPMatSelectEntityComponent._entitiesCache.get(cacheKey);\n // if (cacheEntry) {\n // cacheEntry!.refCount -= 1;\n // if (cacheEntry.refCount <= 0) {\n // SPMatSelectEntityComponent._entitiesCache.delete(cacheKey);\n // }\n // }\n // }\n // }\n\n private getHttpReqContext() {\n const context = new HttpContext();\n const entityName = this.entityName;\n context.set(SP_MAT_SELECT_ENTITY_HTTP_CONTEXT, {\n entityName: this.entityName(),\n entityNamePlural: this._pluralEntityName(),\n endpoint: this.url() as string,\n });\n return context;\n }\n\n /**\n * If more entities are available, load the next page of entities.\n * This method is triggered when user scrolls to the bottom of the options\n * list. Well almost to the bottom of the options list. :)\n */\n onInfiniteScroll() {\n if (this.hasMore() && !this.loading()) {\n this.loadNextPage();\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -38,20 +38,18 @@ export declare class SPMatSelectEntityComponent<TEntity extends {
38
38
  inlineNew: import("@angular/core").InputSignal<boolean>;
39
39
  multiple: import("@angular/core").InputSignal<boolean>;
40
40
  /**
41
- * The entity key name that is used to classify entities into groups.
41
+ * The entity key name that is used to classify entities into groups or
42
+ * a function that takes a TEntity and returns the group id (string).
42
43
  * Entities with the same key value will be grouped together. If this is
43
44
  * specified, grouping will be enabled.
44
45
  * @see groupByFn
45
46
  */
46
- groupOptionsKey: import("@angular/core").InputSignal<string | undefined>;
47
+ groupOptionsKey: import("@angular/core").InputSignal<string | ((entity: TEntity) => string) | undefined>;
47
48
  /**
48
- * A function that takes a TEntity and returns the group id (string)
49
- * that the entity belongs to. If this is specified, grouping of entities
50
- * in the select will be enabled. This takes precedence over
51
- * `groupOptionsKey`.
52
- * @see groupOptionsKey
49
+ * A function that a group id (string/number) and returns the label (string).
50
+ * Defaults to a function that returns the group id as string.
53
51
  */
54
- groupByFn: import("@angular/core").InputSignal<((entity: TEntity) => string) | undefined>;
52
+ groupLabelFn: import("@angular/core").InputSignal<(groupId: string | number) => string>;
55
53
  selectionChange: EventEmitter<TEntity | TEntity[]>;
56
54
  createNewItemSelected: EventEmitter<void>;
57
55
  readonly searchText: import("@angular/core").InputSignal<string | undefined>;
@@ -79,7 +77,6 @@ export declare class SPMatSelectEntityComponent<TEntity extends {
79
77
  optionLabelTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
80
78
  protected _entityLabelFn: import("@angular/core").Signal<(entity: TEntity) => string>;
81
79
  protected _group: import("@angular/core").Signal<boolean>;
82
- protected _groupEntitiesKey: import("@angular/core").Signal<string>;
83
80
  stateChanges: Subject<void>;
84
81
  focused: boolean;
85
82
  touched: boolean;
@@ -174,8 +171,7 @@ export declare class SPMatSelectEntityComponent<TEntity extends {
174
171
  filterGroupedEntities(entities: TEntity[], search: string): void;
175
172
  /**
176
173
  * Helper to arrange the given array of entities into groups based on the
177
- * groupByFn or groupOptionsKey. groupByFn takes precedence over
178
- * groupOptionsKey.
174
+ * value for `groupOptionsKey`.
179
175
  * @param entities
180
176
  * @returns EntityGroup<TEntity>[]
181
177
  */
@@ -188,6 +184,6 @@ export declare class SPMatSelectEntityComponent<TEntity extends {
188
184
  */
189
185
  onInfiniteScroll(): void;
190
186
  static ɵfac: i0.ɵɵFactoryDeclaration<SPMatSelectEntityComponent<any, any>, never>;
191
- static ɵcmp: i0.ɵɵComponentDeclaration<SPMatSelectEntityComponent<any, any>, "sp-mat-select-entity", never, { "labelFn": { "alias": "labelFn"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "inlineNew": { "alias": "inlineNew"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "groupOptionsKey": { "alias": "groupOptionsKey"; "required": false; "isSignal": true; }; "groupByFn": { "alias": "groupByFn"; "required": false; "isSignal": true; }; "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; "notFoundText": { "alias": "notFoundText"; "required": false; "isSignal": true; }; "createNewText": { "alias": "createNewText"; "required": false; "isSignal": true; }; "optionLabelTemplate": { "alias": "optionLabelTemplate"; "required": false; "isSignal": true; }; "entities": { "alias": "entities"; "required": false; }; "value": { "alias": "value"; "required": false; }; "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "createNewItemSelected": "createNewItemSelected"; }, never, never, true, never>;
187
+ static ɵcmp: i0.ɵɵComponentDeclaration<SPMatSelectEntityComponent<any, any>, "sp-mat-select-entity", never, { "labelFn": { "alias": "labelFn"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "inlineNew": { "alias": "inlineNew"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "groupOptionsKey": { "alias": "groupOptionsKey"; "required": false; "isSignal": true; }; "groupLabelFn": { "alias": "groupLabelFn"; "required": false; "isSignal": true; }; "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; "notFoundText": { "alias": "notFoundText"; "required": false; "isSignal": true; }; "createNewText": { "alias": "createNewText"; "required": false; "isSignal": true; }; "optionLabelTemplate": { "alias": "optionLabelTemplate"; "required": false; "isSignal": true; }; "entities": { "alias": "entities"; "required": false; }; "value": { "alias": "value"; "required": false; }; "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "createNewItemSelected": "createNewItemSelected"; }, never, never, true, never>;
192
188
  }
193
189
  export {};
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "path": "src/assets/i18n/"
7
7
  }
8
8
  ],
9
- "version": "0.33.15",
9
+ "version": "0.33.16",
10
10
  "peerDependencies": {
11
11
  "@angular/common": "^19.1.0",
12
12
  "@angular/core": "^19.1.0",
@@ -52,14 +52,6 @@
52
52
  "types": "./entity-field/index.d.ts",
53
53
  "default": "./fesm2022/smallpearl-ngx-helper-entity-field.mjs"
54
54
  },
55
- "./locale": {
56
- "types": "./locale/index.d.ts",
57
- "default": "./fesm2022/smallpearl-ngx-helper-locale.mjs"
58
- },
59
- "./mat-busy-wheel": {
60
- "types": "./mat-busy-wheel/index.d.ts",
61
- "default": "./fesm2022/smallpearl-ngx-helper-mat-busy-wheel.mjs"
62
- },
63
55
  "./forms": {
64
56
  "types": "./forms/index.d.ts",
65
57
  "default": "./fesm2022/smallpearl-ngx-helper-forms.mjs"
@@ -68,6 +60,14 @@
68
60
  "types": "./hover-dropdown/index.d.ts",
69
61
  "default": "./fesm2022/smallpearl-ngx-helper-hover-dropdown.mjs"
70
62
  },
63
+ "./locale": {
64
+ "types": "./locale/index.d.ts",
65
+ "default": "./fesm2022/smallpearl-ngx-helper-locale.mjs"
66
+ },
67
+ "./mat-busy-wheel": {
68
+ "types": "./mat-busy-wheel/index.d.ts",
69
+ "default": "./fesm2022/smallpearl-ngx-helper-mat-busy-wheel.mjs"
70
+ },
71
71
  "./mat-context-menu": {
72
72
  "types": "./mat-context-menu/index.d.ts",
73
73
  "default": "./fesm2022/smallpearl-ngx-helper-mat-context-menu.mjs"