@ui5/webcomponents 1.2.4 → 1.3.0

package/src/TableRow.js

@@ -8,6 +8,8 @@ import {
 	isTabNext,
 	isTabPrevious,
 } from "@ui5/webcomponents-base/dist/Keys.js";
+import getActiveElement from "@ui5/webcomponents-base/dist/util/getActiveElement.js";
+import { getLastTabbableElement } from "@ui5/webcomponents-base/dist/util/TabbableElements.js";
 import CheckBox from "./CheckBox.js";
 import TableMode from "./types/TableMode.js";
 import TableRowType from "./types/TableRowType.js";
@@ -113,13 +115,6 @@ const metadata = {
 			defaultValue: "",
 			noAttribute: true,
 		},
-		_tabbableElements: {
-			type: Object,
-			multiple: true,
-		},
-		_tabMarked: {
-			type: Boolean,
-		},
 	},
 	events: /** @lends sap.ui.webcomponents.main.TableRow.prototype */ {
 		/**
@@ -139,6 +134,14 @@ const metadata = {
 		 * @private
 		 */
 		"selection-requested": {},
+		/**
+		 * Fired when F7 is pressed.
+		 *
+		 * @event sap.ui.webcomponents.main.TableRow#f7-pressed
+		 * @since 1.2.0
+		 * @private
+		 */
+		"f7-pressed": {},
 	},
 };
 
@@ -188,23 +191,35 @@ class TableRow extends UI5Element {
 		return [CheckBox];
 	}
 
+	constructor() {
+		super();
+
+		this._ontouchstart = {
+			handleEvent(event) {
+				this.activate();
+			},
+			passive: true,
+		};
+	}
+
 	_onmouseup() {
 		this.deactivate();
 	}
 
 	_onkeydown(event) {
+		const activeElement = getActiveElement();
 		const itemActive = this.type === TableRowType.Active;
 		const isSingleSelect = this.isSingleSelect;
 		const itemSelectable = isSingleSelect || this.isMultiSelect;
 		const isRowFocused = this._activeElementHasAttribute("ui5-table-row");
 		const checkboxPressed = event.target.classList.contains("ui5-multi-select-checkbox");
 
-		if (isTabNext(event) || isTabPrevious(event)) {
-			this._tabMarked = true;
+		if (isTabNext(event) && activeElement === (getLastTabbableElement(this) || this.root)) {
+			this.fireEvent("_forward-after", { target: activeElement });
 		}
 
-		if (isTabNext(event) || isTabPrevious(event)) {
-			this._tabMarked = true;
+		if (isTabPrevious(event) && activeElement === this.root) {
+			this.fireEvent("_forward-before", { target: activeElement });
 		}
 
 		if (isSpace(event) && event.target.tagName.toLowerCase() === "tr") {
@@ -226,7 +241,7 @@ class TableRow extends UI5Element {
 
 		if (isF7(event)) {
 			event.preventDefault();
-			this._handleF7(event.target);
+			this.fireEvent("f7-pressed", { row: this });
 		}
 	}
 
@@ -236,34 +251,20 @@ class TableRow extends UI5Element {
 		}
 	}
 
-	_ontouchstart(event) {
-		this.activate();
-	}
-
 	_ontouchend() {
 		this.deactivate();
 	}
 
-	_onfocusout(event) {
+	_onfocusout() {
 		this.deactivate();
-
-		if (!this._tabMarked) {
-			this._tabbableElements.forEach(el => el.setAttribute("tabindex", -1));
-		} else {
-			this._tabMarked = false;
-		}
 	}
 
 	_onfocusin(event, forceSelfFocus = false) {
-		const tableRowRoot = this.shadowRoot.querySelector(".ui5-table-row-root");
-
 		if (forceSelfFocus || this._activeElementHasAttribute("ui5-table-cell")) {
-			tableRowRoot.focus();
+			this.root.focus();
 			this.activate();
 		}
 
-		this._tabbableElements.forEach(el => el.setAttribute("tabindex", 0));
-
 		this.fireEvent("_focused", event);
 	}
 
@@ -300,44 +301,6 @@ class TableRow extends UI5Element {
 		this.fireEvent("selection-requested", { row: this });
 	}
 
-	/**
-	 * Toggles focus between the table row's root and the last focused nested element.
-	 * @private
-	 * @param {Object} activeElement The currently focused element
-	 */
-	_handleF7(activeElement) {
-		const elements = this._tabbableElements;
-
-		if (!elements.length) {
-			return;
-		}
-
-		const table = this.parentElement;
-		const tableRowRoot = this.shadowRoot.querySelector(".ui5-table-row-root");
-		const prevFocusedIdx = table._prevNestedElementIndex;
-
-		if (activeElement === tableRowRoot) {
-			const lastFocusedElement = elements[prevFocusedIdx];
-
-			if (lastFocusedElement) {
-				lastFocusedElement.focus();
-			} else {
-				elements[0].focus();
-			}
-
-			return;
-		}
-
-		const shadowRoot = activeElement.shadowRoot;
-		const target = shadowRoot ? shadowRoot.activeElement : activeElement;
-		const targetIndex = elements.indexOf(target);
-
-		if (targetIndex > -1) {
-			table._prevNestedElementIndex = targetIndex;
-			tableRowRoot.focus();
-		}
-	}
-
 	_activeElementHasAttribute(attr) {
 		return this.getRootNode().activeElement.hasAttribute(attr);
 	}
@@ -439,6 +402,10 @@ class TableRow extends UI5Element {
 		return this.mode === "MultiSelect";
 	}
 
+	get root() {
+		return this.shadowRoot.querySelector(".ui5-table-row-root");
+	}
+
 	getCellText(cell) {
 		return this.getNormilzedTextContent(cell.textContent);
 	}

package/src/TimePickerBase.js

@@ -256,8 +256,10 @@ class TimePickerBase extends UI5Element {
 			value = this.normalizeValue(value); // transform valid values (in any format) to the correct format
 		}
 
-		this.value = ""; // Do not remove! DurationPicker use case -> value is 05:10, user tries 05:12, after normalization value is changed back to 05:10 so no invalidation happens, but the input still shows 05:12. Thus we enforce invalidation with the ""
-		this.value = value;
+		if (!events.includes("input")) {
+			this.value = ""; // Do not remove! DurationPicker use case -> value is 05:10, user tries 05:12, after normalization value is changed back to 05:10 so no invalidation happens, but the input still shows 05:12. Thus we enforce invalidation with the ""
+			this.value = value;
+		}
 		this.tempValue = value; // if the picker is open, sync it
 		this._updateValueState(); // Change the value state to Error/None, but only if needed
 		events.forEach(event => {
@@ -440,6 +442,13 @@ class TimePickerBase extends UI5Element {
 		this._updateValueAndFireEvents(newValue, true, ["change", "value-changed"]);
 	}
 
+	/**
+	 *
+	 * @param {event} e Wheel Event
+	 * @private
+	 *
+	 * The listener for this event can't be passive as it calls preventDefault()
+	 */
 	_handleWheel(e) {
 		e.preventDefault();
 	}

package/src/Token.js

@@ -5,6 +5,7 @@ import {
 	isBackSpace,
 	isSpace,
 	isDelete,
+	isSpaceCtrl,
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/sys-cancel.js";
@@ -186,7 +187,7 @@ class Token extends UI5Element {
 			});
 		}
 
-		if (isSpace(event)) {
+		if (isSpace(event) || isSpaceCtrl(event)) {
 			event.preventDefault();
 
 			this._handleSelect();

package/src/Tokenizer.js

@@ -7,8 +7,14 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import {
 	isSpace,
+	isSpaceCtrl,
+	isSpaceShift,
 	isLeftCtrl,
 	isRightCtrl,
+	isUpCtrl,
+	isDownCtrl,
+	isUpShift,
+	isDownShift,
 	isLeftShift,
 	isRightShift,
 	isLeftShiftCtrl,
@@ -271,7 +277,11 @@ class Tokenizer extends UI5Element {
 	}
 
 	_onkeydown(event) {
-		if (isSpace(event)) {
+		if (isSpaceShift(event)) {
+			event.preventDefault();
+		}
+
+		if (isSpace(event) || isSpaceCtrl(event)) {
 			event.preventDefault();
 
 			return this._handleTokenSelection(event, false);
@@ -285,24 +295,19 @@ class Tokenizer extends UI5Element {
 			this._handleEndShift(event);
 		}
 
-		this._handleItemNavigation(event, this.tokens);
+		this._handleItemNavigation(event, this._tokens);
 	}
 
 	_handleItemNavigation(event, tokens) {
 		const isCtrl = !!(event.metaKey || event.ctrlKey);
-		if (isLeftCtrl(event) || isRightCtrl(event)) {
-			event.preventDefault();
-			return this._handleArrowCtrl(event.target, tokens, isRightCtrl(event));
-		}
 
-		if (isLeftCtrl(event)) {
-			event.preventDefault();
-			return this._handleArrowCtrl(event.target, tokens, false);
+		if (isLeftCtrl(event) || isRightCtrl(event) || isDownCtrl(event) || isUpCtrl(event)) {
+			return this._handleArrowCtrl(event, event.target, tokens, isRightCtrl(event) || isDownCtrl(event));
 		}
 
-		if (isLeftShift(event) || isRightShift(event) || isLeftShiftCtrl(event) || isRightShiftCtrl(event)) {
+		if (isLeftShift(event) || isRightShift(event) || isUpShift(event) || isDownShift(event) || isLeftShiftCtrl(event) || isRightShiftCtrl(event)) {
 			event.preventDefault();
-			return this._handleArrowShift(event.target, tokens, (isRightShift(event) || isRightShiftCtrl(event)));
+			return this._handleArrowShift(event.target, tokens, (isRightShift(event) || isRightShiftCtrl(event) || isDownShift(event)));
 		}
 
 		if (isHome(event) || isEnd(event) || isHomeCtrl(event) || isEndCtrl(event)) {
@@ -369,25 +374,30 @@ class Tokenizer extends UI5Element {
 		return nextIndex;
 	}
 
-	_handleArrowCtrl(focusedToken, tokens, backwards) {
+	_handleArrowCtrl(event, focusedToken, tokens, backwards) {
 		const nextIndex = this._calcNextTokenIndex(focusedToken, tokens, backwards);
+
+		event.preventDefault();
+
 		if (nextIndex === -1) {
 			return;
 		}
 
-		tokens[nextIndex].focus();
+		setTimeout(() => tokens[nextIndex].focus(), 0);
 		this._itemNav.setCurrentItem(tokens[nextIndex]);
 	}
 
 	_handleArrowShift(focusedToken, tokens, backwards) {
-		const nextIndex = this._calcNextTokenIndex(focusedToken, tokens, backwards);
-		if (nextIndex === -1) {
+		const focusedTokenIndex = tokens.indexOf(focusedToken);
+		const nextIndex = backwards ? (focusedTokenIndex + 1) : (focusedTokenIndex - 1);
+
+		if (nextIndex === -1 || nextIndex === tokens.length) {
 			return;
 		}
 
 		focusedToken.selected = true;
 		tokens[nextIndex].selected = true;
-		tokens[nextIndex].focus();
+		setTimeout(() => tokens[nextIndex].focus(), 0);
 		this._itemNav.setCurrentItem(tokens[nextIndex]);
 	}
 

package/src/TokenizerPopover.hbs

@@ -1,33 +1,32 @@
 <ui5-responsive-popover
 	tokenizer-popover="true"
 	style={{styles.popover}}
-	header-text={{morePopoverTitle}}
 	?content-only-on-desktop="{{hasValueState}}"
 	hide-arrow
 	placement-type="Bottom"
 	horizontal-align="Left"
 >
-	{{#unless hasValueState}}
-		<div slot="header" class="ui5-responsive-popover-header" style="{{styles.popoverHeader}}">
-			{{#if _isPhone}}
-				<div class="row" style="{{styles.popoverHeaderTitle}}">
-					<ui5-title level="H5" class="ui5-responsive-popover-header-text">Remove</ui5-title>
-					<ui5-button
-						class="ui5-responsive-popover-close-btn"
-						icon="decline"
-						design="Transparent"
-						@click="{{closeMorePopover}}"
-					>
-					</ui5-button>
-				</div>
-			{{/if}}
+	<div slot="header" class="ui5-responsive-popover-header" style="{{styles.popoverHeader}}">
+		{{#if _isPhone}}
+			<div class="row" style="{{styles.popoverHeaderTitle}}">
+				<ui5-title level="H5" class="ui5-responsive-popover-header-text">{{morePopoverTitle}}</ui5-title>
+				<ui5-button
+					class="ui5-responsive-popover-close-btn"
+					icon="decline"
+					design="Transparent"
+					@click="{{closeMorePopover}}"
+				>
+				</ui5-button>
+			</div>
+		{{/if}}
+		{{#unless hasValueState}}
 			<div class="{{classes.popoverValueState}}" style="{{styles.popoverValueStateMessage}}">
 				{{#each valueStateMessageText}}
 					{{this}}
 				{{/each}}
 			</div>
-		</div>
-	{{/unless}}
+		{{/unless}}
+	</div>
 	<ui5-list
 		class="ui5-tokenizer-list"
 		mode="Delete"

package/src/WheelSlider.js

@@ -342,6 +342,13 @@ class WheelSlider extends UI5Element {
 		return index;
 	}
 
+	/**
+	 *
+	 * @param {event} e Wheel Event
+	 * @private
+	 *
+	 * The listener for this event can't be passive as it calls preventDefault()
+	 */
 	_handleWheel(e) {
 		if (!e) {
 			return;

package/src/features/InputElementsFormSupport.js

@@ -62,17 +62,20 @@ class FormSupport {
 	}
 
 	static triggerFormSubmit(element) {
-		if (!element.submits) {
-			return;
-		}
 		let currentElement = element.parentElement;
 		while (currentElement && currentElement.tagName.toLowerCase() !== "form") {
 			currentElement = currentElement.parentElement;
 		}
+
 		if (currentElement) {
+			// eslint-disable-next-line no-undef
+			currentElement.dispatchEvent(new SubmitEvent("submit", {
+				bubbles: true,
+				cancelable: true,
+				submitter: element,
+			}));
+
 			currentElement.submit();
-		} else {
-			console.error(`${element} is not within a form. Please add it in a form.`); // eslint-disable-line
 		}
 	}
 }

package/src/i18n/messagebundle.properties

@@ -34,6 +34,9 @@ AVATAR_GROUP_MOVE=Press ARROW keys to move.
 #XACT: ARIA announcement for the badge
 BADGE_DESCRIPTION=Badge
 
+#XACT: position (current and max. value) of a Breadcrumb item which should be announced by screenreaders
+BREADCRUMB_ITEM_POS={0} of {1}
+
 #XACT: ARIA announcement for the breadcrumbs
 BREADCRUMBS_ARIA_LABEL=Breadcrumb Trail
 
@@ -364,3 +367,8 @@ SPLIT_BUTTON_DESCRIPTION=Split Button
 #XACT: Aria hint for the keyboard handling support of the Split Button
 SPLIT_BUTTON_KEYBOARD_HINT=Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action
 
+#XACT: ARIA announcement for the Menu Back button aria-label attribute
+MENU_BACK_BUTTON_ARIA_LABEL=Back
+
+#XACT: ARIA announcement for the Menu Close button aria-label attribute
+MENU_CLOSE_BUTTON_ARIA_LABEL=Decline

package/src/i18n/messagebundle_ar.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=اضغط على مفاتيح الأسهم للنقل.
 
 BADGE_DESCRIPTION=شارة
 
+BREADCRUMB_ITEM_POS={0} من {1}
+
 BREADCRUMBS_ARIA_LABEL=مسار التنقل
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=المزيد
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=تحميل ملف
 
 GROUP_HEADER_TEXT=مقدمة المجموعة
 
+SELECT_ROLE_DESCRIPTION=تحديد مربع تحرير وسرد
+
 SELECT_OPTIONS=تحديد الخيارات
 
 INPUT_SUGGESTIONS=اقترحات متوفرة
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=قائمة التدفق
 
 TABCONTAINER_END_OVERFLOW=المزيد
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=إلغاء
+
 TEXTAREA_CHARACTERS_LEFT=متبق {0} من الحروف
 
 TEXTAREA_CHARACTERS_EXCEEDED=تم تجاوز الحد بمقدار {0} من الحروف

package/src/i18n/messagebundle_bg.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=Придвижвайте се чрез клавишите съ
 
 BADGE_DESCRIPTION=Значка
 
+BREADCRUMB_ITEM_POS={0} от {1}
+
 BREADCRUMBS_ARIA_LABEL=Път на навигация
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=Още
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=Качване на файл
 
 GROUP_HEADER_TEXT=Заглавна част на група
 
+SELECT_ROLE_DESCRIPTION=Избор на комбо поле
+
 SELECT_OPTIONS=Избиране на опции
 
 INPUT_SUGGESTIONS=Има налични предложения
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Меню препълване
 
 TABCONTAINER_END_OVERFLOW=Още
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Отказ
+
 TEXTAREA_CHARACTERS_LEFT=Остават {0} символа
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} символа над ограничението

package/src/i18n/messagebundle_ca.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=Per desplaçar-vos premeu les tecles de cursor.
 
 BADGE_DESCRIPTION=Distinció
 
+BREADCRUMB_ITEM_POS={0} de {1}
+
 BREADCRUMBS_ARIA_LABEL=Via de navegació
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=Més
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=Carregar fitxer
 
 GROUP_HEADER_TEXT=Capçalera de grup
 
+SELECT_ROLE_DESCRIPTION=Seleccionar quadre combinat
+
 SELECT_OPTIONS=Seleccionar opcions
 
 INPUT_SUGGESTIONS=Propostes disponibles
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Menú de desbordament
 
 TABCONTAINER_END_OVERFLOW=Més
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Cancel·lar
+
 TEXTAREA_CHARACTERS_LEFT={0} caràcters restants
 
 TEXTAREA_CHARACTERS_EXCEEDED=S'han excedit {0} caràcters

package/src/i18n/messagebundle_cs.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=Pro pohyb použijte příslušnou šipku.
 
 BADGE_DESCRIPTION=Označení
 
+BREADCRUMB_ITEM_POS={0} z {1}
+
 BREADCRUMBS_ARIA_LABEL=Navigační cesta
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=Další
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=Odeslat soubor
 
 GROUP_HEADER_TEXT=Skupinová hlavička
 
+SELECT_ROLE_DESCRIPTION=Vbrat výklopný seznam
+
 SELECT_OPTIONS=Vybrat možnosti
 
 INPUT_SUGGESTIONS=Existují návrhy
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Přetečení - menu
 
 TABCONTAINER_END_OVERFLOW=Více
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Zrušit
+
 TEXTAREA_CHARACTERS_LEFT={0} znaky zbývají
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} znaky přes limit

package/src/i18n/messagebundle_cy.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=Pwyswch y byselli SAETH i symud.
 
 BADGE_DESCRIPTION=Bathodyn
 
+BREADCRUMB_ITEM_POS={0} o {1}
+
 BREADCRUMBS_ARIA_LABEL=Llwybr Briwsion Bara
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mwy
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=Llwytho Ffeil i Fyny
 
 GROUP_HEADER_TEXT=Pennyn Grŵp
 
+SELECT_ROLE_DESCRIPTION=Dewis Blwch Cyfun
+
 SELECT_OPTIONS=Dewis Opsiynau
 
 INPUT_SUGGESTIONS=Awgrymiadau ar gael
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Dewislen Gorlif
 
 TABCONTAINER_END_OVERFLOW=Mwy
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Canslo
+
 TEXTAREA_CHARACTERS_LEFT={0} nod ar ôl
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} nod dros yr uchafswm

package/src/i18n/messagebundle_da.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=Tryk på PILE-tasterne for at flytte.
 
 BADGE_DESCRIPTION=Badge
 
+BREADCRUMB_ITEM_POS={0} af {1}
+
 BREADCRUMBS_ARIA_LABEL=Navigationssti
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mere
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=Upload fil
 
 GROUP_HEADER_TEXT=Gruppetop
 
+SELECT_ROLE_DESCRIPTION=Vælg kombinationsboks
+
 SELECT_OPTIONS=Valgmuligheder
 
 INPUT_SUGGESTIONS=Forslag er tilgængelige
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Overløbsmenu
 
 TABCONTAINER_END_OVERFLOW=Mere
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Afbryd
+
 TEXTAREA_CHARACTERS_LEFT={0} tegn tilbage
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} tegn overskredet

package/src/i18n/messagebundle_de.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=Zum Verschieben drücken Sie die entsprechenden PFEIL-Tasten.
 
 BADGE_DESCRIPTION=Abzeichen
 
+BREADCRUMB_ITEM_POS={0} von {1}
+
 BREADCRUMBS_ARIA_LABEL=Navigationspfad
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mehr
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=Datei hochladen
 
 GROUP_HEADER_TEXT=Gruppenkopf
 
+SELECT_ROLE_DESCRIPTION=Auswahl-Combobox
+
 SELECT_OPTIONS=Auswahloptionen
 
 INPUT_SUGGESTIONS=Es sind Vorschläge verfügbar
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Überlaufmenü
 
 TABCONTAINER_END_OVERFLOW=Mehr
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Abbrechen
+
 TEXTAREA_CHARACTERS_LEFT={0} Zeichen verbleibend
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} Zeichen über Limit

package/src/i18n/messagebundle_el.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=Πατήστε τα πλήκτρα ΒΕΛΟΥΣ για μετ
 
 BADGE_DESCRIPTION=Σήμα
 
+BREADCRUMB_ITEM_POS={0} από {1}
+
 BREADCRUMBS_ARIA_LABEL=Ιχνος Πορείας
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=Περισσότερα
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=Φόρτωση Αρχείου
 
 GROUP_HEADER_TEXT=Κεφαλίδα Ομάδας
 
+SELECT_ROLE_DESCRIPTION=Επιλέξτε Σύνθετο Πλαίσιο
+
 SELECT_OPTIONS=Επιλογή Εκδοχών
 
 INPUT_SUGGESTIONS=Προτάσεις Διαθέσιμες
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Μενού Υπερχείλισης
 
 TABCONTAINER_END_OVERFLOW=Περισσότερα
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Ακύρωση
+
 TEXTAREA_CHARACTERS_LEFT={0} εναπομείναντες χαρακτήρες
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} Πλεονάζοντες χαρακτήρες

package/src/i18n/messagebundle_en.properties

@@ -21,6 +21,8 @@ AVATAR_GROUP_MOVE=Press ARROW keys to move.
 
 BADGE_DESCRIPTION=Badge
 
+BREADCRUMB_ITEM_POS={0} of {1}
+
 BREADCRUMBS_ARIA_LABEL=Breadcrumb Trail
 
 BREADCRUMBS_OVERFLOW_ARIA_LABEL=More
@@ -73,6 +75,8 @@ FILEUPLOADER_TITLE=Upload File
 
 GROUP_HEADER_TEXT=Group Header
 
+SELECT_ROLE_DESCRIPTION=Select Combo Box
+
 SELECT_OPTIONS=Select Options
 
 INPUT_SUGGESTIONS=Suggestions Available
@@ -171,6 +175,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Overflow Menu
 
 TABCONTAINER_END_OVERFLOW=More
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Cancel
+
 TEXTAREA_CHARACTERS_LEFT={0} characters remaining
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} characters over limit