@ui5/webcomponents 2.13.0-rc.3 → 2.13.1

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.13.0-rc.3",
+  "version": "2.13.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1562,7 +1562,7 @@
               "name": "opener",
               "description": "Defines the ID or DOM Reference of the element that the popover is shown at.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.",
               "value": {
-                "type": "string | HTMLElement | undefined",
+                "type": "string | HTMLElement | null | undefined",
                 "default": "undefined"
               }
             }
@@ -1613,7 +1613,7 @@
               {
                 "name": "opener",
                 "description": "Defines the ID or DOM Reference of the element that the popover is shown at.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.",
-                "value": { "type": "string | HTMLElement | undefined" }
+                "value": { "type": "string | HTMLElement | null | undefined" }
               }
             ],
             "events": [
@@ -1950,6 +1950,14 @@
               "name": "header-accessible-name",
               "description": "Defines the accessible name of the header.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "wrapping-type",
+              "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+              "value": {
+                "type": "\"None\" | \"Normal\"",
+                "default": "\"None\""
+              }
             }
           ],
           "slots": [
@@ -1983,6 +1991,11 @@
                 "name": "header-accessible-name",
                 "description": "Defines the accessible name of the header.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "wrapping-type",
+                "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+                "value": { "type": "\"None\" | \"Normal\"" }
               }
             ],
             "events": [
@@ -4499,6 +4512,14 @@
               "name": "header-accessible-name",
               "description": "Defines the accessible name of the header.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "wrapping-type",
+              "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+              "value": {
+                "type": "\"None\" | \"Normal\"",
+                "default": "\"None\""
+              }
             }
           ],
           "slots": [
@@ -4532,6 +4553,11 @@
                 "name": "header-accessible-name",
                 "description": "Defines the accessible name of the header.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "wrapping-type",
+                "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+                "value": { "type": "\"None\" | \"Normal\"" }
               }
             ],
             "events": [
@@ -4791,7 +4817,7 @@
               "name": "opener",
               "description": "Defines the ID or DOM Reference of the element at which the menu is shown.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.",
               "value": {
-                "type": "string | HTMLElement | undefined",
+                "type": "string | HTMLElement | null | undefined",
                 "default": "undefined"
               }
             }
@@ -4856,7 +4882,7 @@
               {
                 "name": "opener",
                 "description": "Defines the ID or DOM Reference of the element at which the menu is shown.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.",
-                "value": { "type": "string | HTMLElement | undefined" }
+                "value": { "type": "string | HTMLElement | null | undefined" }
               }
             ],
             "events": [
@@ -5517,6 +5543,14 @@
               "name": "header-accessible-name",
               "description": "Defines the accessible name of the header.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "wrapping-type",
+              "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+              "value": {
+                "type": "\"None\" | \"Normal\"",
+                "default": "\"None\""
+              }
             }
           ],
           "slots": [
@@ -5550,6 +5584,11 @@
                 "name": "header-accessible-name",
                 "description": "Defines the accessible name of the header.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "wrapping-type",
+                "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+                "value": { "type": "\"None\" | \"Normal\"" }
               }
             ],
             "events": [
@@ -7918,6 +7957,14 @@
               "name": "header-accessible-name",
               "description": "Defines the accessible name of the header.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "wrapping-type",
+              "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+              "value": {
+                "type": "\"None\" | \"Normal\"",
+                "default": "\"None\""
+              }
             }
           ],
           "slots": [
@@ -7951,6 +7998,11 @@
                 "name": "header-accessible-name",
                 "description": "Defines the accessible name of the header.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "wrapping-type",
+                "description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
+                "value": { "type": "\"None\" | \"Normal\"" }
               }
             ],
             "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.13.0-rc.3",
+  "version": "2.13.1",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,20 +54,20 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.13.0-rc.3",
-    "@ui5/webcomponents-icons": "2.13.0-rc.3",
-    "@ui5/webcomponents-icons-business-suite": "2.13.0-rc.3",
-    "@ui5/webcomponents-icons-tnt": "2.13.0-rc.3",
-    "@ui5/webcomponents-localization": "2.13.0-rc.3",
-    "@ui5/webcomponents-theming": "2.13.0-rc.3"
+    "@ui5/webcomponents-base": "2.13.1",
+    "@ui5/webcomponents-icons": "2.13.1",
+    "@ui5/webcomponents-icons-business-suite": "2.13.1",
+    "@ui5/webcomponents-icons-tnt": "2.13.1",
+    "@ui5/webcomponents-localization": "2.13.1",
+    "@ui5/webcomponents-theming": "2.13.1"
   },
   "devDependencies": {
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "2.13.0-rc.3",
+    "@ui5/webcomponents-tools": "2.13.1",
     "chromedriver": "^137.0.4",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vitest": "^3.0.2"
   },
-  "gitHead": "f8c87eefa1d3cf69cd319ef9c72c01391978c008"
+  "gitHead": "e8df1176b897df251cb55f21d451918c07e3a688"
 }

package/src/ComboBoxPopoverTemplate.tsx

@@ -122,7 +122,7 @@ export default function ComboBoxPopoverTemplate(this: ComboBox) {
 			onClose={this._handleValueStatePopoverAfterClose}
 			onFocusOut={this._handleValueStatePopoverFocusout}
 		>
-			<div slot="header" class={this.classes.popoverValueState} style={this.styles.popoverHeader}>
+			<div slot="header" class={this.classes.popoverValueState}>
 				<Icon class="ui5-input-value-state-message-icon" name={this._valueStateMessageIcon}/>
 				{ valueStateMessage.call(this) }
 			</div>

package/src/IconTemplate.tsx

@@ -1,5 +1,10 @@
 import type Icon from "./Icon.js";
 
+type LegacySVGTemplate = {
+	strings: string[],
+	values?: Array<string | LegacySVGTemplate>
+}
+
 export default function IconTemplate(this: Icon) {
 	return (
 		<svg
@@ -22,9 +27,7 @@ export default function IconTemplate(this: Icon) {
 			}
 
 			<g role="presentation">
-				{this.customSvg &&
-                    <g dangerouslySetInnerHTML={{ __html: (this.customSvg as { strings?: string[] }).strings?.join("") ?? "" }}></g>
-				}
+				{this.customSvg && svgTemplate.call(this, this.customSvg)}
 
 				{this.pathData.map(path => (
 					<path d={path}></path>
@@ -33,3 +36,29 @@ export default function IconTemplate(this: Icon) {
 		</svg>
 	);
 }
+
+function svgTemplate(this: Icon, template: object | LegacySVGTemplate) {
+	if ((template as LegacySVGTemplate).strings) {
+		return <g dangerouslySetInnerHTML={{ __html: renderLegacySVGTemplate(this.customSvg as LegacySVGTemplate) ?? "" }}></g>;
+	}
+	return template;
+}
+
+// Renders legacy (lit) SVG template
+function renderLegacySVGTemplate(customTemplate: LegacySVGTemplate): string {
+	const { strings, values } = customTemplate;
+
+	return strings.map((str: string, i: number) => {
+		const value = values && values[i];
+
+		if (typeof value === "string") {
+			return str + value;
+		}
+
+		if (typeof value === "object" && value?.strings) {
+			return str + renderLegacySVGTemplate(value);
+		}
+
+		return str;
+	}).join("");
+}

package/src/InputPopoverTemplate.tsx

@@ -29,7 +29,7 @@ export default function InputPopoverTemplate(this: Input, hooks?: { suggestionsL
 					open={this.valueStateOpen}
 					onClose={this._handleValueStatePopoverAfterClose}
 				>
-					<div slot="header" class={this.classes.popoverValueState} style={this.styles.popoverHeader}>
+					<div slot="header" class={this.classes.popoverValueState}>
 						<Icon class="ui5-input-value-state-message-icon" name={valueStateMessageInputIcon.call(this)} />
 						{ this.valueStateOpen && valueStateMessage.call(this) }
 					</div>

package/src/ListItemGroupHeaderTemplate.tsx

@@ -1,4 +1,5 @@
 import type ListItemGroupHeader from "./ListItemGroupHeader.js";
+import WrappingType from "./types/WrappingType.js";
 
 export default function ListItemGroupHeaderTemplate(this: ListItemGroupHeader) {
 	return (
@@ -16,10 +17,27 @@ export default function ListItemGroupHeaderTemplate(this: ListItemGroupHeader) {
 			onKeyDown={this._onkeydown}
 		>
 			<div id={`${this._id}-content`} class="ui5-li-content">
-				<span class="ui5-ghli-title"><slot></slot></span>
+				{renderTitle.call(this)}
 			</div>
 
 			{this.hasSubItems && <slot name="subItems"></slot>}
 		</div>
 	);
 }
+
+function renderTitle(this: ListItemGroupHeader) {
+	if (this.wrappingType === WrappingType.Normal) {
+		return this.expandableTextTemplate?.call(this, {
+			className: "ui5-ghli-title",
+			text: this._textContent,
+			maxCharacters: this._maxCharacters,
+			part: "title",
+		});
+	}
+
+	return (
+		<span part="title" class="ui5-ghli-title">
+			<slot></slot>
+		</span>
+	);
+}

package/src/ListItemGroupTemplate.tsx

@@ -7,7 +7,7 @@ export default function ListItemGroupTemplate(this: ListItemGroup) {
 	return (
 		<>
 			{this.hasHeader &&
-				<ListItemGroupHeader focused={this.focused} part="header" accessibleRole={ListItemAccessibleRole.ListItem}>
+				<ListItemGroupHeader wrappingType={this.wrappingType} focused={this.focused} part="header" accessibleRole={ListItemAccessibleRole.ListItem}>
 					{ this.hasFormattedHeader ? <slot name="header"></slot> : this.headerText }
 					<div
 						role="list"

package/src/bundle-assets/IconPensilJSXTemplate.tsx

@@ -0,0 +1,10 @@
+export default function IconPensilJSXTemplate() {
+	return (
+		<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+			<g clip-path="url(#clip0_2221_23716)"><path d="M11.3333 1.99998C11.503 1.79933 11.7131 1.63601 11.9499 1.52043C12.1868 1.40485 12.4453 1.33953 12.709 1.32865C12.9727 1.31777 13.2358 1.36156 13.4815 1.45723C13.7272 1.55291 13.9502 1.69836 14.1361 1.88432C14.3221 2.07029 14.467 2.29268 14.5616 2.53734C14.6562 2.78199 14.6985 3.04353 14.6857 3.3053C14.6728 3.56706 14.6052 3.8233 14.4872 4.05769C14.3691 4.29207 14.2032 4.49947 13.9999 4.66664L4.99992 13.6666L1.33325 14.6666L2.33325 11L11.3333 1.99998Z" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 3.33331L12.6667 5.99998" stroke-linecap="round" stroke-linejoin="round"/></g>
+			<defs>
+				<clipPath id="clip0_2221_23716"><rect width="16" height="16"/></clipPath>
+			</defs>
+		</svg>
+	);
+}

package/src/features/ListItemStandardExpandableTextTemplate.tsx

@@ -1,5 +1,5 @@
 import ExpandableText from "../ExpandableText.js";
-import type ListItemStandard from "../ListItemStandard.js";
+import type ListItemBase from "../ListItemBase.js";
 import type { ExpandableTextTemplateParams } from "../types/ExpandableTextTemplateParams.js";
 
 /**
@@ -10,7 +10,7 @@ import type { ExpandableTextTemplateParams } from "../types/ExpandableTextTempla
  * @returns {JSX.Element} The rendered ExpandableText component
  */
 export default function ListItemStandardExpandableTextTemplate(
-	this: ListItemStandard,
+	this: ListItemBase,
 	injectedProps: ExpandableTextTemplateParams
 ): JSX.Element {
 	const {

package/src/i18n/messagebundle_ar.properties

@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=الوقت
 
 TOKEN_ARIA_DELETABLE=قابل للحذف
 
+TOKEN_ARIA_REMOVE=إزالة
+
 TOKEN_ARIA_LABEL=الرمز المميز
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=لا توجد رموز مميزة
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=رفض
 
 MENU_POPOVER_ACCESSIBLE_NAME=حدد خيارًا من القائمة
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=يحتوي على بنود غير قابلة للتحديد
+
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=توجد بنود قابلة للتحديد
+
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=توجد بنود قابلة للتحديد المتعدد
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=مقدمة تفاعلية
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=استخدام مفاتيح Shift+Arrow لتغيير الحجم

package/src/i18n/messagebundle_bg.properties

@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=Час
 
 TOKEN_ARIA_DELETABLE=С възможност за изтриване
 
+TOKEN_ARIA_REMOVE=Премахване
+
 TOKEN_ARIA_LABEL=Токен
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=Няма токени
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Отхвърляне
 
 MENU_POPOVER_ACCESSIBLE_NAME=Изберете опция от менюто
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Съдържа позиции, които не могат да се избират
+
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Съдържа позиции, които могат да се избират
+
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Съдържа позиции с възможност за множествен избор
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Интерактивно заглавие
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Изберете Shift+стрелки, за да промените размера

package/src/i18n/messagebundle_ca.properties

@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=Hora
 
 TOKEN_ARIA_DELETABLE=Suprimible
 
+TOKEN_ARIA_REMOVE=Eliminar
+
 TOKEN_ARIA_LABEL=Marca
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=Sense marques
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Declinar
 
 MENU_POPOVER_ACCESSIBLE_NAME=Seleccionar una opció del menú
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Conté elements que no es poden seleccionar
+
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Conté elements que es poden seleccionar
+
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Conté elements de selecció múltiple
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Capçalera interactiva
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Utilitzeu les tecles Majús+fletxa per ajustar la mida

package/src/i18n/messagebundle_cnr.properties

@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=Vrijeme
 
 TOKEN_ARIA_DELETABLE=Može se izbrisati
 
+TOKEN_ARIA_REMOVE=Ukloni
+
 TOKEN_ARIA_LABEL=Token
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=Nema tokena
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Odbij
 
 MENU_POPOVER_ACCESSIBLE_NAME=Odaberite opciju sa menija
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Sadrži stavke koje se ne mogu odabrati
+
+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
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interaktivno zaglavlje
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Koristite Shift+strelice na tastaturi za promjenu veličine

package/src/i18n/messagebundle_cs.properties

@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=Čas
 
 TOKEN_ARIA_DELETABLE=Lze vymazat
 
+TOKEN_ARIA_REMOVE=Odebrat
+
 TOKEN_ARIA_LABEL=Token
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=Žádné tokeny
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Odmítnout
 
 MENU_POPOVER_ACCESSIBLE_NAME=Vyberte možnost z menu
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Obsahuje nezvolitelné položky
+
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Obsahuje zvolitelné položky
+
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Obsahuje položky pro vícenásobný výběr
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interaktivní hlavička
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Pro změnu velikosti použijte Shift+šipky

package/src/i18n/messagebundle_cy.properties

@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=Amser
 
 TOKEN_ARIA_DELETABLE=Mae modd ei ddileu
 
+TOKEN_ARIA_REMOVE=Tynnu
+
 TOKEN_ARIA_LABEL=Tocyn
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=Dim Tocynnau
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Gwrthod
 
 MENU_POPOVER_ACCESSIBLE_NAME=Dewiswch opsiwn o''r ddewislen
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Yn cynnwys eitemau na ellir eu dewis
+
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Yn Cynnwys Eitemau Mae Modd eu Dewis
+
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Yn Cynnwys Mwy nag un Eitem y mae Modd ei Ddewis
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Pennyn Rhyngweithiol
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Defnyddiwch y bysellau Shift+Saeth i ailfeintio

package/src/i18n/messagebundle_da.properties

@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=Klokkeslæt
 
 TOKEN_ARIA_DELETABLE=Kan slettes
 
+TOKEN_ARIA_REMOVE=Fjern
+
 TOKEN_ARIA_LABEL=Token
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=Ingen tokens
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Afvis
 
 MENU_POPOVER_ACCESSIBLE_NAME=Vælg en valgmulighed fra menuen
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Indeholder ikke-valgbare elementer
+
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Indeholder valgbare elementer
+
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Indeholder elementer for multivalg
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interaktiv top
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Brug Skift+piletaster for at ændre størrelse

package/src/i18n/messagebundle_de.properties

@@ -123,7 +123,7 @@ DATERANGE_DESCRIPTION=Datumsbereichseingabe
 
 DATEPICKER_POPOVER_ACCESSIBLE_NAME=Datum wählen
 
-DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=e.g.
+DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=z.B.
 
 DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Datum und Uhrzeit wählen
 
@@ -144,17 +144,17 @@ EXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL=Gesamten Text einblenden
 
 EXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL=Popover schließen
 
-FILEUPLOADER_ROLE_DESCRIPTION=File Uploader
+FILEUPLOADER_ROLE_DESCRIPTION=Datei-Uploader
 
-FILEUPLOADER_DEFAULT_PLACEHOLDER=Browse or drop a file
+FILEUPLOADER_DEFAULT_PLACEHOLDER=Durchsuchen oder Datei hierher ziehen
 
-FILEUPLOADER_DEFAULT_MULTIPLE_PLACEHOLDER=Browse or drop multiple files
+FILEUPLOADER_DEFAULT_MULTIPLE_PLACEHOLDER=Durchsuchen oder mehrere Dateien hierher ziehen
 
-FILEUPLOADER_INPUT_TOOLTIP=All files will be replaced on each upload
+FILEUPLOADER_INPUT_TOOLTIP=Alle Dateien werden bei jedem Hochladen ersetzt
 
-FILEUPLOADER_VALUE_HELP_TOOLTIP=Browse and replace all files
+FILEUPLOADER_VALUE_HELP_TOOLTIP=Durchsuchen und alle Dateien ersetzen
 
-FILEUPLOADER_CLEAR_ICON_TOOLTIP=Remove all files
+FILEUPLOADER_CLEAR_ICON_TOOLTIP=Alle Dateien entfernen
 
 GROUP_HEADER_TEXT=Gruppenkopf
 
@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=Zeit
 
 TOKEN_ARIA_DELETABLE=Löschbar
 
+TOKEN_ARIA_REMOVE=Entfernen
+
 TOKEN_ARIA_LABEL=Token
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=Keine Tokens
@@ -384,13 +386,13 @@ VALUE_STATE_INFORMATION=Informationseintrag
 
 VALUE_STATE_SUCCESS=Eintrag erfolgreich validiert
 
-VALUE_STATE_LINK=Drücken Sie Strg+Alt+F8, um den Fokus auf den Link zu legen.
+VALUE_STATE_LINK=Um den Fokus auf den Link zu legen, drücken Sie Strg + Alt + F8.
 
-VALUE_STATE_LINK_MAC=Drücken Sie Cmd+Option+F8, um den Fokus auf den Link zu legen.
+VALUE_STATE_LINK_MAC=Um den Fokus auf den Link zu legen, drücken Sie Cmd + Option + F8.
 
-VALUE_STATE_LINKS=Um zum ersten Link zu gelangen, drücken Sie Strg+Alt+F8; um zum nächsten Link zu springen, verwenden Sie die Tabulatortaste.
+VALUE_STATE_LINKS=Um zum ersten Link zu gelangen, drücken Sie Strg +Alt + F8; um zum nächsten Link zu springen, verwenden Sie die Tabulatortaste.
 
-VALUE_STATE_LINKS_MAC=Um zum ersten Link zu gelangen, drücken Sie Cmd+Option+F8; um zum nächsten Link zu springen, verwenden Sie die Tabulatortaste.
+VALUE_STATE_LINKS_MAC=Um zum ersten Link zu gelangen, drücken Sie Cmd + Option + F8; um zum nächsten Link zu springen, verwenden Sie die Tabulatortaste.
 
 CALENDAR_HEADER_NEXT_BUTTON=Weiter
 
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Schließen
 
 MENU_POPOVER_ACCESSIBLE_NAME=Wählen Sie eine Option aus dem Menü aus
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Enthält nicht auswählbare Elemente
+
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Enthält auswählbare Elemente
+
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Enthält Elemente für Mehrfachauswahl
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interaktiver Kopf
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Zum Ändern der Größe verwenden Sie die Umschalttaste + Pfeiltasten

package/src/i18n/messagebundle_el.properties

@@ -342,6 +342,8 @@ DATETIME_PICKER_TIME_BUTTON=Χρόνος
 
 TOKEN_ARIA_DELETABLE=Διαγράψιμο
 
+TOKEN_ARIA_REMOVE=Διαγραφή
+
 TOKEN_ARIA_LABEL=Διακριτικό
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=Δεν Υπάρχουν Διακριτικά
@@ -428,6 +430,12 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Απόρριψη
 
 MENU_POPOVER_ACCESSIBLE_NAME=Επιλέξτε μια εναλλακτική από το μενού
 
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Περιέχει Μη Επιλέξιμα Στοιχεία
+
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Περιέχει Επιλέξιμα Στοιχεία
+
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Περιέχει Πολλά Επιλέξιμα Στοιχεία
+
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Διαδραστική Κεφαλίδα
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Πατήστε τα πλήκτρα Shift+Arrow για αλλαγή μεγέθους

package/src/i18n/messagebundle_en.properties

@@ -342,6 +342,10 @@ DATETIME_PICKER_TIME_BUTTON=Time
 
 TOKEN_ARIA_DELETABLE=Deletable
 
+#XACT: ARIA announcement for token removal
+TOKEN_ARIA_REMOVE=Remove
+
+#XACT: ARIA announcement for token label
 TOKEN_ARIA_LABEL=Token
 
 TOKENIZER_ARIA_CONTAIN_TOKEN=No Tokens
@@ -428,6 +432,16 @@ MENU_CLOSE_BUTTON_ARIA_LABEL=Decline
 
 MENU_POPOVER_ACCESSIBLE_NAME=Select an option from the menu
 
+#XACT: ARIA information for the Menu Item Group with itemSelectionMode "None"
+MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME=Contains Non-Selectable Items
+
+#XACT: ARIA information for the Menu Item Group with itemSelectionMode "SingleSelect"
+MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME=Contains Selectable Items
+
+#XACT: ARIA information for the Menu Item Group with itemSelectionMode "MultiSelect"
+MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME=Contains Multi-Selectable Items
+
+#XACT: ARIA announcement for roldesecription attribute of Dialog header
 DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interactive Header
 
 DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Use Shift+Arrow keys to resize
@@ -456,6 +470,21 @@ FORM_TEXTFIELD_REQUIRED=Please fill in this field.
 TABLE_SELECTION=Selection
 TABLE_ROW_SELECTOR=Row Selector
 TABLE_NO_DATA=No Data
+#XACT: ARIA announcement for the table that allows single selections
+TABLE_SINGLE_SELECTABLE=Single Selection Table
+#XACT: ARIA announcement for the table that allows multi selection
+TABLE_MULTI_SELECTABLE=Multi Selection Table
+#XACT: ARIA description for the selection column header when select all checkbox is shown
+TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=Contains Select All Checkbox
+#XACT: ARIA description for the selection column header when select all checkbox is checked
+TABLE_COLUMNHEADER_SELECTALL_CHECKED=Checked
+#XACT: ARIA description for the selection column header when select all checkbox is not checked
+TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=Not Checked
+#XACT: ARIA description for the selection column header when clear all button is shown
+TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=Contains Clear All Button
+#XACT: ARIA description for the selection column header when clear all button is disabled
+TABLE_COLUMNHEADER_CLEARALL_DISABLED=Disabled
+#XACT: Description for the popin containing column header
 TABLE_ROW_POPIN=Row Popin
 TABLE_MORE=More
 TABLE_MORE_DESCRIPTION=To load more rows, press Enter or Space