@ui5/webcomponents 1.7.1 → 1.9.0

package/src/Tokenizer.js

@@ -96,7 +96,7 @@ const metadata = {
 		/**
 		 * Indicates the value state of the related input component.
 		 *
-		 * @type {ValueState}
+		 * @type {sap.ui.webcomponents.base.types.ValueState}
 		 * @defaultvalue "None"
 		 * @private
 		 */
@@ -132,7 +132,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.main.Tokenizer
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-tokenizer
  * @usestextcontent
  * @private
@@ -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";
@@ -34,7 +35,7 @@ const metadata = {
 		 * </ul>
 		 *
 		 * @public
-		 * @type {ListMode}
+		 * @type {sap.ui.webcomponents.main.types.ListMode}
 		 * @defaultValue "None"
 		 */
 		mode: {
@@ -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
 		 *
@@ -281,7 +307,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.main.Tree
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-tree
  * @appenddocs TreeItem
  * @public
@@ -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

@@ -103,7 +103,7 @@ const metadata = {
 		 * Defines the state of the <code>additionalText</code>.
 		 * <br>
 		 * Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Warning"</code>, <code>"Information"</code> and <code>"Error"</code>.
-		 * @type {ValueState}
+		 * @type {sap.ui.webcomponents.base.types.ValueState}
 		 * @defaultvalue "None"
 		 * @public
 		 * @since 1.0.0-rc.15
@@ -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}
@@ -160,7 +172,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.main.TreeItem
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-tree-item
  * @public
  * @implements sap.ui.webcomponents.main.ITreeItem

package/src/TreeListItem.js

@@ -29,7 +29,7 @@ const metadata = {
 		/**
 		 * Defines the indentation of the tree list item. Use level 1 for tree list items, representing top-level tree nodes.
 		 *
-		 * @type {Integer}
+		 * @type {sap.ui.webcomponents.base.types.Integer}
 		 * @public
 		 * @defaultValue 1
 		 */
@@ -93,7 +93,7 @@ const metadata = {
 		 * Defines the state of the <code>additionalText</code>.
 		 * <br>
 		 * Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Warning"</code>, <code>"Information"</code> and <code>"Error"</code>.
-		 * @type {ValueState}
+		 * @type {sap.ui.webcomponents.base.types.ValueState}
 		 * @defaultvalue "None"
 		 * @public
 		 * @since 1.0.0-rc.15
@@ -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
 		 *
@@ -221,7 +233,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.main.TreeListItem
- * @extends ListItem
+ * @extends sap.ui.webcomponents.main.ListItem
  * @tagname ui5-li-tree
  * @public
  * @since 1.0.0-rc.8
@@ -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/WheelSlider.js

@@ -134,7 +134,7 @@ const CELL_SIZE_COZY = 46;
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.main.WheelSlider
- * @extends UI5Element
+ * @extends sap.ui.webcomponents.base.UI5Element
  * @tagname ui5-wheelslider
  * @public
  * @since 1.0.0-rc.6

package/src/YearPicker.js

@@ -30,7 +30,7 @@ const metadata = {
 	properties: /** @lends sap.ui.webcomponents.main.YearPicker.prototype */ {
 		/**
 		 * An array of UTC timestamps representing the selected date or dates depending on the capabilities of the picker component.
-		 * @type {Array}
+		 * @type {array}
 		 * @public
 		 */
 		selectedDates: {
@@ -74,7 +74,7 @@ const metadata = {
  * @constructor
  * @author SAP SE
  * @alias sap.ui.webcomponents.main.YearPicker
- * @extends CalendarPart
+ * @extends sap.ui.webcomponents.main.CalendarPart
  * @tagname ui5-yearpicker
  * @public
  */

package/src/features/InputElementsFormSupport.js

@@ -23,6 +23,7 @@ class FormSupport {
 			nativeInput.setAttribute("tabindex", "-1");
 			nativeInput.required = element.required;
 			nativeInput.setAttribute("data-ui5-form-support", "");
+			nativeInput.setAttribute("aria-hidden", "true");
 
 			nativeInput.addEventListener("focusin", event => element.focus());
 

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}
@@ -268,6 +268,18 @@ ARIA_LABEL_ROW_SELECTION=Item selection
 #XACT ARIA label for select all checkbox in a multiselect mode table
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Select All Rows
 
+#XACT: ARIA announcement for the positive design
+TAB_ARIA_DESIGN_POSITIVE=Positive
+
+#XACT: ARIA announcement for the negative design
+TAB_ARIA_DESIGN_NEGATIVE=Negative
+
+#XACT: ARIA announcement for the critical design
+TAB_ARIA_DESIGN_CRITICAL=Critical
+
+#XACT: ARIA announcement for the neutral design
+TAB_ARIA_DESIGN_NEUTRAL=Neutral
+
 #XACT: ACC next icon name in tab container
 TABCONTAINER_NEXT_ICON_ACC_NAME=Next
 

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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=تحديد البنود
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=تحديد كل الصفوف
 
+TAB_ARIA_DESIGN_POSITIVE=إيجابية
+
+TAB_ARIA_DESIGN_NEGATIVE=سلبية
+
+TAB_ARIA_DESIGN_CRITICAL=مهم
+
+TAB_ARIA_DESIGN_NEUTRAL=محايد
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=التالي
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=السابق
@@ -199,8 +207,6 @@ TIMEPICKER_MINUTES_LABEL=الدقائق
 
 TIMEPICKER_SECONDS_LABEL=الثواني
 
-TIMEPICKER_PERIODS_LABEL=صباحًا/مساءًا
-
 TIMEPICKER_SUBMIT_BUTTON=موافق
 
 TIMEPICKER_CANCEL_BUTTON=إلغاء

package/src/i18n/messagebundle_bg.properties

@@ -35,7 +35,7 @@ BUTTON_ARIA_TYPE_ACCEPT=Положително действие
 
 BUTTON_ARIA_TYPE_REJECT=Отрицателно действие
 
-BUTTON_ARIA_TYPE_EMPHASIZED=Подчертан
+BUTTON_ARIA_TYPE_EMPHASIZED=Подчертано
 
 CAROUSEL_OF_TEXT=от
 
@@ -105,7 +105,7 @@ INPUT_SUGGESTIONS_NO_HIT=Няма резултати
 
 LINK_SUBTLE=Блед
 
-LINK_EMPHASIZED=Подчертан
+LINK_EMPHASIZED=Подчертано
 
 LIST_ITEM_POSITION=Позиция от списък {0} от {1}
 
@@ -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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=Избор на позиция
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Изберете всички редове
 
+TAB_ARIA_DESIGN_POSITIVE=Положително
+
+TAB_ARIA_DESIGN_NEGATIVE=Отрицателно
+
+TAB_ARIA_DESIGN_CRITICAL=Критично
+
+TAB_ARIA_DESIGN_NEUTRAL=Неутрално
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=Напред
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Назад
@@ -199,8 +207,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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=Selecció de posició
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Seleccionar totes les línies
 
+TAB_ARIA_DESIGN_POSITIVE=Positiu
+
+TAB_ARIA_DESIGN_NEGATIVE=Negatiu
+
+TAB_ARIA_DESIGN_CRITICAL=Crític
+
+TAB_ARIA_DESIGN_NEUTRAL=Neutral
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=Següent
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Anterior
@@ -199,8 +207,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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=Výběr položek
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Vybrat všechny řádky
 
+TAB_ARIA_DESIGN_POSITIVE=Pozitivní
+
+TAB_ARIA_DESIGN_NEGATIVE=Negativní
+
+TAB_ARIA_DESIGN_CRITICAL=Kritický
+
+TAB_ARIA_DESIGN_NEUTRAL=Neutrální
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=Další
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Předchozí
@@ -199,8 +207,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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=Dewisiad Eitemau
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Dewis Pob Rhes
 
+TAB_ARIA_DESIGN_POSITIVE=Positif
+
+TAB_ARIA_DESIGN_NEGATIVE=Negyddol
+
+TAB_ARIA_DESIGN_CRITICAL=Beirniadol
+
+TAB_ARIA_DESIGN_NEUTRAL=Niwtral
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=Nesaf
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Blaenorol
@@ -199,8 +207,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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=Postselektion
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Vælg alle rækker
 
+TAB_ARIA_DESIGN_POSITIVE=Positiv
+
+TAB_ARIA_DESIGN_NEGATIVE=Negativ
+
+TAB_ARIA_DESIGN_CRITICAL=Kritisk
+
+TAB_ARIA_DESIGN_NEUTRAL=Neutral
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=Frem
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Tilbage
@@ -199,8 +207,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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=Elementauswahl
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Alle Zeilen auswählen
 
+TAB_ARIA_DESIGN_POSITIVE=Positiv
+
+TAB_ARIA_DESIGN_NEGATIVE=Negativ
+
+TAB_ARIA_DESIGN_CRITICAL=Kritisch
+
+TAB_ARIA_DESIGN_NEUTRAL=Neutral
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=Weiter
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Zurück
@@ -199,8 +207,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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=Επιλογή Αναλ.Γραμ.
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Επιλέξτε Όλες τις Σειρές
 
+TAB_ARIA_DESIGN_POSITIVE=Θετική
+
+TAB_ARIA_DESIGN_NEGATIVE=Αρνητική
+
+TAB_ARIA_DESIGN_CRITICAL=Κρίσιμη
+
+TAB_ARIA_DESIGN_NEUTRAL=Ουδέτερη
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=Επόμενο
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Προηγούμενο
@@ -199,8 +207,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}
 
@@ -179,6 +179,14 @@ ARIA_LABEL_ROW_SELECTION=Item Selection
 
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Select All Rows
 
+TAB_ARIA_DESIGN_POSITIVE=Positive
+
+TAB_ARIA_DESIGN_NEGATIVE=Negative
+
+TAB_ARIA_DESIGN_CRITICAL=Critical
+
+TAB_ARIA_DESIGN_NEUTRAL=Neutral
+
 TABCONTAINER_NEXT_ICON_ACC_NAME=Next
 
 TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Previous
@@ -199,8 +207,6 @@ TIMEPICKER_MINUTES_LABEL=Minutes
 
 TIMEPICKER_SECONDS_LABEL=Seconds
 
-TIMEPICKER_PERIODS_LABEL=AM/PM
-
 TIMEPICKER_SUBMIT_BUTTON=OK
 
 TIMEPICKER_CANCEL_BUTTON=Cancel