import { ElementRef, AfterViewInit, TemplateRef } from "@angular/core";
import { DropdownItemConfig } from "../dropdown/dropdown-item/dropdown-item.component";
import { BaseValueAccessor } from "../input/base-value-accessor";
import { SelectFooterDirective } from "./select-footer.directive";
import { SelectHeaderDirective } from "./select-header.directive";
import * as i0 from "@angular/core";
export declare class SelectComponent extends BaseValueAccessor<string | string[]> implements AfterViewInit {
    readonly id: import("@angular/core").InputSignal<string | undefined>;
    readonly name: import("@angular/core").InputSignal<string | undefined>;
    readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
    readonly label: import("@angular/core").InputSignal<string | undefined>;
    readonly labelId: import("@angular/core").InputSignal<string | undefined>;
    readonly labelPosition: import("@angular/core").InputSignal<"top" | "side" | undefined>;
    readonly assistiveTextLabel: import("@angular/core").InputSignal<string | undefined>;
    readonly errorMessage: import("@angular/core").InputSignal<string | undefined>;
    readonly assistiveTextAppearance: import("@angular/core").InputSignal<import("@design-system-rte/core/components/assistive-text/assistive-text.interface").AssitiveTextAppearances | undefined>;
    readonly assistiveTextLink: import("@angular/core").InputSignal<string | undefined>;
    readonly required: import("@angular/core").InputSignal<boolean>;
    readonly showLabelRequirement: import("@angular/core").InputSignal<boolean>;
    readonly disabled: import("@angular/core").InputSignal<boolean>;
    readonly readOnly: import("@angular/core").InputSignal<boolean>;
    readonly options: import("@angular/core").InputSignal<{
        value: string;
        label: string;
    }[]>;
    readonly isError: import("@angular/core").InputSignal<boolean>;
    readonly showAssistiveIcon: import("@angular/core").InputSignal<boolean>;
    readonly showResetButton: import("@angular/core").InputSignal<boolean>;
    readonly multiple: import("@angular/core").InputSignal<boolean>;
    readonly value: import("@angular/core").InputSignal<string | string[] | undefined>;
    readonly withSelectAll: import("@angular/core").InputSignal<boolean>;
    readonly optionToDisplay: import("@angular/core").InputSignal<import("@design-system-rte/core/components/select/select.interface").OptionToDisplay | undefined>;
    readonly width: import("@angular/core").InputSignal<string | number>;
    readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
    readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
    readonly variant: import("@angular/core").InputSignal<"default" | "visibly-selected" | undefined>;
    readonly maxHeight: import("@angular/core").InputSignal<number>;
    readonly selectRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
    readonly buttonsContainerRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
    readonly labelContainerRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
    readonly labelContainerWidth: import("@angular/core").WritableSignal<number | undefined>;
    readonly selectDropdownOffset = 8;
    readonly assistiveTextId: import("@angular/core").Signal<string | null>;
    readonly computedAssistiveTextLabel: import("@angular/core").Signal<string | undefined>;
    readonly headerDirective: import("@angular/core").Signal<SelectHeaderDirective | undefined>;
    readonly footerDirective: import("@angular/core").Signal<SelectFooterDirective | undefined>;
    readonly headerTemplate: import("@angular/core").InputSignal<TemplateRef<HTMLElement> | undefined>;
    readonly footerTemplate: import("@angular/core").InputSignal<TemplateRef<HTMLElement> | undefined>;
    readonly headerContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
    readonly footerContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
    readonly hasHeaderContent: import("@angular/core").Signal<boolean | TemplateRef<any>>;
    readonly hasFooterContent: import("@angular/core").Signal<boolean | TemplateRef<any>>;
    readonly clearButton: import("@angular/core").Signal<HTMLElement | null>;
    readonly dropdownPosition: import("@angular/core").Signal<"top" | "bottom">;
    readonly optionsFormatted: import("@angular/core").Signal<DropdownItemConfig[]>;
    readonly internalValue: import("@angular/core").WritableSignal<string | string[] | undefined>;
    readonly valueChange: import("@angular/core").OutputEmitterRef<string | string[]>;
    readonly currentDisplayedOption: import("@angular/core").Signal<{
        value: string;
        label: string;
    } | undefined>;
    readonly hasSelectedValue: import("@angular/core").Signal<boolean>;
    readonly shouldDisplayClearButton: import("@angular/core").Signal<boolean>;
    readonly shouldDisplayErrorIcon: import("@angular/core").Signal<boolean>;
    readonly shouldDisplaySelectedIcon: import("@angular/core").Signal<boolean>;
    readonly isActive: import("@angular/core").WritableSignal<boolean>;
    readonly selectWidth: import("@angular/core").Signal<number | null>;
    readonly computedWidth: import("@angular/core").Signal<string>;
    readonly iconSize: import("@angular/core").Signal<number>;
    readonly isDisabled: import("@angular/core").Signal<boolean>;
    readonly dropdownWidth: import("@angular/core").Signal<number | null>;
    constructor();
    ngAfterViewInit(): void;
    writeValue(value: string | string[]): void;
    private emitValueChange;
    areAllOptionsSelected(): boolean;
    handleOnClickTrigger(): void;
    handleOnKeyDownTrigger(event: KeyboardEvent): void;
    handleOnCloseChip(event: Event, value: string): void;
    handleOnClickClearButton(event: Event): void;
    handleOnClickItem(value: string): void;
    handleOnClosingDropdown(): void;
    handleOnClickOutside(): void;
    private toggleDropdown;
    private clearSelection;
    private isSelected;
    private clickedSelectAll;
    private clickedSelectItemMultiple;
    private mapOptionToDropdownItemConfig;
    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "rte-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelId": { "alias": "labelId"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "assistiveTextLabel": { "alias": "assistiveTextLabel"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "assistiveTextAppearance": { "alias": "assistiveTextAppearance"; "required": false; "isSignal": true; }; "assistiveTextLink": { "alias": "assistiveTextLink"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showLabelRequirement": { "alias": "showLabelRequirement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "showAssistiveIcon": { "alias": "showAssistiveIcon"; "required": false; "isSignal": true; }; "showResetButton": { "alias": "showResetButton"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "withSelectAll": { "alias": "withSelectAll"; "required": false; "isSignal": true; }; "optionToDisplay": { "alias": "optionToDisplay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["headerDirective", "footerDirective"], ["[select-header]", "[select-footer]"], true, never>;
}