import * as _angular_core from '@angular/core'; import { AfterViewInit, ElementRef, Injector } from '@angular/core'; import _Input from '@ui5/webcomponents-ai/dist/Input.js'; import { UI5CustomEvent } from '@ui5/webcomponents-base'; import * as i1 from '@fundamental-ngx/ui5-webcomponents-ai/utils'; declare class Input implements AfterViewInit { /** * Indicates the index of the currently displayed version. */ currentVersion: _angular_core.InputSignal; /** * Defines whether the AI Writing Assistant is currently loading. When `true`, indicates that an AI action is in progress. */ loading: _angular_core.InputSignalWithTransform; /** * Indicates the total number of result versions available. When not set or set to 0, the versioning will be hidden. */ totalVersions: _angular_core.InputSignal; /** * Defines the accessible description of the component. */ accessibleDescription: _angular_core.InputSignal; /** * Receives id(or many ids) of the elements that describe the input. */ accessibleDescriptionRef: _angular_core.InputSignal; /** * Defines the accessible ARIA name of the component. */ accessibleName: _angular_core.InputSignal; /** * Receives id(or many ids) of the elements that label the input. */ accessibleNameRef: _angular_core.InputSignal; /** * Defines whether the component is in disabled state. **Note:** A disabled component is completely noninteractive. */ disabled: _angular_core.InputSignalWithTransform; /** * Defines the filter type of the component. */ filter: _angular_core.InputSignal<"StartsWithPerTerm" | "StartsWith" | "Contains" | "None" | undefined>; /** * 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; /** * 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; /** * Defines whether the value will be autcompleted to match an item */ noTypeahead: _angular_core.InputSignalWithTransform; /** * 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; /** * Defines a short hint intended to aid the user with data entry when the component has no value. */ placeholder: _angular_core.InputSignal; /** * 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; /** * Defines whether the component is required. */ required: _angular_core.InputSignalWithTransform; /** * Defines whether the clear icon of the input will be shown. */ showClearIcon: _angular_core.InputSignalWithTransform; /** * Defines whether the component should show suggestions, if such are present. */ showSuggestions: _angular_core.InputSignalWithTransform; /** * 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 `Number` does not support suggestions. */ 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; /** * Defines the value state of the component. */ valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>; /** * Fired when the user selects the AI button. */ ui5ButtonClick: _angular_core.OutputEmitterRef>; /** * Fired when an item from the AI actions menu is clicked. */ ui5ItemClick: _angular_core.OutputEmitterRef>; /** * Fired when the user selects the "Stop" button to stop ongoing AI text generation. */ ui5StopGeneration: _angular_core.OutputEmitterRef>; /** * Fired when the user selects the version navigation buttons. */ ui5VersionChange: _angular_core.OutputEmitterRef>; /** * Fired when the input operation has finished by pressing Enter or on focusout. */ ui5Change: _angular_core.OutputEmitterRef>; /** * Fired when the suggestions picker is closed. */ ui5Close: _angular_core.OutputEmitterRef>; /** * Fired when the value of the component changes at each keystroke, and when a suggestion item has been selected. */ ui5Input: _angular_core.OutputEmitterRef>; /** * Fired when the suggestions picker is open. */ ui5Open: _angular_core.OutputEmitterRef>; /** * Fired when some text has been selected. */ ui5Select: _angular_core.OutputEmitterRef>; /** * Fired when the user navigates to a suggestion item via the ARROW keys, as a preview, before the final selection. */ ui5SelectionChange: _angular_core.OutputEmitterRef>; /** * 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. * * - **actions**: Defines the items of the menu for the component. * - **(default)**: Defines the suggestion items. **Note:** The suggestions would be displayed only if the `showSuggestions` property is set to `true`. **Note:** The ``, `` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items. **Note:** Input with type `Number` does not support suggestions. * - **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 * *
Custom header content
*

Default slot content

*
* ``` * * @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; /** * Content density observer is injected to activate automatic CSS class and * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed. * @private */ private readonly _contentDensityObserver; private readonly _destroyRef; get element(): _Input; ngAfterViewInit(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } export { Input };