@ngstarter-ui/components 21.0.18 → 21.0.20

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ngstarter-ui/components",
   "description": "NgStarter - AI-friendly Enterprise Angular UI Components and Admin Panel",
-  "version": "21.0.18",
+  "version": "21.0.20",
   "repository": {
     "type": "git",
     "url": "https://github.com/elementarlabsdev/ngstarter.git"

package/types/ngstarter-ui-components-chips.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, AfterContentInit, DoCheck } from '@angular/core';
+import { ElementRef, AfterContentInit, OnDestroy, DoCheck } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { FormFieldControl } from '@ngstarter-ui/components/form-field';
 
@@ -20,7 +20,7 @@ declare class Chip {
     _handleKeydown(event: KeyboardEvent): void;
     _handleBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Chip, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Chip, "ngs-chip", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "destroyed": "destroyed"; "removed": "removed"; }, never, ["ngs-chip-avatar, [ngsChipAvatar]", "ngs-chip-shape, [ngsChipShape]", "*", "ngs-chip-remove, [ngsChipRemove], [ngsChipControl], [ngsChipEdit]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Chip, "ngs-chip", ["ngsChip"], { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "destroyed": "destroyed"; "removed": "removed"; }, never, ["ngs-chip-avatar, [ngsChipAvatar]", "ngs-chip-shape, [ngsChipShape]", "*", "ngs-chip-remove, [ngsChipRemove], [ngsChipControl], [ngsChipEdit]"], true, never>;
 }
 
 interface ChipEditedEvent {
@@ -67,6 +67,7 @@ declare class ChipGrid implements ControlValueAccessor, AfterContentInit, FormFi
     readonly stateChanges: _angular_core.WritableSignal<void>;
     private _focused;
     get focused(): boolean;
+    get multiline(): boolean;
     private _errorState;
     get errorState(): boolean;
     private _chipsLength;
@@ -99,7 +100,7 @@ declare class ChipGrid implements ControlValueAccessor, AfterContentInit, FormFi
 
 declare class ChipOption extends Chip {
     selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    private _internalSelected;
+    private readonly _internalSelected;
     constructor();
     get isSelected(): boolean;
     _setSelected(value: boolean): void;
@@ -109,14 +110,18 @@ declare class ChipOption extends Chip {
     }>;
     toggleSelected(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipOption, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipOption, "ngs-chip-option", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, ["ngs-chip-avatar, [ngsChipAvatar]", "ngs-chip-shape, [ngsChipShape]", "*", "ngs-chip-remove, [ngsChipRemove], [ngsChipControl], [ngsChipEdit]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipOption, "ngs-chip-option", ["ngsChipOption"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, ["ngs-chip-avatar, [ngsChipAvatar]", "ngs-chip-shape, [ngsChipShape]", "*", "ngs-chip-remove, [ngsChipRemove], [ngsChipControl], [ngsChipEdit]"], true, never>;
 }
 
-declare class ChipListbox implements ControlValueAccessor, AfterContentInit {
+declare class ChipListbox implements ControlValueAccessor, AfterContentInit, OnDestroy {
     multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly _disabledByControl;
+    readonly isDisabled: _angular_core.Signal<boolean>;
     readonly _chips: _angular_core.Signal<readonly ChipOption[]>;
     private readonly _chips$;
+    private _chipSelectionSubscriptions;
+    private _syncTimeout;
     private _value;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -127,7 +132,11 @@ declare class ChipListbox implements ControlValueAccessor, AfterContentInit {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
     private _onSelectionChange;
+    private _watchChips;
+    private _clearChipSelectionSubscriptions;
+    private _syncChipsAsync;
     private _updateChips;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipListbox, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipListbox, "ngs-chip-listbox", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["_chips"], ["*"], true, never>;
@@ -170,7 +179,7 @@ declare class ChipInput implements DoCheck {
     chipGridInput: _angular_core.InputSignal<ChipGrid | undefined>;
     chipInputSeparatorKeyCodes: _angular_core.InputSignal<ReadonlySet<number> | readonly number[] | undefined>;
     chipInputAddOnBlur: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly chipInputTokenEnd: _angular_core.OutputEmitterRef<any>;
+    readonly chipInputTokenEnd: _angular_core.OutputEmitterRef<ChipInputEvent>;
     protected readonly _value: _angular_core.WritableSignal<string>;
     protected readonly _focused: _angular_core.WritableSignal<boolean>;
     constructor();

package/types/ngstarter-ui-components-code-highlighter.d.ts

@@ -13,6 +13,7 @@ declare class CodeHighlighter implements OnChanges {
     highlightLines: _angular_core.InputSignal<number[] | number[][]>;
     showLanguage: _angular_core.InputSignalWithTransform<boolean, unknown>;
     showCopyButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly content: _angular_core.WritableSignal<SafeHtml | null>;
     readonly isLoading: _angular_core.WritableSignal<boolean>;
     readonly displayedLanguage: _angular_core.Signal<string>;
@@ -22,7 +23,7 @@ declare class CodeHighlighter implements OnChanges {
     private copyTimeout?;
     copyCode(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CodeHighlighter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CodeHighlighter, "ngs-code-highlighter", ["ngsCodeHighlighter"], { "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "diff": { "alias": "diff"; "required": false; "isSignal": true; }; "highlightLines": { "alias": "highlightLines"; "required": false; "isSignal": true; }; "showLanguage": { "alias": "showLanguage"; "required": false; "isSignal": true; }; "showCopyButton": { "alias": "showCopyButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CodeHighlighter, "ngs-code-highlighter", ["ngsCodeHighlighter"], { "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "diff": { "alias": "diff"; "required": false; "isSignal": true; }; "highlightLines": { "alias": "highlightLines"; "required": false; "isSignal": true; }; "showLanguage": { "alias": "showLanguage"; "required": false; "isSignal": true; }; "showCopyButton": { "alias": "showCopyButton"; "required": false; "isSignal": true; }; "disableOverflow": { "alias": "disableOverflow"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CodeHighlighter };

package/types/ngstarter-ui-components-form-field.d.ts

@@ -71,8 +71,9 @@ declare class IconButtonSuffix {
 declare const FORM_FIELD: InjectionToken<any>;
 
 declare class FormField {
+    readonly elementRef: ElementRef<any>;
     subscriptHiddenIfEmpty: i0.InputSignalWithTransform<boolean, unknown>;
-    elementRef: ElementRef<any>;
+    sameHeightAsButton: i0.InputSignalWithTransform<boolean, unknown>;
     wrapper: i0.Signal<ElementRef<any>>;
     container: i0.Signal<ElementRef<any>>;
     control: i0.Signal<FormFieldControl<any> | undefined>;
@@ -92,7 +93,7 @@ declare class FormField {
     protected _onClick(event: MouseEvent): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormField, "ngs-form-field", ["ngsFormField"], { "subscriptHiddenIfEmpty": { "alias": "subscriptHiddenIfEmpty"; "required": false; "isSignal": true; }; }, {}, ["control", "labelChild", "prefixChildren", "iconPrefixChildren", "iconButtonPrefixChildren", "textPrefixChildren", "suffixChildren", "iconSuffixChildren", "iconButtonSuffixChildren", "textSuffixChildren", "hintChildren", "errorChildren"], ["[ngsPrefix]", "[ngsIconPrefix]", "[ngsIconButtonPrefix]", "[ngsTextPrefix]", "ngs-label", "*", "[ngsTextSuffix]", "[ngsIconButtonSuffix]", "[ngsIconSuffix]", "[ngsSuffix]", "ngs-error", "ngs-hint"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormField, "ngs-form-field", ["ngsFormField"], { "subscriptHiddenIfEmpty": { "alias": "subscriptHiddenIfEmpty"; "required": false; "isSignal": true; }; "sameHeightAsButton": { "alias": "sameHeightAsButton"; "required": false; "isSignal": true; }; }, {}, ["control", "labelChild", "prefixChildren", "iconPrefixChildren", "iconButtonPrefixChildren", "textPrefixChildren", "suffixChildren", "iconSuffixChildren", "iconButtonSuffixChildren", "textSuffixChildren", "hintChildren", "errorChildren"], ["[ngsPrefix]", "[ngsIconPrefix]", "[ngsIconButtonPrefix]", "[ngsTextPrefix]", "ngs-label", "*", "[ngsTextSuffix]", "[ngsIconButtonSuffix]", "[ngsIconSuffix]", "[ngsSuffix]", "ngs-error", "ngs-hint"], true, never>;
 }
 
 interface FormFieldDefaultOptions {

package/types/ngstarter-ui-components-list.d.ts

@@ -65,9 +65,9 @@ declare class ListItem {
 }
 
 declare class SelectionList extends List implements OnInit {
+    readonly options: i0.Signal<readonly any[]>;
     multiple: i0.InputSignalWithTransform<boolean, unknown>;
     readonly selectionChange: i0.OutputEmitterRef<any>;
-    readonly options: i0.Signal<readonly any[]>;
     selectedOptions: SelectionModel<ListOption>;
     constructor();
     ngOnInit(): void;

package/types/ngstarter-ui-components-panel.d.ts

@@ -21,8 +21,10 @@ declare class PanelHeader {
 }
 
 declare class PanelSubheader {
+    flex: i0.InputSignalWithTransform<boolean, unknown>;
+    autoHeight: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelSubheader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelSubheader, "ngs-panel-subheader", ["ngsPanelSubheader"], {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelSubheader, "ngs-panel-subheader", ["ngsPanelSubheader"], { "flex": { "alias": "flex"; "required": false; "isSignal": true; }; "autoHeight": { "alias": "autoHeight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class PanelFooter {

package/types/ngstarter-ui-components-select.d.ts

@@ -81,6 +81,7 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     get required(): boolean;
     multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     hideCheckIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     ariaLabel: _angular_core.InputSignal<string | null>;
     tabIndex: _angular_core.InputSignalWithTransform<number, any>;
     ariaDescribedby: _angular_core.InputSignal<string | null>;
@@ -110,6 +111,8 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     get errorState(): boolean;
     private _empty;
     get empty(): boolean;
+    readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly showClearButton: _angular_core.Signal<boolean>;
     private _shouldLabelFloat;
     get shouldLabelFloat(): boolean;
     _onChange: (value: any) => void;
@@ -127,6 +130,7 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     toggle(): void;
     open(): void;
     close(): void;
+    clear(event?: MouseEvent): void;
     _onPositionChange(event: any): void;
     _onFocus(): void;
     _onBlur(): void;
@@ -145,7 +149,7 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     private _getOptionData;
     private _selectValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "ngs-select", ["ngsSelect"], { "_id": { "alias": "id"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "_disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideCheckIcon": { "alias": "hideCheckIcon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; "value": "valueChange"; }, ["selectBody", "options", "optionGroups", "customTrigger", "filterTrigger"], ["ngs-select-trigger", "ngs-filter-trigger", "ngs-select-header", "ngs-select-body", "ngs-optgroup,ngs-option", "*", "ngs-select-footer"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "ngs-select", ["ngsSelect"], { "_id": { "alias": "id"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "_disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideCheckIcon": { "alias": "hideCheckIcon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; "value": "valueChange"; }, ["selectBody", "options", "optionGroups", "customTrigger", "filterTrigger"], ["ngs-select-trigger", "ngs-filter-trigger", "ngs-select-header", "ngs-select-body", "ngs-optgroup,ngs-option", "*", "ngs-select-footer"], true, never>;
 }
 
 declare class SelectHeader {

package/fesm2022/ngstarter-ui-components-form-renderer-autocomplete-many-field-BZBE7KSU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngstarter-ui-components-form-renderer-autocomplete-many-field-BZBE7KSU.mjs","sources":["../../../projects/components/form-renderer/src/fields/autocomplete-many-field/autocomplete-many-field.ts","../../../projects/components/form-renderer/src/fields/autocomplete-many-field/autocomplete-many-field.html"],"sourcesContent":["import { Component, ElementRef, inject, input, OnInit, viewChild } from '@angular/core';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport {\n  Autocomplete,\n  AutocompleteSelectedEvent,\n  AutocompleteTrigger\n} from '@ngstarter-ui/components/autocomplete';\nimport { Option } from '@ngstarter-ui/components/option';\nimport { ChipGrid, ChipInput, ChipInputEvent, ChipRemove, ChipRow } from '@ngstarter-ui/components/chips';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\nimport { Error, FormField, Hint, Label } from '@ngstarter-ui/components/form-field';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { catchError, debounceTime, distinctUntilChanged, Observable, of, startWith, switchMap, tap } from 'rxjs';\nimport { ProgressSpinner } from '@ngstarter-ui/components/spinner';\nimport { AsyncPipe } from '@angular/common';\nimport { HttpClient, HttpParams } from '@angular/common/http';\n\n@Component({\n  selector: 'ngs-autocomplete-many-field',\n  imports: [\n    FormsModule,\n    Autocomplete,\n    AutocompleteTrigger,\n    ChipGrid,\n    ChipInput,\n    ChipRemove,\n    ChipRow,\n    Error,\n    FormField,\n    Hint,\n    Icon,\n    Label,\n    Option,\n    ReactiveFormsModule,\n    ProgressSpinner,\n    AsyncPipe\n  ],\n  templateUrl: './autocomplete-many-field.html',\n  styleUrl: './autocomplete-many-field.scss'\n})\nexport class AutocompleteManyField implements OnInit {\n  private httpClient = inject(HttpClient);\n\n  control = input.required<FormControl>();\n  config = input.required<ComponentConfig>();\n\n  readonly separatorKeysCodes: number[] = [ENTER, COMMA];\n  readonly chipsCtrl = new FormControl('');\n  readonly input = viewChild.required<ElementRef<HTMLInputElement>>('input');\n  readonly value: any[] = [];\n\n  filteredOptions$!: Observable<any[]>;\n  isLoading = false;\n\n  ngOnInit() {\n    this.filteredOptions$ = this.chipsCtrl.valueChanges.pipe(\n      startWith(''),\n      tap(() => this.isLoading = true),\n      debounceTime(300),\n      distinctUntilChanged(),\n      switchMap((query: any) => {\n        if (!query || !query.trim()) {\n          return of([]);\n        }\n        const params = new HttpParams().set('query', query || '');\n        return this.httpClient.get<any[]>(this.config().payload?.['autocompleteUrl'], {\n          params\n        });\n      }),\n      tap(() => this.isLoading = false)\n    );\n  }\n\n  getErrorMessage(): string {\n    const errors = this.control().errors;\n\n    if (!errors) {\n      return '';\n    }\n\n    const errorKey = Object.keys(errors)[0];\n    const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n    return validator?.message || 'Invalid value';\n  }\n\n  get options() {\n    return this.config()?.payload?.['options'] || [];\n  }\n\n  get bindValue() {\n    return this.config().bindValue || 'id';\n  }\n\n  get bindName() {\n    return this.config().bindName || 'name';\n  }\n\n  add(event: ChipInputEvent): void {\n    const name = (event.value || '').trim();\n    const hasValue = this.value.find(\n      v => v[this.bindName].toLowerCase() === name.toLowerCase()\n    );\n\n    if (name && !hasValue) {\n      this.value.push({\n        [this.bindValue]: null,\n        [this.bindName]: name,\n      });\n    }\n\n    event.chipInput!.clear();\n    this.chipsCtrl.setValue(null);\n    this.isLoading = false;\n    this.calculateControlValue();\n  }\n\n  remove(chip: any): void {\n    const index = this.value.indexOf(chip);\n\n    if (index >= 0) {\n      this.value.splice(index, 1);\n      this.calculateControlValue();\n    }\n  }\n\n  onSelected(event: AutocompleteSelectedEvent): void {\n    const hasValue = this.value.find(\n      v => v[this.bindName].toLowerCase() === (event.option.value as any)[this.bindName].toLowerCase()\n    );\n\n    if (!hasValue) {\n      this.value.push(event.option.value);\n    }\n\n    this.input().nativeElement.value = '';\n    this.chipsCtrl.setValue(null);\n    this.calculateControlValue();\n    this.isLoading = false;\n  }\n\n  private calculateControlValue() {\n    const value = this.value.map(v => {\n      const itemValue = v[this.bindValue];\n\n      if (itemValue) {\n        return {\n          [this.bindValue]: itemValue,\n        };\n      }\n\n      return v;\n    });\n    this.control().setValue(value);\n  }\n}\n","@if (control() && config()) {\n  <ngs-form-field>\n    <ngs-label>{{ config().label }}</ngs-label>\n    <ngs-chip-grid #chipGrid>\n      @for (option of value; track option) {\n        <ngs-chip-row (removed)=\"remove(option)\">\n          {{ option[bindName] }}\n          <button ngsChipRemove>\n            <ngs-icon name=\"fluent:dismiss-circle-24-regular\"/>\n          </button>\n        </ngs-chip-row>\n      }\n    </ngs-chip-grid>\n    <input [placeholder]=\"config().placeholder\"\n           #input\n           maxlength=\"30\"\n           [formControl]=\"chipsCtrl\"\n           [ngsChipInputFor]=\"chipGrid\"\n           [ngsAutocomplete]=\"autocomplete\"\n           [ngsChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n           (chipInputTokenEnd)=\"add($event)\">\n    @if (isLoading) {\n      <div class=\"loader\">\n        <ngs-progress-spinner\n          mode=\"indeterminate\"\n          [diameter]=\"20\"/>\n      </div>\n    }\n    <ngs-autocomplete #autocomplete=\"ngsAutocomplete\" (optionSelected)=\"onSelected($event)\">\n      @for (option of filteredOptions$ | async; track option) {\n        <ngs-option [value]=\"option\">{{ option[bindName] }}</ngs-option>\n      }\n\n      @if (!(filteredOptions$ | async)?.length && !isLoading && chipsCtrl.value) {\n        <ngs-option disabled>\n          No search results found.\n        </ngs-option>\n      }\n    </ngs-autocomplete>\n    <ngs-hint>{{ config().hint }}</ngs-hint>\n    @if (control().invalid && control().touched) {\n      <ngs-error>{{ getErrorMessage() }}</ngs-error>\n    }\n  </ngs-form-field>\n}\n"],"names":[],"mappings":"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"}