@ui5/webcomponents 0.0.0-fca1107e7 → 0.0.0-fd426fe8a

package/dist/Input.d.ts

@@ -1,54 +1,51 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { ClassMap } from "@ui5/webcomponents-base/dist/types.js";
+import type { UI5CustomEvent } from "@ui5/webcomponents-base";
+import type { AriaAutoComplete, AriaRole, AriaHasPopup, ClassMap } from "@ui5/webcomponents-base/dist/types.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import "@ui5/webcomponents-icons/dist/decline.js";
-import "@ui5/webcomponents-icons/dist/not-editable.js";
-import "@ui5/webcomponents-icons/dist/error.js";
-import "@ui5/webcomponents-icons/dist/alert.js";
-import "@ui5/webcomponents-icons/dist/sys-enter-2.js";
-import "@ui5/webcomponents-icons/dist/information.js";
+import type { IFormInputElement } from "@ui5/webcomponents-base/dist/features/InputElementsFormSupport.js";
 import type SuggestionItem from "./SuggestionItem.js";
-import type { InputSuggestion, SuggestionComponent } from "./features/InputSuggestions.js";
+import type { SuggestionComponent } from "./features/InputSuggestions.js";
 import type InputSuggestions from "./features/InputSuggestions.js";
-import type FormSupportT from "./features/InputElementsFormSupport.js";
-import type { IFormElement } from "./features/InputElementsFormSupport.js";
-import type SuggestionListItem from "./SuggestionListItem.js";
-import type { PopupScrollEventDetail } from "./Popup.js";
 import InputType from "./types/InputType.js";
-import Popover from "./Popover.js";
+import type Popover from "./Popover.js";
 import type { IIcon } from "./Icon.js";
-import type ListItemType from "./types/ListItemType.js";
+import type PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
+import type { ListItemClickEventDetail, ListSelectionChangeEventDetail } from "./List.js";
+import type ResponsivePopover from "./ResponsivePopover.js";
+import type InputKeyHint from "./types/InputKeyHint.js";
+import type InputComposition from "./features/InputComposition.js";
 /**
  * Interface for components that represent a suggestion item, usable in `ui5-input`
  * @public
  */
 interface IInputSuggestionItem extends UI5Element {
-    text: string;
-    groupItem: boolean;
-    description?: string;
-    image?: string;
-    icon?: string;
+    focused: boolean;
     additionalText?: string;
-    additionalTextState?: `${ValueState}`;
-    type?: `${ListItemType}`;
+    items?: IInputSuggestionItem[];
+}
+interface IInputSuggestionItemSelectable extends IInputSuggestionItem {
+    text?: string;
+    selected: boolean;
 }
 type NativeInputAttributes = {
     min?: number;
     max?: number;
     step?: number;
 };
-type AccInfo = {
+type InputAccInfo = {
     ariaRoledescription?: string;
     ariaDescribedBy?: string;
-    ariaHasPopup?: string;
-    ariaAutoComplete?: string;
-    role?: string;
+    ariaHasPopup?: AriaHasPopup;
+    ariaAutoComplete?: AriaAutoComplete;
+    role?: AriaRole;
     ariaControls?: string;
-    ariaExpanded?: string;
+    ariaRequired?: boolean;
+    ariaExpanded?: boolean;
     ariaDescription?: string;
     ariaLabel?: string;
+    ariaInvalid?: boolean;
 };
 declare enum INPUT_ACTIONS {
     ACTION_ENTER = "enter",
@@ -57,12 +54,8 @@ declare enum INPUT_ACTIONS {
 type InputEventDetail = {
     inputType: string;
 };
-type InputSuggestionItemSelectEventDetail = {
-    item: IInputSuggestionItem;
-};
-type InputSuggestionItemPreviewEventDetail = {
-    item: IInputSuggestionItem;
-    targetRef: SuggestionListItem;
+type InputSelectionChangeEventDetail = {
+    item: IInputSuggestionItem | null;
 };
 type InputSuggestionScrollEventDetail = {
     scrollTop: number;
@@ -79,37 +72,45 @@ type InputSuggestionScrollEventDetail = {
  *
  * The text field can be editable or read-only (`readonly` property),
  * and it can be enabled or disabled (`disabled` property).
- * To visualize semantic states, such as "error" or "warning", the `valueState` property is provided.
+ * To visualize semantic states, such as "Negative" or "Critical", the `valueState` property is provided.
  * When the user makes changes to the text, the change event is fired,
  * which enables you to react on any text change.
  *
- * **Note:** If you are using the `ui5-input` as a single npm module,
- * don't forget to import the `InputSuggestions` module from
- * "@ui5/webcomponents/dist/features/InputSuggestions.js"
- * to enable the suggestions functionality.
- *
  * ### Keyboard Handling
  * The `ui5-input` provides the following keyboard shortcuts:
  *
  * - [Escape] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.
  * - [Enter] or [Return] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.
- * - [Down] - Focuses the next matching item in the suggestion list.
- * - [Up] - Focuses the previous matching item in the suggestion list.
+ * - [Down] - Focuses the next matching item in the suggestion list. Selection-change event is fired.
+ * - [Up] - Focuses the previous matching item in the suggestion list. Selection-change event is fired.
  * - [Home] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.
  * - [End] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.
  * - [Page Up] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.
  * - [Page Down] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.
+ * - [Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.
  *
  * ### ES6 Module Import
  *
  * `import "@ui5/webcomponents/dist/Input.js";`
  *
- * `import "@ui5/webcomponents/dist/features/InputSuggestions.js";` (optional - for input suggestions support)
  * @constructor
  * @extends UI5Element
  * @public
+ * @csspart root - Used to style the root DOM element of the Input component
+ * @csspart input - Used to style the native input element
+ * @csspart clear-icon - Used to style the clear icon, which can be pressed to clear user input text
  */
-declare class Input extends UI5Element implements SuggestionComponent, IFormElement {
+declare class Input extends UI5Element implements SuggestionComponent, IFormInputElement {
+    eventDetails: {
+        "change": InputEventDetail;
+        "input": InputEventDetail;
+        "select": void;
+        "selection-change": InputSelectionChangeEventDetail;
+        "type-ahead": void;
+        "suggestion-scroll": InputSuggestionScrollEventDetail;
+        "open": void;
+        "close": void;
+    };
     /**
      * Defines whether the component is in disabled state.
      *
@@ -131,10 +132,10 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
     /**
      * Defines a short hint intended to aid the user with data entry when the
      * component has no value.
-     * @default ""
+     * @default undefined
      * @public
      */
-    placeholder: string;
+    placeholder?: string;
     /**
      * Defines whether the component is read-only.
      *
@@ -165,8 +166,6 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      *
      * - The particular effect of this property differs depending on the browser
      * and the current language settings, especially for type `Number`.
-     * - Due to browser constraints, certain keyboard interactions may not be available
-     * for the 'Number' and 'Email' types.
      * - The property is mostly intended to be used with touch devices
      * that use different soft keyboard layouts depending on the given input type.
      * @default "Text"
@@ -198,23 +197,16 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      */
     valueState: `${ValueState}`;
     /**
-     * Determines the name with which the component will be submitted in an HTML form.
+     * Determines the name by which the component will be identified upon submission in an HTML form.
      *
-     * **Important:** For the `name` property to have effect, you must add the following import to your project:
-     * `import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`
-     *
-     * **Note:** When set, a native `input` HTML element
-     * will be created inside the component so that it can be submitted as
-     * part of an HTML form. Do not use this property unless you need to submit a form.
-     * @default ""
+     * **Note:** This property is only applicable within the context of an HTML Form element.
+     * @default undefined
      * @public
      */
-    name: string;
+    name?: string;
     /**
      * Defines whether the component should show suggestions, if such are present.
      *
-     * **Note:** You need to import the `InputSuggestions` module
-     * from `"@ui5/webcomponents/dist/features/InputSuggestions.js"` to enable this functionality.
      * @default false
      * @public
      */
@@ -230,18 +222,32 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
     maxlength?: number;
     /**
      * Defines the accessible ARIA name of the component.
-     * @default ""
+     * @default undefined
      * @public
      * @since 1.0.0-rc.15
      */
-    accessibleName: string;
+    accessibleName?: string;
     /**
      * Receives id(or many ids) of the elements that label the input.
-     * @default ""
+     * @default undefined
      * @public
      * @since 1.0.0-rc.15
      */
-    accessibleNameRef: string;
+    accessibleNameRef?: string;
+    /**
+     * Defines the accessible description of the component.
+     * @default undefined
+     * @public
+     * @since 2.9.0
+     */
+    accessibleDescription?: string;
+    /**
+     * Receives id(or many ids) of the elements that describe the input.
+     * @default undefined
+     * @public
+     * @since 2.9.0
+     */
+    accessibleDescriptionRef?: string;
     /**
      * Defines whether the clear icon of the input will be shown.
      * @default false
@@ -249,6 +255,15 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      * @since 1.2.0
      */
     showClearIcon: boolean;
+    /**
+     * 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.
+     * @default false
+     * @public
+     * @since 2.0.0
+     */
+    open: boolean;
     /**
      * Defines whether the clear icon is visible.
      * @default false
@@ -260,23 +275,18 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      * @private
      */
     focused: boolean;
-    openOnMobile: boolean;
-    open: boolean;
-    /**
-     * Determines whether to manually show the suggestions popover
-     * @private
-     */
-    _forceOpen: boolean;
     /**
-     * Indicates whether the visual focus is on the value state header
+     * Used to define enterkeyhint of the inner input.
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint
+     *
      * @private
      */
-    _isValueStateFocused: boolean;
-    _inputAccInfo: AccInfo;
+    hint?: `${InputKeyHint}`;
+    valueStateOpen: boolean;
+    _inputAccInfo: InputAccInfo;
     _nativeInputAttributes: NativeInputAttributes;
     _inputWidth?: number;
     _listWidth?: number;
-    _isPopoverOpen: boolean;
     _inputIconFocused: boolean;
     /**
      * Constantly updated value of texts collected from the associated labels
@@ -288,19 +298,33 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      * @private
      */
     _accessibleLabelsRefTexts?: string;
+    /**
+     * Constantly updated value of texts collected from the associated labels
+     * @private
+     */
+    _associatedDescriptionRefTexts?: string;
+    /**
+     * @private
+     */
+    Suggestions?: InputSuggestions;
+    /**
+     * @private
+     */
+    _linksListenersArray: Array<(args: any) => void>;
+    /**
+     * Indicates whether IME composition is currently active
+     * @default false
+     * @private
+     */
+    _isComposing: boolean;
     /**
      * Defines the suggestion items.
      *
      * **Note:** The suggestions would be displayed only if the `showSuggestions`
      * property is set to `true`.
      *
-     * **Note:** The `<ui5-suggestion-item>` and `<ui5-suggestion-group-item>` are recommended to be used as suggestion items.
+     * **Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
      *
-     * **Note:** Importing the Input Suggestions Support feature:
-     *
-     * `import "@ui5/webcomponents/dist/features/InputSuggestions.js";`
-     *
-     * automatically imports the `<ui5-suggestion-item>` and `<ui5-suggestion-group-item>` for your convenience.
      * @public
      */
     suggestionItems: Array<IInputSuggestionItem>;
@@ -309,12 +333,6 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      * @public
      */
     icon: Array<IIcon>;
-    /**
-     * The slot is used for native `input` HTML element to enable form submit,
-     * when `name` property is set.
-     * @private
-     */
-    formSupport: Array<HTMLElement>;
     /**
      * 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.
@@ -322,7 +340,7 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      * **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`, `Warning` or `Error` value state.
+     * 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.
@@ -332,45 +350,65 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
     valueStateMessage: Array<HTMLElement>;
     hasSuggestionItemSelected: boolean;
     valueBeforeItemSelection: string;
-    valueBeforeItemPreview: string;
-    suggestionSelectionCancelled: boolean;
+    valueBeforeSelectionStart: string;
     previousValue: string;
     firstRendering: boolean;
     typedInValue: string;
     lastConfirmedValue: string;
     isTyping: boolean;
-    suggestionObjects: Array<InputSuggestion>;
     _handleResizeBound: ResizeObserverCallback;
     _keepInnerValue: boolean;
     _shouldAutocomplete?: boolean;
-    _keyDown?: boolean;
+    _enterKeyDown?: boolean;
     _isKeyNavigation?: boolean;
-    Suggestions?: InputSuggestions;
-    FormSupport?: typeof FormSupportT;
+    _indexOfSelectedItem: number;
     _selectedText?: string;
     _clearIconClicked?: boolean;
     _focusedAfterClear: boolean;
+    _changeToBeFired?: boolean;
     _performTextSelection?: boolean;
-    _previewItem?: SuggestionListItem;
+    _isLatestValueFromSuggestions: boolean;
+    _isChangeTriggeredBySuggestion: boolean;
+    _valueStateLinks: Array<HTMLElement>;
+    _composition?: InputComposition;
     static i18nBundle: I18nBundle;
+    static composition: typeof InputComposition;
+    /**
+     * Indicates whether link navigation is being handled.
+     * @default false
+     * @private
+     * @since 2.11.0
+     */
+    _handleLinkNavigation: boolean;
+    get formValidityMessage(): string;
+    get _effectiveShowSuggestions(): boolean;
+    get formValidity(): ValidityStateFlags;
+    formElementAnchor(): Promise<HTMLElement | undefined>;
+    get formFormattedValue(): FormData | string | null;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;
+    _highlightSuggestionItem(item: SuggestionItem): void;
+    _isGroupItem(item: IInputSuggestionItem): boolean;
     onBeforeRendering(): void;
-    onAfterRendering(): Promise<void>;
+    onAfterRendering(): void;
     _onkeydown(e: KeyboardEvent): void;
     _onkeyup(e: KeyboardEvent): void;
+    get currentItemIndex(): number;
     _handleUp(e: KeyboardEvent): void;
     _handleDown(e: KeyboardEvent): void;
     _handleSpace(e: KeyboardEvent): void;
     _handleTab(): void;
+    _handleCtrlAltF8(): void;
+    _addLinksEventListeners(): void;
+    _removeLinksEventListeners(): void;
     _handleEnter(e: KeyboardEvent): void;
     _handlePageUp(e: KeyboardEvent): void;
     _handlePageDown(e: KeyboardEvent): void;
     _handleHome(e: KeyboardEvent): void;
     _handleEnd(e: KeyboardEvent): void;
     _handleEscape(): void;
-    _onfocusin(e: FocusEvent): Promise<void>;
+    _onfocusin(e: FocusEvent): void;
     /**
      * Called on "focusin" of the native input HTML Element.
      * **Note:** implemented in MultiInput, but used in the Input template.
@@ -382,46 +420,43 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
     _handleChange(): void;
     _clear(): void;
     _iconMouseDown(): void;
-    _scroll(e: CustomEvent<PopupScrollEventDetail>): void;
-    _handleInput(e: InputEvent | CustomEvent<InputEventDetail>): void;
-    _startsWithMatchingItems(str: string): Array<IInputSuggestionItem>;
-    _getFirstMatchingItem(current: string): IInputSuggestionItem | undefined;
-    _handleTypeAhead(item: IInputSuggestionItem): void;
+    _scroll(e: UI5CustomEvent<ResponsivePopover, "scroll">): void;
+    _handleSelect(): void;
+    _handleInput(e: CustomEvent<InputEventDetail>): void;
+    _handleNativeInput(e: InputEvent): void;
+    _input(e: CustomEvent<InputEventDetail> | InputEvent, eventType: string): void;
+    _startsWithMatchingItems(str: string): Array<IInputSuggestionItemSelectable>;
+    _getFirstMatchingItem(current: string): IInputSuggestionItemSelectable | undefined;
+    _handleSelectionChange(e: CustomEvent<ListSelectionChangeEventDetail>): void;
+    _selectMatchingItem(item: IInputSuggestionItemSelectable): void;
+    _handleTypeAhead(item: IInputSuggestionItemSelectable): void;
     _handleResize(): void;
     _updateAssociatedLabelsTexts(): void;
-    _closeRespPopover(): void;
-    _afterOpenPopover(): Promise<void>;
-    _afterClosePopover(): void;
-    /**
-     * Checks if the value state popover is open.
-     */
-    isValueStateOpened(): boolean;
-    openPopover(): Promise<void>;
-    closePopover(): Promise<void>;
-    _getPopover(): Promise<Popover>;
-    /**
-     * Manually opens the suggestions popover, assuming suggestions are enabled. Items must be preloaded for it to open.
-     * @public
-     * @since 1.3.0
-     */
-    openPicker(): void;
+    _closePicker(): void;
+    _afterOpenPicker(): void;
+    _afterClosePicker(): void;
+    _handlePickerAfterOpen(): void;
+    _handlePickerAfterClose(): void;
+    openValueStatePopover(): void;
+    closeValueStatePopover(): void;
+    _handleValueStatePopoverAfterClose(): void;
+    _getValueStatePopover(): Popover;
     enableSuggestions(): void;
-    selectSuggestion(item: IInputSuggestionItem, keyboardUsed: boolean): void;
-    previewSuggestion(item: SuggestionListItem): void;
     /**
-     * Updates the input value on item preview.
-     * @param item The item that is on preview
+     * Enables IME composition handling.
+     * Dynamically loads the InputComposition feature and sets up event listeners.
+     * @private
      */
-    updateValueOnPreview(item: SuggestionListItem): void;
+    _enableComposition(): void;
+    acceptSuggestion(item: IInputSuggestionItemSelectable, keyboardUsed: boolean): void;
     /**
-     * The suggestion item on preview.
-     * @default null
-     * @public
+     * Updates the input value on item select.
+     * @param item The item that is on select
      */
-    get previewItem(): IInputSuggestionItem | null;
-    fireEventByAction(action: INPUT_ACTIONS, e: InputEvent): Promise<void>;
-    getInputValue(): Promise<string>;
-    getInputDOMRef(): Promise<HTMLInputElement | Input | null>;
+    updateValueOnSelect(item: IInputSuggestionItem): void;
+    fireEventByAction(action: INPUT_ACTIONS, e: InputEvent): void;
+    getInputValue(): string;
+    getInputDOMRef(): HTMLInputElement | Input | null;
     getInputDOMRefSync(): HTMLInputElement | null;
     /**
      * Returns a reference to the native input element
@@ -429,53 +464,60 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      */
     get nativeInput(): HTMLInputElement | null;
     get nativeInputWidth(): number;
-    getLabelableElementId(): string;
-    getSuggestionByListItem(item: SuggestionListItem): IInputSuggestionItem;
     /**
      * Returns if the suggestions popover is scrollable.
      * The method returns `Promise` that resolves to true,
      * if the popup is scrollable and false otherwise.
      */
-    isSuggestionsScrollable(): Promise<boolean>;
-    getInputId(): string;
-    onItemMouseOver(e: MouseEvent): void;
-    onItemMouseOut(e: MouseEvent): void;
+    isSuggestionsScrollable(): boolean | Promise<boolean>;
     onItemMouseDown(e: MouseEvent): void;
-    onItemSelected(item: SuggestionItem, keyboardUsed: boolean): void;
-    onItemPreviewed(item: SuggestionListItem): void;
+    onItemSelected(suggestionItem: IInputSuggestionItemSelectable, keyboardUsed: boolean): void;
+    _handleSuggestionItemPress(e: CustomEvent<ListItemClickEventDetail>): void;
+    onItemSelect(item: IInputSuggestionItem): void;
+    get _flattenItems(): Array<IInputSuggestionItem>;
+    get _selectableItems(): Array<IInputSuggestionItemSelectable>;
     get valueStateTypeMappings(): {
-        Success: string;
+        Positive: string;
         Information: string;
-        Error: string;
-        Warning: string;
+        Negative: string;
+        Critical: string;
     };
     valueStateTextMappings(): {
-        Success: string;
+        Positive: string;
         Information: string;
-        Error: string;
-        Warning: string;
+        Negative: string;
+        Critical: string;
     };
     announceSelectedItem(): void;
+    fireSelectionChange(item: IInputSuggestionItem | null, isValueFromSuggestions: boolean): void;
+    fireResetSelectionChange(): void;
     get _readonly(): boolean;
     get _headerTitleText(): string;
+    get _suggestionsOkButtonText(): string;
     get clearIconAccessibleName(): string;
-    get inputType(): string;
+    get _popupLabel(): string;
+    get inputType(): `${InputType}`;
+    get inputNativeType(): Lowercase<`${InputType}`>;
     get isTypeNumber(): boolean;
-    get suggestionsTextId(): string;
-    get valueStateTextId(): string;
+    get suggestionsTextId(): "" | "suggestionsText";
+    get valueStateTextId(): "" | "valueStateDesc";
+    get _accInfoAriaDescription(): string;
+    get _accInfoAriaDescriptionId(): "" | "descr";
+    get ariaDescriptionText(): string | undefined;
+    get ariaDescriptionTextId(): "" | "accessibleDescription";
+    get ariaDescribedByIds(): string;
     get accInfo(): {
-        input: {
-            ariaRoledescription: string | undefined;
-            ariaDescribedBy: string | undefined;
-            ariaInvalid: string | undefined;
-            ariaHasPopup: string | undefined;
-            ariaAutoComplete: string | undefined;
-            role: string | undefined;
-            ariaControls: string | undefined;
-            ariaExpanded: string | undefined;
-            ariaDescription: string | undefined;
-            ariaLabel: string | undefined;
-        };
+        ariaRoledescription: string | undefined;
+        ariaDescribedBy: string | undefined;
+        ariaInvalid: boolean | undefined;
+        ariaHasPopup: AriaHasPopup | undefined;
+        ariaAutoComplete: "list" | "none" | "inline" | "both" | undefined;
+        role: import("@ui5/webcomponents-base/dist/thirdparty/preact/jsx.js").JSXInternal.AriaRole | undefined;
+        ariaControls: string | undefined;
+        ariaExpanded: boolean | undefined;
+        ariaDescription: string;
+        accessibleDescription: string | undefined;
+        ariaLabel: string | undefined;
     };
     get nativeInputAttributes(): {
         min: number | undefined;
@@ -484,15 +526,16 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
     };
     get ariaValueStateHiddenText(): string | undefined;
     get itemSelectionAnnounce(): string;
+    get linksInAriaValueStateHiddenText(): HTMLElement[];
+    get valueStateLinksShortcutsTextAcc(): string;
+    get _valueStateLinksShortcutsTextAccId(): "" | "hiddenText-value-state-link-shortcut";
     get iconsCount(): number;
     get classes(): ClassMap;
     get styles(): {
-        popoverHeader: {
-            "max-width": string;
-        };
         suggestionPopoverHeader: {
             display: string;
             width: string;
+            "max-width": string;
         };
         suggestionsPopover: {
             "min-width": string;
@@ -502,8 +545,7 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
             padding: string;
         };
     };
-    get suggestionSeparators(): string;
-    get valueStateMessageText(): Node[];
+    get suggestionSeparators(): "None";
     get shouldDisplayOnlyValueStateMessage(): boolean;
     get shouldDisplayDefaultValueStateMessage(): boolean;
     get hasValueState(): boolean;
@@ -518,12 +560,12 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      * Returns the placeholder value.
      * @protected
      */
-    get _placeholder(): string;
+    get _placeholder(): string | undefined;
     /**
      * This method is relevant for sap_horizon theme only
      */
     get _valueStateInputIcon(): string;
-    get _valueStatePopoverHorizontalAlign(): "Left" | "Right";
+    get _valueStatePopoverHorizontalAlign(): `${PopoverHorizontalAlign}`;
     /**
      * This method is relevant for sap_horizon theme only
      */
@@ -543,7 +585,7 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormElem
      * @param value the numeric value of Input of type "Number"
      */
     removeFractionalPart(value: string): string;
-    static onDefine(): Promise<void>;
+    static SuggestionsClass?: typeof InputSuggestions;
 }
 export default Input;
-export type { IInputSuggestionItem, InputSuggestionScrollEventDetail, InputSuggestionItemSelectEventDetail, InputSuggestionItemPreviewEventDetail, InputEventDetail, };
+export type { InputAccInfo, IInputSuggestionItem, IInputSuggestionItemSelectable, InputSuggestionScrollEventDetail, InputSelectionChangeEventDetail, InputEventDetail, };