@ui5/webcomponents 2.7.0-rc.1 → 2.7.0

package/src/ButtonTemplate.tsx

@@ -11,7 +11,12 @@ export default function ButtonTemplate(this: Button, injectedProps?: {
 	return (<>
 		<button
 			type="button"
-			class="ui5-button-root"
+			class={{
+				"ui5-button-root": true,
+				"ui5-button-badge-placement-end": this.badge[0]?.design === "InlineText",
+				"ui5-button-badge-placement-end-top": this.badge[0]?.design === "OverlayText",
+				"ui5-button-badge-dot": this.badge[0]?.design === "AttentionDot",
+			}}
 			disabled={this.disabled}
 			data-sap-focus-ref
 			aria-pressed={injectedProps?.ariaPressed}
@@ -65,6 +70,10 @@ export default function ButtonTemplate(this: Button, injectedProps?: {
 			{this.hasButtonType &&
 				<span id="ui5-button-hiddenText-type" aria-hidden="true" class="ui5-hidden-text">{this.buttonTypeText}</span>
 			}
+
+			{this.shouldRenderBadge &&
+				<slot name="badge"/>
+			}
 		</button>
 	</>);
 }

package/src/DayPickerTemplate.tsx

@@ -42,6 +42,7 @@ export default function DayPickerTemplate(this: DayPicker) {
 										data-sap-focus-ref={day.focusRef ? "true" : undefined}
 										data-sap-timestamp={day.timestamp}
 										role="gridcell"
+										title={day.tooltip}
 										aria-selected={day.ariaSelected}
 										aria-label={day.ariaLabel}
 										aria-disabled={day.ariaDisabled}

package/src/MenuItemTemplate.tsx

@@ -35,16 +35,6 @@ function listItemContent(this: MenuItem) {
 		{this.text && <div class="ui5-menu-item-text">{this.text}</div>}
 
 		{rightContent.call(this)}
-
-		{this.hasSubmenu && (
-			<div class="ui5-menu-item-submenu-icon" >
-				<Icon
-					part="subicon"
-					name={slimArrowRight}
-					class="ui5-menu-item-icon-end"
-				/>
-			</div>
-		)}
 	</>);
 }
 

package/src/SelectPopoverTemplate.tsx

@@ -43,7 +43,7 @@ export default function SelectPopoverTemplate(this: Select) {
 									"ui5-select-value-state-dialog-header": true,
 									...this.classes.popoverValueState
 								}}>
-									{valueStateMessage.call(this)}
+									{this._isPickerOpen && valueStateMessage.call(this)}
 								</div>
 							}
 						</div>
@@ -56,7 +56,7 @@ export default function SelectPopoverTemplate(this: Select) {
 							<Icon
 								class="ui5-input-value-state-message-icon"
 								name={this._valueStateMessageInputIcon} />
-							{valueStateMessage.call(this)}
+							{this._isPickerOpen && valueStateMessage.call(this)}
 						</div>
 					}
 
@@ -99,7 +99,7 @@ function valueStateMessage(this: Select) {
 		<>
 			{this.shouldDisplayDefaultValueStateMessage
 				? this.valueStateText
-				: <slot name="valueStateMessage"></slot>
+				: <slot onClick={this._applyFocus} name="valueStateMessage"></slot>
 			}
 		</>
 	);

package/src/TableGrowing.hbs

@@ -1,19 +1,17 @@
-{{#if _hasGrowingButton}}
-	<div
-		id="growing-button"
-		tabindex="-1"
-		?active="{{_activeState}}"
-		@click="{{loadMore}}"
-		@keydown="{{_onKeydown}}"
-		@keyup="{{_onKeyup}}"
-		@focusout="{{_onFocusout}}"
-		role="button"
-		aria-labelledby="growing-text growing-subtext"
-		aria-describedby="growing-description">
-		<span id="growing-text">{{_growingButtonText}}</span>
-		{{#if growingSubText}}
-			<span id="growing-subtext">{{growingSubText}}</span>
-		{{/if}}
-		<span id="growing-description" style="display: none;" aria-hidden="true">{{_growingButtonDescription}}</span>
-	</div>
-{{/if}}
+<div
+	id="growing-button"
+	tabindex="-1"
+	?active="{{_activeState}}"
+	@click="{{loadMore}}"
+	@keydown="{{_onKeydown}}"
+	@keyup="{{_onKeyup}}"
+	@focusout="{{_onFocusout}}"
+	role="button"
+	aria-labelledby="growing-text growing-subtext"
+	aria-describedby="growing-description">
+	<span id="growing-text">{{_growingButtonText}}</span>
+	{{#if growingSubText}}
+		<span id="growing-subtext">{{growingSubText}}</span>
+	{{/if}}
+	<span id="growing-description" style="display: none;" aria-hidden="true">{{_growingButtonDescription}}</span>
+</div>

package/src/TagTemplate.tsx

@@ -12,11 +12,12 @@ export default function TagTemplate(this: Tag) {
 						aria-roledescription={this._roleDescription}
 						aria-description={this._valueState}
 						onClick={this._onclick}
+						part="root"
 					>
 						{ content.call(this) }
 					</button>
 					:
-					<div class="ui5-tag-root" title={this._title}>
+					<div class="ui5-tag-root" title={this._title} part="root">
 						{ content.call(this) }
 					</div>
 			}

package/src/TimePickerClockTemplate.tsx

@@ -9,66 +9,65 @@ export default function TimePickerClockTemplate(this: TimePickerClock) {
 			aria-hidden="true"
 			class={{
 				"ui5-tp-clock": true,
-				"ui5-tp-clock-inner": this.showInnerCircle,
 				"ui5-tp-clock-active": this.active,
 			}}
 		>
 
 			<div data-label={this.label} class="ui5-tp-clock-dial"></div>
 
-			<div>
+			<div class="ui5-tp-clock-items">
 				{this._items.map((item, i) => (
-					<div class="ui5-tp-clock-item" style={{ transform: `translate(-50%) rotate(${(i + 1) * 6}deg` }}>
-						{
-							item.item &&
-						<>
-							<span class="ui5-tp-clock-dot"></span>
-							<span id={`${this._id}-${item.item}`}
-								class="ui5-tp-clock-number"
-								style={{ transform: `rotate(-${(i + 1) * 6}deg)` }}
-							>
-								{item.item}
-							</span>
-							{
-								item.innerItem &&
-									<span
-										id={`${this._id}-${item.innerItem}`}
-										class="ui5-tp-clock-number"
-										style={{ transform: `rotate(-${(i + 1) * 6}deg)` }}
-									>
-										{item.innerItem}
-									</span>
-							}
-						</>
-						}
-
-						{ !item.item && !this.hideFractions
-						&& <span class="ui5-tp-clock-mid-dot"></span>
+					<div class="ui5-tp-clock-item" style={{ transform: `translate(-50%) rotate(${(i + 1) * this._angleStep}deg` }}>
+						{ item.item ?
+							<>
+								<span class="ui5-tp-clock-dot"></span>
+								<span id={`${this._id}-${item.item}`}
+									class="ui5-tp-clock-number"
+									style={{ transform: `rotate(-${(i + 1) * this._angleStep}deg)` }}
+								>
+									{item.item}
+								</span>
+							</>
+							:
+							<span class="ui5-tp-clock-mid-dot"></span>
 						}
 					</div>
 				))}
+			</div>
 
+			<div class="ui5-tp-clock-markers">
 				{this._selectedItem.showMarker &&
 				<div
-					class="ui5-tp-clock-item ui5-tp-clock-item-with-marker"
+					class="ui5-tp-clock-item"
 					style={{ transform: `translate(-50%) rotate(${this._selectedItem.angle || 0}deg)` }}
 				>
-					<div class="ui5-tp-clock-marker"></div>
+					<div class="ui5-tp-clock-select-marker"></div>
 					<div
 						class={this._selectedItem.itemClasses}
 						style={{ transform: `rotate(-${this._selectedItem.angle || 0}deg)` }}
 					>{this._selectedItem.item}</div>
+				</div>
+				}
 
-					<div id={`${this._id}-selected`}
-						class={this._selectedItem.innerItemClasses}
-						style={{ transform: `rotate(-${this._selectedItem.angle || 0}deg)` }}
-					>{this._selectedItem.innerItem}</div>
+				{this._hoveredItem.showMarker &&
+				<div
+					class="ui5-tp-clock-item"
+					style={{ transform: `translate(-50%) rotate(${this._hoveredItem.angle || 0}deg)` }}
+				>
+					<div class="ui5-tp-clock-hover-marker"></div>
+					<div
+						class={this._hoveredItem.itemClasses}
+						style={{ transform: `rotate(-${this._hoveredItem.angle || 0}deg)` }}
+					>{this._hoveredItem.item}</div>
 				</div>
 				}
 			</div>
 
 			<div
-				class="ui5-tp-clock-cover"
+				class={{
+					"ui5-tp-clock-cover": true,
+					"ui5-tp-clock-pointer": this._hoveredItem.showMarker,
+				}}
 				onTouchStart={this._onTouchStart}
 				onTouchMove={this._onTouchMove}
 				onTouchEnd={this._onTouchEnd}
@@ -76,7 +75,7 @@ export default function TimePickerClockTemplate(this: TimePickerClock) {
 				onMouseMove={this._onTouchMove}
 				onMouseUp={this._onTouchEnd}
 				onMouseOut={this._onMouseOut}
-				ref={this._captureClockRef.bind(this)}
+				onWheel={this._onMouseWheel}
 			></div>
 		</div>);
 }

package/src/TimePickerPopoverTemplate.tsx

@@ -26,6 +26,7 @@ export default function TimePickerPopoverTemplate(this: TimePicker) {
 				hideArrow={true}
 				accessibleName={this.pickerAccessibleName}
 				onClose={this.onResponsivePopoverAfterClose}
+				onBeforeOpen={this.onResponsivePopoverBeforeOpen}
 				onOpen={this.onResponsivePopoverAfterOpen}
 				onWheel={this._handleWheel}
 				onKeyDown={this._onkeydown}

package/src/TimeSelectionClocksTemplate.tsx

@@ -66,8 +66,9 @@ export default function TimeSelectionClocksTemplate(this: TimeSelectionClocks) {
 						displayStep={entity.displayStep}
 						valueStep={entity.attributes && entity.attributes.step}
 						lastItemReplacement={entity.lastItemReplacement}
-						showInnerCircle={entity.showInnerCircle}
+						hideFractions={entity.hideFractions}
 						prependZero={entity.prependZero}
+						_skipAnimation={entity.skipAnimation}
 						onChange={this._clockChange}
 					>
 					</TimePickerClock>

package/src/i18n/messagebundle.properties

@@ -576,9 +576,6 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Decline
 #XACT: ARIA information for the Menu popover
 MENU_POPOVER_ACCESSIBLE_NAME=Select an option from the menu
 
-#XTXT: Text for the Navigation Menu Popover hidden text
-NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=Navigation
-
 #XACT: ARIA announcement for roldesecription attribute of Dialog header
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interactive Header
 

package/src/i18n/messagebundle_ar.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=أخضر
 
 COLORPICKER_BLUE=أزرق
 
+COLORPICKER_HUE=تدرج اللون
+
+COLORPICKER_SATURATION=تشبع
+
+COLORPICKER_LIGHT=فاتح
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=تغيير نمط اللون
+
 COLORPICKER_ALPHA=ألفا
 
 DATEPICKER_OPEN_ICON_TITLE=فتح أداة الانتقاء
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=مُحدِّد أولي
 TABLE_NO_DATA=لا توجد بيانات
 TABLE_ROW_POPIN=منطقة إدخال الصف
 TABLE_MORE=المزيد
-TABLE_MORE_DESCRIPTION=حمِّل المزيد من الصفوف بالضغط على Enter أو Space
+TABLE_MORE_DESCRIPTION=لتحميل المزيد من الصفوف، اضغط على Enter أو Space
+TABLE_ROW_ACTIONS=إجراءات الصف
+TABLE_NAVIGATION=تنقل

package/src/i18n/messagebundle_bg.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Зелен
 
 COLORPICKER_BLUE=Син
 
+COLORPICKER_HUE=Нюанс
+
+COLORPICKER_SATURATION=Наситеност
+
+COLORPICKER_LIGHT=Светло
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Превключване на режим за цвят
+
 COLORPICKER_ALPHA=Алфа
 
 DATEPICKER_OPEN_ICON_TITLE=Отваряне на средство за избор
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Селектор на редове
 TABLE_NO_DATA=Няма данни
 TABLE_ROW_POPIN=Ред за вмъкнат диалогов прозорец
 TABLE_MORE=Още
-TABLE_MORE_DESCRIPTION=За зареждане на още редове, натиснете „Enter” или „Интервал”
+TABLE_MORE_DESCRIPTION=За да се заредят още редове, натиснете Enter или интервал
+TABLE_ROW_ACTIONS=Действия за реда
+TABLE_NAVIGATION=Навигация

package/src/i18n/messagebundle_ca.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Verd
 
 COLORPICKER_BLUE=Blau
 
+COLORPICKER_HUE=Tonalitat
+
+COLORPICKER_SATURATION=Saturació
+
+COLORPICKER_LIGHT=Clar
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Modificar mode de color
+
 COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Obrir selector
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Selector de fila
 TABLE_NO_DATA=No hi ha dades
 TABLE_ROW_POPIN=Finestra de diàleg de línia
 TABLE_MORE=Més
-TABLE_MORE_DESCRIPTION=Carregueu més files prement Retorn o Espai
+TABLE_MORE_DESCRIPTION=Per carregar més files, premeu Retorn o Espai
+TABLE_ROW_ACTIONS=Accions de fila
+TABLE_NAVIGATION=Navegació

package/src/i18n/messagebundle_cnr.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Zelena
 
 COLORPICKER_BLUE=Plava
 
+COLORPICKER_HUE=Nijansa
+
+COLORPICKER_SATURATION=Zasićenje
+
+COLORPICKER_LIGHT=Svijetlo
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Promijeni način boje
+
 COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Otvori alat za odabir
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Selektor reda
 TABLE_NO_DATA=Nema podataka
 TABLE_ROW_POPIN=Popin reda
 TABLE_MORE=Više
-TABLE_MORE_DESCRIPTION=Učitajte više redova pritiskom na Enter ili razmak
+TABLE_MORE_DESCRIPTION=Da biste učitali više redova, pritisnite Enter ili razmak
+TABLE_ROW_ACTIONS=Radnje reda
+TABLE_NAVIGATION=Usmjeravanje

package/src/i18n/messagebundle_cs.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Zelená
 
 COLORPICKER_BLUE=Modrá
 
+COLORPICKER_HUE=Barevný odstín
+
+COLORPICKER_SATURATION=Sytost
+
+COLORPICKER_LIGHT=Světlá
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Změnit režim barev
+
 COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Otevřít výběr
@@ -405,3 +413,5 @@ TABLE_NO_DATA=Žádná data
 TABLE_ROW_POPIN=Řádka popin
 TABLE_MORE=Více
 TABLE_MORE_DESCRIPTION=Další řádky načtete stisknutím Enter nebo mezerníku
+TABLE_ROW_ACTIONS=Akce řádky
+TABLE_NAVIGATION=Navigace

package/src/i18n/messagebundle_cy.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Gwyrdd
 
 COLORPICKER_BLUE=Glas
 
+COLORPICKER_HUE=Arlliw
+
+COLORPICKER_SATURATION=Dirlawnder
+
+COLORPICKER_LIGHT=Golau
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Newid Modd Lliwiau
+
 COLORPICKER_ALPHA=Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=Agor Dewiswr
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Dewisydd Rhes
 TABLE_NO_DATA=Dim Data
 TABLE_ROW_POPIN=Popin Rhes
 TABLE_MORE=Mwy
-TABLE_MORE_DESCRIPTION=Llwytho mwy o resi drwy bwyso''r Bylchwr neu Enter 
+TABLE_MORE_DESCRIPTION=Llwytho mwy o resi drwy bwyso''r botwm ''Enter'' neu ''Space''
+TABLE_ROW_ACTIONS=Camau Gweithredu Rhes
+TABLE_NAVIGATION=Llywio

package/src/i18n/messagebundle_da.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Grøn
 
 COLORPICKER_BLUE=Blå
 
+COLORPICKER_HUE=Farvetone
+
+COLORPICKER_SATURATION=Mætning
+
+COLORPICKER_LIGHT=Lys
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Skift farvetilstand
+
 COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Åben selektion
@@ -405,3 +413,5 @@ TABLE_NO_DATA=Ingen data
 TABLE_ROW_POPIN=Popin for række
 TABLE_MORE=Mere
 TABLE_MORE_DESCRIPTION=Indlæs flere rækker ved at trykke på Enter eller mellemrumstasten
+TABLE_ROW_ACTIONS=Rækkehandlinger
+TABLE_NAVIGATION=Navigation

package/src/i18n/messagebundle_de.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Grün
 
 COLORPICKER_BLUE=Blau
 
+COLORPICKER_HUE=Farbton
+
+COLORPICKER_SATURATION=Sättigung
+
+COLORPICKER_LIGHT=Hell
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Farbmodus ändern
+
 COLORPICKER_ALPHA=Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=Auswahl öffnen
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Zeilenauswahl
 TABLE_NO_DATA=Keine Daten
 TABLE_ROW_POPIN=Zeilen-Popin
 TABLE_MORE=Weitere
-TABLE_MORE_DESCRIPTION=Laden Sie weitere Zeilen, indem Sie die Eingabetaste oder die Leertaste drücken.
+TABLE_MORE_DESCRIPTION=Um weitere Zeilen zu laden, drücken Sie Enter oder die Leertaste.
+TABLE_ROW_ACTIONS=Zeilenaktionen
+TABLE_NAVIGATION=Navigation

package/src/i18n/messagebundle_el.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Πράσινο
 
 COLORPICKER_BLUE=Μπλε
 
+COLORPICKER_HUE=Απόχρωση
+
+COLORPICKER_SATURATION=Κορεσμός
+
+COLORPICKER_LIGHT=Ανοικτό
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Αλλαγή Λειτουργίας Χρώματος
+
 COLORPICKER_ALPHA=Άλφα
 
 DATEPICKER_OPEN_ICON_TITLE=Ανοιγμα Επιλογέα
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Επιλογέας Σειράς
 TABLE_NO_DATA=Χωρίς Δεδομένα
 TABLE_ROW_POPIN=Καρφίτσωμα Σειράς
 TABLE_MORE=Περισσότερα
-TABLE_MORE_DESCRIPTION=Φόρτωση περισσότερων σειρών πατώντας Enter ή Διάστημα
+TABLE_MORE_DESCRIPTION=Για να φορτώσετε περισσότερες σειρές, πατήστε Enter ή Space
+TABLE_ROW_ACTIONS=Ενέργειες Σειράς
+TABLE_NAVIGATION=Πλοήγηση

package/src/i18n/messagebundle_en.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Green
 
 COLORPICKER_BLUE=Blue
 
+COLORPICKER_HUE=Hue
+
+COLORPICKER_SATURATION=Saturation
+
+COLORPICKER_LIGHT=Light
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Change Color Mode
+
 COLORPICKER_ALPHA=Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=Open Picker

package/src/i18n/messagebundle_en_GB.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Green
 
 COLORPICKER_BLUE=Blue
 
+COLORPICKER_HUE=Hue
+
+COLORPICKER_SATURATION=Saturation
+
+COLORPICKER_LIGHT=Light
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Change Colour Mode
+
 COLORPICKER_ALPHA=Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=Open Picker
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Row Selector
 TABLE_NO_DATA=No Data
 TABLE_ROW_POPIN=Row Popin
 TABLE_MORE=More
-TABLE_MORE_DESCRIPTION=Load more rows by pressing Enter or Space
+TABLE_MORE_DESCRIPTION=To load more rows, press Enter or Space
+TABLE_ROW_ACTIONS=Row Actions
+TABLE_NAVIGATION=Navigation

package/src/i18n/messagebundle_en_US_sappsd.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=[[[Ģŗēēŋ∙∙∙∙∙∙∙∙∙]]]
 
 COLORPICKER_BLUE=[[[Ɓĺűē]]]
 
+COLORPICKER_HUE=[[[Ĥűē∙]]]
+
+COLORPICKER_SATURATION=[[[Ŝąţűŗąţįŏŋ∙∙∙∙]]]
+
+COLORPICKER_LIGHT=[[[Ļįğĥţ∙∙∙∙∙∙∙∙∙]]]
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=[[[Ĉĥąŋğē Ĉŏĺŏŗ Μŏƌē∙∙∙∙∙∙∙]]]
+
 COLORPICKER_ALPHA=[[[Āĺρĥą∙∙∙∙∙∙∙∙∙]]]
 
 DATEPICKER_OPEN_ICON_TITLE=[[[Ŏρēŋ Ƥįċķēŗ∙∙∙∙∙∙∙∙]]]

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=‍‌‍‍​‌‌‌​​‌​‌‍​‌​
 
 COLORPICKER_BLUE=‌‍‌​‍‌‌​​​​​​‌‌‌‌​‍‌‍‍‍‍‍​‌‌‍​‌‌​‍​‍‌‍​Blue
 
+COLORPICKER_HUE=‌‌​‌​​‍‌‌‍‌‌‌‌‌‌​‍‌‍‍​‌​‌‌​‌‌‌‌‍‌‍​‍‍‌​​‌Hue
+
+COLORPICKER_SATURATION=‌‌‌​​‌​‍‌‌‌​‍​​​‌‌‌‍‌‍​‌​‍​‌‍​‍‌‌​‌​​‍​‌‌Saturation
+
+COLORPICKER_LIGHT=‌​​‌‌​​‍​‌‌‍‌​​‌‍​‍‍‍‍​‌‌​​​​​​​​‌‍​‍​‍​Light
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=‌​‍‍‍‍‌‌​‍‍‍‍​​‌‌‌‌‍​‍‌‍​​​‌‍​‍​‌‍‍‍​‍‌‌‍Change Color Mode
+
 COLORPICKER_ALPHA=‌‍‍‌‌‍‍‍‌‌​‌‌‍‍​​‌‍‍‍‌​‌‌‌​‌‍‍‌‌​‌‍‍‌​‌Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=‍​​​‍‌‌‌‍‍​‍‌‍‌​‌‌​‍‌‌​‌‍​‌​‌‍‌​​​‌‍​​​Open Picker
@@ -376,8 +384,6 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=‌‌​‌​​‍‌‌‍​‍‌‌
 
 MENU_POPOVER_ACCESSIBLE_NAME=‌​‍​‍​​​‌​‍‍‍‍‌‍​‌‌‍​‌​‌‌‌‍​‌​‍​‍‍​‌​‍​‍‌Select an option from the menu
 
-NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=‍‌‍‍​‌​‍​‍​‌‌‍​‍‍​​​​‌​‍‌‌‍‍​‌‍‍​‍​‍‌‍Navigation
-
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=‍‌‌‍​‌‌‍‌‌​‍​​​‌‌​‍​‍‌‌‍‍‌‍‍‌​‍​‌​‌‌‍‍‍‍Interactive Header
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=‍‍​‍‍‍‌‍‍‍‌‍‍‌‍‌‌‌‍‌‍​​‍‍‌​‌‍‌‍​‍​‌‌​‍‍​Use Shift+Arrow keys to resize

package/src/i18n/messagebundle_en_US_saptrc.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=VXoEW6p8HhwIc36CKjwoQA_Green
 
 COLORPICKER_BLUE=RXapsRVbCgShnKBCdDoP0Q_Blue
 
+COLORPICKER_HUE=fdqBsbY/SiP28znJupFJqA_Hue
+
+COLORPICKER_SATURATION=d1hh4CMymywV2DveTQKvAQ_Saturation
+
+COLORPICKER_LIGHT=r9FxHu0HSKO2pA8/juQLJg_Light
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=FzieTnhtKVnqQz9onfJ2Qw_Change Color Mode
+
 COLORPICKER_ALPHA=NHXawPhHlyRVViA4F+t4qQ_Alpha
 
 DATEPICKER_OPEN_ICON_TITLE=f6zZ/AGBCKRHqvFGy0U9oQ_Open Picker

package/src/i18n/messagebundle_es.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Verde
 
 COLORPICKER_BLUE=Azul
 
+COLORPICKER_HUE=Matiz
+
+COLORPICKER_SATURATION=Saturación
+
+COLORPICKER_LIGHT=Clara
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Modificar modo de color
+
 COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Abrir selector
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Selector de fila
 TABLE_NO_DATA=Sin datos
 TABLE_ROW_POPIN=Popin de línea
 TABLE_MORE=Más
-TABLE_MORE_DESCRIPTION=Cargue más filas pulsando Intro o Espacio
+TABLE_MORE_DESCRIPTION=Para cargar más filas, pulse Intro o Espacio
+TABLE_ROW_ACTIONS=Acciones de fila
+TABLE_NAVIGATION=Navegación

package/src/i18n/messagebundle_es_MX.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Verde
 
 COLORPICKER_BLUE=Azul
 
+COLORPICKER_HUE=Matiz
+
+COLORPICKER_SATURATION=Saturación
+
+COLORPICKER_LIGHT=Clara
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Cambiar modo de color
+
 COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Abrir selector
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Selector de fila
 TABLE_NO_DATA=Sin datos
 TABLE_ROW_POPIN=Popin de fila
 TABLE_MORE=Más
-TABLE_MORE_DESCRIPTION=Cargue más filas presionando Intro o la barra espaciadora
+TABLE_MORE_DESCRIPTION=Para cargar más filas, presione Intro o la barra espaciadora
+TABLE_ROW_ACTIONS=Acciones de fila
+TABLE_NAVIGATION=Navegación

package/src/i18n/messagebundle_et.properties

@@ -95,6 +95,14 @@ COLORPICKER_GREEN=Roheline
 
 COLORPICKER_BLUE=Sinine
 
+COLORPICKER_HUE=Toon
+
+COLORPICKER_SATURATION=Küllastus
+
+COLORPICKER_LIGHT=Hele
+
+COLORPICKER_TOGGLE_MODE_TOOLTIP=Vaheta värvirežiimi
+
 COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Ava valimistööriist
@@ -404,4 +412,6 @@ TABLE_ROW_SELECTOR=Reaselektor
 TABLE_NO_DATA=Andmeid pole
 TABLE_ROW_POPIN=Rea hüpikala
 TABLE_MORE=Rohkem
-TABLE_MORE_DESCRIPTION=Vajutage sisestusklahvi Enter või tühikuklahvi, et laadida rohkem ridu
+TABLE_MORE_DESCRIPTION=Kui soovite laadida rohkem ridu, vajutage sisestusklahvi Enter või tühikuklahvi
+TABLE_ROW_ACTIONS=Reatoimingud
+TABLE_NAVIGATION=Navigeerimine