@ui5/webcomponents 1.3.0 → 1.5.0

package/src/TimeSelection.hbs

@@ -16,7 +16,7 @@
 				@click="{{selectSlider}}"
 				@focusin="{{selectSlider}}"
 				data-sap-slider="hours"
-				?cyclic="{{_isCyclic}}"
+				cyclic
 		></ui5-wheelslider>
 	{{/if}}
 	{{#if _hasMinutesSlider}}
@@ -29,7 +29,7 @@
 				@click="{{selectSlider}}"
 				@focusin="{{selectSlider}}"
 				data-sap-slider="minutes"
-				?cyclic="{{_isCyclic}}"
+				cyclic
 		></ui5-wheelslider>
 	{{/if}}
 	{{#if _hasSecondsSlider}}
@@ -42,7 +42,7 @@
 				@click="{{selectSlider}}"
 				@focusin="{{selectSlider}}"
 				data-sap-slider="seconds"
-				?cyclic="{{_isCyclic}}"
+				cyclic
 		></ui5-wheelslider>
 	{{/if}}
 	{{#if _hasPeriodsSlider}}

package/src/TimeSelection.js

@@ -1,7 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { isPhone, isIE } from "@ui5/webcomponents-base/dist/Device.js";
+import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
 import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
@@ -481,10 +481,6 @@ class TimeSelection extends UI5Element {
 		return TimeSelection.i18nBundle.getText(TIMEPICKER_PERIODS_LABEL);
 	}
 
-	get _isCyclic() {
-		return !isIE();
-	}
-
 	get classes() {
 		return {
 			root: {

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/ToggleButton.js

@@ -1,4 +1,3 @@
-import isLegacyBrowser from "@ui5/webcomponents-base/dist/isLegacyBrowser.js";
 import { isSpaceShift } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isSafari } from "@ui5/webcomponents-base/dist/Device.js";
 import Button from "./Button.js";
@@ -6,7 +5,6 @@ import ToggleButtonTemplate from "./generated/templates/ToggleButtonTemplate.lit
 
 // Styles
 import toggleBtnCss from "./generated/themes/ToggleButton.css.js";
-import toggleBtnIECss from "./generated/themes/ToggleButton.ie11.css.js";
 
 /**
  * @public
@@ -14,7 +12,7 @@ import toggleBtnIECss from "./generated/themes/ToggleButton.ie11.css.js";
 const metadata = {
 	tag: "ui5-toggle-button",
 	altTag: "ui5-togglebutton",
-	properties: /** @lends  sap.ui.webcomponents.main.ToggleButton.prototype */ {
+	properties: /** @lends sap.ui.webcomponents.main.ToggleButton.prototype */ {
 		/**
 		 * Determines whether the component is displayed as pressed.
 		 *
@@ -31,7 +29,7 @@ const metadata = {
 /**
  * @class
  *
- *<h3 class="comment-api-title">Overview</h3>
+ * <h3 class="comment-api-title">Overview</h3>
  *
  * The <code>ui5-toggle-button</code> component is an enhanced <code>ui5-button</code>
  * that can be toggled between pressed and normal states.
@@ -63,7 +61,7 @@ class ToggleButton extends Button {
 	}
 
 	static get styles() {
-		return [Button.styles, toggleBtnCss, isLegacyBrowser() && toggleBtnIECss];
+		return [Button.styles, toggleBtnCss];
 	}
 
 	_onclick() {

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

@@ -78,7 +78,7 @@ const metadata = {
 		_tabIndex: { type: String, defaultValue: "-1", noAttribute: true },
 	},
 
-	slots: /** @lends  sap.ui.webcomponents.main.Token.prototype */ {
+	slots: /** @lends sap.ui.webcomponents.main.Token.prototype */ {
 
 		/**
 		 * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.

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

@@ -518,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

@@ -21,6 +21,7 @@
 		{{/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}}

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/TreeListItem.js

@@ -2,7 +2,6 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { isLeft, isRight } from "@ui5/webcomponents-base/dist/Keys.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
-import { isIE } from "@ui5/webcomponents-base/dist/Device.js";
 import ListItem from "./ListItem.js";
 import Icon from "./Icon.js";
 import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
@@ -260,7 +259,7 @@ class TreeListItem extends ListItem {
 	get styles() {
 		return {
 			preContent: {
-				"padding-left": isIE() ? `${this.effectiveLevel}rem` : `calc(var(--_ui5-tree-indent-step) * ${this.effectiveLevel})`,
+				"padding-left": `calc(var(--_ui5-tree-indent-step) * ${this.effectiveLevel})`,
 			},
 		};
 	}

package/src/YearPicker.js

@@ -26,7 +26,7 @@ import styles from "./generated/themes/YearPicker.css.js";
  */
 const metadata = {
 	tag: "ui5-yearpicker",
-	properties: /** @lends  sap.ui.webcomponents.main.YearPicker.prototype */ {
+	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}
@@ -48,7 +48,7 @@ const metadata = {
 			noAttribute: true,
 		},
 	},
-	events: /** @lends  sap.ui.webcomponents.main.YearPicker.prototype */ {
+	events: /** @lends sap.ui.webcomponents.main.YearPicker.prototype */ {
 		/**
 		 * Fired when the user selects a year (space/enter/click).
 		 * @public

package/src/features/InputElementsFormSupport.js

@@ -7,12 +7,25 @@ class FormSupport {
 	 * @param nativeInputUpdateCallback - determines how the native input's disabled and value properties are calculated
 	 */
 	static syncNativeHiddenInput(element, nativeInputUpdateCallback) {
-		const needsNativeInput = !!element.name;
-		let nativeInput = element.querySelector("input[type=hidden][data-ui5-form-support]");
+		const needsNativeInput = !!element.name || element.required;
+		let nativeInput = element.querySelector("input[data-ui5-form-support]");
 		if (needsNativeInput && !nativeInput) {
 			nativeInput = document.createElement("input");
-			nativeInput.type = "hidden";
+
+			nativeInput.style.clip = "rect(0 0 0 0)";
+			nativeInput.style.clipPath = "inset(50%)";
+			nativeInput.style.height = "1px";
+			nativeInput.style.overflow = "hidden";
+			nativeInput.style.position = "absolute";
+			nativeInput.style.whiteSpace = "nowrap";
+			nativeInput.style.width = "1px";
+			nativeInput.style.bottom = "0";
+			nativeInput.setAttribute("tabindex", "-1");
+			nativeInput.required = element.required;
 			nativeInput.setAttribute("data-ui5-form-support", "");
+
+			nativeInput.addEventListener("focusin", event => element.focus());
+
 			nativeInput.slot = "formSupport"; // Needed for IE - otherwise input elements are not part of the real DOM tree and are not detected by forms
 			element.appendChild(nativeInput);
 		}

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

@@ -91,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
 
@@ -226,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
 

package/src/i18n/messagebundle_ar.properties

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=تغيير اللون
 
 COLOR_PALETTE_MORE_COLORS_TEXT=مزيد من الألوان...
 
+COLORPICKER_ALPHA_SLIDER=عنصر تحكم ألفا
+
+COLORPICKER_HUE_SLIDER=عنصر تحكم تدرج اللون
+
+COLORPICKER_HEX=ست عشري
+
+COLORPICKER_RED=أحمر
+
+COLORPICKER_GREEN=أخضر
+
+COLORPICKER_BLUE=أزرق
+
+COLORPICKER_ALPHA=ألفا
+
 DATEPICKER_OPEN_ICON_TITLE=فتح أداة الانتقاء
 
 DATEPICKER_DATE_DESCRIPTION=إدخال التاريخ
@@ -151,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=الزر المقسَّم
 
 SLIDER_ARIA_DESCRIPTION=مؤشر مربع التمرير
 
-SWITCH_ON=تشغيل
-
-SWITCH_OFF=غلق
-
 LOAD_MORE_TEXT=المزيد
 
 TABLE_HEADER_ROW_TEXT=صف المقدمة
@@ -245,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

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Промяна на цвят
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Още цветове...
 
+COLORPICKER_ALPHA_SLIDER=Алфа-контрол
+
+COLORPICKER_HUE_SLIDER=Контрол на цветове
+
+COLORPICKER_HEX=Шестнадесетичен
+
+COLORPICKER_RED=Червен
+
+COLORPICKER_GREEN=Зелен
+
+COLORPICKER_BLUE=Син
+
+COLORPICKER_ALPHA=Алфа
+
 DATEPICKER_OPEN_ICON_TITLE=Отваряне на средство за избор
 
 DATEPICKER_DATE_DESCRIPTION=Въвеждане на дата
@@ -151,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Сегментиран бутон
 
 SLIDER_ARIA_DESCRIPTION=Регулатор на плъзгач
 
-SWITCH_ON=Включено
-
-SWITCH_OFF=Изключено
-
 LOAD_MORE_TEXT=Други
 
 TABLE_HEADER_ROW_TEXT=Заглавен ред
@@ -245,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

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Modificar color
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Més colors...
 
+COLORPICKER_ALPHA_SLIDER=Regulador alfa
+
+COLORPICKER_HUE_SLIDER=Regulador de tonalitat
+
+COLORPICKER_HEX=Hexadecimal
+
+COLORPICKER_RED=Vermell
+
+COLORPICKER_GREEN=Verd
+
+COLORPICKER_BLUE=Blau
+
+COLORPICKER_ALPHA=Alfa
+
 DATEPICKER_OPEN_ICON_TITLE=Obrir selector
 
 DATEPICKER_DATE_DESCRIPTION=Entrada de data
@@ -151,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
@@ -245,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

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Změnit barvu
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Další barvy...
 
+COLORPICKER_ALPHA_SLIDER=Řízení alfa
+
+COLORPICKER_HUE_SLIDER=Řízení barevného odstínu
+
+COLORPICKER_HEX=Hexadecimální
+
+COLORPICKER_RED=Červená
+
+COLORPICKER_GREEN=Zelená
+
+COLORPICKER_BLUE=Modrá
+
+COLORPICKER_ALPHA=Alfa
+
 DATEPICKER_OPEN_ICON_TITLE=Otevřít výběr
 
 DATEPICKER_DATE_DESCRIPTION=Zadání data
@@ -151,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
@@ -245,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

package/src/i18n/messagebundle_cy.properties

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Newid Lliw
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Mwy o Liwiau...
 
+COLORPICKER_ALPHA_SLIDER=Rheolaeth Alpha
+
+COLORPICKER_HUE_SLIDER=Rheolaeth Arlliw
+
+COLORPICKER_HEX=Hecsadegol
+
+COLORPICKER_RED=Coch
+
+COLORPICKER_GREEN=Gwyrdd
+
+COLORPICKER_BLUE=Glas
+
+COLORPICKER_ALPHA=Alpha
+
 DATEPICKER_OPEN_ICON_TITLE=Agor Dewiswr
 
 DATEPICKER_DATE_DESCRIPTION=Mewnbwn Dyddiad
@@ -151,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Botwm wedi'i Segmentu
 
 SLIDER_ARIA_DESCRIPTION=Bachyn llithrydd
 
-SWITCH_ON=Ymlaen 
-
-SWITCH_OFF=Wedi Diffodd
-
 LOAD_MORE_TEXT=Mwy
 
 TABLE_HEADER_ROW_TEXT=Pennyn Rhes
@@ -245,3 +255,6 @@ SPLIT_BUTTON_DESCRIPTION=Botwm Hollti
 
 SPLIT_BUTTON_KEYBOARD_HINT=Pwyswch Space neu Enter i sbarduno cam gweithredu diofyn ac Alt + Saeth i Lawr neu F4 i sbarduno gweithred saeth
 
+MENU_BACK_BUTTON_ARIA_LABEL=Yn Ôl
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=Gwrthod

package/src/i18n/messagebundle_da.properties

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Ændr farve
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Flere farver...
 
+COLORPICKER_ALPHA_SLIDER=Alfakontrol
+
+COLORPICKER_HUE_SLIDER=Farvetonekontrol
+
+COLORPICKER_HEX=Hexadecimal
+
+COLORPICKER_RED=Rød
+
+COLORPICKER_GREEN=Grøn
+
+COLORPICKER_BLUE=Blå
+
+COLORPICKER_ALPHA=Alfa
+
 DATEPICKER_OPEN_ICON_TITLE=Åben selektion
 
 DATEPICKER_DATE_DESCRIPTION=Datoinput
@@ -151,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Segmenteret trykknap
 
 SLIDER_ARIA_DESCRIPTION=Greb for skyder
 
-SWITCH_ON=Til
-
-SWITCH_OFF=Fra
-
 LOAD_MORE_TEXT=Mere
 
 TABLE_HEADER_ROW_TEXT=Toprække
@@ -245,3 +255,6 @@ SPLIT_BUTTON_DESCRIPTION=Opdelt trykknap
 
 SPLIT_BUTTON_KEYBOARD_HINT=Tryk på mellemrumstasten eller Enter for at udløse standardaktion og Alt + pil ned eller F4 for at udløse pileaktion
 
+MENU_BACK_BUTTON_ARIA_LABEL=Tilbage
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=Afvis

package/src/i18n/messagebundle_de.properties

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Farbe ändern
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Mehr Farben...
 
+COLORPICKER_ALPHA_SLIDER=Alpha-Regler
+
+COLORPICKER_HUE_SLIDER=Farbtonregler
+
+COLORPICKER_HEX=Hexadezimal
+
+COLORPICKER_RED=Rot
+
+COLORPICKER_GREEN=Grün
+
+COLORPICKER_BLUE=Blau
+
+COLORPICKER_ALPHA=Alpha
+
 DATEPICKER_OPEN_ICON_TITLE=Auswahl öffnen
 
 DATEPICKER_DATE_DESCRIPTION=Datumseingabe
@@ -151,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Drucktaste mit Unterteilung
 
 SLIDER_ARIA_DESCRIPTION=Griff des Schiebereglers
 
-SWITCH_ON=Ein
-
-SWITCH_OFF=Aus
-
 LOAD_MORE_TEXT=Mehr
 
 TABLE_HEADER_ROW_TEXT=Kopfzeile
@@ -245,3 +255,6 @@ SPLIT_BUTTON_DESCRIPTION=Zweigeteilte Drucktaste
 
 SPLIT_BUTTON_KEYBOARD_HINT=Für Standardaktion Leertaste oder Eingabetaste drücken; für Pfeilaktion Alt + Pfeil nach unten oder F4 drücken
 
+MENU_BACK_BUTTON_ARIA_LABEL=Zurück
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=Schließen

package/src/i18n/messagebundle_el.properties

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Αλλαγή Χρώματος
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Περισσότερα Χρώματα...
 
+COLORPICKER_ALPHA_SLIDER=Έλεγχος Άλφα
+
+COLORPICKER_HUE_SLIDER=Ελεγχος Hue
+
+COLORPICKER_HEX=Δεκαεξαδικός
+
+COLORPICKER_RED=Κόκκινο
+
+COLORPICKER_GREEN=Πράσινο
+
+COLORPICKER_BLUE=Μπλε
+
+COLORPICKER_ALPHA=Άλφα
+
 DATEPICKER_OPEN_ICON_TITLE=Ανοιγμα Επιλογέα
 
 DATEPICKER_DATE_DESCRIPTION=Εισαγωγή Ημερ.
@@ -151,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Κουμπί τμηματοποίησης
 
 SLIDER_ARIA_DESCRIPTION=Μοχλός ρυθμιστικού
 
-SWITCH_ON=Ενεργό
-
-SWITCH_OFF=Ανενεργό
-
 LOAD_MORE_TEXT=Περισσότερα
 
 TABLE_HEADER_ROW_TEXT=Σειρά Κεφαλίδας
@@ -245,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_en.properties

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=Change Color
 
 COLOR_PALETTE_MORE_COLORS_TEXT=More 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=Open Picker
 
 DATEPICKER_DATE_DESCRIPTION=Date Input
@@ -151,10 +165,6 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Segmented button
 
 SLIDER_ARIA_DESCRIPTION=Slider handle
 
-SWITCH_ON=On
-
-SWITCH_OFF=Off
-
 LOAD_MORE_TEXT=More
 
 TABLE_HEADER_ROW_TEXT=Header Row
@@ -245,3 +255,6 @@ SPLIT_BUTTON_DESCRIPTION=Split Button
 
 SPLIT_BUTTON_KEYBOARD_HINT=Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action
 
+MENU_BACK_BUTTON_ARIA_LABEL=Back
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=Decline