@ui5/webcomponents 1.2.6 → 1.4.0

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/Toast.hbs

@@ -2,7 +2,6 @@
 	<div class="ui5-toast-root"
 		role="alert"
 		style="{{styles.root}}"
-		dir="{{effectiveDir}}"
 		@mouseover="{{_onmouseover}}"
 		@mouseleave="{{_onmouseleave}}"
 		@transitionend="{{_ontransitionend}}">

package/src/Token.hbs

@@ -5,7 +5,6 @@
 	@focusout="{{_focusout}}"
 	@keydown="{{_keydown}}"
 	class="ui5-token--wrapper"
-	dir="{{effectiveDir}}"
 	role="option"
 	aria-selected="{{selected}}"
 >

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.hbs

@@ -1,7 +1,4 @@
-<div
-	dir="{{effectiveDir}}"
-	class="{{classes.wrapper}}"
->
+<div class="{{classes.wrapper}}">
 	<span id="{{_id}}-hiddenText" class="ui5-hidden-text">{{tokenizerLabel}}</span>
 
 	<div
@@ -22,7 +19,7 @@
 		<span
 			@click="{{_openOverflowPopover}}"
 			class="ui5-tokenizer-more-text"
+			part="n-more-text"
 		>{{_nMoreText}}</span>
 	{{/if}}
-</div>
-	
+</div>

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]);
 	}
 
@@ -508,6 +518,20 @@ class Tokenizer extends UI5Element {
 		return this.getSlottedNodes("valueStateMessage").map(el => el.cloneNode(true));
 	}
 
+	/**
+	 * This method is relevant for sap_horizon theme only
+	 */
+	 get _valueStateMessageIcon() {
+		const iconPerValueState = {
+			Error: "error",
+			Warning: "alert",
+			Success: "sys-enter-2",
+			Information: "information",
+		};
+
+		return this.valueState !== ValueState.None ? iconPerValueState[this.valueState] : "";
+	}
+
 	get _isPhone() {
 		return isPhone();
 	}

package/src/TokenizerPopover.hbs

@@ -1,33 +1,33 @@
 <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}}">
+				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
 				{{#each valueStateMessageText}}
 					{{this}}
 				{{/each}}
 			</div>
-		</div>
-	{{/unless}}
+		{{/unless}}
+	</div>
 	<ui5-list
 		class="ui5-tokenizer-list"
 		mode="Delete"

package/src/Tree.hbs

@@ -32,6 +32,7 @@
             @ui5-step-out="{{../_onListItemStepOut}}"
             @mouseover="{{../_onListItemMouseOver}}"
             @mouseout="{{../_onListItemMouseOut}}"
+            exportparts="icon, toggle-icon"
         >
             {{> treeListItemContent}}
         </ui5-li-tree>

package/src/TreeListItem.hbs

@@ -7,6 +7,7 @@
 	>
 		{{#if _showToggleButtonBeginning}}
 			<ui5-icon
+				part="toggle-icon"
 				class="ui5-li-tree-toggle-icon"
 				name="{{_toggleIconName}}"
 				show-tooltip
@@ -40,6 +41,7 @@
 {{#*inline "iconEnd"}}
 	{{#if _showToggleButtonEnd}}
 		<ui5-icon
+			part="toggle-icon"
 			class="ui5-li-tree-toggle-icon"
 			name="{{_toggleIconName}}"
 			@click="{{_toggleClick}}"

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/features/InputSuggestions.js

@@ -562,6 +562,7 @@ class Suggestions {
 		this.component.focused = false;
 		this.component.hasSuggestionItemSelected = false;
 		this.selectedItemIndex = null;
+		this.component.value = this.component.valueBeforeAutoComplete;
 
 		items && this._scrollItemIntoView(items[0]);
 		this._deselectItems();

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
 
@@ -88,6 +91,27 @@ COLOR_PALETTE_DIALOG_TITLE=Change Color
 #XTIT: Color Palette dialog title of the Color Picker
 COLOR_PALETTE_MORE_COLORS_TEXT=More Colors...
 
+#XACT: Aria information for the ColorPicker Alpha slider
+COLORPICKER_ALPHA_SLIDER=Alpha control
+
+#XACT: Aria information for the ColorPicker Hue slider
+COLORPICKER_HUE_SLIDER=Hue control
+
+#XTOL: Six symbol hexadecimal group representing CSS color hex string
+COLORPICKER_HEX=Hexadecimal
+
+#XTOL: Red color for the ColorPicker control
+COLORPICKER_RED=Red
+
+#XTOL: Green color for the ColorPicker control
+COLORPICKER_GREEN=Green
+
+#XTOL: Blue color for the ColorPicker control
+COLORPICKER_BLUE=Blue
+
+#XTOL: Alpha chanel transparency value for RGBA color mode
+COLORPICKER_ALPHA=Alpha
+
 #XACT: DatePicker 'Open Picker' icon title
 DATEPICKER_OPEN_ICON_TITLE=Open Picker
 
@@ -223,12 +247,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Segmented button
 #XACT: ARIA description for slider handle
 SLIDER_ARIA_DESCRIPTION=Slider handle
 
-#XACT: ARIA announcement for the switch on
-SWITCH_ON=On
-
-#XACT: ARIA announcement for the switch off
-SWITCH_OFF=Off
-
 #XTXT Table and List "load more" row's text.
 LOAD_MORE_TEXT=More
 
@@ -364,3 +382,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=المزيد
@@ -57,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=تغيير اللون
 
 COLOR_PALETTE_MORE_COLORS_TEXT=مزيد من الألوان...
 
+COLORPICKER_ALPHA_SLIDER=Alpha control
+
+COLORPICKER_HUE_SLIDER=Hue control
+
+COLORPICKER_HEX=Hexadecimal
+
+COLORPICKER_RED=Red
+
+COLORPICKER_GREEN=Green
+
+COLORPICKER_BLUE=Blue
+
+COLORPICKER_ALPHA=Alpha
+
 DATEPICKER_OPEN_ICON_TITLE=فتح أداة الانتقاء
 
 DATEPICKER_DATE_DESCRIPTION=إدخال التاريخ
@@ -73,6 +89,8 @@ FILEUPLOADER_TITLE=تحميل ملف
 
 GROUP_HEADER_TEXT=مقدمة المجموعة
 
+SELECT_ROLE_DESCRIPTION=تحديد مربع تحرير وسرد
+
 SELECT_OPTIONS=تحديد الخيارات
 
 INPUT_SUGGESTIONS=اقترحات متوفرة
@@ -147,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=الزر المقسَّم
 
 SLIDER_ARIA_DESCRIPTION=مؤشر مربع التمرير
 
-SWITCH_ON=تشغيل
-
-SWITCH_OFF=غلق
-
 LOAD_MORE_TEXT=المزيد
 
 TABLE_HEADER_ROW_TEXT=صف المقدمة
@@ -171,6 +185,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=قائمة التدفق
 
 TABCONTAINER_END_OVERFLOW=المزيد
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=إلغاء
+
 TEXTAREA_CHARACTERS_LEFT=متبق {0} من الحروف
 
 TEXTAREA_CHARACTERS_EXCEEDED=تم تجاوز الحد بمقدار {0} من الحروف
@@ -239,3 +255,6 @@ SPLIT_BUTTON_DESCRIPTION=زر التقسيم
 
 SPLIT_BUTTON_KEYBOARD_HINT=اضغط على Space أو Enter لبدء تشغيل الإجراء الافتراضي وAlt + Arrow Down أو F4 لبدء تشغيل إجراء السهم
 
+MENU_BACK_BUTTON_ARIA_LABEL=الخلف
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=رفض

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=Още
@@ -57,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Промяна на цвят
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Още цветове...
 
+COLORPICKER_ALPHA_SLIDER=Alpha control
+
+COLORPICKER_HUE_SLIDER=Hue control
+
+COLORPICKER_HEX=Hexadecimal
+
+COLORPICKER_RED=Red
+
+COLORPICKER_GREEN=Green
+
+COLORPICKER_BLUE=Blue
+
+COLORPICKER_ALPHA=Alpha
+
 DATEPICKER_OPEN_ICON_TITLE=Отваряне на средство за избор
 
 DATEPICKER_DATE_DESCRIPTION=Въвеждане на дата
@@ -73,6 +89,8 @@ FILEUPLOADER_TITLE=Качване на файл
 
 GROUP_HEADER_TEXT=Заглавна част на група
 
+SELECT_ROLE_DESCRIPTION=Избор на комбо поле
+
 SELECT_OPTIONS=Избиране на опции
 
 INPUT_SUGGESTIONS=Има налични предложения
@@ -147,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Сегментиран бутон
 
 SLIDER_ARIA_DESCRIPTION=Регулатор на плъзгач
 
-SWITCH_ON=Включено
-
-SWITCH_OFF=Изключено
-
 LOAD_MORE_TEXT=Други
 
 TABLE_HEADER_ROW_TEXT=Заглавен ред
@@ -171,6 +185,8 @@ TABCONTAINER_OVERFLOW_MENU_TITLE=Меню препълване
 
 TABCONTAINER_END_OVERFLOW=Още
 
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Отказ
+
 TEXTAREA_CHARACTERS_LEFT=Остават {0} символа
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} символа над ограничението
@@ -239,3 +255,6 @@ SPLIT_BUTTON_DESCRIPTION=Бутон разделяне
 
 SPLIT_BUTTON_KEYBOARD_HINT=Натиснете интервал или Enter, за да инициирате действие по подразбиране и Alt + стрелка надолу или F4, за да инициирате действие на стрелка.
 
+MENU_BACK_BUTTON_ARIA_LABEL=Назад
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=Отхвърляне

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
@@ -57,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Modificar color
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Més colors...
 
+COLORPICKER_ALPHA_SLIDER=Alpha control
+
+COLORPICKER_HUE_SLIDER=Hue control
+
+COLORPICKER_HEX=Hexadecimal
+
+COLORPICKER_RED=Red
+
+COLORPICKER_GREEN=Green
+
+COLORPICKER_BLUE=Blue
+
+COLORPICKER_ALPHA=Alpha
+
 DATEPICKER_OPEN_ICON_TITLE=Obrir selector
 
 DATEPICKER_DATE_DESCRIPTION=Entrada de data
@@ -73,6 +89,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
@@ -147,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Botó segmentat
 
 SLIDER_ARIA_DESCRIPTION=Ansa del botó lliscant
 
-SWITCH_ON=Activat
-
-SWITCH_OFF=Desactivat
-
 LOAD_MORE_TEXT=Més
 
 TABLE_HEADER_ROW_TEXT=Línia de capçalera
@@ -171,6 +185,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
@@ -239,3 +255,6 @@ SPLIT_BUTTON_DESCRIPTION=Polsador dividit
 
 SPLIT_BUTTON_KEYBOARD_HINT=Premeu Espai o Intro per activar l'acció predeterminada i Alt + Fletxa avall o F4 per activar l'acció de fletxa
 
+MENU_BACK_BUTTON_ARIA_LABEL=Endarrere
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=Declinar

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ší
@@ -57,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Změnit barvu
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Další barvy...
 
+COLORPICKER_ALPHA_SLIDER=Alpha control
+
+COLORPICKER_HUE_SLIDER=Hue control
+
+COLORPICKER_HEX=Hexadecimal
+
+COLORPICKER_RED=Red
+
+COLORPICKER_GREEN=Green
+
+COLORPICKER_BLUE=Blue
+
+COLORPICKER_ALPHA=Alpha
+
 DATEPICKER_OPEN_ICON_TITLE=Otevřít výběr
 
 DATEPICKER_DATE_DESCRIPTION=Zadání data
@@ -73,6 +89,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
@@ -147,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Segmentované tlačítko
 
 SLIDER_ARIA_DESCRIPTION=Úchyt jezdce
 
-SWITCH_ON=Zapnuto
-
-SWITCH_OFF=Vypnuto
-
 LOAD_MORE_TEXT=Více
 
 TABLE_HEADER_ROW_TEXT=Hlavička
@@ -171,6 +185,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
@@ -239,3 +255,6 @@ SPLIT_BUTTON_DESCRIPTION=Rozdělené tlačítko
 
 SPLIT_BUTTON_KEYBOARD_HINT=Stisknutím mezerníku nebo Enter spustíte standardní akci a pomocí Alt + šipky dolů nebo F4 spustíte akci šipky
 
+MENU_BACK_BUTTON_ARIA_LABEL=Zpět
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=Odmítnout