@testgorilla/tgo-ui 7.13.2 → 8.1.0

package/components/autocomplete/index.d.ts

@@ -1,5 +1,416 @@
+import * as i0 from '@angular/core';
+import { OnChanges, AfterViewInit, DoCheck, OnDestroy, OnInit, EventEmitter, ElementRef, ChangeDetectorRef, DestroyRef, NgZone, SimpleChanges, PipeTransform } from '@angular/core';
+import * as rxjs from 'rxjs';
+import { BehaviorSubject, ReplaySubject, Subscription } from 'rxjs';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i15 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import * as i9 from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i7 from '@angular/material/autocomplete';
+import { MatAutocompleteTrigger, MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import * as i13 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme, AutocompleteUtils } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i5 from '@angular/common';
+import * as i6 from '@angular/material/form-field';
+import * as i8 from '@angular/material/input';
+import * as i10 from '@testgorilla/tgo-ui/components/tag';
+import * as i11 from '@angular/material/chips';
+import * as i12 from '@testgorilla/tgo-ui/components/icon';
+import * as i14 from '@testgorilla/tgo-ui/components/validation-error';
+import * as i17 from '@testgorilla/tgo-ui/components/spinner';
+
+type AutocompleteType = 'single' | 'multi' | 'large';
+declare enum Autocomplete {
+    SINGLE = "single",
+    MULTI = "multi",
+    LARGE = "large"
+}
+declare enum Padding {
+    AUTOCOMPLETE_CONTAINER = 40,
+    DROPDOWN_CONTAINER = 60,
+    AUTOCOMPLETE_SPACE_CONTAINER = 65,
+    DROPDOWN_SPACE_CONTAINER = 85
+}
+declare const AMOUNT_TAG_WIDTH = 33;
+declare enum Timeout {
+    VIEW_INITIALIZED_AFTER_ACTION = 150,
+    VIEW_INITIALIZED_COMPONENT_LOAD = 600
+}
+declare enum DropdownVariation {
+    AUTOCOMPLETE = "autocomplete",
+    DROPDOWN = "dropdown"
+}
+type DropdownVariationType = `${DropdownVariation}`;
+type AutocompleteSize = 'small' | 'medium';
+
+declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy, OnInit {
+    private readonly defaultAppTheme;
+    private readonly cdr;
+    ngControl: NgControl;
+    private readonly platformId;
+    private readonly el;
+    private readonly focusMonitor;
+    private readonly destroyRef;
+    private readonly ngZone;
+    /**
+     * @property itemsList
+     * @description The list of items to display in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    itemsList: any[] | {
+        groupName: string;
+        items: any[];
+        isGroup: boolean;
+    }[];
+    /**
+     * @property suggestionsList
+     * @description The list of suggestions to display in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    suggestionsList: any[];
+    /**
+     * @property disabled
+     * @description If `true`, the autocomplete is disabled.
+     * @memberof AutocompleteComponent
+     */
+    disabled: boolean;
+    /**
+     * @property allowAdd
+     * @description If `true`, allows adding new values to the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    allowAdd: boolean;
+    /**
+     * @property textField
+     * @description The field to be used as the display text in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    textField: string;
+    /**
+     * @property valueField
+     * @description The field to be used as the value in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    valueField: string;
+    /**
+     * @property label
+     * @description The label for the autocomplete input.
+     * @memberof AutocompleteComponent
+     */
+    label: string;
+    /**
+     * @property placeholder
+     * @description The placeholder for the autocomplete input.
+     * @memberof AutocompleteComponent
+     */
+    placeholder: string;
+    /**
+     * @property value
+     * @description The selected value(s) in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    set itemValue(v: any);
+    /**
+     * @property type
+     * @description The type of the autocomplete ('single', 'multi', etc.).
+     * @memberof AutocompleteComponent
+     */
+    type: AutocompleteType;
+    /**
+     * @property minCharactersSearch
+     * @description The minimum characters to trigger search.
+     * @memberof AutocompleteComponent
+     */
+    minCharactersSearch: number;
+    /**
+     * @property variant
+     * @description The variant of Autocomplete
+     * @memberof AutocompleteComponent
+     */
+    variant: DropdownVariationType;
+    /**
+     * Show reserved content below form field
+     * @property showBottomContent
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    showBottomContent: boolean;
+    /**
+     * Return full object if true
+     * @property valuePrimitive
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    valuePrimitive: boolean;
+    /**
+     * Indicator of the autocomplete width
+     * @property fullWidth
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    fullWidth: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof AutocompleteComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Autocomplete is required or not
+     *
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    required: boolean;
+    /**
+     * Input field errors
+     *
+     * @type {string[]}
+     * @memberof AutocompleteComponent
+     */
+    set errors(errors: string[]);
+    /**
+     * Color of the option hover.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof AutocompleteComponent
+     */
+    companyColor: string | null;
+    /**
+     * Hide in-build errors for Reactive Forms
+     *
+     * @type {number}
+     * @memberof AutocompleteComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     * Hide label in errors
+     *
+     * @type {number}
+     * @memberof AutocompleteComponent
+     */
+    hideLabelInErrors: boolean;
+    /**
+     * Sets dropdown list to virtual scroll mode
+     *
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    virtualScroll: boolean;
+    /**
+     * @property compareWith
+     * @description Custom comparison logic for the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    compareWith: (a: any, b: any) => boolean;
+    /**
+     * @property dropdownPanelClass
+     * @description Sets class on autocomplete dropdown
+     * @memberof AutocompleteComponent
+     */
+    dropdownPanelClass: string;
+    /**
+     * @property closeOnScroll
+     * @description Defines if dropdown should be closed on page scroll
+     * @memberof AutocompleteComponent
+     */
+    closeOnScroll: boolean;
+    /**
+     * @property AutocompleteSize
+     * @description Defines the size of the autocomplete. Small changes the tags to counter; medium is default.
+     * @memberof AutocompleteComponent
+     */
+    size: AutocompleteSize;
+    /**
+     * @property allowUserInput
+     * @description If `true`, allows the user to input custom values in the autocomplete.
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    allowUserInput: boolean;
+    /**
+     * @property clearable
+     * @description If `true`, allows the user to clear the input values
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    clearable: boolean;
+    /**
+     * @property exactMatchSelect
+     * @description If `true`, allows to select the exact match from the suggestions list
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    exactMatchSelect: boolean;
+    /**
+     * @property maxItemSelected
+     * @description Sets the maximum number of items that can be selected in the autocomplete
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    maxItemSelected: number;
+    /**
+     * @property maxItemSelected
+     * @description Sets the maximum length of the autocomplete input
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    maxLength?: number;
+    isDynamicFilteringEnabled: boolean;
+    dynamicFilterLoading: boolean;
+    dynamicFilteredList: any[] | null;
+    infiniteScroll: boolean;
+    hasMoreOptionsForInfiniteScroll: boolean;
+    selectionChange: EventEmitter<any>;
+    searchTextChange: EventEmitter<string>;
+    blur: EventEmitter<void>;
+    focus: EventEmitter<void>;
+    /**
+     * @property scrollViewportBottomReached
+     * @description Emits when the bottom of the unfiltered list is reached during infinite scroll
+     * @memberof AutocompleteComponent
+     */
+    scrollViewportBottomReached: EventEmitter<void>;
+    /**
+     * @property scrollViewportBottomReachedFiltered
+     * @description Emits when the bottom of the filtered list is reached during infinite scroll
+     * @memberof AutocompleteComponent
+     */
+    scrollViewportBottomReachedFiltered: EventEmitter<void>;
+    formFieldElement: ElementRef<HTMLElement>;
+    tagContainer: ElementRef<HTMLElement>;
+    autocomplete: MatAutocompleteTrigger;
+    set cdkVirtualScrollViewport(viewport: CdkVirtualScrollViewport);
+    matAutocomplete: MatAutocomplete;
+    matInput: ElementRef<HTMLInputElement>;
+    protected safeErrors: string[];
+    protected value: any;
+    protected inputValue: any;
+    protected isInputFocus: boolean;
+    protected autocompleteType: typeof Autocomplete;
+    protected isOverLapping: boolean;
+    protected isOverlapChecking: boolean;
+    protected overlapIndex: number;
+    protected inputOpacity: number;
+    protected firstTagMaxWidth: number;
+    protected inputValueSearch$: BehaviorSubject<string>;
+    protected userInput$: ReplaySubject<string>;
+    protected dynamicFilteredList$: BehaviorSubject<any[] | null>;
+    protected filteredItemsList$: rxjs.Observable<any>;
+    protected filteredSuggestionList$: rxjs.Observable<any>;
+    protected savedVirtualScrollViewport: CdkVirtualScrollViewport;
+    protected savedVirtualScrollSubscription: Subscription;
+    protected isFilteredViewport: boolean;
+    scrollEvent: (event: any) => void;
+    protected searchResult$: rxjs.Observable<boolean>;
+    protected translationContext: string;
+    protected readonly AutocompleteUtils: typeof AutocompleteUtils;
+    private readonly isPlatform;
+    private observer;
+    protected keyboardFocused: i0.WritableSignal<boolean>;
+    isAlreadyAdded: boolean;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, platformId: any, el: ElementRef, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
+    ngOnInit(): void;
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onChange: (_: any) => void;
+    onTouch: () => void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    protected get isGrouped(): boolean;
+    protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
+    protected onOptionRemoved(option: any): void;
+    protected onInputChange(event: Event): void;
+    protected onClear(): void;
+    protected refillInput(): void;
+    protected gotoUp(): void;
+    protected onFocus(): void;
+    private checkOverlap;
+    private onUpdate;
+    private updateControlMaxLengthValidity;
+    private initValue;
+    private addNewValue;
+    protected get isDropdown(): boolean;
+    protected onChevronClick(autocomplete: MatAutocomplete): void;
+    protected get inputWidth(): number;
+    protected trackByFn: (index: number, value: string) => string;
+    /**
+     * Adding company color variable to the body to style overlay container that's out of the component scope.
+     */
+    private setCompanyColorVariable;
+    private subscriberDisplayChange;
+    protected get hasObjectValue(): boolean;
+    onKeydown($event: KeyboardEvent): void;
+    protected getVirtualScrollHeight(itemCount: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "exactMatchSelect": { "alias": "exactMatchSelect"; "required": false; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "isDynamicFilteringEnabled": { "alias": "isDynamicFilteringEnabled"; "required": false; }; "dynamicFilterLoading": { "alias": "dynamicFilterLoading"; "required": false; }; "dynamicFilteredList": { "alias": "dynamicFilteredList"; "required": false; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; }; "hasMoreOptionsForInfiniteScroll": { "alias": "hasMoreOptionsForInfiniteScroll"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; "scrollViewportBottomReached": "scrollViewportBottomReached"; "scrollViewportBottomReachedFiltered": "scrollViewportBottomReachedFiltered"; }, never, never, false, never>;
+    static ngAcceptInputType_virtualScroll: unknown;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * the TransformItemPipe is designed to selectively extract and return values from objects based on a specified field,
+ * providing a way to transform and display data a template.
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/autocomplete" />
-export * from './public-api';
+declare class TransformItemPipe implements PipeTransform {
+    transform(value: any, field: string, getValueList?: boolean): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransformItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TransformItemPipe, "transformItem", false>;
+}
+
+/**
+ * The purpose of this pipe is to determine if the value is present in the values array.
+ * If values is an array, the method uses the includes method to check for inclusion.
+ * If values is not an array, it checks for strict equality between value and values.
+ */
+declare class IncludesPipe implements PipeTransform {
+    transform(value: any, values: any, valueField?: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IncludesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IncludesPipe, "includes", false>;
+}
+
+/**
+ * the SelectTextDirective provides a dynamic way to highlight or style specific text within an element.
+ */
+declare class SelectTextDirective implements OnChanges {
+    private el;
+    selectText: string | null;
+    constructor(el: ElementRef);
+    /**
+     * this method utilizes setTimeout to defer the execution until the next tick of the event loop.
+     * The text content of the element is modified by wrapping occurrences of the specified selectText with a <span> element,
+     * applying a bold font-weight style.
+     */
+    private setTextColor;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectTextDirective, "[selectText]", never, { "selectText": { "alias": "selectText"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class PreventInputDirective {
+    uiPreventInput: boolean;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PreventInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PreventInputDirective, "[uiPreventInput]", never, { "uiPreventInput": { "alias": "uiPreventInput"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AutocompleteComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof AutocompleteComponent, typeof TransformItemPipe, typeof IncludesPipe, typeof SelectTextDirective], [typeof i5.CommonModule, typeof i6.MatFormFieldModule, typeof i7.MatAutocompleteModule, typeof i8.MatInputModule, typeof i9.FormsModule, typeof i10.TagComponentModule, typeof i11.MatChipsModule, typeof i12.IconComponentModule, typeof i13.UiTranslatePipe, typeof i14.ValidationErrorModule, typeof i13.HasValidationErrorPipe, typeof i15.CdkVirtualForOf, typeof i15.CdkVirtualScrollViewport, typeof i15.CdkFixedSizeVirtualScroll, typeof PreventInputDirective, typeof i17.SpinnerComponentModule], [typeof AutocompleteComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AutocompleteComponentModule>;
+}
+
+export { AMOUNT_TAG_WIDTH, Autocomplete, AutocompleteComponent, AutocompleteComponentModule, DropdownVariation, Padding, Timeout };
+export type { AutocompleteSize, AutocompleteType, DropdownVariationType };

package/components/autocomplete-v2/index.d.ts

@@ -1,5 +1,219 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/autocomplete-v2" />
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, AfterViewInit, DoCheck, ElementRef } from '@angular/core';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatAutocompleteTrigger, MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { BehaviorSubject, ReplaySubject, Observable } from 'rxjs';
+
+declare class AutocompleteFilterService<T extends Record<string, any> = Record<string, any>> implements OnDestroy {
+    readonly textField: _angular_core.WritableSignal<string>;
+    readonly flatItems: _angular_core.WritableSignal<T[]>;
+    readonly groupsList: _angular_core.WritableSignal<AutocompleteGroup<T>[]>;
+    readonly suggestions: _angular_core.WritableSignal<T[]>;
+    readonly searchText$: BehaviorSubject<string>;
+    readonly userInput$: ReplaySubject<string>;
+    readonly isSearching$: Observable<boolean>;
+    private readonly dynamicSource$;
+    private isDynamicMode;
+    filteredItems$: Observable<T[] | null>;
+    readonly filteredGroupedItems$: Observable<any[] | null>;
+    readonly filteredSuggestions$: Observable<T[] | null>;
+    search(text: string, minChars: number): void;
+    clearSearch(): void;
+    ngOnDestroy(): void;
+    setDynamicResults(list: T[] | null, loading: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteFilterService<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AutocompleteFilterService<any>>;
+}
+
+type Item = Record<string, unknown>;
+declare class AutocompleteV2Utils {
+    static transformDisplayValue<T extends Item>(value: T | null | undefined, textField: string): string;
+    static filterItems<T extends Item>(items: T[], inputValue: string, textField: string): T[];
+    static filterGroupedItems<T extends Item>(groups: {
+        groupName: string;
+        items: T[];
+    }[], inputValue: string, textField: string): {
+        groupName: string;
+        items: T[];
+        filteredItems: T[];
+    }[];
+    static excludeSuggestions<T extends Item>(items: T[], excludeItems: T[], valueField: string): T[];
+    static createValueItem<T extends Item>(value: T | string, textField: string, valueField: string): T;
+    static findDuplicate<T extends Item>(items: T[], selectedValue: T, lookupKey: string): T | undefined;
+    static isArray(value: unknown): value is unknown[];
+}
+
+type AutocompleteType = 'single' | 'multi' | 'large';
+declare enum Autocomplete {
+    SINGLE = "single",
+    MULTI = "multi",
+    LARGE = "large"
+}
+declare enum DropdownVariation {
+    AUTOCOMPLETE = "autocomplete",
+    DROPDOWN = "dropdown"
+}
+type DropdownVariationType = `${DropdownVariation}`;
+type AutocompleteSize = 'small' | 'medium';
+
+declare class AutocompleteValueManager<T extends Record<string, any> = Record<string, any>> {
+    readonly type: _angular_core.WritableSignal<AutocompleteType>;
+    readonly textField: _angular_core.WritableSignal<string>;
+    readonly valueField: _angular_core.WritableSignal<string>;
+    readonly compareWith: _angular_core.WritableSignal<((a: T, b: T) => boolean) | undefined>;
+    readonly value: _angular_core.WritableSignal<T | T[] | null>;
+    readonly isSingle: _angular_core.Signal<boolean>;
+    readonly displayValue: _angular_core.Signal<string>;
+    private onChangeFn;
+    private onTouchedFn;
+    registerOnChange(fn: (value: T | T[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    notifyChange(): void;
+    markAsTouched(): void;
+    writeValue(v: T | T[] | null): void;
+    addValue(newValue: T): void;
+    /**
+     * Removes `option` from the value array.
+     * Returns the found item (so the caller can deselect the mat-option), or undefined if not found.
+     */
+    removeValue(option: T): T | undefined;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteValueManager<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AutocompleteValueManager<any>>;
+}
+
+declare class AutocompleteOverflowDetectDirective implements AfterViewInit, OnDestroy {
+    measureContainer: _angular_core.InputSignal<HTMLElement | undefined>;
+    itemSelector: _angular_core.InputSignal<string>;
+    reserveWidth: _angular_core.InputSignal<number>;
+    visibleCount: _angular_core.WritableSignal<number>;
+    overflowCount: _angular_core.WritableSignal<number>;
+    hasMeasured: _angular_core.WritableSignal<boolean>;
+    tagMaxWidth: _angular_core.WritableSignal<number | null>;
+    private resizeObserver;
+    private rafId;
+    private readonly el;
+    private readonly ngZone;
+    ngAfterViewInit(): void;
+    setupObserver(containerSelector: string): void;
+    measure(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteOverflowDetectDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AutocompleteOverflowDetectDirective, "[uiAutocompleteOverflowDetect]", ["autocompleteOverflowDetect"], { "measureContainer": { "alias": "measureContainer"; "required": false; "isSignal": true; }; "itemSelector": { "alias": "itemSelector"; "required": false; "isSignal": true; }; "reserveWidth": { "alias": "reserveWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface AutocompleteGroup<T extends Record<string, any> = Record<string, any>> {
+    groupName: string;
+    items: T[];
+}
+declare class AutocompleteV2Component<T extends Record<string, any> = Record<string, any>> implements ControlValueAccessor, AfterViewInit, DoCheck, OnDestroy {
+    itemsList: _angular_core.InputSignal<T[]>;
+    suggestionsList: _angular_core.InputSignal<T[]>;
+    groupsList: _angular_core.InputSignal<AutocompleteGroup<T>[]>;
+    disabled: _angular_core.InputSignal<boolean>;
+    allowAdd: _angular_core.InputSignal<boolean>;
+    textField: _angular_core.InputSignal<string>;
+    valueField: _angular_core.InputSignal<string>;
+    imageField: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<AutocompleteType>;
+    minCharactersSearch: _angular_core.InputSignal<number>;
+    variant: _angular_core.InputSignal<"autocomplete" | "dropdown">;
+    showBottomContent: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean | undefined>;
+    virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    compareWith: _angular_core.InputSignal<((a: T, b: T) => boolean) | undefined>;
+    dropdownPanelClass: _angular_core.InputSignal<string>;
+    closeOnScroll: _angular_core.InputSignal<boolean>;
+    size: _angular_core.InputSignal<AutocompleteSize>;
+    allowUserInput: _angular_core.InputSignal<boolean>;
+    clearable: _angular_core.InputSignal<boolean>;
+    maxLength: _angular_core.InputSignal<number | undefined>;
+    dynamicFilterLoading: _angular_core.InputSignal<boolean>;
+    dynamicFilteredList: _angular_core.InputSignal<T[] | null>;
+    infiniteScroll: _angular_core.InputSignal<boolean>;
+    hasMoreOptionsForInfiniteScroll: _angular_core.InputSignal<boolean>;
+    itemValue: _angular_core.InputSignal<T | T[] | null>;
+    formErrorConfig: _angular_core.InputSignal<Record<string, string>>;
+    errors: _angular_core.InputSignal<string[]>;
+    selectionChange: _angular_core.OutputEmitterRef<T | T[]>;
+    searchTextChange: _angular_core.OutputEmitterRef<string>;
+    blur: _angular_core.OutputEmitterRef<void>;
+    focus: _angular_core.OutputEmitterRef<void>;
+    scrollViewportBottomReached: _angular_core.OutputEmitterRef<void>;
+    scrollViewportBottomReachedFiltered: _angular_core.OutputEmitterRef<void>;
+    formFieldElement: ElementRef<HTMLElement>;
+    tagContainer: ElementRef<HTMLElement>;
+    protected measureElRef?: ElementRef<HTMLElement>;
+    overflowDir?: AutocompleteOverflowDetectDirective;
+    autocomplete: MatAutocompleteTrigger;
+    set cdkViewport(viewport: CdkVirtualScrollViewport);
+    matAutocomplete: MatAutocomplete;
+    matInput: ElementRef<HTMLInputElement>;
+    protected readonly valueManager: AutocompleteValueManager<T>;
+    protected readonly filterService: AutocompleteFilterService<T>;
+    private readonly scrollManager;
+    private readonly cdr;
+    private readonly focusMonitor;
+    private readonly destroyRef;
+    private readonly ngZone;
+    readonly ngControl: NgControl | null;
+    protected readonly applicationTheme: ApplicationTheme;
+    protected inputValue: _angular_core.WritableSignal<string>;
+    protected isInputFocus: _angular_core.WritableSignal<boolean>;
+    protected autocompleteType: typeof Autocomplete;
+    /** Flat list for default (ungrouped) rendering and virtual scroll */
+    protected flatItemsList: _angular_core.Signal<T[]>;
+    /** Grouped list — only used when isGrouped is true */
+    protected groupedItemsList: _angular_core.Signal<{
+        groupName: string;
+        items: T[];
+    }[]>;
+    protected _isDisabled: _angular_core.WritableSignal<boolean>;
+    protected translationContext: string;
+    protected readonly utils: typeof AutocompleteV2Utils;
+    protected keyboardFocused: _angular_core.WritableSignal<boolean>;
+    protected isAlreadyAdded: _angular_core.Signal<boolean>;
+    protected showClearButton: _angular_core.Signal<any>;
+    protected safeErrors: _angular_core.Signal<string[]>;
+    private controlInvalid;
+    protected hasError: _angular_core.Signal<boolean>;
+    protected hiddenItemsTooltip: _angular_core.Signal<string>;
+    constructor();
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: T | T[] | null): void;
+    protected get isGrouped(): boolean;
+    protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
+    protected onOptionRemoved(option: T): void;
+    protected onInputChange(event: Event): void;
+    protected onClear(): void;
+    protected onBlur(): void;
+    protected onPanelOpened(): void;
+    protected onScrollBottom(): void;
+    protected onFocus(): void;
+    private onUpdate;
+    protected get isDropdown(): boolean;
+    protected onChevronClick(autocomplete: MatAutocomplete): void;
+    protected trackByFn: (index: number, value: string) => string;
+    protected trackByItem: (_index: number, item: T) => any;
+    onKeydown($event: KeyboardEvent): void;
+    protected getVirtualScrollHeight(itemCount: number): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteV2Component<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteV2Component<any>, "ui-autocomplete-v2", never, { "itemsList": { "alias": "itemsList"; "required": false; "isSignal": true; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; "isSignal": true; }; "groupsList": { "alias": "groupsList"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowAdd": { "alias": "allowAdd"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "imageField": { "alias": "imageField"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": true; "isSignal": true; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; "isSignal": true; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "dynamicFilterLoading": { "alias": "dynamicFilterLoading"; "required": false; "isSignal": true; }; "dynamicFilteredList": { "alias": "dynamicFilteredList"; "required": false; "isSignal": true; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; "isSignal": true; }; "hasMoreOptionsForInfiniteScroll": { "alias": "hasMoreOptionsForInfiniteScroll"; "required": false; "isSignal": true; }; "itemValue": { "alias": "itemValue"; "required": false; "isSignal": true; }; "formErrorConfig": { "alias": "formErrorConfig"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; "scrollViewportBottomReached": "scrollViewportBottomReached"; "scrollViewportBottomReachedFiltered": "scrollViewportBottomReachedFiltered"; }, never, never, true, never>;
+}
+
+export { Autocomplete, AutocompleteFilterService, AutocompleteOverflowDetectDirective, AutocompleteV2Component, AutocompleteV2Utils, AutocompleteValueManager, DropdownVariation };
+export type { AutocompleteGroup, AutocompleteSize, AutocompleteType, DropdownVariationType };