@ui5/webcomponents 0.0.0-deac3098a → 0.0.0-e58530409

package/src/Table.js

@@ -4,7 +4,6 @@ import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.j
 import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
-import { isIE } from "@ui5/webcomponents-base/dist/Device.js";
 import {
 	isTabNext,
 	isTabPrevious,
@@ -542,6 +541,11 @@ class Table extends UI5Element {
 		this._noDataDisplayed = !this.rows.length && !this.hideNoData;
 		this.visibleColumnsCount = this.visibleColumns.length;
 
+		if (this.isMultiSelect) {
+			// we have to count the selection column as well
+			this.visibleColumnsCount += 1;
+		}
+
 		this._allRowsSelected = selectedRows.length === this.rows.length;
 
 		this._prevFocusedRow = this._prevFocusedRow || this.rows[0];
@@ -556,9 +560,7 @@ class Table extends UI5Element {
 	}
 
 	onEnterDOM() {
-		if (!isIE()) {
-			this.growingIntersectionObserver = this.getIntersectionObserver();
-		}
+		this.growingIntersectionObserver = this.getIntersectionObserver();
 
 		ResizeHandler.register(this.getDomRef(), this._handleResize);
 
@@ -568,11 +570,9 @@ class Table extends UI5Element {
 	onExitDOM() {
 		ResizeHandler.deregister(this.getDomRef(), this._handleResize);
 
-		if (!isIE()) {
-			this.growingIntersectionObserver.disconnect();
-			this.growingIntersectionObserver = null;
-			this.tableEndObserved = false;
-		}
+		this.growingIntersectionObserver.disconnect();
+		this.growingIntersectionObserver = null;
+		this.tableEndObserved = false;
 	}
 
 	_onkeydown(event) {
@@ -1119,16 +1119,11 @@ class Table extends UI5Element {
 	}
 
 	get growsWithButton() {
-		if (isIE()) {
-			// On IE fallback to "More" button, even if growing of type "Scroll" is set.
-			return this.growing === TableGrowingMode.Button || this.growing === TableGrowingMode.Scroll;
-		}
-
 		return this.growing === TableGrowingMode.Button;
 	}
 
 	get growsOnScroll() {
-		return !isIE() && this.growing === TableGrowingMode.Scroll;
+		return this.growing === TableGrowingMode.Scroll;
 	}
 
 	get _growingButtonText() {
@@ -1165,10 +1160,6 @@ class Table extends UI5Element {
 	}
 
 	get busyIndPosition() {
-		if (isIE()) {
-			return "absolute";
-		}
-
 		return this._inViewport ? "absolute" : "sticky";
 	}
 

package/src/TableColumn.hbs

@@ -2,7 +2,6 @@
 	scope="col"
 	part="column"
 	role="columnheader"
-	dir="{{effectiveDir}}"
 >
 	<slot></slot>
 </th>

package/src/TableGroupRow.hbs

@@ -4,7 +4,6 @@
 	role="row"
 	aria-label={{ariaLabelText}}
 	tabindex="{{_tabIndex}}"
-	dir="{{effectiveDir}}"
 	@focusin="{{_onfocusin}}"
 >
 	<td colspan={{colSpan}}>

package/src/TableRow.js

@@ -194,10 +194,12 @@ class TableRow extends UI5Element {
 	constructor() {
 		super();
 
+		const handleToushStartEvent = event => {
+			this.activate();
+		};
+
 		this._ontouchstart = {
-			handleEvent(event) {
-				this.activate();
-			},
+			handleEvent: handleToushStartEvent,
 			passive: true,
 		};
 	}

package/src/TextArea.js

@@ -5,7 +5,6 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { getFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
-import { isIE } from "@ui5/webcomponents-base/dist/Device.js";
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import Popover from "./Popover.js";
@@ -467,20 +466,11 @@ class TextArea extends UI5Element {
 	_oninput(event) {
 		const nativeTextArea = this.getInputDomRef();
 
-		/* skip calling change event when an textarea with a placeholder is focused on IE
-			- value of the host and the internal textarea should be different in case of actual input
-			- input is called when a key is pressed => keyup should not be called yet
-		*/
-		const skipFiring = (nativeTextArea.value === this.value) && isIE() && !this._keyDown && !!this.placeholder;
 		if (event.target === nativeTextArea) {
 			// stop the native event, as the semantic "input" would be fired.
 			event.stopImmediatePropagation();
 		}
 
-		if (skipFiring) {
-			return;
-		}
-
 		this.value = nativeTextArea.value;
 		this.fireEvent("input", {});
 
@@ -568,7 +558,7 @@ class TextArea extends UI5Element {
 		return {
 			valueStateMsg: {
 				"ui5-valuestatemessage--error": this.valueState === ValueState.Error,
-				"ui5-valuestatemessage--warning": this.valueState === ValueState.Warning || this.exceeding,
+				"ui5-valuestatemessage--warning": this.valueState === ValueState.Warning,
 				"ui5-valuestatemessage--information": this.valueState === ValueState.Information,
 			},
 		};
@@ -639,7 +629,7 @@ class TextArea extends UI5Element {
 	}
 
 	get displayValueStateMessagePopover() {
-		return !this.readonly && (this.hasCustomValueState || this.hasValueState || this.exceeding);
+		return !this.readonly && (this.hasCustomValueState || this.hasValueState);
 	}
 
 	get hasCustomValueState() {
@@ -655,7 +645,7 @@ class TextArea extends UI5Element {
 	}
 
 	get valueStateText() {
-		if (this.valueState !== ValueState.Error && this.exceeding) {
+		if (this.valueState !== ValueState.Error) {
 			return this.valueStateTextMappings()[ValueState.Warning];
 		}
 

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