@ui5/webcomponents 2.8.0-rc.3 → 2.8.1-rc.0

package/dist/popup-utils/PopoverRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverRegistry.js","sourceRoot":"","sources":["../../src/popup-utils/PopoverRegistry.ts"],"names":[],"mappings":"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","sourcesContent":["import { isClickInRect } from \"@ui5/webcomponents-base/dist/util/PopupUtils.js\";\nimport type { Interval } from \"@ui5/webcomponents-base/dist/types.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport type Popover from \"../Popover.js\";\nimport { instanceOfPopover } from \"../Popover.js\";\nimport { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from \"./OpenedPopupsRegistry.js\";\n\ntype RegisteredPopover = {\n\tinstance: Popover;\n\tparentPopovers: Array<Popover>;\n}\n\nlet updateInterval: Interval;\nconst intervalTimeout = 300;\nconst openedRegistry: Array<RegisteredPopover> = [];\n\nconst repositionPopovers = () => {\n\topenedRegistry.forEach(popover => {\n\t\tpopover.instance.reposition();\n\t});\n};\n\nconst closePopoversIfLostFocus = () => {\n\tif (getActiveElement()!.tagName === \"IFRAME\") {\n\t\tgetRegistry().reverse().forEach(popup => popup.instance.closePopup(false, false, true));\n\t}\n};\n\nconst runUpdateInterval = () => {\n\tupdateInterval = setInterval(() => {\n\t\trepositionPopovers();\n\n\t\tclosePopoversIfLostFocus();\n\t}, intervalTimeout);\n};\n\nconst stopUpdateInterval = () => {\n\tclearInterval(updateInterval);\n};\n\nconst attachGlobalScrollHandler = () => {\n\tdocument.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst detachGlobalScrollHandler = () => {\n\tdocument.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst attachScrollHandler = (popover: Popover) => {\n\tpopover && popover.shadowRoot!.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst detachScrollHandler = (popover: Popover) => {\n\tpopover && popover.shadowRoot!.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst attachGlobalClickHandler = () => {\n\tdocument.addEventListener(\"mousedown\", clickHandler);\n};\n\nconst detachGlobalClickHandler = () => {\n\tdocument.removeEventListener(\"mousedown\", clickHandler);\n};\n\nconst clickHandler = (event: MouseEvent) => {\n\tconst openedPopups = getOpenedPopups();\n\n\tif (openedPopups.length === 0) {\n\t\treturn;\n\t}\n\n\tconst isTopPopupPopover = instanceOfPopover(openedPopups[openedPopups.length - 1].instance);\n\n\tif (!isTopPopupPopover) {\n\t\treturn;\n\t}\n\n\t// loop all open popovers\n\tfor (let i = (openedPopups.length - 1); i !== -1; i--) {\n\t\tconst popup = openedPopups[i].instance;\n\n\t\t// if popup is modal, opener is clicked, popup is dialog skip closing\n\t\tif (popup.isModal || (popup as Popover).isOpenerClicked(event)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isClickInRect(event, popup.getBoundingClientRect())) {\n\t\t\tbreak;\n\t\t}\n\n\t\tpopup.closePopup();\n\t}\n};\n\nconst addOpenedPopover = (instance: Popover) => {\n\tconst parentPopovers = getParentPopoversIfNested(instance);\n\n\taddOpenedPopup(instance, parentPopovers);\n\topenedRegistry.push({\n\t\tinstance,\n\t\tparentPopovers,\n\t});\n\n\tattachScrollHandler(instance);\n\n\tif (openedRegistry.length === 1) {\n\t\tattachGlobalScrollHandler();\n\t\tattachGlobalClickHandler();\n\t\trunUpdateInterval();\n\t}\n};\n\nconst removeOpenedPopover = (instance: Popover) => {\n\tconst popoversToClose = [instance];\n\n\tfor (let i = 0; i < openedRegistry.length; i++) {\n\t\tconst indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);\n\t\tif (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {\n\t\t\tpopoversToClose.push(openedRegistry[i].instance);\n\t\t}\n\t}\n\n\tfor (let i = popoversToClose.length - 1; i >= 0; i--) {\n\t\tfor (let j = 0; j < openedRegistry.length; j++) {\n\t\t\tlet indexOfItemToRemove = -1;\n\t\t\tif (popoversToClose[i] === openedRegistry[j].instance) {\n\t\t\t\tindexOfItemToRemove = j;\n\t\t\t}\n\n\t\t\tif (indexOfItemToRemove >= 0) {\n\t\t\t\tremoveOpenedPopup(openedRegistry[indexOfItemToRemove].instance);\n\t\t\t\tdetachScrollHandler(openedRegistry[indexOfItemToRemove].instance);\n\t\t\t\tconst itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);\n\t\t\t\titemToClose[0].instance.closePopup(false, true);\n\t\t\t}\n\t\t}\n\t}\n\n\tif (!openedRegistry.length) {\n\t\tdetachGlobalScrollHandler();\n\t\tdetachGlobalClickHandler();\n\t\tstopUpdateInterval();\n\t}\n};\n\nconst getRegistry = () => {\n\treturn openedRegistry;\n};\n\nconst getParentPopoversIfNested = (instance: Popover) => {\n\tlet currentElement = instance.parentNode;\n\tconst parentPopovers: Array<Popover> = [];\n\n\twhile (currentElement && currentElement.parentNode) {\n\t\tfor (let i = 0; i < openedRegistry.length; i++) {\n\t\t\tif (currentElement === openedRegistry[i].instance) {\n\t\t\t\tparentPopovers.push(currentElement as Popover);\n\t\t\t}\n\t\t}\n\n\t\tcurrentElement = currentElement.parentNode;\n\t}\n\n\treturn parentPopovers;\n};\n\nexport { addOpenedPopover, removeOpenedPopover, getRegistry };\n"]}
+{"version":3,"file":"PopoverRegistry.js","sourceRoot":"","sources":["../../src/popup-utils/PopoverRegistry.ts"],"names":[],"mappings":"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","sourcesContent":["import { isClickInRect } from \"@ui5/webcomponents-base/dist/util/PopupUtils.js\";\nimport type { Interval } from \"@ui5/webcomponents-base/dist/types.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport type Popover from \"../Popover.js\";\nimport { instanceOfPopover } from \"../Popover.js\";\nimport { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from \"./OpenedPopupsRegistry.js\";\n\ntype RegisteredPopover = {\n\tinstance: Popover;\n\tparentPopovers: Array<Popover>;\n}\n\nlet updateInterval: Interval;\nconst intervalTimeout = 300;\nconst openedRegistry: Array<RegisteredPopover> = [];\n\nconst repositionPopovers = () => {\n\topenedRegistry.forEach(popover => {\n\t\tpopover.instance.reposition();\n\t});\n};\n\nconst closePopoversIfLostFocus = () => {\n\tif (getActiveElement()!.tagName === \"IFRAME\") {\n\t\tgetRegistry().reverse().forEach(popup => popup.instance.closePopup(false, false, true));\n\t}\n};\n\nconst runUpdateInterval = () => {\n\tupdateInterval = setInterval(() => {\n\t\trepositionPopovers();\n\n\t\tclosePopoversIfLostFocus();\n\t}, intervalTimeout);\n};\n\nconst stopUpdateInterval = () => {\n\tclearInterval(updateInterval);\n};\n\nconst attachGlobalScrollHandler = () => {\n\tdocument.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst detachGlobalScrollHandler = () => {\n\tdocument.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst attachScrollHandler = (popover: Popover) => {\n\tpopover && popover.shadowRoot!.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst detachScrollHandler = (popover: Popover) => {\n\tpopover && popover.shadowRoot!.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst attachGlobalClickHandler = () => {\n\tdocument.addEventListener(\"mousedown\", clickHandler, { capture: true });\n};\n\nconst detachGlobalClickHandler = () => {\n\tdocument.removeEventListener(\"mousedown\", clickHandler, { capture: true });\n};\n\nconst clickHandler = (event: MouseEvent) => {\n\tconst openedPopups = getOpenedPopups();\n\n\tif (openedPopups.length === 0) {\n\t\treturn;\n\t}\n\n\tconst isTopPopupPopover = instanceOfPopover(openedPopups[openedPopups.length - 1].instance);\n\n\tif (!isTopPopupPopover) {\n\t\treturn;\n\t}\n\n\t// loop all open popovers\n\tfor (let i = (openedPopups.length - 1); i !== -1; i--) {\n\t\tconst popup = openedPopups[i].instance;\n\n\t\t// if popup is modal, opener is clicked, popup is dialog skip closing\n\t\tif (popup.isModal || (popup as Popover).isOpenerClicked(event)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isClickInRect(event, popup.getBoundingClientRect())) {\n\t\t\tbreak;\n\t\t}\n\n\t\tpopup.closePopup();\n\t}\n};\n\nconst addOpenedPopover = (instance: Popover) => {\n\tconst parentPopovers = getParentPopoversIfNested(instance);\n\n\taddOpenedPopup(instance, parentPopovers);\n\topenedRegistry.push({\n\t\tinstance,\n\t\tparentPopovers,\n\t});\n\n\tattachScrollHandler(instance);\n\n\tif (openedRegistry.length === 1) {\n\t\tattachGlobalScrollHandler();\n\t\tattachGlobalClickHandler();\n\t\trunUpdateInterval();\n\t}\n};\n\nconst removeOpenedPopover = (instance: Popover) => {\n\tconst popoversToClose = [instance];\n\n\tfor (let i = 0; i < openedRegistry.length; i++) {\n\t\tconst indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);\n\t\tif (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {\n\t\t\tpopoversToClose.push(openedRegistry[i].instance);\n\t\t}\n\t}\n\n\tfor (let i = popoversToClose.length - 1; i >= 0; i--) {\n\t\tfor (let j = 0; j < openedRegistry.length; j++) {\n\t\t\tlet indexOfItemToRemove = -1;\n\t\t\tif (popoversToClose[i] === openedRegistry[j].instance) {\n\t\t\t\tindexOfItemToRemove = j;\n\t\t\t}\n\n\t\t\tif (indexOfItemToRemove >= 0) {\n\t\t\t\tremoveOpenedPopup(openedRegistry[indexOfItemToRemove].instance);\n\t\t\t\tdetachScrollHandler(openedRegistry[indexOfItemToRemove].instance);\n\t\t\t\tconst itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);\n\t\t\t\titemToClose[0].instance.closePopup(false, true);\n\t\t\t}\n\t\t}\n\t}\n\n\tif (!openedRegistry.length) {\n\t\tdetachGlobalScrollHandler();\n\t\tdetachGlobalClickHandler();\n\t\tstopUpdateInterval();\n\t}\n};\n\nconst getRegistry = () => {\n\treturn openedRegistry;\n};\n\nconst getParentPopoversIfNested = (instance: Popover) => {\n\tlet currentElement = instance.parentNode;\n\tconst parentPopovers: Array<Popover> = [];\n\n\twhile (currentElement && currentElement.parentNode) {\n\t\tfor (let i = 0; i < openedRegistry.length; i++) {\n\t\t\tif (currentElement === openedRegistry[i].instance) {\n\t\t\t\tparentPopovers.push(currentElement as Popover);\n\t\t\t}\n\t\t}\n\n\t\tcurrentElement = currentElement.parentNode;\n\t}\n\n\treturn parentPopovers;\n};\n\nexport { addOpenedPopover, removeOpenedPopover, getRegistry };\n"]}

package/dist/vscode.html-custom-data.json

@@ -3700,6 +3700,11 @@
             { "name": "Translucent" }
           ]
         },
+        {
+          "name": "no-auto-selection",
+          "description": "Defines if automatic tab selection is deactivated.\n\n**Note:** By default, if none of the child tabs have the `selected` property set, the first tab will be automatically selected.\nSetting this property to `true` allows preventing this behavior.",
+          "values": []
+        },
         {
           "name": "all-items",
           "description": "Returns all slotted tabs and their subTabs in a flattened array.\nThe order of tabs is depth-first.",

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.8.0-rc.3",
+  "version": "2.8.1-rc.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -7709,6 +7709,11 @@
                 "default": "\"Solid\""
               }
             },
+            {
+              "name": "no-auto-selection",
+              "description": "Defines if automatic tab selection is deactivated.\n\n**Note:** By default, if none of the child tabs have the `selected` property set, the first tab will be automatically selected.\nSetting this property to `true` allows preventing this behavior.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "all-items",
               "description": "Returns all slotted tabs and their subTabs in a flattened array.\nThe order of tabs is depth-first.",
@@ -7774,6 +7779,11 @@
                   "type": "\"Transparent\" | \"Solid\" | \"Translucent\""
                 }
               },
+              {
+                "name": "no-auto-selection",
+                "description": "Defines if automatic tab selection is deactivated.\n\n**Note:** By default, if none of the child tabs have the `selected` property set, the first tab will be automatically selected.\nSetting this property to `true` allows preventing this behavior.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "all-items",
                 "description": "Returns all slotted tabs and their subTabs in a flattened array.\nThe order of tabs is depth-first.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.8.0-rc.3",
+  "version": "2.8.1-rc.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,19 +54,19 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.8.0-rc.3",
-    "@ui5/webcomponents-icons": "2.8.0-rc.3",
-    "@ui5/webcomponents-icons-business-suite": "2.8.0-rc.3",
-    "@ui5/webcomponents-icons-tnt": "2.8.0-rc.3",
-    "@ui5/webcomponents-localization": "2.8.0-rc.3",
-    "@ui5/webcomponents-theming": "2.8.0-rc.3"
+    "@ui5/webcomponents-base": "2.8.1-rc.0",
+    "@ui5/webcomponents-icons": "2.8.1-rc.0",
+    "@ui5/webcomponents-icons-business-suite": "2.8.1-rc.0",
+    "@ui5/webcomponents-icons-tnt": "2.8.1-rc.0",
+    "@ui5/webcomponents-localization": "2.8.1-rc.0",
+    "@ui5/webcomponents-theming": "2.8.1-rc.0"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.8.0-rc.3",
+    "@ui5/webcomponents-tools": "2.8.1-rc.0",
     "chromedriver": "^132.0.0",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vitest": "^3.0.2"
   },
-  "gitHead": "0dab2036aa86fa99985767489c50f13ffb813cd6"
+  "gitHead": "b6e950c0969283cb35ce43bf1bb21af4fb22e0f4"
 }

package/src/BusyIndicatorTemplate.tsx

@@ -30,6 +30,7 @@ export default function BusyIndicatorTemplate(this: BusyIndicator) {
 				<span
 					data-ui5-focus-redirect
 					tabindex={0}
+					role="none"
 					onFocusIn={this._redirectFocus}
 				></span>
 			)}

package/src/TabContainerTemplate.tsx

@@ -45,6 +45,7 @@ export default function TabContainerTemplate(this: TabContainer, injectedPartial
 				"ui5-tc--textOnly": this.textOnly,
 				"ui5-tc--withAdditionalText": this.withAdditionalText,
 				"ui5-tc--standardTabLayout": this.standardTabLayout,
+				"ui5-tc--noTabSelected": !this._selectedTab,
 			}}
 		>
 			{this.tabsAtTheBottom && partials.contentArea.call(this)}

package/src/TableCellTemplate.tsx

@@ -0,0 +1,15 @@
+import type TableCell from "./TableCell.js";
+
+export default function TableCellTemplate(this: TableCell) {
+	return (
+		<>
+			{ this._popin &&
+				<>
+					<div class="popin-header" ref={this.injectHeaderNodes.bind(this)}></div>
+					<span class="popin-colon">{this._i18nPopinColon}</span>
+				</>
+			}
+			<slot></slot>
+		</>
+	);
+}

package/src/TableGrowingTemplate.tsx

@@ -0,0 +1,23 @@
+import type TableGrowing from "./TableGrowing.js";
+
+export default function TableGrowingTemplate(this: TableGrowing) {
+	return (
+		<div
+			id="growing-button"
+			tabindex={-1}
+			data-ui5-growing-active={this._activeState}
+			onClick={this.loadMore}
+			onKeyDown={this._onKeydown}
+			onKeyUp={this._onKeyup}
+			onFocusOut={this._onFocusout}
+			role="button"
+			aria-labelledby="growing-text growing-subtext"
+			aria-describedby="growing-description">
+			<span id="growing-text">{this._growingButtonText}</span>
+			{ this.growingSubText &&
+				<span id="growing-subtext">{this.growingSubText}</span>
+			}
+			<span id="growing-description" class="ui5-hidden-text" aria-hidden="true">{this._growingButtonDescription}</span>
+		</div>
+	);
+}

package/src/TableHeaderCellActionBaseTemplate.tsx

@@ -0,0 +1,13 @@
+import Button from "./Button.js";
+import type TableHeaderCellActionBase from "./TableHeaderCellActionBase.js";
+
+export default function TableHeaderCellActionBaseTemplate(this: TableHeaderCellActionBase) {
+	return (
+		<Button
+			icon={this._icon}
+			tooltip={this._tooltip}
+			onClick={this._onClick}
+			design="Transparent"
+		></Button>
+	);
+}

package/src/TableHeaderCellTemplate.tsx

@@ -0,0 +1,27 @@
+import Icon from "./Icon.js";
+import SortOrder from "@ui5/webcomponents-base/dist/types/SortOrder.js";
+import type TableHeaderCell from "./TableHeaderCell.js";
+
+import SortAscending from "@ui5/webcomponents-icons/dist/sort-ascending.js";
+import SortDescending from "@ui5/webcomponents-icons/dist/sort-descending.js";
+
+export default function TableHeaderCellTemplate(this: TableHeaderCell) {
+	return (
+		<>
+			<slot name="action"></slot>
+			<slot></slot>
+			{ sortIcon.call(this) }
+		</>
+	);
+}
+
+function sortIcon(this: TableHeaderCell) {
+	switch (this.sortIndicator) {
+	case SortOrder.Ascending:
+		return <Icon name={SortAscending}></Icon>;
+	case SortOrder.Descending:
+		return <Icon name={SortDescending}></Icon>;
+	default:
+		return <></>;
+	}
+}

package/src/TableHeaderRowTemplate.tsx

@@ -0,0 +1,44 @@
+import CheckBox from "./CheckBox.js";
+import TableHeaderCell from "./TableHeaderCell.js";
+import type TableHeaderRow from "./TableHeaderRow.js";
+
+export default function TableHeaderRowTemplate(this: TableHeaderRow) {
+	return (
+		<>
+			{ this._hasRowSelector &&
+				<TableHeaderCell id="selection-cell"
+					aria-selected={this._isSelected}
+					aria-label={this._i18nSelection}
+					data-ui5-table-cell-fixed
+					data-ui5-table-selection-component
+				>
+					{ this._isMultiSelect &&
+						<CheckBox id="selection-component"
+							tabindex={-1}
+							checked={this._isSelected}
+							onChange={this._onSelectionChange}
+							accessibleName={this._i18nRowSelector}
+						></CheckBox>
+					}
+				</TableHeaderCell>
+			}
+
+			{ this._visibleCells.map(cell => (
+				<slot name={cell._individualSlot} key={cell._individualSlot}></slot>
+			))}
+
+			{ this._hasRowActions &&
+				<TableHeaderCell id="actions-cell"
+					aria-label={this._i18nRowActions}
+				></TableHeaderCell>
+			}
+
+			{ this._popinCells.length > 0 &&
+				<TableHeaderCell id="popin-cell"
+					aria-label={this._i18nRowPopin}
+					data-excluded-from-navigation
+				></TableHeaderCell>
+			}
+		</>
+	);
+}

package/src/TableRowActionBaseTemplate.tsx

@@ -0,0 +1,28 @@
+import Button from "./Button.js";
+import Icon from "./Icon.js";
+import type TableRowActionBase from "./TableRowActionBase.js";
+
+export default function TableRowActionBaseTemplate(this: TableRowActionBase) {
+	return (
+		<>
+			{ this.invisible ?
+				<div></div>
+				:
+				this._isInteractive ?
+					<Button
+						icon={this._icon}
+						tooltip={this._text}
+						onClick={this._onActionClick}
+						design="Transparent"
+					></Button>
+					:
+					<Icon
+						name={this._icon}
+						accessibleName={this._text}
+						showTooltip={true}
+						design="NonInteractive"
+					></Icon>
+			}
+		</>
+	);
+}

package/src/TableRowTemplate.tsx

@@ -0,0 +1,76 @@
+import type TableRow from "./TableRow.js";
+import TableCell from "./TableCell.js";
+import CheckBox from "./CheckBox.js";
+import RadioButton from "./RadioButton.js";
+import Button from "./Button.js";
+
+export default function TableRowTemplate(this: TableRow) {
+	return (
+		<>
+			{ this._hasRowSelector &&
+				<TableCell
+					id="selection-cell"
+					aria-selected={this._isSelected}
+					data-ui5-table-cell-fixed
+					data-ui5-table-selection-component
+				>
+					{ this._isMultiSelect ?
+						<CheckBox id="selection-component"
+							tabindex={-1}
+							checked={this._isSelected}
+							onChange={this._onSelectionChange}
+							accessibleName={this._i18nRowSelector}
+						></CheckBox>
+						:
+						<RadioButton id="selection-component"
+							tabindex={-1}
+							name={this._tableId}
+							checked={this._isSelected}
+							onChange={this._onSelectionChange}
+							accessibleName={this._i18nRowSelector}
+						></RadioButton>
+					}
+				</TableCell>
+			}
+
+			{ this._visibleCells.map(cell => (
+				<slot name={cell._individualSlot}></slot>
+			))}
+
+			{ this._hasRowActions &&
+				<TableCell id="actions-cell">
+					{ this._flexibleActions.map(action => (
+						<slot name={action._individualSlot}></slot>
+					))}
+
+					{ this._hasOverflowActions &&
+						<Button
+							id="overflow"
+							icon="overflow"
+							design="Transparent"
+							onClick={this._onOverflowButtonClick}
+						></Button>
+					}
+
+					{ this._fixedActions.map(action => (
+						<slot name={action._individualSlot}></slot>
+					))}
+				</TableCell>
+			}
+
+			{ this._renderNavigated &&
+				<TableCell id="navigated-cell" data-excluded-from-navigation={true}>
+					<div id="navigated"></div>
+				</TableCell>
+			}
+
+			{ this._popinCells.length > 0 &&
+				<TableCell id="popin-cell">
+					{ this._popinCells.map(cell => (
+						<slot name={cell._individualSlot}></slot>
+					))}
+				</TableCell>
+			}
+		</>
+	);
+}

package/src/TableTemplate.tsx

@@ -0,0 +1,76 @@
+import type Table from "./Table.js";
+import TableRow from "./TableRow.js";
+import TableCell from "./TableCell.js";
+import DropIndicator from "./DropIndicator.js";
+import BusyIndicator from "./BusyIndicator.js";
+
+export default function TableTemplate(this: Table) {
+	return (
+		<>
+			<div id="before" role="none" tabindex={0} ui5-table-dummy-focus-area></div>
+
+			<div id="table" role="grid"
+				style={this.styles.table}
+				aria-label={this._ariaLabel}
+				aria-rowcount={this._ariaRowCount}
+				aria-multiselectable={this._ariaMultiSelectable}
+			>
+				<slot name="headerRow"></slot>
+				<div id="rows">
+					<div id="spacer" style={this.styles.spacer}>
+						<slot></slot>
+					</div>
+				</div>
+
+				{ this.rows.length === 0 &&
+					<TableRow id="nodata-row">
+						<TableCell id="nodata-cell" data-excluded-from-navigation horizontal-align="Center">
+							{ this.nodata.length > 0 ?
+								<slot name="nodata"></slot>
+								:
+								this._effectiveNoDataText
+							}
+						</TableCell>
+					</TableRow>
+				}
+
+				{ this.rows.length > 0 && this._getGrowing()?.hasGrowingComponent() &&
+					<div id="footer" role="rowgroup">
+						{ growingRow.call(this) }
+					</div>
+				}
+
+				<DropIndicator
+					orientation="Horizontal"
+					ownerReference={this}
+				></DropIndicator>
+
+				<div aria-hidden="true" id="table-end-row">
+					<div id="table-end-cell">
+						<div id="table-end" aria-hidden="true" tabindex={-1}></div>
+					</div>
+				</div>
+
+				{ this.loading &&
+					<BusyIndicator id="loading"
+						delay={this.loadingDelay}
+						active={true}
+						data-sap-focus-ref
+					></BusyIndicator>
+				}
+			</div>
+
+			<div id="after" role="none" tabindex={0} ui5-table-dummy-focus-area></div>
+		</>
+	);
+}
+
+function growingRow(this: Table) {
+	return (
+		<TableRow id="growing-row" ui5-growing-row>
+			<TableCell id="growing-cell">
+				<slot name={this._getGrowing()?._individualSlot}></slot>
+			</TableCell>
+		</TableRow>
+	);
+}

package/src/ToolbarPopoverTemplate.tsx

@@ -9,6 +9,7 @@ export default function ToolbarPopoverTemplate(this: Toolbar) {
 			horizontalAlign="End"
 			onClose={this.onOverflowPopoverClosed}
 			onOpen={this.onOverflowPopoverOpened}
+			accessibleName={this.accInfo.popover.accessibleName}
 			hideArrow={true}
 		>
 			<div class={{

package/src/i18n/messagebundle.properties

@@ -599,6 +599,9 @@ LABEL_COLON=:
 #XACT: ARIA announcement for the input field of the TimePicker
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Additional Options
 
+#XACT: ARIA announcement for Toolbar's popup
+TOOLBAR_POPOVER_AVAILABLE_VALUES=Available Values
+
 #XMSG: Text used for reporting that a radio button group requires one of the radio buttons to be checked
 FORM_CHECKABLE_REQUIRED=Please tick this box if you want to proceed.
 

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -172,6 +172,10 @@ LIST_ITEM_NOT_SELECTED=‍‍‌‍‌‍​‍‌‍​‌‍‍‍‌
 
 LIST_ITEM_GROUP_HEADER=‌‌​​‍‌‍‍‍​‌​​‍‍​​‍​​‌‌​​‌‍‍‍​‌‍​‍‌‌‍‌‌‌​Group Header
 
+LIST_ROLE_LIST_GROUP_DESCRIPTION=‌‍‌‌‍​‌‌‌‍‌‌‌​‍​​‌​‌​​‌​‌‍‌‍​‍‌​‌‌‌​‌​‌‌contains ​​​{0}‌‌‌ sub groups with ​​​{1}‌‌‌ items
+
+LIST_ROLE_LISTBOX_GROUP_DESCRIPTION=‍​​‍‌‌‍‌‍​‍‍‌‌‍‍‌‌‍​​‌‍‌​​‍‍‍​‍‌​‌‌‌‍​‍contains ​​​{0}‌‌‌ sub groups
+
 ARIA_LABEL_LIST_ITEM_CHECKBOX=‌​​‍​​‌‍‌​​​​‍‌‌‍‍‌‌​‌‌‌‍​‌​​‍‌‌‍‍‌​‌​‌‍​Multiple Selection Mode
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=‍‍‍‍​‍​‌‍​​‍​​‌‍​​‌‌‌​‌‍‍​‌​‍‌‌‍‍‌‌​​‍Item Selection.

package/src/themes/ListItemBase.css

@@ -27,19 +27,19 @@
 :host([selected]) {
 	background-color: var(--sapList_SelectionBackgroundColor);
 	border-bottom: var(--ui5-listitem-selected-border-bottom);
+}
 
-	.ui5-li-additional-text {
-		text-shadow: var(--sapContent_TextShadow);
-	}
+:host([selected]) .ui5-li-additional-text {
+	text-shadow: var(--sapContent_TextShadow);
 }
 
 /* hovered */
 :host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) {
     background-color: var(--sapList_Hover_Background);
+}
 
-	.ui5-li-additional-text {
-		text-shadow: var(--sapContent_TextShadow);
-	}
+:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) .ui5-li-additional-text {
+	text-shadow: var(--sapContent_TextShadow);
 }
 
 /* selected and hovered */

package/src/themes/MessageStrip.css

@@ -211,14 +211,14 @@
 }
 
 :host([design="ColorSet2"]) .ui5-message-strip-close-button,
-:host([design="ColorSet2"]) .ui5-message-strip-root ::slotted([slot="icon"]) { 
+:host([design="ColorSet2"]) .ui5-message-strip-root ::slotted([slot="icon"]) {
 	color: var(--sapContent_IconColor);
 }
 
 :host([design="ColorSet1"]) .ui5-message-strip-close-button:hover {
 	border-color: var(--sapContent_ContrastIconColor);
 	background-color: var(--_ui5_message_strip_close_button_color_set_1_background);
-	color: var(--_ui5_message_strip_close_button_color_set_1_hover_color);
+	color: var(--_ui5_message_strip_close_button_color_set_1_color);
 	text-shadow: var(--sapContent_ContrastTextShadow);
 }
 
@@ -241,4 +241,4 @@
 :host([design="ColorSet1"]) .ui5-message-strip-close-button::part(button):after,
 :host([design="ColorSet1"]) .ui5-message-strip-close-button::part(button):before {
 	border-color: var(--sapContent_ContrastFocusColor);
-}
+}

package/src/themes/TabContainer.css

@@ -177,3 +177,7 @@
 :host([media-range="XL"]) .ui5-tc__content {
 	padding: 1rem 3rem;
 }
+
+.ui5-tc-root.ui5-tc--noTabSelected .ui5-tc__content {
+	padding: 0;
+}

package/src/themes/TableCell.css

@@ -7,4 +7,8 @@
 
 .popin-colon {
     padding-inline-end: 0.5rem;
-}
+}
+
+.popin-header {
+    display: contents;
+}

package/src/themes/TableCellBase.css

@@ -21,7 +21,7 @@
     background-color: inherit;
 }
 
-:host([fixed]) {
+:host([data-ui5-table-cell-fixed]) {
     position: sticky;
     z-index: 1;
 }

package/src/themes/TableGrowing.css

@@ -1,3 +1,5 @@
+@import "./InvisibleTextStyles.css";
+
 :host {
 	/** Growing Control spans the whole row **/
 	flex-grow: 1;
@@ -24,7 +26,8 @@
     }
 }
 
-#growing-button:active,#growing-button[active] {
+#growing-button:active,
+#growing-button[data-ui5-growing-active="true"] {
     background: var(--sapList_Active_Background);
 }
 

package/src/themes/Token.css

@@ -26,10 +26,18 @@
 	color: var(--sapButton_Selected_TextColor);
 }
 
-:host([selected]) .ui5-token--wrapper {
+:host([selected]) .ui5-token--wrapper::before {
+	content: "";
+	position: absolute;
 	border-bottom: var(--_ui5_token_selected_internal_border_bottom);
 	border-bottom-left-radius: var(--_ui5_token_selected_internal_border_bottom_radius);
 	border-bottom-right-radius: var(--_ui5_token_selected_internal_border_bottom_radius);
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 0;
+	background: transparent;
+	pointer-events: none;
 }
 
 :host([selected]:hover) {
@@ -50,12 +58,6 @@
 	outline: var(--_ui5_token_selected_focus_outline);
 }
 
-:host([selected]) .ui5-token--text,
-:host([selected]) .ui5-token--icon {
-	top: var(--_ui5_token_text_icon_top);
-	position: relative;
-}
-
 :host([focused][selected]:not(:hover)) {
 	background: var(--sapButton_Selected_Background);
 	color: var(--sapButton_Selected_TextColor);
@@ -68,6 +70,7 @@
 	height: 100%;
 	width: 100%;
 	cursor: pointer;
+	position: relative;
 	padding-inline-start: var(--_ui5_token_left_padding);
 	box-sizing: border-box;
 	font-size: var(--sapFontSize);
@@ -100,9 +103,6 @@
 	right: var(--_ui5_token_focus_offset);
 }
 
-:host([focused][selected]) .ui5-token--wrapper:focus::after {
-	bottom: var(--_ui5_token_selected_focused_offset_bottom)
-}
 
 .ui5-token--text {
 	white-space: nowrap;

package/src/themes/base/InputIcon-parameters.css

@@ -1,8 +1,8 @@
 :root {
 	--_ui5_input_icon_padding: .5625rem;
-	--_ui5_input_icon_color: var(--sapContent_IconColor);
+	--_ui5_input_icon_color: var(--sapField_TextColor);
 	--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
-	--_ui5_input_icon_pressed_bg: var(--sapButton_Selected_Background);
+	--_ui5_input_icon_pressed_bg: var(--sapField_Hover_Background);
 	--_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);
 	--_ui5_input_icon_border_radius: 0;
 	--_ui5_input_icon_box_shadow: none;