import * as _angular_core from '@angular/core';
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
import _ToolbarSelect from '@ui5/webcomponents/dist/ToolbarSelect.js';
import { UI5CustomEvent } from '@ui5/webcomponents-base';

declare class ToolbarSelect implements AfterViewInit {
    /**
     * Defines the width of the select.
  
  **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
     */
    width: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines the value state of the component.
     */
    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
    /**
     * Defines whether the component is in disabled state.
  
  **Note:** A disabled component is noninteractive.
     */
    disabled: _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 select.
     */
    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines the value of the component:
     */
    value: _angular_core.InputSignal<string | undefined>;
    /**
     * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
  the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
     */
    overflowPriority: _angular_core.InputSignal<"Default" | "NeverOverflow" | "AlwaysOverflow" | undefined>;
    /**
     * Defines if the toolbar overflow popup should close upon intereaction with the item.
  It will close by default.
     */
    preventOverflowClosing: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Fired when the selected option changes.
     */
    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToolbarSelect, "change">>;
    /**
     * Fired after the component's dropdown menu opens.
     */
    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToolbarSelect, "open">>;
    /**
     * Fired after the component's dropdown menu closes.
     */
    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ToolbarSelect, "close">>;
    /**
     * 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 options.
  
  **Note:** Only one selected option is allowed.
  If more than one option is defined as selected, the last one would be considered as the selected one.
  
  **Note:** Use the `ui5-toolbar-select-option` component to define the desired options.
     * - **label**: Defines the HTML element that will be displayed in the component input part,
  representing the selected option.
     *
     * @example
     * ```html
     * <ui5-toolbar-select>
     *   <div slot="header">Custom header content</div>
     *   <p>Default slot content</p>
     * </ui5-toolbar-select>
     * ```
     *
     * @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<_ToolbarSelect>;
    injector: Injector;
    get element(): _ToolbarSelect;
    ngAfterViewInit(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSelect, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSelect, "ui5-toolbar-select, [ui5-toolbar-select]", ["ui5ToolbarSelect"], { "width": { "alias": "width"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
}

export { ToolbarSelect };
