@ui5/webcomponents 1.7.1 → 1.8.0

package/src/TabInOverflow.hbs

@@ -4,7 +4,6 @@
 	type="{{this.overflowState}}"
 	aria-disabled="{{this.effectiveDisabled}}"
 	aria-selected="{{this.effectiveSelected}}"
-	aria-labelledby="{{this.ariaLabelledBy}}"
 	._realTab="{{this}}"
 	style="{{this._style}}"
 >
@@ -13,15 +12,18 @@
 			{{#if this.semanticIconName}}
 				<ui5-icon class="{{this.semanticIconClasses}}" name="{{this.semanticIconName}}"></ui5-icon>
 			{{/if}}
-
 			{{#if this.icon}}
 				<ui5-icon name="{{this.icon}}"></ui5-icon>
 			{{/if}}
 			{{this.text}}
-
 			{{#if this.additionalText}}
 				({{this.additionalText}})
 			{{/if}}
+			{{#if this._designDescription}}
+				<div id="{{this._id}}-designDescription" class="ui5-hidden-text">
+					{{this._designDescription}}
+				</div>
+			{{/if}}
 		</div>
 	</div>
 </ui5-li-custom>

package/src/TabInStrip.hbs

@@ -14,7 +14,13 @@
 >
 	{{#if this.icon}}
 		<div class="ui5-tab-strip-item-icon-outer">
-			<ui5-icon name="{{this.icon}}" class="ui5-tab-strip-item-icon"></ui5-icon>
+			<ui5-icon id="{{this._id}}-icon" name="{{this.icon}}" class="ui5-tab-strip-item-icon"></ui5-icon>
+		</div>
+	{{/if}}
+
+	{{#if this._designDescription}}
+		<div id="{{this._id}}-designDescription" class="ui5-tab-strip-design-description">
+			{{this._designDescription}}
 		</div>
 	{{/if}}
 

package/src/Table.js

@@ -35,7 +35,7 @@ import CheckBox from "./CheckBox.js"; // Ensure the dependency as it is being us
 import {
 	LOAD_MORE_TEXT,
 	ARIA_LABEL_SELECT_ALL_CHECKBOX,
-	TABLE_HEADER_ROW_TEXT,
+	TABLE_HEADER_ROW_INFORMATION,
 	TABLE_ROW_POSITION,
 } from "./generated/i18n/i18n-defaults.js";
 
@@ -516,7 +516,7 @@ class Table extends UI5Element {
 	onBeforeRendering() {
 		const columnSettings = this.getColumnPropagationSettings();
 		const columnSettingsString = JSON.stringify(columnSettings);
-		const rowsCount = this.rows.length;
+		const rowsCount = this.rows.length + 1;
 		const selectedRows = this.selectedRows;
 
 		this.rows.forEach((row, index) => {
@@ -525,7 +525,7 @@ class Table extends UI5Element {
 				row._columnsInfoString = JSON.stringify(row._columnsInfo);
 			}
 
-			row._ariaPosition = Table.i18nBundle.getText(TABLE_ROW_POSITION, index + 1, rowsCount);
+			row._ariaPosition = Table.i18nBundle.getText(TABLE_ROW_POSITION, index + 2, rowsCount);
 			row._busy = this.busy;
 			row.removeEventListener("ui5-_focused", this.fnOnRowFocused);
 			row.addEventListener("ui5-_focused", this.fnOnRowFocused);
@@ -1131,7 +1131,8 @@ class Table extends UI5Element {
 	}
 
 	get ariaLabelText() {
-		const headerRowText = Table.i18nBundle.getText(TABLE_HEADER_ROW_TEXT);
+		const rowsCount = this.rows.length + 1;
+		const headerRowText = Table.i18nBundle.getText(TABLE_HEADER_ROW_INFORMATION, rowsCount);
 		const columnsTitle = this.columns.map(column => {
 			return column.textContent.trim();
 		}).join(" ");

package/src/TextArea.js

@@ -19,9 +19,14 @@ import TextAreaTemplate from "./generated/templates/TextAreaTemplate.lit.js";
 import TextAreaPopoverTemplate from "./generated/templates/TextAreaPopoverTemplate.lit.js";
 
 import {
+	VALUE_STATE_SUCCESS,
 	VALUE_STATE_INFORMATION,
 	VALUE_STATE_ERROR,
 	VALUE_STATE_WARNING,
+	VALUE_STATE_TYPE_SUCCESS,
+	VALUE_STATE_TYPE_INFORMATION,
+	VALUE_STATE_TYPE_ERROR,
+	VALUE_STATE_TYPE_WARNING,
 	TEXTAREA_CHARACTERS_LEFT,
 	TEXTAREA_CHARACTERS_EXCEEDED,
 } from "./generated/i18n/i18n-defaults.js";
@@ -619,10 +624,14 @@ class TextArea extends UI5Element {
 		}
 
 		if (this.hasCustomValueState) {
-			return this.valueStateMessageText.map(el => el.textContent).join(" ");
+			return `${this.valueStateTypeMappings[this.valueState]}`.concat(" ", this.valueStateMessageText.map(el => el.textContent).join(" "));
 		}
 
-		return this.valueStateText;
+		return `${this.valueStateTypeMappings[this.valueState]} ${this.valueStateDefaultText}`;
+	}
+
+	get valueStateDefaultText() {
+		return this.valueStateTextMappings[this.valueState];
 	}
 
 	get ariaInvalid() {
@@ -649,14 +658,6 @@ class TextArea extends UI5Element {
 		return this.valueStateMessage.map(x => x.cloneNode(true));
 	}
 
-	get valueStateText() {
-		if (this.valueState !== ValueState.Error) {
-			return this.valueStateTextMappings()[ValueState.Warning];
-		}
-
-		return this.valueStateTextMappings()[this.valueState];
-	}
-
 	get _valueStatePopoverHorizontalAlign() {
 		return this.effectiveDir !== "rtl" ? "Left" : "Right";
 	}
@@ -675,14 +676,24 @@ class TextArea extends UI5Element {
 		return this.valueState !== ValueState.None ? iconPerValueState[this.valueState] : "";
 	}
 
-	valueStateTextMappings() {
+	get valueStateTextMappings() {
 		return {
+			"Success": TextArea.i18nBundle.getText(VALUE_STATE_SUCCESS),
 			"Information": TextArea.i18nBundle.getText(VALUE_STATE_INFORMATION),
 			"Error": TextArea.i18nBundle.getText(VALUE_STATE_ERROR),
 			"Warning": TextArea.i18nBundle.getText(VALUE_STATE_WARNING),
 		};
 	}
 
+	get valueStateTypeMappings() {
+		return {
+			"Success": TextArea.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),
+			"Information": TextArea.i18nBundle.getText(VALUE_STATE_TYPE_INFORMATION),
+			"Error": TextArea.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),
+			"Warning": TextArea.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),
+		};
+	}
+
 	static get dependencies() {
 		return [Popover, Icon];
 	}

package/src/TextAreaPopover.hbs

@@ -22,6 +22,6 @@
 			{{this}}
 		{{/each}}
 	{{else}}
-		{{valueStateText}}
+		{{valueStateDefaultText}}
 	{{/if}}
 {{/inline}}

package/src/Tokenizer.js

@@ -242,14 +242,40 @@ class Tokenizer extends UI5Element {
 	}
 
 	_delete(event) {
+		if (!event.detail) { // if there are no details, the event is triggered by a click
+			this._tokenClickDelete(event, event.target);
+			return;
+		}
+
 		if (this._selectedTokens.length) {
-			this._selectedTokens.forEach(token => this._tokenDelete(event, token));
+			this._selectedTokens.forEach(token => this._tokenKeyboardDelete(event, token));
 		} else {
-			this._tokenDelete(event);
+			this._tokenKeyboardDelete(event);
+		}
+	}
+
+	_tokenClickDelete(event, token) {
+		const tokens = this._getVisibleTokens();
+		const deletedTokenIndex = token ? tokens.indexOf(token) : tokens.indexOf(event.target); // The index of the token that just got deleted
+		const nextTokenIndex = deletedTokenIndex === tokens.length - 1 ? deletedTokenIndex - 1 : deletedTokenIndex + 1; // The index of the next token that needs to be focused next due to the deletion
+		const nextToken = tokens[nextTokenIndex]; // if the last item was deleted this will be undefined
+
+		this._handleCurrentItemAfterDeletion(nextToken);
+
+		this.fireEvent("token-delete", { ref: token || event.target });
+	}
+
+	_handleCurrentItemAfterDeletion(nextToken) {
+		if (nextToken && !isPhone()) {
+			this._itemNav.setCurrentItem(nextToken); // update the item navigation with the new token or undefined, if the last was deleted
+
+			setTimeout(() => {
+				nextToken.focus();
+			}, 0);
 		}
 	}
 
-	_tokenDelete(event, token) {
+	_tokenKeyboardDelete(event, token) {
 		let nextTokenIndex; // The index of the next token that needs to be focused next due to the deletion
 
 		const tokens = this._getVisibleTokens();
@@ -272,13 +298,7 @@ class Tokenizer extends UI5Element {
 			nextToken = notSelectedTokens[0];
 		}
 
-		if (nextToken && !isPhone()) {
-			this._itemNav.setCurrentItem(nextToken); // update the item navigation with the new token or undefined, if the last was deleted
-
-			setTimeout(() => {
-				nextToken.focus();
-			}, 0);
-		}
+		this._handleCurrentItemAfterDeletion(nextToken);
 
 		this.fireEvent("token-delete", { ref: token || event.target });
 	}

package/src/Tree.hbs

@@ -4,6 +4,7 @@
     .footerText="{{footerText}}"
     .noDataText="{{noDataText}}"
     .accessibleRole="{{_role}}"
+    .accessibleName="{{_label}}"
     @ui5-item-click="{{_onListItemClick}}"
     @ui5-item-delete="{{_onListItemDelete}}"
     @ui5-selection-change="{{_onListSelectionChange}}"
@@ -19,6 +20,7 @@
             additional-text="{{this.treeItem.additionalText}}"
             additional-text-state="{{this.treeItem.additionalTextState}}"
             title="{{this.treeItem.title}}"
+            accessible-name="{{this.treeItem.accessibleName}}"
             ?_toggle-button-end="{{ ../_toggleButtonEnd}}"
             ?_minimal="{{../_minimal}}"
             .treeItem="{{this.treeItem}}"

package/src/Tree.js

@@ -1,5 +1,6 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
 import TreeItem from "./TreeItem.js";
 import List from "./List.js";
 import TreeListItem from "./TreeListItem.js";
@@ -77,6 +78,31 @@ const metadata = {
 			type: String,
 		},
 
+		/**
+		 * Defines the accessible name of the component.
+		 *
+		 * @type {string}
+		 * @defaultvalue: ""
+		 * @public
+		 * @since 1.8.0
+		 */
+		 accessibleName: {
+			type: String,
+		},
+
+		/**
+		 * Defines the IDs of the elements that label the component.
+		 *
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @public
+		 * @since 1.8.0
+		 */
+		accessibleNameRef: {
+			type: String,
+			defaultValue: "",
+		},
+
 		/**
 		 * An array, containing a flat structure of list items to render
 		 *
@@ -325,6 +351,10 @@ class Tree extends UI5Element {
 		return "tree";
 	}
 
+	get _label() {
+		return getEffectiveAriaLabelText(this);
+	}
+
 	_onListItemStepIn(event) {
 		const listItem = event.detail.item;
 		const treeItem = listItem.treeItem;

package/src/TreeItem.js

@@ -113,6 +113,18 @@ const metadata = {
 			defaultValue: ValueState.None,
 		},
 
+		/**
+		 * Defines the accessible name of the component.
+		 *
+		 * @type {string}
+		 * @defaultvalue: ""
+		 * @public
+		 * @since 1.8.0
+		 */
+		accessibleName: {
+			type: String,
+		},
+
 		/**
 		 * Defines the tooltip of the component.
 		 * @type {string}

package/src/TreeListItem.js

@@ -103,6 +103,18 @@ const metadata = {
 			defaultValue: ValueState.None,
 		},
 
+		/**
+		 * Defines the accessible name of the component.
+		 *
+		 * @type {string}
+		 * @defaultvalue: ""
+		 * @public
+		 * @since 1.8.0
+		 */
+		 accessibleName: {
+			type: String,
+		},
+
 		/**
 		 * Defines whether the toggle button is shown at the end, rather than at the beginning of the item
 		 *
@@ -288,6 +300,10 @@ class TreeListItem extends ListItem {
 		return this.textContent.length && !this._minimal;
 	}
 
+	get _ariaLabel() {
+		return TreeListItem.i18nBundle.getText(TREE_ITEM_ARIA_LABEL);
+	}
+
 	get _accInfo() {
 		return {
 			role: "treeitem",
@@ -296,7 +312,7 @@ class TreeListItem extends ListItem {
 			posinset: this._posinset,
 			setsize: this._setsize,
 			ariaSelectedText: this.ariaSelectedText,
-			listItemAriaLabel: TreeListItem.i18nBundle.getText(TREE_ITEM_ARIA_LABEL),
+			listItemAriaLabel: !this.accessibleName ? this._ariaLabel : undefined,
 		};
 	}
 

package/src/features/InputSuggestions.js

@@ -14,7 +14,6 @@ import SuggestionListItem from "../SuggestionListItem.js";
 
 import {
 	LIST_ITEM_POSITION,
-	LIST_ITEM_SELECTED,
 } from "../generated/i18n/i18n-defaults.js";
 /**
  * A class to manage the <code>Input</code suggestion items.
@@ -239,7 +238,7 @@ class Suggestions {
 		this.accInfo = {
 			currentPos: this.selectedItemIndex + 1,
 			listSize: allItems.length,
-			itemText: item.textContent,
+			itemText: this._getRealItems()[this.selectedItemIndex].description,
 		};
 
 		// If the item is "Inactive", prevent selection with SPACE or ENTER
@@ -436,7 +435,7 @@ class Suggestions {
 		this.accInfo = {
 			currentPos: nextIdx + 1,
 			listSize: items.length,
-			itemText: currentItem.textContent,
+			itemText: this._getRealItems()[items.indexOf(currentItem)].description,
 		};
 
 		if (previousItem) {
@@ -536,10 +535,9 @@ class Suggestions {
 	}
 
 	get itemSelectionAnnounce() {
-		const itemPositionText = Suggestions.i18nBundle.getText(LIST_ITEM_POSITION, this.accInfo.currentPos, this.accInfo.listSize),
-			itemSelectionText = Suggestions.i18nBundle.getText(LIST_ITEM_SELECTED);
+		const itemPositionText = Suggestions.i18nBundle.getText(LIST_ITEM_POSITION, this.accInfo.currentPos, this.accInfo.listSize);
 
-		return `${itemPositionText} ${this.accInfo.itemText} ${itemSelectionText}`;
+		return `${this.accInfo.itemText} ${itemPositionText}`;
 	}
 
 	getRowText(suggestion) {

package/src/i18n/messagebundle.properties

@@ -134,7 +134,7 @@ FILEUPLOADER_TITLE=Upload File
 GROUP_HEADER_TEXT=Group Header
 
 #XACT: ARIA announcement for the Select`s roledescription attribute
-SELECT_ROLE_DESCRIPTION=Select ComboBox
+SELECT_ROLE_DESCRIPTION=Select Combo Box
 
 #XTXT: MultiComboBox and ComboBox icon accessible name
 SELECT_OPTIONS=Select Options
@@ -254,7 +254,7 @@ SLIDER_ARIA_DESCRIPTION=Slider handle
 LOAD_MORE_TEXT=More
 
 #XTXT Table's header row text.
-TABLE_HEADER_ROW_TEXT=Header Row
+TABLE_HEADER_ROW_INFORMATION=Header Row 1 of {0}
 
 #XACT Table row's position
 TABLE_ROW_POSITION={0} of {1}

package/src/i18n/messagebundle_ar.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=مؤشر مربع التمرير
 
 LOAD_MORE_TEXT=المزيد
 
-TABLE_HEADER_ROW_TEXT=صف المقدمة
+TABLE_HEADER_ROW_INFORMATION=صف المقدمة 1 من أصل {0}
 
 TABLE_ROW_POSITION={0} من {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=الدقائق
 
 TIMEPICKER_SECONDS_LABEL=الثواني
 
-TIMEPICKER_PERIODS_LABEL=صباحًا/مساءًا
-
 TIMEPICKER_SUBMIT_BUTTON=موافق
 
 TIMEPICKER_CANCEL_BUTTON=إلغاء

package/src/i18n/messagebundle_bg.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Регулатор на плъзгач
 
 LOAD_MORE_TEXT=Други
 
-TABLE_HEADER_ROW_TEXT=Заглавен ред
+TABLE_HEADER_ROW_INFORMATION=Заглавен ред 1 от {0}
 
 TABLE_ROW_POSITION={0} от {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Минути
 
 TIMEPICKER_SECONDS_LABEL=Секунди
 
-TIMEPICKER_PERIODS_LABEL=Предиобед/следобед
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Отказ

package/src/i18n/messagebundle_ca.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Ansa del botó lliscant
 
 LOAD_MORE_TEXT=Més
 
-TABLE_HEADER_ROW_TEXT=Línia de capçalera
+TABLE_HEADER_ROW_INFORMATION=Línia de capçalera 1 de {0}
 
 TABLE_ROW_POSITION={0} de {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Minuts
 
 TIMEPICKER_SECONDS_LABEL=Segons
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Cancel·lar

package/src/i18n/messagebundle_cs.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Úchyt jezdce
 
 LOAD_MORE_TEXT=Více
 
-TABLE_HEADER_ROW_TEXT=Hlavička
+TABLE_HEADER_ROW_INFORMATION=Řádka hlavičky 1 z {0}
 
 TABLE_ROW_POSITION={0} z {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Minuty
 
 TIMEPICKER_SECONDS_LABEL=Sekundy
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Zrušit

package/src/i18n/messagebundle_cy.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Bachyn llithrydd
 
 LOAD_MORE_TEXT=Mwy
 
-TABLE_HEADER_ROW_TEXT=Pennyn Rhes
+TABLE_HEADER_ROW_INFORMATION=Pennyn Rhes 1 o {0}
 
 TABLE_ROW_POSITION={0} o {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Munud
 
 TIMEPICKER_SECONDS_LABEL=Eiliad
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=IAWN
 
 TIMEPICKER_CANCEL_BUTTON=Canslo

package/src/i18n/messagebundle_da.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Greb for skyder
 
 LOAD_MORE_TEXT=Mere
 
-TABLE_HEADER_ROW_TEXT=Toprække
+TABLE_HEADER_ROW_INFORMATION=Toprække 1 af {0}
 
 TABLE_ROW_POSITION={0} af {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Minutter
 
 TIMEPICKER_SECONDS_LABEL=Sekunder
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Afbryd

package/src/i18n/messagebundle_de.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Griff des Schiebereglers
 
 LOAD_MORE_TEXT=Mehr
 
-TABLE_HEADER_ROW_TEXT=Kopfzeile
+TABLE_HEADER_ROW_INFORMATION=Kopfzeile 1 von {0}
 
 TABLE_ROW_POSITION={0} von {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Minuten
 
 TIMEPICKER_SECONDS_LABEL=Sekunden
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Abbrechen

package/src/i18n/messagebundle_el.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Μοχλός ρυθμιστικού
 
 LOAD_MORE_TEXT=Περισσότερα
 
-TABLE_HEADER_ROW_TEXT=Σειρά Κεφαλίδας
+TABLE_HEADER_ROW_INFORMATION=Σειρά Κεφαλίδας 1 από {0}
 
 TABLE_ROW_POSITION={0} από {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Λεπτά
 
 TIMEPICKER_SECONDS_LABEL=Δευτερόλεπτα
 
-TIMEPICKER_PERIODS_LABEL=ΠΜ/ΜΜ
-
 TIMEPICKER_SUBMIT_BUTTON=ΟΚ
 
 TIMEPICKER_CANCEL_BUTTON=Ακύρωση

package/src/i18n/messagebundle_en.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Slider handle
 
 LOAD_MORE_TEXT=More
 
-TABLE_HEADER_ROW_TEXT=Header Row
+TABLE_HEADER_ROW_INFORMATION=Header Row 1 of {0}
 
 TABLE_ROW_POSITION={0} of {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Minutes
 
 TIMEPICKER_SECONDS_LABEL=Seconds
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Cancel

package/src/i18n/messagebundle_en_GB.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Slider handle
 
 LOAD_MORE_TEXT=More
 
-TABLE_HEADER_ROW_TEXT=Header Row
+TABLE_HEADER_ROW_INFORMATION=Header Row 1 of {0}
 
 TABLE_ROW_POSITION={0} of {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Minutes
 
 TIMEPICKER_SECONDS_LABEL=Seconds
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Cancel

package/src/i18n/messagebundle_en_US_sappsd.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=[[[Ŝĺįƌēŗ ĥąŋƌĺē∙∙∙∙∙∙]]]
 
 LOAD_MORE_TEXT=[[[Μŏŗē]]]
 
-TABLE_HEADER_ROW_TEXT=[[[Ĥēąƌēŗ Řŏŵ∙∙∙∙]]]
+TABLE_HEADER_ROW_INFORMATION=[[[Ĥēąƌēŗ Řŏŵ 1 ŏƒ {0}]]]
 
 TABLE_ROW_POSITION=[[[{0} ŏƒ {1}]]]
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=[[[Μįŋűţēş∙∙∙∙∙∙∙]]]
 
 TIMEPICKER_SECONDS_LABEL=[[[Ŝēċŏŋƌş∙∙∙∙∙∙∙]]]
 
-TIMEPICKER_PERIODS_LABEL=[[[ĀΜ/ƤΜ∙∙∙∙∙∙∙∙∙]]]
-
 TIMEPICKER_SUBMIT_BUTTON=[[[ŎĶ∙∙]]]
 
 TIMEPICKER_CANCEL_BUTTON=[[[Ĉąŋċēĺ∙∙∙∙∙∙∙∙]]]

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=‌​‍​‍‌‍​‍‌​‍‌‍‍
 
 LOAD_MORE_TEXT=‌‌‌‌‍‌‌‍‌​‌‍​‍‌​‌‍​‍​‌​‌‌‌‌​‌‍​‌‌‍​‍‌‌‍​‍More
 
-TABLE_HEADER_ROW_TEXT=‍‍‌​‌​‌‌​‌‍​‌‍‌‍‍​‌‍‍​‌‌‍‍‍​​​‌​​‍‍‌‍‍‍‌Header Row
+TABLE_HEADER_ROW_INFORMATION=‍‌​‌​​​‌​‌‌‍‌‍‍​​​‌‌‌​‍‌‌​‌​‍‌‌​‌‌​‍‌‌‍Header Row 1 of {0}
 
 TABLE_ROW_POSITION=‌‍‍‌‍​​​‌​‍‍‌‌‍​‌​‍‌‌‍​‌‍​‍‌​‌​‌​‌‍‍‌‍{0} of {1}
 

package/src/i18n/messagebundle_en_US_saptrc.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=PzfJtdZOa+AJJJD23o6ndg_Slider handle
 
 LOAD_MORE_TEXT=UFtqHl7qKkXUdVGLNzqN1g_More
 
-TABLE_HEADER_ROW_TEXT=o6Tzd1GyD3U5vurEvlRAwA_Header Row
+TABLE_HEADER_ROW_INFORMATION=gAZ2s7GCOMc4FY/5W7dbow_Header Row 1 of {0}
 
 TABLE_ROW_POSITION=d3C/ksmivmNSC21+vvlUYw_{0} of {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=ayzQzKaPpF+8KXvw69lfeg_Minutes
 
 TIMEPICKER_SECONDS_LABEL=o1KC2pF5k5OOyrc7xjoCmA_Seconds
 
-TIMEPICKER_PERIODS_LABEL=NQ5vgH6byOEuN1tNY+hIkQ_AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=jyQqwnFzgh+BBTo5wKdTmw_OK
 
 TIMEPICKER_CANCEL_BUTTON=bOhRXp0DtEVqLvu/dvvQ5A_Cancel

package/src/i18n/messagebundle_es.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Handle de botón deslizante
 
 LOAD_MORE_TEXT=Más
 
-TABLE_HEADER_ROW_TEXT=Línea de cabecera
+TABLE_HEADER_ROW_INFORMATION=Línea de cabecera 1 de {0}
 
 TABLE_ROW_POSITION={0} de {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Minutos
 
 TIMEPICKER_SECONDS_LABEL=Segundos
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=Aceptar
 
 TIMEPICKER_CANCEL_BUTTON=Cancelar

package/src/i18n/messagebundle_es_MX.properties

@@ -169,7 +169,7 @@ SLIDER_ARIA_DESCRIPTION=Control deslizante
 
 LOAD_MORE_TEXT=Más
 
-TABLE_HEADER_ROW_TEXT=Fila de encabezado
+TABLE_HEADER_ROW_INFORMATION=Fila de encabezado 1 de {0}
 
 TABLE_ROW_POSITION={0} de {1}
 
@@ -199,8 +199,6 @@ TIMEPICKER_MINUTES_LABEL=Minutos
 
 TIMEPICKER_SECONDS_LABEL=Segundos
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Cancelar