@smallpearl/ngx-helper 20.0.3 → 21.0.1

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

@@ -51,8 +51,7 @@ class DefaultPaginator {
             // of the sideloaded responses where the main entities are stored
             // under the plural entity name key and resp['meta'] object contains
             // the total count.
-            if (keys.includes(entityNamePlural) &&
-                Array.isArray(resp[entityNamePlural])) {
+            if (keys.includes(entityNamePlural) && Array.isArray(resp[entityNamePlural])) {
                 let total = resp[entityNamePlural].length;
                 if (keys.includes('meta') &&
                     typeof resp['meta'] === 'object' &&
@@ -129,6 +128,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
     multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
     // Set to true to make the mat-select readonly
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    myInput = input('', ...(ngDevMode ? [{ debugName: "myInput" }] : []));
     /**
      * The entity key name that is used to classify entities into groups or
      * a function that takes a TEntity and returns the group id (string).
@@ -191,10 +191,10 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
     // configuration that can be shared across both mat-entity-list and
     // mat-select-entity later.
     // entityListConfig = getEntityListConfig();
-    // protected _paginator = computed<SPMatEntityListPaginator>(() => {
+    // protected _paginator = computed<SPEntityListPaginator>(() => {
     //   const paginator = this.paginator();
     //   const entityListConfigPaginator = this.entityListConfig
-    //     ?.paginator as SPMatEntityListPaginator;
+    //     ?.paginator as SPEntityListPaginator;
     //   return paginator
     //     ? paginator
     //     : entityListConfigPaginator ?? new DefaultPaginator();
@@ -273,10 +273,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
         //        load with the new filterStr as the search param.
         //
         // The following logic implements the above.
-        combineLatest([
-            emittedStatusObservable(store$, 0),
-            emittedStatusObservable(filter$, 1),
-        ])
+        combineLatest([emittedStatusObservable(store$, 0), emittedStatusObservable(filter$, 1)])
             .pipe(takeUntil(this.destroy), tap(([entities, filterStr]) => {
             if (emittedObservable.every((eo) => eo)) {
                 // initial emission. This can be combined with the case immediately
@@ -342,9 +339,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
         return '';
     }
     get selectTriggerValueAsArray() {
-        return Array.isArray(this.selectValue)
-            ? this.selectValue
-            : [];
+        return Array.isArray(this.selectValue) ? this.selectValue : [];
     }
     entityId(entity) {
         return entity[this.idKey()];
@@ -414,8 +409,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
         this.stateChanges.next();
     }
     get required() {
-        return (this._required ??
-            this.ngControl?.control?.hasValidator(Validators.required));
+        return this._required ?? this.ngControl?.control?.hasValidator(Validators.required);
     }
     set required(req) {
         this._required = coerceBooleanProperty(req);
@@ -549,6 +543,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
             });
             this.filteredValues.next(filteredEntities);
         }
+        this.cdr.detectChanges();
     }
     /**
      * Filtering grouped entities logic works like this. If the search string
@@ -699,8 +694,8 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
             this.loadNextPage();
         }
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SPMatSelectEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", 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: [
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SPMatSelectEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, myInput: { classPropertyName: "myInput", publicName: "myInput", 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: [
             provideTranslocoScope('sp-mat-select-entity'),
             { provide: MatFormFieldControl, useExisting: SPMatSelectEntityComponent },
         ], viewQueries: [{ propertyName: "matSelect", first: true, predicate: MatSelect, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
@@ -724,9 +719,9 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
         <mat-select-trigger>
           {{ selectTriggerValue }}
           @if (selectTriggerValueAsArray.length > 1) {
-          <span class="addl-selection-count">
-            (+{{ selectTriggerValueAsArray.length - 1 }})
-          </span>
+            <span class="addl-selection-count">
+              (+{{ selectTriggerValueAsArray.length - 1 }})
+            </span>
           }
         </mat-select-trigger>
 
@@ -735,9 +730,7 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
             class="flex-grow-1"
             [(ngModel)]="filterStr"
             (ngModelChange)="this.filter$.next($event)"
-            [placeholderLabel]="
-              searchText() ? searchText() : t('spMatSelectEntity.search')
-            "
+            [placeholderLabel]="searchText() ? searchText() : t('spMatSelectEntity.search')"
             [noEntriesFoundLabel]="
               notFoundText() ? notFoundText() : t('spMatSelectEntity.notFound')
             "
@@ -749,31 +742,37 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
         <ng-template #defaultOptionLabelTemplate let-entity>
           {{ _entityLabelFn()(entity) }}
         </ng-template>
-        @if (!_group()) { @if (filteredValues | async; as entities) { @for
-        (entity of entities; track entityId(entity)) {
-        <mat-option class="sel-entity-option" [value]="entityId(entity)">
-          <ng-container
-            *ngTemplateOutlet="
-              optionLabelTemplate() || defaultOptionLabelTemplate;
-              context: { $implicit: entity }
-            "
-          ></ng-container>
-        </mat-option>
-        } } } @else { @if (filteredGroupedValues | async; as groups) { @for
-        (group of groups; track group.label) {
-        <mat-optgroup [label]="group.label">
-          @for (entity of group.entities; track entityId(entity)) {
-          <mat-option class="sel-entity-option" [value]="entityId(entity)">
-            <ng-container
-              *ngTemplateOutlet="
-                optionLabelTemplate() || defaultOptionLabelTemplate;
-                context: { $implicit: entity }
-              "
-            ></ng-container>
-          </mat-option>
+        @if (!_group()) {
+          @if (filteredValues | async; as entities) {
+            @for (entity of entities; track entityId(entity)) {
+              <mat-option class="sel-entity-option" [value]="entityId(entity)">
+                <ng-container
+                  *ngTemplateOutlet="
+                    optionLabelTemplate() || defaultOptionLabelTemplate;
+                    context: { $implicit: entity }
+                  "
+                ></ng-container>
+              </mat-option>
+            }
           }
-        </mat-optgroup>
-        } } }
+        } @else {
+          @if (filteredGroupedValues | async; as groups) {
+            @for (group of groups; track group.label) {
+              <mat-optgroup [label]="group.label">
+                @for (entity of group.entities; track entityId(entity)) {
+                  <mat-option class="sel-entity-option" [value]="entityId(entity)">
+                    <ng-container
+                      *ngTemplateOutlet="
+                        optionLabelTemplate() || defaultOptionLabelTemplate;
+                        context: { $implicit: entity }
+                      "
+                    ></ng-container>
+                  </mat-option>
+                }
+              </mat-optgroup>
+            }
+          }
+        }
 
         <!--
         Create New option is displayed only if there is a filter string.
@@ -781,33 +780,27 @@ class SPMatSelectEntityComponent extends SPPagedEntityLoader {
         item and when not finding one, would like to add a new one.
         -->
         @if (inlineNew() && loaded() && (filterStr.length > 0 || totalEntitiesAtRemote() === 0)) {
-        <mat-option
-          class="add-item-option"
-          value="0"
-          (click)="$event.stopPropagation()"
-          >⊕
-          {{
-            this.createNewText()
-              ? this.createNewText()
-              : t('spMatSelectEntity.createNew', {
-                  item: this._capitalizedEntityName()
-                })
-          }}
-        </mat-option>
+          <mat-option class="add-item-option" value="0" (click)="$event.stopPropagation()"
+            >⊕
+            {{
+              this.createNewText()
+                ? this.createNewText()
+                : t('spMatSelectEntity.createNew', {
+                    item: this._capitalizedEntityName(),
+                  })
+            }}
+          </mat-option>
         }
         @if (loading$ | async) {
-        <div class="loading-wrapper">
-          <mat-progress-spinner
-            diameter="24"
-            mode="indeterminate"
-          ></mat-progress-spinner>
-        </div>
+          <div class="loading-wrapper">
+            <mat-progress-spinner diameter="24" mode="indeterminate"></mat-progress-spinner>
+          </div>
         }
       </mat-select>
     </div>
   `, isInline: true, styles: [".add-item-option{padding-top:2px;border-top:1px solid var(--mat-sys-outline)}.addl-selection-count{opacity:.75;font-size:.8em}.loading-wrapper{display:flex;justify-content:center;padding:8px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "directive", type: i5.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: NgxMatSelectSearchModule }, { kind: "component", type: i6.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti", "recreateValuesArray"], outputs: ["toggleAll"] }, { kind: "directive", type: MatSelectInfiniteScrollDirective, selector: "[msInfiniteScroll]", inputs: ["threshold", "debounceTime", "complete"], outputs: ["infiniteScroll"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SPMatSelectEntityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SPMatSelectEntityComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-mat-select-entity', template: `
     <div
@@ -830,9 +823,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         <mat-select-trigger>
           {{ selectTriggerValue }}
           @if (selectTriggerValueAsArray.length > 1) {
-          <span class="addl-selection-count">
-            (+{{ selectTriggerValueAsArray.length - 1 }})
-          </span>
+            <span class="addl-selection-count">
+              (+{{ selectTriggerValueAsArray.length - 1 }})
+            </span>
           }
         </mat-select-trigger>
 
@@ -841,9 +834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             class="flex-grow-1"
             [(ngModel)]="filterStr"
             (ngModelChange)="this.filter$.next($event)"
-            [placeholderLabel]="
-              searchText() ? searchText() : t('spMatSelectEntity.search')
-            "
+            [placeholderLabel]="searchText() ? searchText() : t('spMatSelectEntity.search')"
             [noEntriesFoundLabel]="
               notFoundText() ? notFoundText() : t('spMatSelectEntity.notFound')
             "
@@ -855,31 +846,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         <ng-template #defaultOptionLabelTemplate let-entity>
           {{ _entityLabelFn()(entity) }}
         </ng-template>
-        @if (!_group()) { @if (filteredValues | async; as entities) { @for
-        (entity of entities; track entityId(entity)) {
-        <mat-option class="sel-entity-option" [value]="entityId(entity)">
-          <ng-container
-            *ngTemplateOutlet="
-              optionLabelTemplate() || defaultOptionLabelTemplate;
-              context: { $implicit: entity }
-            "
-          ></ng-container>
-        </mat-option>
-        } } } @else { @if (filteredGroupedValues | async; as groups) { @for
-        (group of groups; track group.label) {
-        <mat-optgroup [label]="group.label">
-          @for (entity of group.entities; track entityId(entity)) {
-          <mat-option class="sel-entity-option" [value]="entityId(entity)">
-            <ng-container
-              *ngTemplateOutlet="
-                optionLabelTemplate() || defaultOptionLabelTemplate;
-                context: { $implicit: entity }
-              "
-            ></ng-container>
-          </mat-option>
+        @if (!_group()) {
+          @if (filteredValues | async; as entities) {
+            @for (entity of entities; track entityId(entity)) {
+              <mat-option class="sel-entity-option" [value]="entityId(entity)">
+                <ng-container
+                  *ngTemplateOutlet="
+                    optionLabelTemplate() || defaultOptionLabelTemplate;
+                    context: { $implicit: entity }
+                  "
+                ></ng-container>
+              </mat-option>
+            }
           }
-        </mat-optgroup>
-        } } }
+        } @else {
+          @if (filteredGroupedValues | async; as groups) {
+            @for (group of groups; track group.label) {
+              <mat-optgroup [label]="group.label">
+                @for (entity of group.entities; track entityId(entity)) {
+                  <mat-option class="sel-entity-option" [value]="entityId(entity)">
+                    <ng-container
+                      *ngTemplateOutlet="
+                        optionLabelTemplate() || defaultOptionLabelTemplate;
+                        context: { $implicit: entity }
+                      "
+                    ></ng-container>
+                  </mat-option>
+                }
+              </mat-optgroup>
+            }
+          }
+        }
 
         <!--
         Create New option is displayed only if there is a filter string.
@@ -887,27 +884,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         item and when not finding one, would like to add a new one.
         -->
         @if (inlineNew() && loaded() && (filterStr.length > 0 || totalEntitiesAtRemote() === 0)) {
-        <mat-option
-          class="add-item-option"
-          value="0"
-          (click)="$event.stopPropagation()"
-          >⊕
-          {{
-            this.createNewText()
-              ? this.createNewText()
-              : t('spMatSelectEntity.createNew', {
-                  item: this._capitalizedEntityName()
-                })
-          }}
-        </mat-option>
+          <mat-option class="add-item-option" value="0" (click)="$event.stopPropagation()"
+            >⊕
+            {{
+              this.createNewText()
+                ? this.createNewText()
+                : t('spMatSelectEntity.createNew', {
+                    item: this._capitalizedEntityName(),
+                  })
+            }}
+          </mat-option>
         }
         @if (loading$ | async) {
-        <div class="loading-wrapper">
-          <mat-progress-spinner
-            diameter="24"
-            mode="indeterminate"
-          ></mat-progress-spinner>
-        </div>
+          <div class="loading-wrapper">
+            <mat-progress-spinner diameter="24" mode="indeterminate"></mat-progress-spinner>
+          </div>
         }
       </mat-select>
     </div>
@@ -927,7 +918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         provideTranslocoScope('sp-mat-select-entity'),
                         { provide: MatFormFieldControl, useExisting: SPMatSelectEntityComponent },
                     ], styles: [".add-item-option{padding-top:2px;border-top:1px solid var(--mat-sys-outline)}.addl-selection-count{opacity:.75;font-size:.8em}.loading-wrapper{display:flex;justify-content:center;padding:8px 0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { labelFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelFn", required: false }] }], filterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFn", required: false }] }], inlineNew: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineNew", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], groupOptionsKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupOptionsKey", required: false }] }], groupLabelFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupLabelFn", required: false }] }], selectionChange: [{
+        }], ctorParameters: () => [], propDecorators: { labelFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelFn", required: false }] }], filterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFn", required: false }] }], inlineNew: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineNew", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], myInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "myInput", required: false }] }], groupOptionsKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupOptionsKey", required: false }] }], groupLabelFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupLabelFn", required: false }] }], selectionChange: [{
                 type: Output
             }], createNewItemSelected: [{
                 type: Output