import * as _angular_forms from '@angular/forms';
import { ControlValueAccessor, NgControl } from '@angular/forms';
import * as _angular_material_form_field from '@angular/material/form-field';
import { MatFormFieldControl } from '@angular/material/form-field';
import * as _angular_core from '@angular/core';
import { Provider, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
import { MatCheckboxChange } from '@angular/material/checkbox';
import { Subject } from 'rxjs';
import { TranslationService, TranslationLabels } from '@moxa/formoxa/mx-shared';

interface MxSelectSearchOption {
    label: string;
    value: any;
    disabled?: boolean;
    tooltip?: string;
    groupName?: string;
    tooltipDisabled?: boolean;
}

interface MxSelectSearchIntlLabels extends TranslationLabels {
    searchLabel: string;
    selectAllLabel: string;
    clearSelectionLabel: string;
    selectedLabel: string;
    totalLabel: string;
    matchFoundLabel: string;
}
declare class MxSelectSearchIntlService extends TranslationService<MxSelectSearchIntlLabels> {
    defaultLabels: MxSelectSearchIntlLabels;
    constructor();
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MxSelectSearchIntlService, never>;
    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MxSelectSearchIntlService>;
}
declare const MX_SELECT_SEARCH_INTL_PROVIDER: Provider;

interface OptionItem {
    label: string;
    value: string;
    hidden: boolean;
    disabled?: boolean;
    tooltip?: string;
    tooltipDisabled?: boolean;
}
interface OptionGroupItem {
    groupName: string;
    children: OptionItem[];
    isExpanded: boolean;
}
declare class MxSelectSearchComponent implements ControlValueAccessor, MatFormFieldControl<string[]>, OnDestroy, AfterViewInit {
    #private;
    static nextId: number;
    ngControl: NgControl | null;
    readonly stateChanges: Subject<void>;
    readonly touched: _angular_core.WritableSignal<boolean>;
    readonly controlType = "one-ui-nested-select";
    readonly id: string;
    readonly searchInput: _angular_core.Signal<HTMLInputElement>;
    readonly triggerWrapperEl: _angular_core.Signal<ElementRef<HTMLElement>>;
    readonly shouldLabelFloat = true;
    readonly _userAriaDescribedBy: _angular_core.InputSignal<string>;
    readonly _placeholder: _angular_core.InputSignal<string>;
    readonly _required: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly _disabledByInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly _value: _angular_core.ModelSignal<string[] | null>;
    onChange: (value: any) => void;
    onTouched: () => void;
    protected readonly _formField: _angular_material_form_field.MatFormField | null;
    private readonly _focused;
    private readonly _disabledByCva;
    private readonly _disabled;
    private readonly _focusMonitor;
    private readonly _elementRef;
    private readonly _fb;
    private readonly _renderer;
    private _mutationObserver;
    intl: MxSelectSearchIntlService;
    options: _angular_core.InputSignal<MxSelectSearchOption[]>;
    noDataSymbol: _angular_core.InputSignal<string>;
    form: _angular_forms.FormGroup<{
        selectedValues: _angular_forms.FormControl<string[] | null>;
    }>;
    _displayOptionList: _angular_core.WritableSignal<(OptionItem | OptionGroupItem)[]>;
    _keyword: _angular_core.WritableSignal<string>;
    _filteredOptionCount: _angular_core.WritableSignal<number>;
    _hasProjectedTrigger: _angular_core.WritableSignal<boolean>;
    get focused(): boolean;
    get empty(): boolean;
    get userAriaDescribedBy(): string;
    get placeholder(): string;
    get required(): boolean;
    get disabled(): boolean;
    get value(): string[] | null;
    get errorState(): boolean;
    defaultSelectedDisplay: _angular_core.Signal<string>;
    isSelectAllDisabled: _angular_core.Signal<boolean>;
    isClearSelectionDisabled: _angular_core.Signal<boolean>;
    constructor();
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    onFocusIn(): void;
    onFocusOut(event: FocusEvent): void;
    setDescribedByIds(ids: string[]): void;
    onContainerClick(): void;
    writeValue(val: string[] | null): void;
    registerOnChange(fn: any): void;
    registerOnTouched(fn: any): void;
    setDisabledState(isDisabled: boolean): void;
    _handleSelectChange(value: string[]): void;
    _isOptionGroupItem(item: OptionGroupItem | OptionItem): item is OptionGroupItem;
    _onSelectAll(): void;
    _onClearAll(): void;
    _isHideGroup(group: OptionGroupItem): boolean;
    _isDisabledGroup(group: OptionGroupItem): boolean;
    _isGroupAllChecked(children: OptionItem[]): boolean;
    _isGroupPartialChecked(children: OptionItem[]): boolean;
    _onChangeGroupCheck(children: OptionItem[], event: MatCheckboxChange): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MxSelectSearchComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MxSelectSearchComponent, "mx-select-search", never, { "_userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "_disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "_value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "noDataSymbol": { "alias": "noDataSymbol"; "required": false; "isSignal": true; }; }, { "_value": "valueChange"; }, never, ["[mx-select-search-trigger]"], true, never>;
}

export { MX_SELECT_SEARCH_INTL_PROVIDER, MxSelectSearchComponent, MxSelectSearchIntlService };
export type { MxSelectSearchIntlLabels, MxSelectSearchOption };