@ui5/webcomponents 0.0.0-fb61e9889 → 0.0.0-fd6264051

package/src/features/InputSuggestions.js

@@ -1,11 +1,14 @@
 import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-
+import encodeXML from "@ui5/webcomponents-base/dist/sap/base/security/encodeXML.js";
+import generateHighlightedMarkup from "@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js";
 import List from "../List.js";
 import ResponsivePopover from "../ResponsivePopover.js";
 import SuggestionItem from "../SuggestionItem.js";
 import SuggestionGroupItem from "../SuggestionGroupItem.js";
 import Button from "../Button.js";
+import Icon from "../Icon.js";
+import Popover from "../Popover.js";
 import GroupHeaderListItem from "../GroupHeaderListItem.js";
 import SuggestionListItem from "../SuggestionListItem.js";
 
@@ -46,8 +49,6 @@ class Suggestions {
 		// that changes due to user interaction.
 		this.selectedItemIndex = null;
 
-		this.i18nBundle = getI18nBundle("@ui5/webcomponents");
-
 		this.accInfo = {};
 	}
 
@@ -99,13 +100,77 @@ class Suggestions {
 	}
 
 	onEnter(event) {
+		if (this._isGroupOrInactiveItem) {
+			event.preventDefault();
+			return false;
+		}
+
 		if (this._isItemOnTarget()) {
 			this.onItemSelected(null, true /* keyboardUsed */);
 			return true;
 		}
+
 		return false;
 	}
 
+	onPageUp(event) {
+		event.preventDefault();
+
+		const isItemIndexValid = this.selectedItemIndex - 10 > -1;
+
+		if (this._hasValueState && !isItemIndexValid) {
+			this._focusValueState();
+			return true;
+		}
+
+		this._moveItemSelection(this.selectedItemIndex,
+			isItemIndexValid ? this.selectedItemIndex -= 10 : this.selectedItemIndex = 0);
+		return true;
+	}
+
+	onPageDown(event) {
+		event.preventDefault();
+
+		const items = this._getItems();
+		const lastItemIndex = items.length - 1;
+		const isItemIndexValid = this.selectedItemIndex + 10 <= lastItemIndex;
+
+		if (this._hasValueState && !items) {
+			this._focusValueState();
+			return true;
+		}
+
+		this._moveItemSelection(this.selectedItemIndex,
+			isItemIndexValid ? this.selectedItemIndex += 10 : this.selectedItemIndex = lastItemIndex);
+		return true;
+	}
+
+	onHome(event) {
+		event.preventDefault();
+
+		if (this._hasValueState) {
+			this._focusValueState();
+			return true;
+		}
+
+		this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = 0);
+		return true;
+	}
+
+	onEnd(event) {
+		event.preventDefault();
+
+		const lastItemIndex = this._getItems().length - 1;
+
+		if (this._hasValueState && !lastItemIndex) {
+			this._focusValueState();
+			return true;
+		}
+
+		this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = lastItemIndex);
+		return true;
+	}
+
 	onTab(event) {
 		if (this._isItemOnTarget()) {
 			this.onItemSelected(null, true);
@@ -137,9 +202,15 @@ class Suggestions {
 	}
 
 	async close(preventFocusRestore = false) {
+		const selectedItem = this._getItems() && this._getItems()[this.selectedItemIndex];
+
 		this._getComponent().open = false;
 		this.responsivePopover = await this._getSuggestionPopover();
 		this.responsivePopover.close(false, false, preventFocusRestore);
+
+		if (selectedItem && selectedItem.focused) {
+			selectedItem.focused = false;
+		}
 	}
 
 	updateSelectedItemPosition(pos) {
@@ -173,16 +244,13 @@ class Suggestions {
 
 		// If the item is "Inactive", prevent selection with SPACE or ENTER
 		// to have consistency with the way "Inactive" items behave in the ui5-list
-		if (item.type === "Inactive") {
-			return;
-		}
-
-		if (item.group) {
+		if (item.type === "Inactive" || item.group) {
 			return;
 		}
 
 		this._getComponent().onItemSelected(this._getRealItems()[this.selectedItemIndex], keyboardUsed);
 		item.selected = false;
+		item.focused = false;
 		this._getComponent().open = false;
 	}
 
@@ -192,7 +260,7 @@ class Suggestions {
 
 	/* Private methods */
 	onItemPress(oEvent) {
-		this.onItemSelected(oEvent.detail.item, false /* keyboardUsed */);
+		this.onItemSelected(oEvent.detail.selectedItems[0], false /* keyboardUsed */);
 	}
 
 	_beforeOpen() {
@@ -202,8 +270,8 @@ class Suggestions {
 
 	async _attachItemsListeners() {
 		const list = await this._getList();
-		list.removeEventListener("ui5-item-press", this.fnOnSuggestionItemPress);
-		list.addEventListener("ui5-item-press", this.fnOnSuggestionItemPress);
+		list.removeEventListener("ui5-selection-change", this.fnOnSuggestionItemPress);
+		list.addEventListener("ui5-selection-change", this.fnOnSuggestionItemPress);
 		list.removeEventListener("ui5-item-focused", this.fnOnSuggestionItemFocus);
 		list.addEventListener("ui5-item-focused", this.fnOnSuggestionItemFocus);
 		list.removeEventListener("mouseover", this.fnOnSuggestionItemMouseOver);
@@ -244,7 +312,17 @@ class Suggestions {
 	}
 
 	_isItemOnTarget() {
-		return this.isOpened() && this.selectedItemIndex !== null;
+		return this.isOpened() && this.selectedItemIndex !== null && this.selectedItemIndex !== -1 && !this._isGroupOrInactiveItem;
+	}
+
+	get _isGroupOrInactiveItem() {
+		const items = this._getItems();
+
+		if (!items || !items[this.selectedItemIndex]) {
+			return false;
+		}
+
+		return (items[this.selectedItemIndex].group || items[this.selectedItemIndex].type === "Inactive");
 	}
 
 	isOpened() {
@@ -267,22 +345,61 @@ class Suggestions {
 		const itemsCount = this._getItems().length;
 		const previousSelectedIdx = this.selectedItemIndex;
 
-		if ((this.selectedItemIndex === null) || (++this.selectedItemIndex > itemsCount - 1)) {
-			this.selectedItemIndex = 0;
+		if (this._hasValueState && previousSelectedIdx === null && !this.component._isValueStateFocused) {
+			this._focusValueState();
+			return;
 		}
 
-		this._moveItemSelection(previousSelectedIdx, this.selectedItemIndex);
+		if ((previousSelectedIdx === null && !this._hasValueState) || this.component._isValueStateFocused) {
+			this._clearValueStateFocus();
+			--this.selectedItemIndex;
+		}
+
+		if (previousSelectedIdx !== null && previousSelectedIdx + 1 > itemsCount - 1) {
+			return;
+		}
+
+		this._moveItemSelection(previousSelectedIdx, ++this.selectedItemIndex);
 	}
 
 	_selectPreviousItem() {
-		const itemsCount = this._getItems().length;
+		const items = this._getItems();
 		const previousSelectedIdx = this.selectedItemIndex;
 
-		if ((this.selectedItemIndex === null) || (--this.selectedItemIndex < 0)) {
-			this.selectedItemIndex = itemsCount - 1;
+		if (this._hasValueState && previousSelectedIdx === 0 && !this.component._isValueStateFocused) {
+			this.component.hasSuggestionItemSelected = false;
+			this.component._isValueStateFocused = true;
+			this.selectedItemIndex = null;
+
+			items[0].focused = false;
+			items[0].selected = false;
+
+			return;
 		}
 
-		this._moveItemSelection(previousSelectedIdx, this.selectedItemIndex);
+		if (this.component._isValueStateFocused) {
+			this.component.focused = true;
+			this.component._isValueStateFocused = false;
+			this.selectedItemIndex = null;
+
+			return;
+		}
+
+		if (previousSelectedIdx === -1 || previousSelectedIdx === null) {
+			return;
+		}
+
+		if (previousSelectedIdx - 1 < 0) {
+			items[previousSelectedIdx].selected = false;
+			items[previousSelectedIdx].focused = false;
+
+			this.component.focused = true;
+			this.component.hasSuggestionItemSelected = false;
+			this.selectedItemIndex -= 1;
+			return;
+		}
+
+		this._moveItemSelection(previousSelectedIdx, --this.selectedItemIndex);
 	}
 
 	_moveItemSelection(previousIdx, nextIdx) {
@@ -290,6 +407,13 @@ class Suggestions {
 		const currentItem = items[nextIdx];
 		const previousItem = items[previousIdx];
 
+		if (!currentItem) {
+			return;
+		}
+
+		this.component.focused = false;
+		this._clearValueStateFocus();
+
 		this.accInfo = {
 			currentPos: nextIdx + 1,
 			listSize: items.length,
@@ -298,16 +422,22 @@ class Suggestions {
 
 		if (previousItem) {
 			previousItem.selected = false;
+			previousItem.focused = false;
 		}
 
 		if (currentItem) {
-			currentItem.selected = true;
+			currentItem.focused = true;
+
+			if (currentItem.type === "Active") {
+				currentItem.selected = true;
+			}
 
 			if (this.handleFocus) {
 				currentItem.focus();
 			}
 		}
 
+		this.component.hasSuggestionItemSelected = true;
 		this.onItemPreviewed(currentItem);
 
 		if (!this._isItemIntoView(currentItem)) {
@@ -319,9 +449,18 @@ class Suggestions {
 		const items = this._getItems();
 		items.forEach(item => {
 			item.selected = false;
+			item.focused = false;
 		});
 	}
 
+	_clearItemFocus() {
+		const focusedItem = this._getItems().find(item => item.focused);
+
+		if (focusedItem) {
+			focusedItem.focused = false;
+		}
+	}
+
 	_isItemIntoView(item) {
 		const rectItem = item.getDomRef().getBoundingClientRect();
 		const rectInput = this._getComponent().getDomRef().getBoundingClientRect();
@@ -346,7 +485,7 @@ class Suggestions {
 	}
 
 	_getItems() {
-		return [...this.responsivePopover.querySelector("[ui5-list]").children];
+		return !!this.responsivePopover && [...this.responsivePopover.querySelector("[ui5-list]").children];
 	}
 
 	_getComponent() {
@@ -378,9 +517,8 @@ class Suggestions {
 	}
 
 	get itemSelectionAnnounce() {
-		const i18nBundle = this.i18nBundle,
-			itemPositionText = i18nBundle.getText(LIST_ITEM_POSITION, [this.accInfo.currentPos], [this.accInfo.listSize]),
-			itemSelectionText = i18nBundle.getText(LIST_ITEM_SELECTED);
+		const itemPositionText = Suggestions.i18nBundle.getText(LIST_ITEM_POSITION, this.accInfo.currentPos, this.accInfo.listSize),
+			itemSelectionText = Suggestions.i18nBundle.getText(LIST_ITEM_SELECTED);
 
 		return `${itemPositionText} ${this.accInfo.itemText} ${itemSelectionText}`;
 	}
@@ -396,31 +534,41 @@ class Suggestions {
 	}
 
 	getHighlightedText(suggestion, input) {
-		let text = suggestion.text || suggestion.textContent;
-		text = this.sanitizeText(text);
-
+		const text = suggestion.text || suggestion.textContent;
 		return this.hightlightInput(text, input);
 	}
 
 	getHighlightedDesc(suggestion, input) {
-		let text = suggestion.description;
-		text = this.sanitizeText(text);
-
+		const text = suggestion.description || "";
 		return this.hightlightInput(text, input);
 	}
 
 	hightlightInput(text, input) {
-		if (!text) {
-			return text;
-		}
-
-		const inputEscaped = input.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-		const regEx = new RegExp(inputEscaped, "ig");
-		return text.replace(regEx, match => `<b>${match}</b>`);
+		return generateHighlightedMarkup(text, input);
 	}
 
 	sanitizeText(text) {
-		return text && text.replace("<", "&lt");
+		return encodeXML(text);
+	}
+
+	get _hasValueState() {
+		return this.component.hasValueStateMessage;
+	}
+
+	_focusValueState() {
+		const items = this._getItems();
+
+		this.component._isValueStateFocused = true;
+		this.component.focused = false;
+		this.component.hasSuggestionItemSelected = false;
+		this.selectedItemIndex = null;
+
+		items && this._scrollItemIntoView(items[0]);
+		this._deselectItems();
+	}
+
+	_clearValueStateFocus() {
+		this.component._isValueStateFocused = false;
 	}
 
 	static get dependencies() {
@@ -432,8 +580,14 @@ class Suggestions {
 			SuggestionListItem,
 			GroupHeaderListItem,
 			Button,
+			Icon,
+			Popover,
 		];
 	}
+
+	static async init() {
+		Suggestions.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+	}
 }
 
 Suggestions.SCROLL_STEP = 60;

package/src/i18n/messagebundle.properties

@@ -158,7 +158,22 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
 ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
 
 #XTOL: Tooltip of messgae strip close button
-MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close
+MESSAGE_STRIP_CLOSE_BUTTON=Information Bar Close
+
+#XACT: ARIA announcement for the MessageStrip's closable state
+MESSAGE_STRIP_CLOSABLE=Closable
+
+#XACT: ARIA announcement for the MessageStrip's "Error" state
+MESSAGE_STRIP_ERROR=Error Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Warning" state
+MESSAGE_STRIP_WARNING=Warning Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Success" state
+MESSAGE_STRIP_SUCCESS=Success Information Bar
+
+#XACT: ARIA announcement for the MessageStrip's "Information" state
+MESSAGE_STRIP_INFORMATION=Information Bar
 
 #XFLD: MultiComboBox dialog button
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
@@ -238,6 +253,12 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Previous
 #XACT: ACC overflow menu title in tab container
 TABCONTAINER_OVERFLOW_MENU_TITLE=Overflow Menu
 
+#XTXT Text for end overflow button in tab container
+TABCONTAINER_END_OVERFLOW=More
+
+#XBUT Text for cancel button, which closes the popover on mobile devices
+TABCONTAINER_POPOVER_CANCEL_BUTTON=Cancel
+
 #XTXT: Text for characters left
 TEXTAREA_CHARACTERS_LEFT={0} characters remaining
 
@@ -333,3 +354,10 @@ STEPINPUT_DEC_ICON_TITLE=Decrease
 
 #XTOL: tooltip for increase button of the StepInput
 STEPINPUT_INC_ICON_TITLE=Increase
+
+#XACT: Aria information for the Split Button
+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
+

package/src/i18n/messagebundle_ar.properties

@@ -99,13 +99,23 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=نمط التحديد المتعدد
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=تحديد البنود.
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=توجد بنود قابلة للتحديد
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=توجد بنود قابلة لتحديد متعدد
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=توجد بنود قابلة للحذف
 
-MESSAGE_STRIP_CLOSE_BUTTON=إغلاق شريط الرسالة
+MESSAGE_STRIP_CLOSE_BUTTON=إغلاق شريط المعلومات
+
+MESSAGE_STRIP_CLOSABLE=ممكن إغلاقه
+
+MESSAGE_STRIP_ERROR=شريط معلومات الخطأ
+
+MESSAGE_STRIP_WARNING=شريط معلومات التحذير
+
+MESSAGE_STRIP_SUCCESS=شريط معلومات النجاح
+
+MESSAGE_STRIP_INFORMATION=شريط المعلومات
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=موافق
 
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=السابق
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=قائمة التدفق
 
+TABCONTAINER_END_OVERFLOW=المزيد
+
 TEXTAREA_CHARACTERS_LEFT=متبق {0} من الحروف
 
 TEXTAREA_CHARACTERS_EXCEEDED=تم تجاوز الحد بمقدار {0} من الحروف
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=اليوم
 STEPINPUT_DEC_ICON_TITLE=تخفيض
 
 STEPINPUT_INC_ICON_TITLE=زيادة
+
+SPLIT_BUTTON_DESCRIPTION=زر التقسيم
+
+SPLIT_BUTTON_KEYBOARD_HINT=اضغط على Space أو Enter لبدء تشغيل الإجراء الافتراضي وAlt + Arrow Down أو F4 لبدء تشغيل إجراء السهم
+

package/src/i18n/messagebundle_bg.properties

@@ -99,13 +99,23 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Режим на множествен избор
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Избор на позиция.
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=Съдържа подлежащи на избор позиции
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=Съдържа подлежащи на множествен избор позиции
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=Съдържа подлежащи на изтриване позиции
 
-MESSAGE_STRIP_CLOSE_BUTTON=Затваряне на лента със съобщения
+MESSAGE_STRIP_CLOSE_BUTTON=Затваряне на лента с информация
+
+MESSAGE_STRIP_CLOSABLE=Може да се затвори
+
+MESSAGE_STRIP_ERROR=Лента с информация за грешки
+
+MESSAGE_STRIP_WARNING=Лента с предупреждения
+
+MESSAGE_STRIP_SUCCESS=Лента с информация за успешни изпълнения
+
+MESSAGE_STRIP_INFORMATION=Лента с информация
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Назад
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=Меню препълване
 
+TABCONTAINER_END_OVERFLOW=Още
+
 TEXTAREA_CHARACTERS_LEFT=Остават {0} символа
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} символа над ограничението
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=Днес
 STEPINPUT_DEC_ICON_TITLE=Намаляване
 
 STEPINPUT_INC_ICON_TITLE=Увеличаване
+
+SPLIT_BUTTON_DESCRIPTION=Бутон разделяне
+
+SPLIT_BUTTON_KEYBOARD_HINT=Натиснете интервал или Enter, за да инициирате действие по подразбиране и Alt + стрелка надолу или F4, за да инициирате действие на стрелка.
+

package/src/i18n/messagebundle_ca.properties

@@ -99,13 +99,23 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Mode de selecció múltiple
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Selecció de posició.
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=Conté elements per a la selecció
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=Conté elements per a la selecció múltiple
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=Conté elements suprimibles
 
-MESSAGE_STRIP_CLOSE_BUTTON=Línia de missatge per tancar
+MESSAGE_STRIP_CLOSE_BUTTON=Tancament de barra d'informació
+
+MESSAGE_STRIP_CLOSABLE=Es pot tancar
+
+MESSAGE_STRIP_ERROR=Missatge d'error de la barra d'informació
+
+MESSAGE_STRIP_WARNING=Missatge d'advertència de la barra d'informació
+
+MESSAGE_STRIP_SUCCESS=Missatge de conclusió exitosa de la barra d'informació
+
+MESSAGE_STRIP_INFORMATION=Barra d'informació
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=D'acord
 
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Anterior
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=Menú de desbordament
 
+TABCONTAINER_END_OVERFLOW=Més
+
 TEXTAREA_CHARACTERS_LEFT={0} caràcters restants
 
 TEXTAREA_CHARACTERS_EXCEEDED=S'han excedit {0} caràcters
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=Avui
 STEPINPUT_DEC_ICON_TITLE=Reduir
 
 STEPINPUT_INC_ICON_TITLE=Ampliar
+
+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
+

package/src/i18n/messagebundle_cs.properties

@@ -99,13 +99,23 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Režim vícenásobného výběru
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Výběr položek.
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=Obsahuje zvolitelné položky
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=Obsahuje položky pro vícenásobný výběr
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=Obsahuje vymazatelné položky
 
-MESSAGE_STRIP_CLOSE_BUTTON=Zavření pruhu zpráv
+MESSAGE_STRIP_CLOSE_BUTTON=Zavřít informační lištu
+
+MESSAGE_STRIP_CLOSABLE=Lze zavřít
+
+MESSAGE_STRIP_ERROR=Informační lišta chyb
+
+MESSAGE_STRIP_WARNING=Informační lišta
+
+MESSAGE_STRIP_SUCCESS=Informační lišta úspěšného provedení
+
+MESSAGE_STRIP_INFORMATION=Informační lišta
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Předchozí
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=Přetečení - menu
 
+TABCONTAINER_END_OVERFLOW=Více
+
 TEXTAREA_CHARACTERS_LEFT={0} znaky zbývají
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} znaky přes limit
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=Dnes
 STEPINPUT_DEC_ICON_TITLE=Zmenšení
 
 STEPINPUT_INC_ICON_TITLE=Zvětšení
+
+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
+

package/src/i18n/messagebundle_cy.properties

@@ -99,13 +99,23 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Modd Dewis mwy nag un
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Dewis Eitem.
 
-ARIA_LABEL_LIST_SELECTABLE=Contains Selectable Items
+ARIA_LABEL_LIST_SELECTABLE=Yn Cynnwys Eitemau Mae Modd eu Dewis
 
-ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
+ARIA_LABEL_LIST_MULTISELECTABLE=Yn Cynnwys Mwy nag un Eitem y mae Modd ei Ddewis
 
-ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
+ARIA_LABEL_LIST_DELETABLE=Yn Cynnwys Eitemau Mae Modd eu Dileu
 
-MESSAGE_STRIP_CLOSE_BUTTON=Cau Stribed Neges
+MESSAGE_STRIP_CLOSE_BUTTON=Cau Bar Gwybodaeth
+
+MESSAGE_STRIP_CLOSABLE=Mae modd ei gau
+
+MESSAGE_STRIP_ERROR=Bar Gwybodaeth Gwall
+
+MESSAGE_STRIP_WARNING=Bar Gwybodaeth Rhybudd
+
+MESSAGE_STRIP_SUCCESS=Bar Gwybodaeth Llwyddiant
+
+MESSAGE_STRIP_INFORMATION=Bar Gwybodaeth
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=IAWN
 
@@ -159,6 +169,8 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Blaenorol
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=Dewislen Gorlif
 
+TABCONTAINER_END_OVERFLOW=Mwy
+
 TEXTAREA_CHARACTERS_LEFT={0} nod ar ôl
 
 TEXTAREA_CHARACTERS_EXCEEDED={0} nod dros yr uchafswm
@@ -222,3 +234,8 @@ DAY_PICKER_TODAY=Heddiw
 STEPINPUT_DEC_ICON_TITLE=Lleihau
 
 STEPINPUT_INC_ICON_TITLE=Cynyddu
+
+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
+