import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js"; import type Popover from "@ui5/webcomponents/dist/Popover.js"; import type List from "@ui5/webcomponents/dist/List.js"; import SearchField from "./SearchField.js"; import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js"; import type SearchItem from "./SearchItem.js"; import type Button from "@ui5/webcomponents/dist/Button.js"; import type IllustratedMessage from "./IllustratedMessage.js"; import type SearchItemGroup from "./SearchItemGroup.js"; import type SearchMessageArea from "./SearchMessageArea.js"; import type { InputEventDetail } from "@ui5/webcomponents/dist/Input.js"; import type Input from "@ui5/webcomponents/dist/Input.js"; import type { PopupBeforeCloseEventDetail } from "@ui5/webcomponents/dist/Popup.js"; import type Select from "@ui5/webcomponents/dist/Select.js"; interface ISearchSuggestionItem extends UI5Element { selected: boolean; text: string; items?: ISearchSuggestionItem[]; } type SearchEventDetails = { item?: ISearchSuggestionItem; }; /** * @class * * ### Overview * * A `ui5-search` is an input with suggestions, used for user search. * * The `ui5-search` consists of several elements parts: * - Scope - displays a select in the beggining of the component, used for filtering results by their scope. * - Input field - for user input value * - Clear button - gives the possibility for deleting the entered value * - Search button - a primary button for performing search, when the user has entered a search term * - Suggestions - a list with available search suggestions * * ### ES6 Module Import * * `import "@ui5/webcomponents-fiori/dist/Search.js";` * * @constructor * @extends SearchField * @public * @since 2.9.0 * @experimental */ declare class Search extends SearchField { eventDetails: SearchField["eventDetails"] & { search: SearchEventDetails; "popup-action-press": void; "open": void; "close": void; }; /** * Indicates whether a loading indicator should be shown in the popup. * @default false * @public */ loading: boolean; /** * Defines whether the value will be autcompleted to match an item. * @default false * @public */ noTypeahead: boolean; /** * Defines the Search suggestion items. * * @public */ items: Array; /** * Defines the popup footer action button. * * @public */ action: Array