@ui5/webcomponents 0.0.0-037d08c67

package/dist/IconTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTemplate.js","sourceRoot":"","sources":["../src/IconTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,YAAY;IACnC,OAAO,CACN,eACC,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,uBAAuB,EAClC,SAAS,EAAC,OAAO,EACjB,mBAAmB,EAAC,eAAe,gBACvB,IAAI,CAAC,uBAAuB,iBAC3B,IAAI,CAAC,mBAAmB,EACrC,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,aAEpB,IAAI,CAAC,cAAc;gBACR,iBAAO,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,UAAU,kBAAK,IAAI,CAAC,uBAAuB,SAAU,EAGxF,YAAG,IAAI,EAAC,cAAc,YACnB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GACjB,IACC,CACN,CAAC;AACH,CAAC;AAED,SAAS,OAAO;IACf,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC;IAED,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACjC,OAAO,YAAG,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,sBAAsB,EAAE,GAAM,CAAC;IAClF,CAAC;IAED,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAChC,eAAM,CAAC,EAAE,IAAI,GAAS,CACtB,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import type Icon from \"./Icon.js\";\n\nexport default function IconTemplate(this: Icon) {\n\treturn (\n\t\t<svg\n\t\t\tclass=\"ui5-icon-root\"\n\t\t\tpart=\"root\"\n\t\t\ttabindex={this._tabIndex}\n\t\t\tdir={this._dir}\n\t\t\tviewBox={this.viewBox}\n\t\t\trole={this.effectiveAccessibleRole}\n\t\t\tfocusable=\"false\"\n\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\taria-label={this.effectiveAccessibleName}\n\t\t\taria-hidden={this.effectiveAriaHidden}\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\tonKeyUp={this._onkeyup}\n\t\t>\n\t\t\t{ this.hasIconTooltip &&\n                <title id={`${this._id}-tooltip`} > {this.effectiveAccessibleName} </title>\n\t\t\t}\n\n\t\t\t<g role=\"presentation\">\n\t\t\t\t{ content.call(this) }\n\t\t\t</g>\n\t\t</svg>\n\t);\n}\n\nfunction content(this: Icon) {\n\tif (this.customTemplate) {\n\t\treturn this.customTemplate;\n\t}\n\n\tif (this.customTemplateAsString) {\n\t\treturn <g dangerouslySetInnerHTML={{ __html: this.customTemplateAsString }}></g>;\n\t}\n\n\treturn this.pathData.map(path => (\n\t\t<path d={path}></path>\n\t));\n}\n"]}

package/dist/Input.d.ts

@@ -0,0 +1,597 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.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 type { IFormInputElement } from "@ui5/webcomponents-base/dist/features/InputElementsFormSupport.js";
+import type SuggestionItem from "./SuggestionItem.js";
+import type { SuggestionComponent } from "./features/InputSuggestions.js";
+import type InputSuggestions from "./features/InputSuggestions.js";
+import InputType from "./types/InputType.js";
+import type Popover from "./Popover.js";
+import type { IIcon } from "./Icon.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";
+import InputSuggestionsFilter from "./types/InputSuggestionsFilter.js";
+/**
+ * Interface for components that represent a suggestion item, usable in `ui5-input`
+ * @public
+ */
+interface IInputSuggestionItem extends UI5Element {
+    focused: boolean;
+    additionalText?: string;
+    items?: IInputSuggestionItem[];
+}
+interface IInputSuggestionItemSelectable extends IInputSuggestionItem {
+    text?: string;
+    selected: boolean;
+}
+type NativeInputAttributes = {
+    min?: number;
+    max?: number;
+    step?: number;
+};
+type InputAccInfo = {
+    ariaRoledescription?: string;
+    ariaDescribedBy?: string;
+    ariaHasPopup?: AriaHasPopup;
+    ariaAutoComplete?: AriaAutoComplete;
+    role?: AriaRole;
+    ariaControls?: string;
+    ariaRequired?: boolean;
+    ariaExpanded?: boolean;
+    ariaDescription?: string;
+    ariaLabel?: string;
+    ariaInvalid?: boolean;
+};
+declare enum INPUT_ACTIONS {
+    ACTION_ENTER = "enter",
+    ACTION_USER_INPUT = "input"
+}
+type InputEventDetail = {
+    inputType: string;
+};
+type InputSelectionChangeEventDetail = {
+    item: IInputSuggestionItem | null;
+};
+type InputSuggestionScrollEventDetail = {
+    scrollTop: number;
+    scrollContainer: HTMLElement;
+};
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-input` component allows the user to enter and edit text or numeric values in one line.
+ *
+ * Additionally, you can provide `suggestionItems`,
+ * that are displayed in a popover right under the input.
+ *
+ * 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 "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.
+ *
+ * ### 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. 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";`
+ *
+ * @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, IFormInputElement {
+    eventDetails: {
+        "change": InputEventDetail;
+        "input": InputEventDetail;
+        "select": void;
+        "_request-submit": void;
+        "selection-change": InputSelectionChangeEventDetail;
+        "type-ahead": void;
+        "suggestion-scroll": InputSuggestionScrollEventDetail;
+        "open": void;
+        "close": void;
+    };
+    /**
+     * Defines whether the component is in disabled state.
+     *
+     * **Note:** A disabled component is completely noninteractive.
+     * @default false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines if characters within the suggestions are to be highlighted
+     * in case the input value matches parts of the suggestions text.
+     *
+     * **Note:** takes effect when `showSuggestions` is set to `true`
+     * @default false
+     * @private
+     * @since 1.0.0-rc.8
+     */
+    highlight: boolean;
+    /**
+     * Defines a short hint intended to aid the user with data entry when the
+     * component has no value.
+     * @default undefined
+     * @public
+     */
+    placeholder?: string;
+    /**
+     * Defines whether the component is read-only.
+     *
+     * **Note:** A read-only component is not editable,
+     * but still provides visual feedback upon user interaction.
+     * @default false
+     * @public
+     */
+    readonly: boolean;
+    /**
+     * Defines whether the component is required.
+     * @default false
+     * @public
+     * @since 1.0.0-rc.3
+     */
+    required: boolean;
+    /**
+     * Defines whether the value will be autcompleted to match an item
+     * @default false
+     * @public
+     * @since 1.4.0
+     */
+    noTypeahead: boolean;
+    /**
+     * 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.
+     * @default "Text"
+     * @public
+     */
+    type: `${InputType}`;
+    /**
+     * Defines the value of the component.
+     *
+     * **Note:** The property is updated upon typing.
+     * @default ""
+     * @formEvents change input
+     * @formProperty
+     * @public
+     */
+    value: string;
+    /**
+     * Defines the value state of the component.
+     * @default "None"
+     * @public
+     */
+    valueState: `${ValueState}`;
+    /**
+     * 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.
+     * @default undefined
+     * @public
+     */
+    name?: string;
+    /**
+     * Defines whether the component should show suggestions, if such are present.
+     *
+     * @default false
+     * @public
+     */
+    showSuggestions: boolean;
+    /**
+     * 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.
+     * @default undefined
+     * @since 1.0.0-rc.5
+     * @public
+     */
+    maxlength?: number;
+    /**
+     * Defines the accessible ARIA name of the component.
+     * @default undefined
+     * @public
+     * @since 1.0.0-rc.15
+     */
+    accessibleName?: string;
+    /**
+     * Receives id(or many ids) of the elements that label the input.
+     * @default undefined
+     * @public
+     * @since 1.0.0-rc.15
+     */
+    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
+     * @public
+     * @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 the filter type of the component.
+     * @default "None"
+     * @public
+     * @since 2.19.0
+     */
+    filter: `${InputSuggestionsFilter}`;
+    /**
+     * Defines whether the clear icon is visible.
+     * @default false
+     * @private
+     * @since 1.2.0
+     */
+    _effectiveShowClearIcon: boolean;
+    /**
+     * @private
+     */
+    focused: boolean;
+    /**
+     * Used to define enterkeyhint of the inner input.
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint
+     *
+     * @private
+     */
+    hint?: `${InputKeyHint}`;
+    valueStateOpen: boolean;
+    _inputAccInfo: InputAccInfo;
+    _nativeInputAttributes: NativeInputAttributes;
+    _inputWidth?: number;
+    _listWidth?: number;
+    _inputIconFocused: boolean;
+    /**
+     * Constantly updated value of texts collected from the associated labels
+     * @private
+     */
+    _associatedLabelsTexts?: string;
+    /**
+     * Constantly updated value of texts collected from the accessibleNameRef elements
+     * @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>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
+     *
+     * @public
+     */
+    suggestionItems: DefaultSlot<IInputSuggestionItem>;
+    /**
+     * Defines the icon to be displayed in the component.
+     * @public
+     */
+    icon: Slot<IIcon>;
+    /**
+     * 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.
+     * @since 1.0.0-rc.6
+     * @public
+     */
+    valueStateMessage: Slot<HTMLElement>;
+    hasSuggestionItemSelected: boolean;
+    valueBeforeItemSelection: string;
+    valueBeforeSelectionStart: string;
+    previousValue: string;
+    firstRendering: boolean;
+    typedInValue: string;
+    lastConfirmedValue: string;
+    isTyping: boolean;
+    _handleResizeBound: ResizeObserverCallback;
+    _shouldAutocomplete?: boolean;
+    _enterKeyDown?: boolean;
+    _isKeyNavigation?: boolean;
+    _indexOfSelectedItem: number;
+    _selectedText?: string;
+    _clearIconClicked?: boolean;
+    _focusedAfterClear: boolean;
+    _changeToBeFired?: boolean;
+    _performTextSelection?: boolean;
+    _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 | undefined;
+    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(): void;
+    _adjustContainsSelectionRange(): 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): void;
+    /**
+     * Called on "focusin" of the native input HTML Element.
+     * **Note:** implemented in MultiInput, but used in the Input template.
+     */
+    innerFocusIn(): void | undefined;
+    _onfocusout(e: FocusEvent): void;
+    _clearPopoverFocusAndSelection(): void;
+    _click(): void;
+    _handleChange(): void;
+    _clear(): void;
+    _iconMouseDown(): 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;
+    _filterItems(value: string): void;
+    _filterGroups(filterType: `${InputSuggestionsFilter}`, groupItems: IInputSuggestionItem[]): IInputSuggestionItem[];
+    _resetItemVisibility(): void;
+    _handleTypeAhead(item: IInputSuggestionItemSelectable): void;
+    _handleResize(): void;
+    _updateAssociatedLabelsTexts(): void;
+    _closePicker(): void;
+    _confirmMobileValue(): void;
+    _cancelMobileValue(): void;
+    _afterOpenPicker(): void;
+    _afterClosePicker(): void;
+    _handlePickerAfterOpen(): void;
+    _handlePickerAfterClose(): void;
+    openValueStatePopover(): void;
+    closeValueStatePopover(): void;
+    _handleValueStatePopoverAfterClose(): void;
+    _getValueStatePopover(): Popover;
+    enableSuggestions(): void;
+    /**
+     * Enables IME composition handling.
+     * Dynamically loads the InputComposition feature and sets up event listeners.
+     * @private
+     */
+    _enableComposition(): void;
+    acceptSuggestion(item: IInputSuggestionItemSelectable, keyboardUsed: boolean): void;
+    /**
+     * Updates the input value on item select.
+     * @param item The item that is on select
+     */
+    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
+     * @protected
+     */
+    get nativeInput(): HTMLInputElement | null;
+    get nativeInputWidth(): number;
+    /**
+     * Returns if the suggestions popover is scrollable.
+     * The method returns `Promise` that resolves to true,
+     * if the popup is scrollable and false otherwise.
+     */
+    isSuggestionsScrollable(): boolean | Promise<boolean>;
+    onItemMouseDown(e: MouseEvent): 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(): {
+        Positive: string;
+        Information: string;
+        Negative: string;
+        Critical: string;
+    };
+    valueStateTextMappings(): {
+        Positive: string;
+        Information: 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 _suggestionsCancelButtonText(): string;
+    get clearIconAccessibleName(): string;
+    get _popupLabel(): string;
+    get inputType(): `${InputType}`;
+    get inputNativeType(): Lowercase<`${InputType}`>;
+    get isTypeNumber(): boolean;
+    get suggestionsTextId(): "" | "suggestionsText";
+    get valueStateTextId(): "" | "valueStateDesc";
+    get _accInfoAriaDescription(): string;
+    get _accInfoAriaDescriptionId(): "" | "descr";
+    get ariaDescriptionText(): string | undefined;
+    get ariaDescriptionTextId(): "" | "accessibleDescription";
+    get ariaDescribedByIds(): string;
+    get accInfo(): {
+        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;
+        max: number | undefined;
+        step: string | number | undefined;
+    };
+    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(): {
+        suggestionPopoverHeader: {
+            display: string;
+            width: string;
+            "max-width": string;
+        };
+        suggestionsPopover: {
+            "min-width": string;
+            "max-width": string;
+        };
+        innerInput: {
+            padding: string;
+        };
+    };
+    get suggestionSeparators(): "None";
+    get shouldDisplayOnlyValueStateMessage(): boolean;
+    get shouldDisplayDefaultValueStateMessage(): boolean;
+    get hasValueState(): boolean;
+    get hasValueStateMessage(): boolean;
+    get valueStateText(): string | undefined;
+    get suggestionsText(): string;
+    get availableSuggestionsCount(): string | undefined;
+    get step(): "any" | undefined;
+    get _isPhone(): boolean;
+    get _isSuggestionsFocused(): boolean | undefined;
+    /**
+     * Returns the placeholder value.
+     * @protected
+     */
+    get _placeholder(): string | undefined;
+    /**
+     * This method is relevant for sap_horizon theme only
+     */
+    get _valueStateInputIcon(): string;
+    /**
+     * This method is relevant for sap_horizon theme only
+     */
+    get _valueStateMessageInputIcon(): string;
+    /**
+     * Returns the caret position inside the native input
+     * @protected
+     */
+    getCaretPosition(): number | null;
+    /**
+     * Sets the caret to a certain position inside the native input
+     * @protected
+     */
+    setCaretPosition(pos: number | null): void;
+    /**
+     * Removes the fractional part of floating-point number.
+     * @param value the numeric value of Input of type "Number"
+     */
+    removeFractionalPart(value: string): string;
+    static SuggestionsClass?: typeof InputSuggestions;
+}
+export default Input;
+export type { InputAccInfo, IInputSuggestionItem, IInputSuggestionItemSelectable, InputSuggestionScrollEventDetail, InputSelectionChangeEventDetail, InputEventDetail, };