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

declare class Input implements AfterViewInit {
    /**
     * Defines whether the component is in disabled state.
  
  **Note:** A disabled component is completely noninteractive.
     */
    disabled: _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 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 whether the value will be autcompleted to match an item
     */
    noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines the HTML type of the component.
  
  **Notes:**
  
  - The particular effect of this property differs depending on the browser
  and the current language settings, especially for type `Number`.
  - The property is mostly intended to be used with touch devices
  that use different soft keyboard layouts depending on the given input type.
     */
    type: _angular_core.InputSignal<"Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | "Search" | undefined>;
    /**
     * Defines the value of the component.
  
  **Note:** The property is updated upon typing.
     */
    value: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines the value state of the component.
     */
    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | 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.
     */
    name: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines whether the component should show suggestions, if such are present.
     */
    showSuggestions: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Sets the maximum number of characters available in the input field.
  
  **Note:** This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.
     */
    maxlength: _angular_core.InputSignal<number | undefined>;
    /**
     * 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 input.
     */
    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines the accessible description of the component.
     */
    accessibleDescription: _angular_core.InputSignal<string | undefined>;
    /**
     * Receives id(or many ids) of the elements that describe the input.
     */
    accessibleDescriptionRef: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines whether the clear icon of the input will be shown.
     */
    showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines whether the suggestions picker is open.
  The picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.
  The picker will close automatically and `close` event will be fired if the input is not in the viewport.
     */
    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Fired when the input operation has finished by pressing Enter or on focusout.
     */
    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "change">>;
    /**
     * Fired when the value of the component changes at each keystroke,
  and when a suggestion item has been selected.
     */
    ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "input">>;
    /**
     * Fired when some text has been selected.
     */
    ui5Select: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "select">>;
    /**
     * Fired when the user navigates to a suggestion item via the ARROW keys,
  as a preview, before the final selection.
     */
    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "selection-change">>;
    /**
     * Fired when the suggestions picker is open.
     */
    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "open">>;
    /**
     * Fired when the suggestions picker is closed.
     */
    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "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 suggestion items.
  
  **Note:** The suggestions would be displayed only if the `showSuggestions`
  property is set to `true`.
  
  **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion 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.
  
  **Note:** If the component has `suggestionItems`,
  the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
     *
     * @example
     * ```html
     * <ui5-input>
     *   <div slot="header">Custom header content</div>
     *   <p>Default slot content</p>
     * </ui5-input>
     * ```
     *
     * @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<_Input>;
    injector: Injector;
    get element(): _Input;
    ngAfterViewInit(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Input, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "ui5-input, [ui5-input]", ["ui5Input"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
}

export { Input };
