@ui5/webcomponents 0.31.25 → 0.31.26

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.31.26](https://github.com/SAP/ui5-webcomponents/compare/v0.31.25...v0.31.26) (2021-12-06)
+
+
+### Bug Fixes
+
+* **ui5-message-strip:** make speech output more comprehensive ([e3fe05f](https://github.com/SAP/ui5-webcomponents/commit/e3fe05f)), closes [#4416](https://github.com/SAP/ui5-webcomponents/issues/4416)
+* **ui5-textarea:** Calc properly TextArea's size for showExceeds property ([#4152](https://github.com/SAP/ui5-webcomponents/issues/4152)) ([#4417](https://github.com/SAP/ui5-webcomponents/issues/4417)) ([58e9249](https://github.com/SAP/ui5-webcomponents/commit/58e9249))
+
+
+
+
+
 ## [0.31.25](https://github.com/SAP/ui5-webcomponents/compare/v0.31.24...v0.31.25) (2021-11-29)
 
 

package/dist/MessageStrip.js

@@ -10,7 +10,14 @@ import MessageStripType from "./types/MessageStripType.js";
 import MessageStripTemplate from "./generated/templates/MessageStripTemplate.lit.js";
 import Icon from "./Icon.js";
 import Button from "./Button.js";
-import { MESSAGE_STRIP_CLOSE_BUTTON } from "./generated/i18n/i18n-defaults.js";
+import {
+	MESSAGE_STRIP_CLOSE_BUTTON,
+	MESSAGE_STRIP_CLOSABLE,
+	MESSAGE_STRIP_ERROR,
+	MESSAGE_STRIP_WARNING,
+	MESSAGE_STRIP_SUCCESS,
+	MESSAGE_STRIP_INFORMATION,
+} from "./generated/i18n/i18n-defaults.js";
 
 // Styles
 import messageStripCss from "./generated/themes/MessageStrip.css.js";
@@ -189,14 +196,27 @@ class MessageStrip extends UI5Element {
 		};
 	}
 
+	get designAnnouncementMappings() {
+		return {
+			"Information": this.i18nBundle.getText(MESSAGE_STRIP_INFORMATION),
+			"Positive": this.i18nBundle.getText(MESSAGE_STRIP_SUCCESS),
+			"Negative": this.i18nBundle.getText(MESSAGE_STRIP_ERROR),
+			"Warning": this.i18nBundle.getText(MESSAGE_STRIP_WARNING),
+		};
+	}
+
 	get hiddenText() {
-		return `Message Strip ${this.type} ${this.noCloseButton ? "" : "closable"}`;
+		return `${this.designAnnouncementMappings[this.type]} ${this.noCloseButton ? "" : this._closableText}`;
 	}
 
 	get _closeButtonText() {
 		return this.i18nBundle.getText(MESSAGE_STRIP_CLOSE_BUTTON);
 	}
 
+	get _closableText() {
+		return this.i18nBundle.getText(MESSAGE_STRIP_CLOSABLE);
+	}
+
 	get classes() {
 		return {
 			root: {
@@ -219,6 +239,14 @@ class MessageStrip extends UI5Element {
 	get typeClasses() {
 		return MessageStrip.typeClassesMappings()[this.type];
 	}
+
+	get accInfo() {
+		return {
+			"button": {
+				"title": this._closeButtonText,
+			},
+		};
+	}
 }
 
 MessageStrip.define();

package/dist/TextArea.js

@@ -542,6 +542,7 @@ class TextArea extends UI5Element {
 
 	get styles() {
 		const lineHeight = 1.4 * 16;
+		const mainHeight = (this.rows * lineHeight) + (this.showExceededText ? 32 : 0);
 
 		return {
 			mirror: {
@@ -549,7 +550,7 @@ class TextArea extends UI5Element {
 			},
 			main: {
 				width: "100%",
-				height: (this.rows && !this.growing) ? `${this.rows * lineHeight}px` : "100%",
+				height: (this.rows && !this.growing) ? `${mainHeight}px` : "100%",
 			},
 			focusDiv: {
 				"height": (this.showExceededText ? "calc(100% - 26px)" : "100%"),

package/dist/generated/i18n/i18n-defaults.js

@@ -1,2 +1,2 @@
-const ARIA_LABEL_CARD_CONTENT = {key: "ARIA_LABEL_CARD_CONTENT", defaultText: "Card Content"};const ARIA_ROLEDESCRIPTION_CARD = {key: "ARIA_ROLEDESCRIPTION_CARD", defaultText: "Card"};const ARIA_ROLEDESCRIPTION_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_CARD_HEADER", defaultText: "Card Header"};const ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER", defaultText: "Interactive Card Header"};const AVATAR_TOOLTIP = {key: "AVATAR_TOOLTIP", defaultText: "Avatar"};const BADGE_DESCRIPTION = {key: "BADGE_DESCRIPTION", defaultText: "Badge"};const BUSY_INDICATOR_TITLE = {key: "BUSY_INDICATOR_TITLE", defaultText: "Please wait"};const BUTTON_ARIA_TYPE_ACCEPT = {key: "BUTTON_ARIA_TYPE_ACCEPT", defaultText: "Positive Action"};const BUTTON_ARIA_TYPE_REJECT = {key: "BUTTON_ARIA_TYPE_REJECT", defaultText: "Negative Action"};const BUTTON_ARIA_TYPE_EMPHASIZED = {key: "BUTTON_ARIA_TYPE_EMPHASIZED", defaultText: "Emphasized"};const CAROUSEL_OF_TEXT = {key: "CAROUSEL_OF_TEXT", defaultText: "of"};const CAROUSEL_DOT_TEXT = {key: "CAROUSEL_DOT_TEXT", defaultText: "Item {0} of {1} displayed"};const CAROUSEL_PREVIOUS_ARROW_TEXT = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const COLORPALETTE_CONTAINER_LABEL = {key: "COLORPALETTE_CONTAINER_LABEL", defaultText: "Color palette - Predefined colors"};const COLORPALETTE_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};const DATEPICKER_OPEN_ICON_TITLE = {key: "DATEPICKER_OPEN_ICON_TITLE", defaultText: "Open Picker"};const DATEPICKER_DATE_DESCRIPTION = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const DELETE = {key: "DELETE", defaultText: "Delete"};const FILEUPLOAD_BROWSE = {key: "FILEUPLOAD_BROWSE", defaultText: "Browse..."};const FILEUPLOADER_TITLE = {key: "FILEUPLOADER_TITLE", defaultText: "Upload File"};const GROUP_HEADER_TEXT = {key: "GROUP_HEADER_TEXT", defaultText: "Group Header"};const SELECT_OPTIONS = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const INPUT_SUGGESTIONS = {key: "INPUT_SUGGESTIONS", defaultText: "Suggestions Available"};const INPUT_SUGGESTIONS_TITLE = {key: "INPUT_SUGGESTIONS_TITLE", defaultText: "Select"};const INPUT_SUGGESTIONS_ONE_HIT = {key: "INPUT_SUGGESTIONS_ONE_HIT", defaultText: "1 result available"};const INPUT_SUGGESTIONS_MORE_HITS = {key: "INPUT_SUGGESTIONS_MORE_HITS", defaultText: "{0} results are available"};const INPUT_SUGGESTIONS_NO_HIT = {key: "INPUT_SUGGESTIONS_NO_HIT", defaultText: "No results"};const LINK_SUBTLE = {key: "LINK_SUBTLE", defaultText: "Subtle"};const LINK_EMPHASIZED = {key: "LINK_EMPHASIZED", defaultText: "Emphasized"};const LIST_ITEM_POSITION = {key: "LIST_ITEM_POSITION", defaultText: "List item {0} of {1}"};const LIST_ITEM_SELECTED = {key: "LIST_ITEM_SELECTED", defaultText: "Selected"};const LIST_ITEM_NOT_SELECTED = {key: "LIST_ITEM_NOT_SELECTED", defaultText: "Not Selected"};const ARIA_LABEL_LIST_ITEM_CHECKBOX = {key: "ARIA_LABEL_LIST_ITEM_CHECKBOX", defaultText: "Multiple Selection Mode"};const ARIA_LABEL_LIST_ITEM_RADIO_BUTTON = {key: "ARIA_LABEL_LIST_ITEM_RADIO_BUTTON", defaultText: "Item Selection."};const ARIA_LABEL_LIST_SELECTABLE = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const ARIA_LABEL_LIST_MULTISELECTABLE = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_DELETABLE = {key: "ARIA_LABEL_LIST_DELETABLE", defaultText: "Contains Deletable Items"};const MESSAGE_STRIP_CLOSE_BUTTON = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Message Strip Close"};const MULTICOMBOBOX_DIALOG_OK_BUTTON = {key: "MULTICOMBOBOX_DIALOG_OK_BUTTON", defaultText: "OK"};const MULTIINPUT_ROLEDESCRIPTION_TEXT = {key: "MULTIINPUT_ROLEDESCRIPTION_TEXT", defaultText: "Multi Value Input"};const MULTIINPUT_SHOW_MORE_TOKENS = {key: "MULTIINPUT_SHOW_MORE_TOKENS", defaultText: "{0} More"};const PANEL_ICON = {key: "PANEL_ICON", defaultText: "Expand/Collapse"};const RANGE_SLIDER_ARIA_DESCRIPTION = {key: "RANGE_SLIDER_ARIA_DESCRIPTION", defaultText: "Range"};const RANGE_SLIDER_START_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_START_HANDLE_DESCRIPTION", defaultText: "Left handle"};const RANGE_SLIDER_END_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_END_HANDLE_DESCRIPTION", defaultText: "Right handle"};const RATING_INDICATOR_TOOLTIP_TEXT = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_TEXT = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON = {key: "RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON", defaultText: "Decline"};const SEGMENTEDBUTTON_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTON_ARIA_DESCRIPTION", defaultText: "Segmented Button"};const SEGMENTEDBUTTON_ARIA_DESCRIBEDBY = {key: "SEGMENTEDBUTTON_ARIA_DESCRIBEDBY", defaultText: "Press SPACE or ENTER to select an item"};const SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION", defaultText: "Segmented button"};const SLIDER_ARIA_DESCRIPTION = {key: "SLIDER_ARIA_DESCRIPTION", defaultText: "Slider handle"};const SWITCH_ON = {key: "SWITCH_ON", defaultText: "On"};const SWITCH_OFF = {key: "SWITCH_OFF", defaultText: "Off"};const LOAD_MORE_TEXT = {key: "LOAD_MORE_TEXT", defaultText: "More"};const TABCONTAINER_NEXT_ICON_ACC_NAME = {key: "TABCONTAINER_NEXT_ICON_ACC_NAME", defaultText: "Next"};const TABCONTAINER_PREVIOUS_ICON_ACC_NAME = {key: "TABCONTAINER_PREVIOUS_ICON_ACC_NAME", defaultText: "Previous"};const TABCONTAINER_OVERFLOW_MENU_TITLE = {key: "TABCONTAINER_OVERFLOW_MENU_TITLE", defaultText: "Overflow Menu"};const TEXTAREA_CHARACTERS_LEFT = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const TEXTAREA_CHARACTERS_EXCEEDED = {key: "TEXTAREA_CHARACTERS_EXCEEDED", defaultText: "{0} characters over limit"};const TIMEPICKER_HOURS_LABEL = {key: "TIMEPICKER_HOURS_LABEL", defaultText: "Hours"};const TIMEPICKER_MINUTES_LABEL = {key: "TIMEPICKER_MINUTES_LABEL", defaultText: "Minutes"};const TIMEPICKER_SECONDS_LABEL = {key: "TIMEPICKER_SECONDS_LABEL", defaultText: "Seconds"};const TIMEPICKER_PERIODS_LABEL = {key: "TIMEPICKER_PERIODS_LABEL", defaultText: "AM/PM"};const TIMEPICKER_SUBMIT_BUTTON = {key: "TIMEPICKER_SUBMIT_BUTTON", defaultText: "OK"};const TIMEPICKER_CANCEL_BUTTON = {key: "TIMEPICKER_CANCEL_BUTTON", defaultText: "Cancel"};const DATETIME_PICKER_DATE_BUTTON = {key: "DATETIME_PICKER_DATE_BUTTON", defaultText: "Date"};const DATETIME_PICKER_TIME_BUTTON = {key: "DATETIME_PICKER_TIME_BUTTON", defaultText: "Time"};const TOKEN_ARIA_DELETABLE = {key: "TOKEN_ARIA_DELETABLE", defaultText: "Deletable"};const TOKENIZER_ARIA_CONTAIN_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_TOKEN", defaultText: "No Tokens"};const TOKENIZER_ARIA_CONTAIN_ONE_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_ONE_TOKEN", defaultText: "Contains 1 token"};const TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS = {key: "TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS", defaultText: "Contains {0} tokens"};const TOKENIZER_ARIA_LABEL = {key: "TOKENIZER_ARIA_LABEL", defaultText: "Tokenizer"};const TOKENIZER_POPOVER_REMOVE = {key: "TOKENIZER_POPOVER_REMOVE", defaultText: "Remove"};const TREE_ITEM_ARIA_LABEL = {key: "TREE_ITEM_ARIA_LABEL", defaultText: "Tree Item"};const TREE_ITEM_EXPAND_NODE = {key: "TREE_ITEM_EXPAND_NODE", defaultText: "Expand Node"};const TREE_ITEM_COLLAPSE_NODE = {key: "TREE_ITEM_COLLAPSE_NODE", defaultText: "Collapse Node"};const VALUE_STATE_ERROR = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const CALENDAR_HEADER_NEXT_BUTTON = {key: "CALENDAR_HEADER_NEXT_BUTTON", defaultText: "Next"};const CALENDAR_HEADER_PREVIOUS_BUTTON = {key: "CALENDAR_HEADER_PREVIOUS_BUTTON", defaultText: "Previous"};const DAY_PICKER_WEEK_NUMBER_TEXT = {key: "DAY_PICKER_WEEK_NUMBER_TEXT", defaultText: "Week Number"};const DAY_PICKER_NON_WORKING_DAY = {key: "DAY_PICKER_NON_WORKING_DAY", defaultText: "Non-Working Day"};const DAY_PICKER_TODAY = {key: "DAY_PICKER_TODAY", defaultText: "Today"};const STEPINPUT_DEC_ICON_TITLE = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease"};const STEPINPUT_INC_ICON_TITLE = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase"};
-export {ARIA_LABEL_CARD_CONTENT,ARIA_ROLEDESCRIPTION_CARD,ARIA_ROLEDESCRIPTION_CARD_HEADER,ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,AVATAR_TOOLTIP,BADGE_DESCRIPTION,BUSY_INDICATOR_TITLE,BUTTON_ARIA_TYPE_ACCEPT,BUTTON_ARIA_TYPE_REJECT,BUTTON_ARIA_TYPE_EMPHASIZED,CAROUSEL_OF_TEXT,CAROUSEL_DOT_TEXT,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,COLORPALETTE_CONTAINER_LABEL,COLORPALETTE_COLOR_LABEL,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_DESCRIPTION,DELETE,FILEUPLOAD_BROWSE,FILEUPLOADER_TITLE,GROUP_HEADER_TEXT,SELECT_OPTIONS,INPUT_SUGGESTIONS,INPUT_SUGGESTIONS_TITLE,INPUT_SUGGESTIONS_ONE_HIT,INPUT_SUGGESTIONS_MORE_HITS,INPUT_SUGGESTIONS_NO_HIT,LINK_SUBTLE,LINK_EMPHASIZED,LIST_ITEM_POSITION,LIST_ITEM_SELECTED,LIST_ITEM_NOT_SELECTED,ARIA_LABEL_LIST_ITEM_CHECKBOX,ARIA_LABEL_LIST_ITEM_RADIO_BUTTON,ARIA_LABEL_LIST_SELECTABLE,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_DELETABLE,MESSAGE_STRIP_CLOSE_BUTTON,MULTICOMBOBOX_DIALOG_OK_BUTTON,MULTIINPUT_ROLEDESCRIPTION_TEXT,MULTIINPUT_SHOW_MORE_TOKENS,PANEL_ICON,RANGE_SLIDER_ARIA_DESCRIPTION,RANGE_SLIDER_START_HANDLE_DESCRIPTION,RANGE_SLIDER_END_HANDLE_DESCRIPTION,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_TEXT,RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON,SEGMENTEDBUTTON_ARIA_DESCRIPTION,SEGMENTEDBUTTON_ARIA_DESCRIBEDBY,SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION,SLIDER_ARIA_DESCRIPTION,SWITCH_ON,SWITCH_OFF,LOAD_MORE_TEXT,TABCONTAINER_NEXT_ICON_ACC_NAME,TABCONTAINER_PREVIOUS_ICON_ACC_NAME,TABCONTAINER_OVERFLOW_MENU_TITLE,TEXTAREA_CHARACTERS_LEFT,TEXTAREA_CHARACTERS_EXCEEDED,TIMEPICKER_HOURS_LABEL,TIMEPICKER_MINUTES_LABEL,TIMEPICKER_SECONDS_LABEL,TIMEPICKER_PERIODS_LABEL,TIMEPICKER_SUBMIT_BUTTON,TIMEPICKER_CANCEL_BUTTON,DATETIME_PICKER_DATE_BUTTON,DATETIME_PICKER_TIME_BUTTON,TOKEN_ARIA_DELETABLE,TOKENIZER_ARIA_CONTAIN_TOKEN,TOKENIZER_ARIA_CONTAIN_ONE_TOKEN,TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS,TOKENIZER_ARIA_LABEL,TOKENIZER_POPOVER_REMOVE,TREE_ITEM_ARIA_LABEL,TREE_ITEM_EXPAND_NODE,TREE_ITEM_COLLAPSE_NODE,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,CALENDAR_HEADER_NEXT_BUTTON,CALENDAR_HEADER_PREVIOUS_BUTTON,DAY_PICKER_WEEK_NUMBER_TEXT,DAY_PICKER_NON_WORKING_DAY,DAY_PICKER_TODAY,STEPINPUT_DEC_ICON_TITLE,STEPINPUT_INC_ICON_TITLE};
+const ARIA_LABEL_CARD_CONTENT = {key: "ARIA_LABEL_CARD_CONTENT", defaultText: "Card Content"};const ARIA_ROLEDESCRIPTION_CARD = {key: "ARIA_ROLEDESCRIPTION_CARD", defaultText: "Card"};const ARIA_ROLEDESCRIPTION_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_CARD_HEADER", defaultText: "Card Header"};const ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER", defaultText: "Interactive Card Header"};const AVATAR_TOOLTIP = {key: "AVATAR_TOOLTIP", defaultText: "Avatar"};const BADGE_DESCRIPTION = {key: "BADGE_DESCRIPTION", defaultText: "Badge"};const BUSY_INDICATOR_TITLE = {key: "BUSY_INDICATOR_TITLE", defaultText: "Please wait"};const BUTTON_ARIA_TYPE_ACCEPT = {key: "BUTTON_ARIA_TYPE_ACCEPT", defaultText: "Positive Action"};const BUTTON_ARIA_TYPE_REJECT = {key: "BUTTON_ARIA_TYPE_REJECT", defaultText: "Negative Action"};const BUTTON_ARIA_TYPE_EMPHASIZED = {key: "BUTTON_ARIA_TYPE_EMPHASIZED", defaultText: "Emphasized"};const CAROUSEL_OF_TEXT = {key: "CAROUSEL_OF_TEXT", defaultText: "of"};const CAROUSEL_DOT_TEXT = {key: "CAROUSEL_DOT_TEXT", defaultText: "Item {0} of {1} displayed"};const CAROUSEL_PREVIOUS_ARROW_TEXT = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const COLORPALETTE_CONTAINER_LABEL = {key: "COLORPALETTE_CONTAINER_LABEL", defaultText: "Color palette - Predefined colors"};const COLORPALETTE_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};const DATEPICKER_OPEN_ICON_TITLE = {key: "DATEPICKER_OPEN_ICON_TITLE", defaultText: "Open Picker"};const DATEPICKER_DATE_DESCRIPTION = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const DELETE = {key: "DELETE", defaultText: "Delete"};const FILEUPLOAD_BROWSE = {key: "FILEUPLOAD_BROWSE", defaultText: "Browse..."};const FILEUPLOADER_TITLE = {key: "FILEUPLOADER_TITLE", defaultText: "Upload File"};const GROUP_HEADER_TEXT = {key: "GROUP_HEADER_TEXT", defaultText: "Group Header"};const SELECT_OPTIONS = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const INPUT_SUGGESTIONS = {key: "INPUT_SUGGESTIONS", defaultText: "Suggestions Available"};const INPUT_SUGGESTIONS_TITLE = {key: "INPUT_SUGGESTIONS_TITLE", defaultText: "Select"};const INPUT_SUGGESTIONS_ONE_HIT = {key: "INPUT_SUGGESTIONS_ONE_HIT", defaultText: "1 result available"};const INPUT_SUGGESTIONS_MORE_HITS = {key: "INPUT_SUGGESTIONS_MORE_HITS", defaultText: "{0} results are available"};const INPUT_SUGGESTIONS_NO_HIT = {key: "INPUT_SUGGESTIONS_NO_HIT", defaultText: "No results"};const LINK_SUBTLE = {key: "LINK_SUBTLE", defaultText: "Subtle"};const LINK_EMPHASIZED = {key: "LINK_EMPHASIZED", defaultText: "Emphasized"};const LIST_ITEM_POSITION = {key: "LIST_ITEM_POSITION", defaultText: "List item {0} of {1}"};const LIST_ITEM_SELECTED = {key: "LIST_ITEM_SELECTED", defaultText: "Selected"};const LIST_ITEM_NOT_SELECTED = {key: "LIST_ITEM_NOT_SELECTED", defaultText: "Not Selected"};const ARIA_LABEL_LIST_ITEM_CHECKBOX = {key: "ARIA_LABEL_LIST_ITEM_CHECKBOX", defaultText: "Multiple Selection Mode"};const ARIA_LABEL_LIST_ITEM_RADIO_BUTTON = {key: "ARIA_LABEL_LIST_ITEM_RADIO_BUTTON", defaultText: "Item Selection."};const ARIA_LABEL_LIST_SELECTABLE = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const ARIA_LABEL_LIST_MULTISELECTABLE = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_DELETABLE = {key: "ARIA_LABEL_LIST_DELETABLE", defaultText: "Contains Deletable Items"};const MESSAGE_STRIP_CLOSE_BUTTON = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Message Strip Close"};const MESSAGE_STRIP_CLOSABLE = {key: "MESSAGE_STRIP_CLOSABLE", defaultText: "Closable"};const MESSAGE_STRIP_ERROR = {key: "MESSAGE_STRIP_ERROR", defaultText: "Error Information Bar"};const MESSAGE_STRIP_WARNING = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Information Bar"};const MESSAGE_STRIP_SUCCESS = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Success Information Bar"};const MESSAGE_STRIP_INFORMATION = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MULTICOMBOBOX_DIALOG_OK_BUTTON = {key: "MULTICOMBOBOX_DIALOG_OK_BUTTON", defaultText: "OK"};const MULTIINPUT_ROLEDESCRIPTION_TEXT = {key: "MULTIINPUT_ROLEDESCRIPTION_TEXT", defaultText: "Multi Value Input"};const MULTIINPUT_SHOW_MORE_TOKENS = {key: "MULTIINPUT_SHOW_MORE_TOKENS", defaultText: "{0} More"};const PANEL_ICON = {key: "PANEL_ICON", defaultText: "Expand/Collapse"};const RANGE_SLIDER_ARIA_DESCRIPTION = {key: "RANGE_SLIDER_ARIA_DESCRIPTION", defaultText: "Range"};const RANGE_SLIDER_START_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_START_HANDLE_DESCRIPTION", defaultText: "Left handle"};const RANGE_SLIDER_END_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_END_HANDLE_DESCRIPTION", defaultText: "Right handle"};const RATING_INDICATOR_TOOLTIP_TEXT = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_TEXT = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON = {key: "RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON", defaultText: "Decline"};const SEGMENTEDBUTTON_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTON_ARIA_DESCRIPTION", defaultText: "Segmented Button"};const SEGMENTEDBUTTON_ARIA_DESCRIBEDBY = {key: "SEGMENTEDBUTTON_ARIA_DESCRIBEDBY", defaultText: "Press SPACE or ENTER to select an item"};const SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION", defaultText: "Segmented button"};const SLIDER_ARIA_DESCRIPTION = {key: "SLIDER_ARIA_DESCRIPTION", defaultText: "Slider handle"};const SWITCH_ON = {key: "SWITCH_ON", defaultText: "On"};const SWITCH_OFF = {key: "SWITCH_OFF", defaultText: "Off"};const LOAD_MORE_TEXT = {key: "LOAD_MORE_TEXT", defaultText: "More"};const TABCONTAINER_NEXT_ICON_ACC_NAME = {key: "TABCONTAINER_NEXT_ICON_ACC_NAME", defaultText: "Next"};const TABCONTAINER_PREVIOUS_ICON_ACC_NAME = {key: "TABCONTAINER_PREVIOUS_ICON_ACC_NAME", defaultText: "Previous"};const TABCONTAINER_OVERFLOW_MENU_TITLE = {key: "TABCONTAINER_OVERFLOW_MENU_TITLE", defaultText: "Overflow Menu"};const TEXTAREA_CHARACTERS_LEFT = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const TEXTAREA_CHARACTERS_EXCEEDED = {key: "TEXTAREA_CHARACTERS_EXCEEDED", defaultText: "{0} characters over limit"};const TIMEPICKER_HOURS_LABEL = {key: "TIMEPICKER_HOURS_LABEL", defaultText: "Hours"};const TIMEPICKER_MINUTES_LABEL = {key: "TIMEPICKER_MINUTES_LABEL", defaultText: "Minutes"};const TIMEPICKER_SECONDS_LABEL = {key: "TIMEPICKER_SECONDS_LABEL", defaultText: "Seconds"};const TIMEPICKER_PERIODS_LABEL = {key: "TIMEPICKER_PERIODS_LABEL", defaultText: "AM/PM"};const TIMEPICKER_SUBMIT_BUTTON = {key: "TIMEPICKER_SUBMIT_BUTTON", defaultText: "OK"};const TIMEPICKER_CANCEL_BUTTON = {key: "TIMEPICKER_CANCEL_BUTTON", defaultText: "Cancel"};const DATETIME_PICKER_DATE_BUTTON = {key: "DATETIME_PICKER_DATE_BUTTON", defaultText: "Date"};const DATETIME_PICKER_TIME_BUTTON = {key: "DATETIME_PICKER_TIME_BUTTON", defaultText: "Time"};const TOKEN_ARIA_DELETABLE = {key: "TOKEN_ARIA_DELETABLE", defaultText: "Deletable"};const TOKENIZER_ARIA_CONTAIN_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_TOKEN", defaultText: "No Tokens"};const TOKENIZER_ARIA_CONTAIN_ONE_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_ONE_TOKEN", defaultText: "Contains 1 token"};const TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS = {key: "TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS", defaultText: "Contains {0} tokens"};const TOKENIZER_ARIA_LABEL = {key: "TOKENIZER_ARIA_LABEL", defaultText: "Tokenizer"};const TOKENIZER_POPOVER_REMOVE = {key: "TOKENIZER_POPOVER_REMOVE", defaultText: "Remove"};const TREE_ITEM_ARIA_LABEL = {key: "TREE_ITEM_ARIA_LABEL", defaultText: "Tree Item"};const TREE_ITEM_EXPAND_NODE = {key: "TREE_ITEM_EXPAND_NODE", defaultText: "Expand Node"};const TREE_ITEM_COLLAPSE_NODE = {key: "TREE_ITEM_COLLAPSE_NODE", defaultText: "Collapse Node"};const VALUE_STATE_ERROR = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const CALENDAR_HEADER_NEXT_BUTTON = {key: "CALENDAR_HEADER_NEXT_BUTTON", defaultText: "Next"};const CALENDAR_HEADER_PREVIOUS_BUTTON = {key: "CALENDAR_HEADER_PREVIOUS_BUTTON", defaultText: "Previous"};const DAY_PICKER_WEEK_NUMBER_TEXT = {key: "DAY_PICKER_WEEK_NUMBER_TEXT", defaultText: "Week Number"};const DAY_PICKER_NON_WORKING_DAY = {key: "DAY_PICKER_NON_WORKING_DAY", defaultText: "Non-Working Day"};const DAY_PICKER_TODAY = {key: "DAY_PICKER_TODAY", defaultText: "Today"};const STEPINPUT_DEC_ICON_TITLE = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease"};const STEPINPUT_INC_ICON_TITLE = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase"};
+export {ARIA_LABEL_CARD_CONTENT,ARIA_ROLEDESCRIPTION_CARD,ARIA_ROLEDESCRIPTION_CARD_HEADER,ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,AVATAR_TOOLTIP,BADGE_DESCRIPTION,BUSY_INDICATOR_TITLE,BUTTON_ARIA_TYPE_ACCEPT,BUTTON_ARIA_TYPE_REJECT,BUTTON_ARIA_TYPE_EMPHASIZED,CAROUSEL_OF_TEXT,CAROUSEL_DOT_TEXT,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,COLORPALETTE_CONTAINER_LABEL,COLORPALETTE_COLOR_LABEL,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_DESCRIPTION,DELETE,FILEUPLOAD_BROWSE,FILEUPLOADER_TITLE,GROUP_HEADER_TEXT,SELECT_OPTIONS,INPUT_SUGGESTIONS,INPUT_SUGGESTIONS_TITLE,INPUT_SUGGESTIONS_ONE_HIT,INPUT_SUGGESTIONS_MORE_HITS,INPUT_SUGGESTIONS_NO_HIT,LINK_SUBTLE,LINK_EMPHASIZED,LIST_ITEM_POSITION,LIST_ITEM_SELECTED,LIST_ITEM_NOT_SELECTED,ARIA_LABEL_LIST_ITEM_CHECKBOX,ARIA_LABEL_LIST_ITEM_RADIO_BUTTON,ARIA_LABEL_LIST_SELECTABLE,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_DELETABLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_CLOSABLE,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_INFORMATION,MULTICOMBOBOX_DIALOG_OK_BUTTON,MULTIINPUT_ROLEDESCRIPTION_TEXT,MULTIINPUT_SHOW_MORE_TOKENS,PANEL_ICON,RANGE_SLIDER_ARIA_DESCRIPTION,RANGE_SLIDER_START_HANDLE_DESCRIPTION,RANGE_SLIDER_END_HANDLE_DESCRIPTION,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_TEXT,RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON,SEGMENTEDBUTTON_ARIA_DESCRIPTION,SEGMENTEDBUTTON_ARIA_DESCRIBEDBY,SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION,SLIDER_ARIA_DESCRIPTION,SWITCH_ON,SWITCH_OFF,LOAD_MORE_TEXT,TABCONTAINER_NEXT_ICON_ACC_NAME,TABCONTAINER_PREVIOUS_ICON_ACC_NAME,TABCONTAINER_OVERFLOW_MENU_TITLE,TEXTAREA_CHARACTERS_LEFT,TEXTAREA_CHARACTERS_EXCEEDED,TIMEPICKER_HOURS_LABEL,TIMEPICKER_MINUTES_LABEL,TIMEPICKER_SECONDS_LABEL,TIMEPICKER_PERIODS_LABEL,TIMEPICKER_SUBMIT_BUTTON,TIMEPICKER_CANCEL_BUTTON,DATETIME_PICKER_DATE_BUTTON,DATETIME_PICKER_TIME_BUTTON,TOKEN_ARIA_DELETABLE,TOKENIZER_ARIA_CONTAIN_TOKEN,TOKENIZER_ARIA_CONTAIN_ONE_TOKEN,TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS,TOKENIZER_ARIA_LABEL,TOKENIZER_POPOVER_REMOVE,TREE_ITEM_ARIA_LABEL,TREE_ITEM_EXPAND_NODE,TREE_ITEM_COLLAPSE_NODE,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,CALENDAR_HEADER_NEXT_BUTTON,CALENDAR_HEADER_PREVIOUS_BUTTON,DAY_PICKER_WEEK_NUMBER_TEXT,DAY_PICKER_NON_WORKING_DAY,DAY_PICKER_TODAY,STEPINPUT_DEC_ICON_TITLE,STEPINPUT_INC_ICON_TITLE};

package/dist/generated/templates/MessageStripTemplate.lit.js

@@ -6,7 +6,7 @@ const block0 = (context) => { return html`<div class="${classMap(context.classes
 const block1 = (context) => { return html`<div class="ui5-messagestrip-icon-wrapper" aria-hidden="true">${ context.iconProvided ? block2(context) : block3(context) }</div>`; };
 const block2 = (context) => { return html`<slot name="icon"></slot>`; };
 const block3 = (context) => { return html`<ui5-icon name="${ifDefined(context.standardIconName)}" class="ui5-messagestrip-icon"></ui5-icon>`; };
-const block4 = (context) => { return html`<ui5-button icon="decline" icon-size=".75rem" design="Transparent" class="ui5-messagestrip-close-button" title="${ifDefined(context._closeButtonText)}" @click=${context._closeClick}></ui5-button>`; };
+const block4 = (context) => { return html`<ui5-button icon="decline" icon-size=".75rem" design="Transparent" class="ui5-messagestrip-close-button" ._buttonAccInfo="${ifDefined(context.accInfo.button)}" @click=${context._closeClick}></ui5-button>`; };
 
 
 const main = (context, tags, suffix) => {

package/dist/i18n/messagebundle.properties

@@ -113,7 +113,22 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
 ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
 
 #XTOL: Tooltip of messgae strip close button
-MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close
+MESSAGE_STRIP_CLOSE_BUTTON=Information Bar Close
+
+#XACT: ARIA announcement for the MessageStrip's closable state
+MESSAGE_STRIP_CLOSABLE=Closable
+
+#XACT: ARIA announcement for the MessageStrip's "Error" state
+MESSAGE_STRIP_ERROR=Error Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Warning" state
+MESSAGE_STRIP_WARNING=Warning Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Success" state
+MESSAGE_STRIP_SUCCESS=Success Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Information" state
+MESSAGE_STRIP_INFORMATION=Information Bar
 
 #XFLD: MultiComboBox dialog button
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "0.31.25",
+  "version": "0.31.26",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -30,14 +30,14 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "0.31.25",
-    "@ui5/webcomponents-icons": "0.31.25",
-    "@ui5/webcomponents-ie11": "0.31.25",
-    "@ui5/webcomponents-localization": "0.31.25",
-    "@ui5/webcomponents-theme-base": "0.31.25"
+    "@ui5/webcomponents-base": "0.31.26",
+    "@ui5/webcomponents-icons": "0.31.26",
+    "@ui5/webcomponents-ie11": "0.31.26",
+    "@ui5/webcomponents-localization": "0.31.26",
+    "@ui5/webcomponents-theme-base": "0.31.26"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.31.25",
+    "@ui5/webcomponents-tools": "0.31.26",
     "chromedriver": "96.0.0"
   }
 }

package/src/MessageStrip.hbs

@@ -24,12 +24,12 @@
 
 	{{#unless noCloseButton}}
 		<ui5-button
-				icon="decline"
-				icon-size=".75rem"
-				design="Transparent"
-				class="ui5-messagestrip-close-button"
-				title="{{_closeButtonText}}"
-				@click={{_closeClick}}
+			icon="decline"
+			icon-size=".75rem"
+			design="Transparent"
+			class="ui5-messagestrip-close-button"
+			._buttonAccInfo="{{accInfo.button}}"
+			@click={{_closeClick}}
 		></ui5-button>
 	{{/unless}}
 </div>

package/src/MessageStrip.js

@@ -10,7 +10,14 @@ import MessageStripType from "./types/MessageStripType.js";
 import MessageStripTemplate from "./generated/templates/MessageStripTemplate.lit.js";
 import Icon from "./Icon.js";
 import Button from "./Button.js";
-import { MESSAGE_STRIP_CLOSE_BUTTON } from "./generated/i18n/i18n-defaults.js";
+import {
+	MESSAGE_STRIP_CLOSE_BUTTON,
+	MESSAGE_STRIP_CLOSABLE,
+	MESSAGE_STRIP_ERROR,
+	MESSAGE_STRIP_WARNING,
+	MESSAGE_STRIP_SUCCESS,
+	MESSAGE_STRIP_INFORMATION,
+} from "./generated/i18n/i18n-defaults.js";
 
 // Styles
 import messageStripCss from "./generated/themes/MessageStrip.css.js";
@@ -189,14 +196,27 @@ class MessageStrip extends UI5Element {
 		};
 	}
 
+	get designAnnouncementMappings() {
+		return {
+			"Information": this.i18nBundle.getText(MESSAGE_STRIP_INFORMATION),
+			"Positive": this.i18nBundle.getText(MESSAGE_STRIP_SUCCESS),
+			"Negative": this.i18nBundle.getText(MESSAGE_STRIP_ERROR),
+			"Warning": this.i18nBundle.getText(MESSAGE_STRIP_WARNING),
+		};
+	}
+
 	get hiddenText() {
-		return `Message Strip ${this.type} ${this.noCloseButton ? "" : "closable"}`;
+		return `${this.designAnnouncementMappings[this.type]} ${this.noCloseButton ? "" : this._closableText}`;
 	}
 
 	get _closeButtonText() {
 		return this.i18nBundle.getText(MESSAGE_STRIP_CLOSE_BUTTON);
 	}
 
+	get _closableText() {
+		return this.i18nBundle.getText(MESSAGE_STRIP_CLOSABLE);
+	}
+
 	get classes() {
 		return {
 			root: {
@@ -219,6 +239,14 @@ class MessageStrip extends UI5Element {
 	get typeClasses() {
 		return MessageStrip.typeClassesMappings()[this.type];
 	}
+
+	get accInfo() {
+		return {
+			"button": {
+				"title": this._closeButtonText,
+			},
+		};
+	}
 }
 
 MessageStrip.define();

package/src/TextArea.js

@@ -542,6 +542,7 @@ class TextArea extends UI5Element {
 
 	get styles() {
 		const lineHeight = 1.4 * 16;
+		const mainHeight = (this.rows * lineHeight) + (this.showExceededText ? 32 : 0);
 
 		return {
 			mirror: {
@@ -549,7 +550,7 @@ class TextArea extends UI5Element {
 			},
 			main: {
 				width: "100%",
-				height: (this.rows && !this.growing) ? `${this.rows * lineHeight}px` : "100%",
+				height: (this.rows && !this.growing) ? `${mainHeight}px` : "100%",
 			},
 			focusDiv: {
 				"height": (this.showExceededText ? "calc(100% - 26px)" : "100%"),

package/src/i18n/messagebundle.properties

@@ -113,7 +113,22 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
 ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
 
 #XTOL: Tooltip of messgae strip close button
-MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close
+MESSAGE_STRIP_CLOSE_BUTTON=Information Bar Close
+
+#XACT: ARIA announcement for the MessageStrip's closable state
+MESSAGE_STRIP_CLOSABLE=Closable
+
+#XACT: ARIA announcement for the MessageStrip's "Error" state
+MESSAGE_STRIP_ERROR=Error Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Warning" state
+MESSAGE_STRIP_WARNING=Warning Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Success" state
+MESSAGE_STRIP_SUCCESS=Success Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Information" state
+MESSAGE_STRIP_INFORMATION=Information Bar
 
 #XFLD: MultiComboBox dialog button
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK