import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js"; import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js"; import type MessageStripDesign from "./types/MessageStripDesign.js"; import type { IIcon } from "./Icon.js"; declare enum DesignClassesMapping { Information = "ui5-message-strip-root--info", Positive = "ui5-message-strip-root--positive", Negative = "ui5-message-strip-root--negative", Critical = "ui5-message-strip-root--critical", ColorSet1 = "ui5-message-strip-root--color-set-1", ColorSet2 = "ui5-message-strip-root--color-set-2" } type DesignTypeAnnouncemnt = Record; type DesignCloseButtonTooltip = Record; /** * @class * * ### Overview * * The ui5-message-strip component allows for the embedding of application-related messages. * It supports four semantic designs, each with its own color and icon: "Information", "Positive", "Critical", and "Negative". * Additionally, users can choose from two color sets ("ColorSet1" and "ColorSet2"), each containing 10 predefined color schemes. * Each message shows a "Close" button, so that it can be removed from the UI, if needed. * ### Usage * * For the `ui5-message-strip` component, you can define whether it displays * an icon in the beginning and a close button. Moreover, its size and background * can be controlled with CSS. * * ### Keyboard Handling * * #### Fast Navigation * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up]. * In order to use this functionality, you need to import the following module: * `import "@ui5/webcomponents-base/dist/features/F6Navigation.js"` * * ### ES6 Module Import * * `import "@ui5/webcomponents/dist/MessageStrip.js";` * @constructor * @extends UI5Element * @public * @since 0.9.0 * @slot {Array} default * Defines the text of the component. * * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design. */ declare class MessageStrip extends UI5Element { eventDetails: { close: void; }; /** * Defines the component type. * @default "Information" * @public * @since 1.0.0-rc.15 */ design: `${MessageStripDesign}`; /** * Defines the color scheme of the component. * There are 10 predefined schemes. * To use one you can set a number from `"1"` to `"10"`. The `colorScheme` `"1"` will be set by default. * * @default "1" * @public * @since 2.0.0 */ colorScheme: string; /** * Defines whether the MessageStrip will show an icon in the beginning. * You can directly provide an icon with the `icon` slot. Otherwise, the default icon for the type will be used. * * * **Note:** If MessageStripDesign.ColorSet1 or MessageStripDesign.ColorSet2 value is set to the design property, default icon will not be presented. * * @default false * @public * @since 1.0.0-rc.15 */ hideIcon: boolean; /** * Defines whether the MessageStrip renders close button. * @default false * @public */ hideCloseButton: boolean; /** * Defines the content to be displayed as graphical element within the component. * * **Note:** If no icon is given, the default icon for the component type will be used. * The SAP-icons font provides numerous options. * * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html). * @public */ icon: Array; static i18nBundle: I18nBundle; _closeClick(): void; static designAnnouncementMappings(): DesignTypeAnnouncemnt; get hiddenText(): string; get shouldHideIcon(): boolean; static closeButtonMappings(): DesignCloseButtonTooltip; get _closeButtonText(): string; get _closableText(): string; get iconProvided(): boolean; get designClasses(): DesignClassesMapping; } export default MessageStrip;