import * as _angular_core from '@angular/core';
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
import _MultiComboBox from '@ui5/webcomponents/dist/MultiComboBox.js';
import { UI5CustomEvent } from '@ui5/webcomponents-base';
import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';

declare class MultiComboBox implements AfterViewInit {
    /**
     * Defines the value of the component.
  
  **Note:** The property is updated upon typing.
     */
    value: _angular_core.InputSignal<string | undefined>;
    /**
     * Determines the name by which the component will be identified upon submission in an HTML form.
  
  **Note:** This property is only applicable within the context of an HTML Form element.
  **Note:** When the component is used inside a form element,
  the value is sent as the first element in the form data, even if it's empty.
     */
    name: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines whether the value will be autcompleted to match an item
     */
    noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines a short hint intended to aid the user with data entry when the
  component has no value.
     */
    placeholder: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines if the user input will be prevented, if no matching item has been found
     */
    noValidation: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines whether the component is in disabled state.
  
  **Note:** A disabled component is completely noninteractive.
     */
    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines the value state of the component.
     */
    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
    /**
     * Defines whether the component is read-only.
  
  **Note:** A read-only component is not editable,
  but still provides visual feedback upon user interaction.
     */
    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines whether the component is required.
     */
    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines the filter type of the component.
     */
    filter: _angular_core.InputSignal<"None" | "StartsWithPerTerm" | "StartsWith" | "Contains" | undefined>;
    /**
     * Defines whether the clear icon of the multi-combobox will be shown.
     */
    showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines the accessible ARIA name of the component.
     */
    accessibleName: _angular_core.InputSignal<string | undefined>;
    /**
     * Receives id(or many ids) of the elements that label the component.
     */
    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
    /**
     * Determines if the select all checkbox is visible on top of suggestions.
     */
    showSelectAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Indicates whether the items picker is open.
     */
    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Fired when the input operation has finished by pressing Enter or on focusout.
     */
    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "change">>;
    /**
     * Fired when the value of the component changes at each keystroke or clear icon is pressed.
     */
    ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "input">>;
    /**
     * Fired when the dropdown is opened.
     */
    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "open">>;
    /**
     * Fired when the dropdown is closed.
     */
    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "close">>;
    /**
     * Fired when selection is changed by user interaction.
     */
    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiComboBox, "selection-change">>;
    /**
     * Available slots for content projection in this component.
     *
     * Slots allow you to insert custom content into predefined areas of the web component.
     * Use the `slot` attribute on child elements to target specific slots.
     *
     * - **(default)**: Defines the component items.
     * - **icon**: Defines the icon to be displayed in the component.
     * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
  The value state message slot should contain only one root element.
  
  **Note:** If not specified, a default text (in the respective language) will be displayed.
  
  **Note:** The `valueStateMessage` would be displayed,
  when the component is in `Information`, `Critical` or `Negative` value state.
     *
     * @example
     * ```html
     * <ui5-multi-combobox>
     *   <div slot="header">Custom header content</div>
     *   <p>Default slot content</p>
     * </ui5-multi-combobox>
     * ```
     *
     * @readonly
     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
     */
    readonly slots: ({
        name: string;
        description: string;
        since?: undefined;
    } | {
        name: string;
        description: string;
        since: string;
    })[];
    elementRef: ElementRef<_MultiComboBox>;
    injector: Injector;
    get element(): _MultiComboBox;
    ngAfterViewInit(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiComboBox, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiComboBox, "ui5-multi-combobox, [ui5-multi-combobox]", ["ui5MultiComboBox"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "noValidation": { "alias": "noValidation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
}

export { MultiComboBox };
