@ui5/webcomponents 2.22.0-rc.4 → 2.22.0-rc.6

package/package-scripts.cjs

@@ -5,6 +5,7 @@ const options = {
 	portStep: 2,
 	noWatchTS: true,
 	dev: true,
+	standalone: false,
 	cssVariablesTarget: "host",
 	internal: {
 		cypress_code_coverage: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.22.0-rc.4",
+  "version": "2.22.0-rc.6",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,22 +54,22 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.22.0-rc.4",
-    "@ui5/webcomponents-icons": "2.22.0-rc.4",
-    "@ui5/webcomponents-icons-business-suite": "2.22.0-rc.4",
-    "@ui5/webcomponents-icons-tnt": "2.22.0-rc.4",
-    "@ui5/webcomponents-localization": "2.22.0-rc.4",
-    "@ui5/webcomponents-theming": "2.22.0-rc.4"
+    "@ui5/webcomponents-base": "2.22.0-rc.6",
+    "@ui5/webcomponents-icons": "2.22.0-rc.6",
+    "@ui5/webcomponents-icons-business-suite": "2.22.0-rc.6",
+    "@ui5/webcomponents-icons-tnt": "2.22.0-rc.6",
+    "@ui5/webcomponents-localization": "2.22.0-rc.6",
+    "@ui5/webcomponents-theming": "2.22.0-rc.6"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.22.0-rc.4",
+    "@ui5/webcomponents-tools": "2.22.0-rc.6",
     "cypress": "15.9.0",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vite": "5.4.21",
     "vitest": "^3.0.2"
   },
-  "gitHead": "c6f2ddc2f8bb1c55b9571d0e8f307755d578669d"
+  "gitHead": "02b74836f3c8fd461ab38ac2195b158ac4eac1a7"
 }

package/src/ListItemBaseTemplate.tsx

@@ -1,7 +1,7 @@
 import type ListItemBase from "./ListItemBase.js";
-import type { AriaRole } from "@ui5/webcomponents-base/";
+import type { AriaRole, JsxTemplate } from "@ui5/webcomponents-base/";
 
-export default function ListItemBaseTemplate(this: ListItemBase, hooks?: { listItemContent: () => void }, injectedProps?: {
+export default function ListItemBaseTemplate(this: ListItemBase, hooks?: { listItemContent: JsxTemplate }, injectedProps?: {
 	role?: AriaRole,
 	title?: string,
 }) {
@@ -21,7 +21,7 @@ export default function ListItemBaseTemplate(this: ListItemBase, hooks?: { listI
 			onKeyDown={this._onkeydown}
 			onClick={this._onclick}
 		>
-			{ listItemContent.call(this) }
+			{ listItemContent.call(this) as JSX.Element }
 		</li>
 	);
 }

package/src/ListItemTemplate.tsx

@@ -154,8 +154,6 @@ function selectionElement(this: ListItem) {
 						) : (
 							<Button
 								part="delete-button"
-								tabindex={-1}
-								data-sap-no-tab-ref
 								id={`${this._id}-deleteSelectionElement`}
 								design="Transparent"
 								icon={declineIcon}

package/src/MenuItemTemplate.tsx

@@ -1,3 +1,4 @@
+import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
 import type MenuItem from "./MenuItem.js";
 import PopoverPlacement from "./types/PopoverPlacement.js";
 import ResponsivePopover from "./ResponsivePopover.js";
@@ -11,14 +12,29 @@ import Icon from "./Icon.js";
 import ListItemTemplate from "./ListItemTemplate.js";
 import type { ListItemHooks } from "./ListItemTemplate.js";
 
-const predefinedHooks: Partial<ListItemHooks> = {
-	listItemContent,
+export type MenuItemHooks = ListItemHooks & {
+	menuItemTextContent: JsxTemplate;
+}
+
+const predefinedHooks: Partial<MenuItemHooks> = {
 	iconBegin,
+	menuItemTextContent,
 };
 
-export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<ListItemHooks>) {
+export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<MenuItemHooks>) {
 	const currentHooks = { ...predefinedHooks, ...hooks };
 
+	if (!hooks?.listItemContent) {
+		currentHooks.listItemContent = function listItemContent(this: MenuItem) {
+			return (<>
+				{currentHooks.menuItemTextContent!.call(this)}
+
+				{rightContent.call(this)}
+				{checkmarkContent.call(this)}
+			</>);
+		};
+	}
+
 	return <>
 		{ListItemTemplate.call(this, currentHooks)}
 
@@ -26,13 +42,8 @@ export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<ListIte
 	</>;
 }
 
-function listItemContent(this: MenuItem) {
-	return (<>
-		{this.text && <div class="ui5-menu-item-text">{this.text}</div>}
-
-		{rightContent.call(this)}
-		{checkmarkContent.call(this)}
-	</>);
+function menuItemTextContent(this: MenuItem) {
+	return <>{this.text && <div class="ui5-menu-item-text">{this.text}</div>}</>;
 }
 
 function checkmarkContent(this: MenuItem) {

package/src/PanelTemplate.tsx

@@ -89,15 +89,22 @@ export default function PanelTemplate(this: Panel) {
 
 			{/* content area */}
 			<div
-				class="ui5-panel-content"
-				id={ `${this._id}-content` }
-				tabindex={ -1 }
+				class={{
+					"ui5-panel-content-wrapper": true,
+					"ui5-panel-content-focusable": this._contentFocusable,
+				}}
 				style={{
 					display: this._contentExpanded ? "block" : "none",
 				}}
-				part="content"
 			>
-				<slot></slot>
+				<div
+					class="ui5-panel-content"
+					id={ `${this._id}-content` }
+					tabindex={ this._contentTabIndex }
+					part="content"
+				>
+					<slot></slot>
+				</div>
 			</div>
 		</div>
 	</>);

package/src/TableGroupRowTemplate.tsx

@@ -0,0 +1,24 @@
+import TableCell from "./TableCell.js";
+import type TableGroupRow from "./TableGroupRow.js";
+
+export default function TableGroupRowTemplate(this: TableGroupRow) {
+	return (
+		<>
+			<TableCell id="group-cell"
+				aria-colindex={1}
+				aria-colspan={this._ariaColSpan}
+				data-excluded-from-navigation={true}
+			>
+				<slot></slot>
+			</TableCell>
+
+			{ this._renderDummyCell &&
+				<TableCell id="dummy-cell"
+					role="none"
+					aria-hidden={true}
+					data-excluded-from-navigation="nofocus"
+				></TableCell>
+			}
+		</>
+	);
+}

package/src/dynamic-date-range-options/DateTimeRangeTemplate.tsx

@@ -10,8 +10,14 @@ export default function DateTimeRangeTemplate(this: DynamicDateRange) {
 	const currentOperator = this.currentValue?.operator || "DATETIMERANGE";
 
 	const getDateFromValue = (index = 0) => {
-		if (this.value?.operator === currentOperator && this.value.values && this.value.values.length === 2) {
-			return this.getOption(this.value.operator)?.format(this.value)?.split("-")[index].trim();
+		const source = this.currentValue?.operator === currentOperator && this.currentValue.values?.length === 2
+			? this.currentValue
+			: this.value?.operator === currentOperator && this.value.values?.length === 2
+				? this.value
+				: undefined;
+
+		if (source) {
+			return this.getOption(source.operator)?.format(source)?.split("-")[index].trim();
 		}
 		return undefined;
 	};

package/src/dynamic-date-range-options/FromDateTimeTemplate.tsx

@@ -8,7 +8,7 @@ import type FromDateTimeOption from "./FromDateTime.js";
 
 export default function FromDateTime(this: DynamicDateRange) {
 	const currentOption = this._currentOption as FromDateTimeOption;
-	const currentValue = this.value?.values ? this.value.values[0] as Date : undefined;
+	const currentValue = (this.currentValue?.values ?? this.value?.values)?.[0] as Date | undefined;
 	return (
 		<div class="ui5-dynamic-date-range-option-datetime-container">
 			<div class="ui5-dt-picker-header">

package/src/i18n/messagebundle.properties

@@ -884,6 +884,8 @@ TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=Select All Checkbox
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=Clear All Button
 #XACT: ARIA announcement of a table row
 TABLE_ROW=Row
+#XACT: ARIA roledescription for a group row in the table
+TABLE_GROUP_ROW=Group Row
 #XACT: Description for the popin containing column header
 TABLE_ROW_POPIN=Row Popin
 #XACT: ARIA announcement for the position of a row among all table rows

package/src/i18n/messagebundle_ar.properties

@@ -149,6 +149,8 @@ DATEPICKER_OPEN_ICON_TITLE_OPENED=إغلاق أداة الانتقاء
 
 DATEPICKER_DATE_DESCRIPTION=إدخال التاريخ
 
+DATEPICKER_MOBILE_HEADER_TITLE=أدخل تاريخًا
+
 DATEPICKER_VALUE_MISSING=أدخل التاريخ بالتنسيق التالي: {0}.
 
 DATEPICKER_PATTERN_MISSMATCH=هذا التنسيق غير مدعوم. أدخل نطاق تواريخ ووقت بالتنسيق التالي: {0}.
@@ -177,7 +179,7 @@ DATERANGE_OVERFLOW=أدخل قيمة أقل من القيمة القصوى لـ
 
 DATERANGE_UNDERFLOW=أدخل قيمة أعلى من القيمة الدنيا لـ {0}.
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار تاريخ لـ {0}
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=أدخل تاريخًا لـ {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=على سبيل المثال
 
@@ -234,6 +236,10 @@ INPUT_SUGGESTIONS_MORE_HITS={0} النتائج متوفرة
 
 INPUT_SUGGESTIONS_NO_HIT=لا توجد نتائج
 
+INPUT_SUGGESTIONS_EXPANDED=موسَّع
+
+INPUT_SUGGESTIONS_COLLAPSED=مطوي
+
 INPUT_CLEAR_ICON_ACC_NAME=مسح
 
 INPUT_SUGGESTIONS_OK_BUTTON=موافق
@@ -244,6 +250,8 @@ LINK_SUBTLE=غامض
 
 LINK_EMPHASIZED=مؤكد
 
+LIST_ROLE_DESCRIPTION=قائمة ببنود تفاعلية. للانتقال إلى المحتوى، اضغط F2.
+
 LIST_ITEM_ACTIVE=نشط
 
 LIST_ITEM_POSITION=بند القائمة {0} لـ {1}
@@ -286,7 +294,7 @@ MESSAGE_STRIP_WARNING=شريط رسالة التحذير
 
 MESSAGE_STRIP_SUCCESS=شريط رسالة النجاح
 
-MESSAGE_STRIP_INFORMATION=شريط الرسالة
+MESSAGE_STRIP_INFORMATION=شريط الرسائل
 
 MESSAGE_STRIP_CUSTOM=شريط الرسالة المخصصة
 
@@ -318,9 +326,9 @@ PANEL_ICON=توسيع/طي
 
 RANGE_SLIDER_ARIA_DESCRIPTION=النطاق
 
-RANGE_SLIDER_START_HANDLE_DESCRIPTION=المؤشر الأيمن
+RANGE_SLIDER_START_HANDLE_DESCRIPTION=الحد الأدنى
 
-RANGE_SLIDER_END_HANDLE_DESCRIPTION=المؤشر الأيسر
+RANGE_SLIDER_END_HANDLE_DESCRIPTION=الحد الأقصى
 
 RATING_INDICATOR_TOOLTIP_TEXT=التصنيف
 
@@ -418,7 +426,7 @@ DATETIME_PICKER_TIME_BUTTON=الوقت
 
 TOKEN_ARIA_DELETABLE=قابل للحذف
 
-TOKEN_ARIA_REMOVE=إزالة
+TOKEN_ARIA_DELETE=حذف
 
 TOKEN_ARIA_LABEL=الرمز المميز
 
@@ -432,7 +440,7 @@ TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS=يحتوى على {0} من الرموز ا
 
 TOKENIZER_ARIA_LABEL=عارض الرموز المميزة
 
-TOKENIZER_SHOW_ALL_ITEMS={0} من البنود
+TOKENIZER_SHOW_ALL_ITEMS={0} من العناصر
 
 TOKENIZER_CLEAR_ALL=مسح الكل
 
@@ -476,6 +484,10 @@ CALENDAR_HEADER_YEAR_BUTTON=السنة {0}
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON=نطاق السنة من {0} إلى {1}
 
+CALENDAR_FOOTER_CANCEL_BUTTON=إلغاء
+
+CALENDAR_FOOTER_OK_BUTTON=موافق
+
 CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT=F4
 
 CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Shift + F4
@@ -548,6 +560,10 @@ MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=توجد بنود قابلة للتحدي
 
 MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=توجد بنود قابلة للتحديد المتعدد
 
+MENU_ITEM_END_CONTENT_ACCESSIBLE_NAME=الإجراءات الإضافية
+
+MENU_ITEM_LOADING=تحميل
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=مقدمة تفاعلية
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=استخدام مفاتيح Shift+Arrow لتغيير الحجم
@@ -678,6 +694,10 @@ DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=X {0} التالي (متضمن)
 
 DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(متضمن)
 
+SWITCH_ON=تشغيل
+
+SWITCH_OFF=إيقاف
+
 ICON_ARIA_TYPE_IMAGE=الصورة
 
 ICON_ARIA_TYPE_INTERACTIVE=الزر

package/src/i18n/messagebundle_bg.properties

@@ -149,6 +149,8 @@ DATEPICKER_OPEN_ICON_TITLE_OPENED=Затваряне на средството
 
 DATEPICKER_DATE_DESCRIPTION=Въвеждане на дата
 
+DATEPICKER_MOBILE_HEADER_TITLE=Въведете дата
+
 DATEPICKER_VALUE_MISSING=Въведете датата в следния формат: {0}.
 
 DATEPICKER_PATTERN_MISSMATCH=Форматът не се поддържа. Въведете времевия диапазон в следния формат: {0}.
@@ -177,7 +179,7 @@ DATERANGE_OVERFLOW=Въведете стойност, по-малка от ма
 
 DATERANGE_UNDERFLOW=Въведете стойност, по-голяма от минималната стойност на {0}.
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Избор на дата за {0}
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Въведете дата за {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=например
 
@@ -234,6 +236,10 @@ INPUT_SUGGESTIONS_MORE_HITS={0} резултата са налични
 
 INPUT_SUGGESTIONS_NO_HIT=Няма резултати
 
+INPUT_SUGGESTIONS_EXPANDED=Разгърнато
+
+INPUT_SUGGESTIONS_COLLAPSED=Свито
+
 INPUT_CLEAR_ICON_ACC_NAME=Изчистване
 
 INPUT_SUGGESTIONS_OK_BUTTON=ОК
@@ -244,6 +250,8 @@ LINK_SUBTLE=Блед
 
 LINK_EMPHASIZED=Подчертано
 
+LIST_ROLE_DESCRIPTION=Списък с интерактивни позиции. За да преминете към съдържанието, натиснете F2.
+
 LIST_ITEM_ACTIVE=Активно
 
 LIST_ITEM_POSITION=Позиция от списък {0} от {1}
@@ -318,9 +326,9 @@ PANEL_ICON=Разширяване/скриване
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Диапазон
 
-RANGE_SLIDER_START_HANDLE_DESCRIPTION=Ляв регулатор
+RANGE_SLIDER_START_HANDLE_DESCRIPTION=Минимум
 
-RANGE_SLIDER_END_HANDLE_DESCRIPTION=Десен регулатор
+RANGE_SLIDER_END_HANDLE_DESCRIPTION=Максимум
 
 RATING_INDICATOR_TOOLTIP_TEXT=Оценка
 
@@ -418,7 +426,7 @@ DATETIME_PICKER_TIME_BUTTON=Час
 
 TOKEN_ARIA_DELETABLE=С възможност за изтриване
 
-TOKEN_ARIA_REMOVE=Премахване
+TOKEN_ARIA_DELETE=Изтриване
 
 TOKEN_ARIA_LABEL=Токен
 
@@ -476,6 +484,10 @@ CALENDAR_HEADER_YEAR_BUTTON=Година {0}
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON=Диапазон от години от {0} до {1}
 
+CALENDAR_FOOTER_CANCEL_BUTTON=Отказ
+
+CALENDAR_FOOTER_OK_BUTTON=ОК
+
 CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT=F4
 
 CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Shift + F4
@@ -548,6 +560,10 @@ MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Съдържа позиции, които
 
 MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Съдържа позиции с възможност за множествен избор
 
+MENU_ITEM_END_CONTENT_ACCESSIBLE_NAME=Допълнителни действия
+
+MENU_ITEM_LOADING=Зареждане
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Интерактивно заглавие
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Изберете Shift+стрелки, за да промените размера
@@ -678,6 +694,10 @@ DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=Следващите X {0} (включит
 
 DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(Включено)
 
+SWITCH_ON=Включено
+
+SWITCH_OFF=Изключено
+
 ICON_ARIA_TYPE_IMAGE=Изображение
 
 ICON_ARIA_TYPE_INTERACTIVE=Бутон

package/src/i18n/messagebundle_ca.properties

@@ -149,6 +149,8 @@ DATEPICKER_OPEN_ICON_TITLE_OPENED=Tancar selector
 
 DATEPICKER_DATE_DESCRIPTION=Entrada de data
 
+DATEPICKER_MOBILE_HEADER_TITLE=Introduir data
+
 DATEPICKER_VALUE_MISSING=Introduïu la data amb el format següent: {0}.
 
 DATEPICKER_PATTERN_MISSMATCH=No s''admet aquest format. Introduïu l''interval de dates i hores amb el format següent: {0}.
@@ -177,7 +179,7 @@ DATERANGE_OVERFLOW=Introduïu un valor inferior al valor màxim de {0}.
 
 DATERANGE_UNDERFLOW=Introduïu un valor superior al valor mínim de {0}.
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccionar data per a {0}
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Introduir data per a {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=Per exemple
 
@@ -234,6 +236,10 @@ INPUT_SUGGESTIONS_MORE_HITS={0} resultats disponibles
 
 INPUT_SUGGESTIONS_NO_HIT=Cap resultat
 
+INPUT_SUGGESTIONS_EXPANDED=Desplegat
+
+INPUT_SUGGESTIONS_COLLAPSED=Ocult
+
 INPUT_CLEAR_ICON_ACC_NAME=Esborrar
 
 INPUT_SUGGESTIONS_OK_BUTTON=D''acord
@@ -244,6 +250,8 @@ LINK_SUBTLE=Discret
 
 LINK_EMPHASIZED=Destacat
 
+LIST_ROLE_DESCRIPTION=Llista amb elements interactius. Per anar al contingut, premeu F2.
+
 LIST_ITEM_ACTIVE=Està actiu
 
 LIST_ITEM_POSITION=Element de llista {0} de {1}
@@ -318,9 +326,9 @@ PANEL_ICON=Ampliar/Comprimir
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Interval
 
-RANGE_SLIDER_START_HANDLE_DESCRIPTION=Ansa esquerre
+RANGE_SLIDER_START_HANDLE_DESCRIPTION=Mínim
 
-RANGE_SLIDER_END_HANDLE_DESCRIPTION=Ansa dreta
+RANGE_SLIDER_END_HANDLE_DESCRIPTION=Màxim
 
 RATING_INDICATOR_TOOLTIP_TEXT=Valoració
 
@@ -418,7 +426,7 @@ DATETIME_PICKER_TIME_BUTTON=Hora
 
 TOKEN_ARIA_DELETABLE=Suprimible
 
-TOKEN_ARIA_REMOVE=Eliminar
+TOKEN_ARIA_DELETE=Suprimir
 
 TOKEN_ARIA_LABEL=Marca
 
@@ -476,6 +484,10 @@ CALENDAR_HEADER_YEAR_BUTTON=Any {0}
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON=Interval d''anys {0}-{1}
 
+CALENDAR_FOOTER_CANCEL_BUTTON=Cancel·lar
+
+CALENDAR_FOOTER_OK_BUTTON=D''acord
+
 CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT=F4
 
 CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Majús + F4
@@ -548,6 +560,10 @@ MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Conté elements que es poden seleccionar
 
 MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Conté elements de selecció múltiple
 
+MENU_ITEM_END_CONTENT_ACCESSIBLE_NAME=Accions addicionals
+
+MENU_ITEM_LOADING=S''està carregant
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Capçalera interactiva
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Utilitzeu les tecles Majús+fletxa per ajustar la mida
@@ -678,6 +694,10 @@ DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=Següents X {0} (inclosos)
 
 DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(inclosos)
 
+SWITCH_ON=Activat
+
+SWITCH_OFF=Desactivat
+
 ICON_ARIA_TYPE_IMAGE=Imatge
 
 ICON_ARIA_TYPE_INTERACTIVE=Botó

package/src/i18n/messagebundle_cnr.properties

@@ -149,6 +149,8 @@ DATEPICKER_OPEN_ICON_TITLE_OPENED=Zatvori alat za odabir
 
 DATEPICKER_DATE_DESCRIPTION=Unos datuma
 
+DATEPICKER_MOBILE_HEADER_TITLE=Unesite datum
+
 DATEPICKER_VALUE_MISSING=Unesite datum u sljedećem formatu: {0}.
 
 DATEPICKER_PATTERN_MISSMATCH=Ovaj format nije podržan. Unesite raspon datuma i vremena u sljedećem formatu: {0}.
@@ -177,7 +179,7 @@ DATERANGE_OVERFLOW=Unesite vrijednost manju od maksimalne vrijednosti {0}.
 
 DATERANGE_UNDERFLOW=Unesite vrijednost veću od minimalne vrijednosti {0}.
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi datume za {0}
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Unesite datum za {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=npr.
 
@@ -234,6 +236,10 @@ INPUT_SUGGESTIONS_MORE_HITS={0} rezultata je dostupno
 
 INPUT_SUGGESTIONS_NO_HIT=Nema rezultata
 
+INPUT_SUGGESTIONS_EXPANDED=Prošireno
+
+INPUT_SUGGESTIONS_COLLAPSED=Sažeto
+
 INPUT_CLEAR_ICON_ACC_NAME=Poništi
 
 INPUT_SUGGESTIONS_OK_BUTTON=OK
@@ -244,6 +250,8 @@ LINK_SUBTLE=Suptilno
 
 LINK_EMPHASIZED=Naglašeno
 
+LIST_ROLE_DESCRIPTION=Lista sa interaktivnim stavkama. Da biste pomjerili sadržaj, pritisnite F2.
+
 LIST_ITEM_ACTIVE=Aktivno
 
 LIST_ITEM_POSITION=Stavke liste {0} od {1}
@@ -318,9 +326,9 @@ PANEL_ICON=Proširi/sažmi
 
 RANGE_SLIDER_ARIA_DESCRIPTION=Raspon
 
-RANGE_SLIDER_START_HANDLE_DESCRIPTION=Lijevi regulator
+RANGE_SLIDER_START_HANDLE_DESCRIPTION=Minimalno
 
-RANGE_SLIDER_END_HANDLE_DESCRIPTION=Desni regulator
+RANGE_SLIDER_END_HANDLE_DESCRIPTION=Maksimalno
 
 RATING_INDICATOR_TOOLTIP_TEXT=Vrednovanje
 
@@ -418,7 +426,7 @@ DATETIME_PICKER_TIME_BUTTON=Vrijeme
 
 TOKEN_ARIA_DELETABLE=Može se izbrisati
 
-TOKEN_ARIA_REMOVE=Ukloni
+TOKEN_ARIA_DELETE=Izbriši
 
 TOKEN_ARIA_LABEL=Token
 
@@ -476,6 +484,10 @@ CALENDAR_HEADER_YEAR_BUTTON=Godina {0}
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON=Raspon godina od {0} do {1}
 
+CALENDAR_FOOTER_CANCEL_BUTTON=Odustani
+
+CALENDAR_FOOTER_OK_BUTTON=OK
+
 CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT=F4
 
 CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Shift + F4
@@ -548,6 +560,10 @@ MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Sadrži stavke koje se mogu odabrati
 
 MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Sadrži stavke s mogućnošću višestrukog odabira
 
+MENU_ITEM_END_CONTENT_ACCESSIBLE_NAME=Dodatne radnje
+
+MENU_ITEM_LOADING=Učitavanje
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interaktivno zaglavlje
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Koristite Shift+strelice na tastaturi za promjenu veličine
@@ -678,6 +694,10 @@ DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=Sljedećih X {0} (uključeno)
 
 DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(Uključeno)
 
+SWITCH_ON=Uključeno
+
+SWITCH_OFF=Isključeno
+
 ICON_ARIA_TYPE_IMAGE=Slika
 
 ICON_ARIA_TYPE_INTERACTIVE=Dugme