@openui5/sap.ui.webc.main 1.101.0 → 1.103.0

package/src/sap/ui/webc/main/thirdparty/SplitButton.js

@@ -88,6 +88,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static async onDefine() {
 			SplitButton.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
+		constructor() {
+			super();
+			this._textButtonPress = {
+				handleEvent(event) {
+					this._textButtonActive = true;
+					this.focused = false;
+					this._setTabIndexValue();
+				},
+				passive: true,
+			};
+		}
 		onBeforeRendering() {
 			this._textButtonIcon = this.textButton && this.activeIcon !== "" && (this._textButtonActive) && !this._shiftOrEscapePressed ? this.activeIcon : this.icon;
 			if (this.disabled) {
@@ -159,11 +170,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._textButtonIcon = this.textButton && this.activeIcon !== "" && (this._textButtonActive) && !this._shiftOrEscapePressed ? this.activeIcon : this.icon;
 			this._setTabIndexValue();
 		}
-		_textButtonPress() {
-			this._textButtonActive = true;
-			this.focused = false;
-			this._setTabIndexValue();
-		}
 		_setTabIndexValue() {
 			const textButton = this.textButton,
 				arrowButton = this.arrowButton,

package/src/sap/ui/webc/main/thirdparty/Switch.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/icons/accept', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/less', './Icon', './types/SwitchDesign', './generated/i18n/i18n-defaults', './generated/templates/SwitchTemplate.lit', './generated/themes/Switch.css'], function (UI5Element, litRender, Keys, Device, i18nBundle, AriaLabelHelper, accept, decline, less, Icon, SwitchDesign, i18nDefaults, SwitchTemplate_lit, Switch_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/icons/accept', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/less', './Icon', './types/SwitchDesign', './generated/templates/SwitchTemplate.lit', './generated/themes/Switch.css'], function (UI5Element, litRender, Keys, Device, i18nBundle, AriaLabelHelper, accept, decline, less, Icon, SwitchDesign, SwitchTemplate_lit, Switch_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -107,16 +107,16 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.disabled ? "true" : undefined;
 		}
 		get accessibilityOnText() {
-			return this._textOn || Switch.i18nBundle.getText(i18nDefaults.SWITCH_ON);
+			return this._textOn;
 		}
 		get accessibilityOffText() {
-			return this._textOff || Switch.i18nBundle.getText(i18nDefaults.SWITCH_OFF);
+			return this._textOff;
 		}
 		get hiddenText() {
 			return this.checked ? this.accessibilityOnText : this.accessibilityOffText;
 		}
 		get ariaLabelText() {
-			return AriaLabelHelper.getEffectiveAriaLabelText(this);
+			return [AriaLabelHelper.getEffectiveAriaLabelText(this), this.hiddenText].join(" ").trim();
 		}
 		static get dependencies() {
 			return [Icon];

package/src/sap/ui/webc/main/thirdparty/Tab.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/renderer/executeTemplate', './types/SemanticColor', './TabContainer', './Icon', './CustomListItem', './generated/templates/TabTemplate.lit', './generated/templates/TabInStripTemplate.lit', './generated/templates/TabInOverflowTemplate.lit', './generated/themes/Tab.css', './generated/themes/TabInStrip.css', './generated/themes/TabInOverflow.css'], function (UI5Element, litRender, executeTemplate, SemanticColor, TabContainer, Icon, CustomListItem, TabTemplate_lit, TabInStripTemplate_lit, TabInOverflowTemplate_lit, Tab_css, TabInStrip_css, TabInOverflow_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/renderer/executeTemplate', 'sap/ui/webc/common/thirdparty/icons/error', 'sap/ui/webc/common/thirdparty/icons/alert', 'sap/ui/webc/common/thirdparty/icons/sys-enter-2', './types/SemanticColor', './types/ListItemType', './TabContainer', './Icon', './Button', './CustomListItem', './generated/templates/TabTemplate.lit', './generated/templates/TabInStripTemplate.lit', './generated/templates/TabInOverflowTemplate.lit', './generated/themes/Tab.css', './generated/themes/TabInStrip.css', './generated/themes/TabInOverflow.css'], function (UI5Element, litRender, executeTemplate, error, alert, sysEnter2, SemanticColor, ListItemType, TabContainer, Icon, Button, CustomListItem, TabTemplate_lit, TabInStripTemplate_lit, TabInOverflowTemplate_lit, Tab_css, TabInStrip_css, TabInOverflow_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -88,6 +88,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static get dependencies() {
 			return [
 				Icon,
+				Button,
 				CustomListItem,
 			];
 		}
@@ -130,7 +131,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					&& (node.nodeType !== Node.TEXT_NODE || node.nodeValue.trim().length !== 0)));
 		}
 		getTabInStripDomRef() {
-			return this._getTabInStripDomRef;
+			return this._tabInStripDomRef;
 		}
 		getFocusDomRef() {
 			let focusedDomRef = super.getFocusDomRef();
@@ -205,16 +206,28 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 			return classes.join(" ");
 		}
-		get headerSemanticIconClasses() {
-			const classes = ["ui5-tab-strip-item-semanticIcon"];
-			if (this.design !== SemanticColor.Default) {
-				classes.push(`ui5-tab-strip-item-semanticIcon--${this.design.toLowerCase()}`);
+		get semanticIconName() {
+			switch (this.design) {
+			case SemanticColor.Positive:
+				return "sys-enter-2";
+			case SemanticColor.Negative:
+				return "error";
+			case SemanticColor.Critical:
+				return "alert";
+			default:
+				return null;
+			}
+		}
+		get semanticIconClasses() {
+			const classes = ["ui5-tab-semantic-icon"];
+			if (this.design !== SemanticColor.Default && this.design !== SemanticColor.Neutral) {
+				classes.push(`ui5-tab-semantic-icon--${this.design.toLowerCase()}`);
 			}
 			return classes.join(" ");
 		}
 		get overflowClasses() {
 			const classes = ["ui5-tab-overflow-item"];
-			if (this.design !== SemanticColor.Default) {
+			if (this.design !== SemanticColor.Default && this.design !== SemanticColor.Neutral) {
 				classes.push(`ui5-tab-overflow-item--${this.design.toLowerCase()}`);
 			}
 			if (this.disabled) {
@@ -226,7 +239,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return classes.join(" ");
 		}
 		get overflowState() {
-			return (this.disabled || this.isSingleClickArea) ? "Inactive" : "Active";
+			return (this.disabled || this.isSingleClickArea) ? ListItemType.Inactive : ListItemType.Active;
 		}
 	}
 	Tab.define();

package/src/sap/ui/webc/main/thirdparty/TabContainer.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/animations/slideDown', 'sap/ui/webc/common/thirdparty/base/animations/slideUp', 'sap/ui/webc/common/thirdparty/base/types/AnimationMode', 'sap/ui/webc/common/thirdparty/base/config/AnimationMode', 'sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/MediaRange', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-up', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-down', './generated/i18n/i18n-defaults', './Button', './Icon', './List', './ResponsivePopover', './types/TabContainerTabsPlacement', './generated/templates/TabContainerTemplate.lit', './generated/templates/TabContainerPopoverTemplate.lit', './generated/themes/TabContainer.css', './generated/themes/ResponsivePopoverCommon.css', './types/TabLayout', './types/TabsOverflowMode'], function (UI5Element, litRender, ResizeHandler, Render, slideDown, slideUp, AnimationMode$1, AnimationMode, ItemNavigation, Keys, MediaRange, i18nBundle, slimArrowUp, slimArrowDown, i18nDefaults, Button, Icon, List, ResponsivePopover, TabContainerTabsPlacement, TabContainerTemplate_lit, TabContainerPopoverTemplate_lit, TabContainer_css, ResponsivePopoverCommon_css, TabLayout, TabsOverflowMode) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/animations/slideDown', 'sap/ui/webc/common/thirdparty/base/animations/slideUp', 'sap/ui/webc/common/thirdparty/base/types/AnimationMode', 'sap/ui/webc/common/thirdparty/base/config/AnimationMode', 'sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/MediaRange', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-up', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-down', './generated/i18n/i18n-defaults', './Button', './Icon', './List', './ResponsivePopover', './types/TabContainerTabsPlacement', './types/SemanticColor', './generated/templates/TabContainerTemplate.lit', './generated/templates/TabContainerPopoverTemplate.lit', './generated/themes/TabContainer.css', './generated/themes/ResponsivePopoverCommon.css', './types/TabLayout', './types/TabsOverflowMode'], function (UI5Element, litRender, ResizeHandler, Render, slideDown, slideUp, AnimationMode$1, AnimationMode, ItemNavigation, Keys, MediaRange, i18nBundle, slimArrowUp, slimArrowDown, i18nDefaults, Button, Icon, List, ResponsivePopover, TabContainerTabsPlacement, SemanticColor, TabContainerTemplate_lit, TabContainerPopoverTemplate_lit, TabContainer_css, ResponsivePopoverCommon_css, TabLayout, TabsOverflowMode) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -81,14 +81,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				noAttribute: true,
 				defaultValue: "More",
 			},
-			_startOverflowItems: {
-				type: Object,
-				multiple: true,
-			},
-			_endOverflowItems: {
-				type: Object,
-				multiple: true,
-			},
 			_overflowItems: {
 				type: Object,
 				multiple: true,
@@ -136,7 +128,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			});
 		}
 		onBeforeRendering() {
-			this._allItemsAndSubItems = this._getAllSubItems(this.items, []);
+			this._allItemsAndSubItems = this._getAllSubItems(this.items);
 			if (this._allItemsAndSubItems.length) {
 				const selectedTabs = this._allItemsAndSubItems.filter(tab => tab.selected);
 				if (selectedTabs.length) {
@@ -156,7 +148,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		onAfterRendering() {
 			this.items.forEach(item => {
-				item._getTabInStripDomRef = this.getDomRef().querySelector(`*[data-ui5-stable="${item.stableDomRef}"]`);
+				item._tabInStripDomRef = this.getDomRef().querySelector(`*[data-ui5-stable="${item.stableDomRef}"]`);
 			});
 		}
 		onEnterDOM() {
@@ -165,6 +157,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		onExitDOM() {
 			ResizeHandler__default.deregister(this._getHeader(), this._handleResize);
 		}
+		async _handleResize() {
+			if (this.responsivePopover && this.responsivePopover.opened) {
+				this.responsivePopover.close();
+			}
+			this._updateMediaRange();
+			await Render.renderFinished();
+			this._setItemsForStrip();
+		}
+		_updateMediaRange() {
+			this.mediaRange = MediaRange__default.getCurrentRange(MediaRange__default.RANGESETS.RANGE_4STEPS, this.getDomRef().offsetWidth);
+		}
 		_setItemsExternalProperties(items) {
 			items.filter(item => !item.isSeparator).forEach((item, index, arr) => {
 				item._isInline = this.tabLayout === TabLayout.Inline;
@@ -183,7 +186,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		async _onTabStripClick(event) {
 			const tab = getTab(event.target);
-			if (!tab) {
+			if (!tab || tab._realTab.disabled) {
 				return;
 			}
 			event.preventDefault();
@@ -193,9 +196,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				return;
 			}
 			if (!tab._realTab._hasOwnContent && tab._realTab.tabs.length) {
-				this._overflowItems = [];
 				this._overflowItems = tab._realTab.subTabs;
-				this._addStyleIndent(this._overflowItems, false);
+				this._addStyleIndent(this._overflowItems);
 				this.responsivePopover = await this._respPopover();
 				if (this.responsivePopover.opened) {
 					this.responsivePopover.close();
@@ -224,7 +226,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				return;
 			}
 			this._overflowItems = tabInstance.subTabs;
-			this._addStyleIndent(this._overflowItems, false);
+			this._addStyleIndent(this._overflowItems);
 			this.responsivePopover = await this._respPopover();
 			if (this.responsivePopover.opened) {
 				this.responsivePopover.close();
@@ -242,7 +244,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_onTabStripKeyDown(event) {
 			const tab = getTab(event.target);
-			if (!tab) {
+			if (!tab || tab._realTab.disabled) {
 				return;
 			}
 			if (Keys.isEnter(event)) {
@@ -266,7 +268,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_onTabStripKeyUp(event) {
 			const tab = getTab(event.target);
-			if (!tab) {
+			if (!tab || tab._realTab.disabled) {
 				return;
 			}
 			if (Keys.isSpace(event)) {
@@ -295,7 +297,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const selectedTopLevel = this._getRootTab(this._selectedTab);
 			selectedTopLevel.focus();
 		}
-		_getAllSubItems(items, result, level = 1) {
+		_getAllSubItems(items, result = [], level = 1) {
 			items.forEach(item => {
 				if (item.hasAttribute("ui5-tab") || item.hasAttribute("ui5-tab-separator")) {
 					item._level = level;
@@ -385,35 +387,36 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			if (isEndOverflow) {
 				button = this.overflowButton[0] || overflow.querySelector("[ui5-button]");
 				this._overflowItems = items;
-				this._addStyleIndent(this._overflowItems, true);
+				this._addStyleIndent(this._overflowItems);
 			}
 			if (isStartOverflow) {
 				button = this.startOverflowButton[0] || overflow.querySelector("[ui5-button]");
 				this._overflowItems = items;
-				this._addStyleIndent(this._overflowItems, true);
+				this._addStyleIndent(this._overflowItems);
 			}
 			this.responsivePopover = await this._respPopover();
 			if (this.responsivePopover.opened) {
 				this.responsivePopover.close();
 			} else {
 				this.responsivePopover.initialFocus = this.responsivePopover.content[0].items.filter(item => item.classList.contains("ui5-tab-overflow-item"))[0].id;
-				this.responsivePopover.showAt(button);
+				await this.responsivePopover.showAt(button);
 			}
 		}
 		_getSelectedInPopover() {
 			return this.responsivePopover.content[0].items.filter(item => (item._realTab && item._realTab.selected));
 		}
-		_addStyleIndent(tabs, isOverflow) {
+		_addStyleIndent(tabs) {
+			const extraIndent = this._getAllSubItems(tabs)
+				.filter(tab => !tab.isSeparator)
+				.some(tab => tab.design !== SemanticColor.Default && tab.design !== SemanticColor.Neutral);
 			walk(tabs, tab => {
-				let level = tab._level;
-				if (!isOverflow) {
-					level -= 1;
-				}
-				if (tab._level > 1 && tab.isSeparator) {
-					level -= 1;
+				let level = tab._level - 1;
+				if (tab.isSeparator) {
+					level += 1;
 				}
 				tab._style = {
-					"--_ui5-indentation-level": level / 2,
+					"--_ui5-tab-indentation-level": level,
+					"--_ui5-tab-extra-indent": extraIndent ? 1 : null,
 				};
 			});
 		}
@@ -424,14 +427,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				await this._onOverflowClick(event);
 			}
 		}
-		async _handleResize() {
-			if (this.responsivePopover && this.responsivePopover.opened) {
-				this.responsivePopover.close();
-			}
-			this._updateMediaRange();
-			await Render.renderFinished();
-			this._setItemsForStrip();
-		}
 		_setItemsForStrip() {
 			const tabStrip = this._getTabStrip();
 			let allItemsWidth = 0;
@@ -667,9 +662,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 			return focusableTabs;
 		}
-		_updateMediaRange() {
-			this.mediaRange = MediaRange__default.getCurrentRange(MediaRange__default.RANGESETS.RANGE_4STEPS, this.getDomRef().offsetWidth);
-		}
 		_getHeader() {
 			return this.shadowRoot.querySelector(`#${this._id}-header`);
 		}

package/src/sap/ui/webc/main/thirdparty/TabSeparator.js

@@ -31,7 +31,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return true;
 		}
 		getTabInStripDomRef() {
-			return this._getTabInStripDomRef;
+			return this._tabInStripDomRef;
 		}
 		get stableDomRef() {
 			return this.getAttribute("stable-dom-ref") || `${this._id}-stable-dom-ref`;

package/src/sap/ui/webc/main/thirdparty/Table.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/types/NavigationMode', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/util/TabbableElements', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/debounce', 'sap/ui/webc/common/thirdparty/base/util/isElementInView', './types/TableGrowingMode', './BusyIndicator', './types/TableMode', './CheckBox', './generated/i18n/i18n-defaults', './generated/templates/TableTemplate.lit', './generated/themes/Table.css'], function (UI5Element, litRender, ResizeHandler, ItemNavigation, Integer, NavigationMode, Device, Keys, TabbableElements, i18nBundle, debounce, isElementInView, TableGrowingMode, BusyIndicator, TableMode, CheckBox, i18nDefaults, TableTemplate_lit, Table_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/types/NavigationMode', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/util/getNormalizedTarget', 'sap/ui/webc/common/thirdparty/base/util/getActiveElement', 'sap/ui/webc/common/thirdparty/base/util/TabbableElements', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/debounce', 'sap/ui/webc/common/thirdparty/base/util/isElementInView', './types/TableGrowingMode', './BusyIndicator', './types/TableMode', './CheckBox', './generated/i18n/i18n-defaults', './generated/templates/TableTemplate.lit', './generated/themes/Table.css'], function (UI5Element, litRender, ResizeHandler, ItemNavigation, Integer, NavigationMode, Device, Keys, getNormalizedTarget, getActiveElement, TabbableElements, AriaLabelHelper, i18nBundle, debounce, isElementInView, TableGrowingMode, BusyIndicator, TableMode, CheckBox, i18nDefaults, TableTemplate_lit, Table_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -8,10 +8,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	var ItemNavigation__default = /*#__PURE__*/_interopDefaultLegacy(ItemNavigation);
 	var Integer__default = /*#__PURE__*/_interopDefaultLegacy(Integer);
 	var NavigationMode__default = /*#__PURE__*/_interopDefaultLegacy(NavigationMode);
+	var getNormalizedTarget__default = /*#__PURE__*/_interopDefaultLegacy(getNormalizedTarget);
+	var getActiveElement__default = /*#__PURE__*/_interopDefaultLegacy(getActiveElement);
 	var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 	var isElementInView__default = /*#__PURE__*/_interopDefaultLegacy(isElementInView);
 
 	const GROWING_WITH_SCROLL_DEBOUNCE_RATE = 250;
+	const PAGE_UP_DOWN_SIZE = 20;
 	const metadata = {
 		tag: "ui5-table",
 		managedSlots: true,
@@ -63,6 +66,14 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				type: TableMode,
 				defaultValue: TableMode.None,
 			},
+			accessibleName: {
+				type: String,
+				defaultValue: undefined,
+			},
+			accessibleNameRef: {
+				type: String,
+				defaultValue: "",
+			},
 			_hiddenColumns: {
 				type: Object,
 				multiple: true,
@@ -132,12 +143,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				navigationMode: NavigationMode__default.Vertical,
 				affectedPropertiesNames: ["_columnHeader"],
 				getItemsCallback: () => [this._columnHeader, ...this.rows],
-				skipItemsSize: 20,
+				skipItemsSize: PAGE_UP_DOWN_SIZE,
 			});
 			this.fnOnRowFocused = this.onRowFocused.bind(this);
 			this._handleResize = this.popinContent.bind(this);
+			this.fnHandleF7 = this._handleF7.bind(this);
 			this.tableEndObserved = false;
 			this.addEventListener("ui5-selection-requested", this._handleSelect.bind(this));
+			this.addEventListener("ui5-_forward-after", this._onForwardAfter.bind(this));
+			this.addEventListener("ui5-_forward-before", this._onForwardBefore.bind(this));
+			this.lastFocusedElement = null;
+			this._forwardingFocus = false;
 			this._prevNestedElementIndex = 0;
 		}
 		onBeforeRendering() {
@@ -154,6 +170,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				row._busy = this.busy;
 				row.removeEventListener("ui5-_focused", this.fnOnRowFocused);
 				row.addEventListener("ui5-_focused", this.fnOnRowFocused);
+				row.removeEventListener("ui5-f7-pressed", this.fnHandleF7);
+				row.addEventListener("ui5-f7-pressed", this.fnHandleF7);
 				row.mode = this.mode;
 			});
 			this.visibleColumns = this.columns.filter((column, index) => {
@@ -162,7 +180,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._noDataDisplayed = !this.rows.length && !this.hideNoData;
 			this.visibleColumnsCount = this.visibleColumns.length;
 			this._allRowsSelected = selectedRows.length === this.rows.length;
-			this._previousFocusedRow = this._previousFocusedRow || this.rows[0] || null;
+			this._prevFocusedRow = this._prevFocusedRow || this.rows[0];
 		}
 		onAfterRendering() {
 			if (this.growsOnScroll) {
@@ -176,12 +194,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 			ResizeHandler__default.register(this.getDomRef(), this._handleResize);
 			this._itemNavigation.setCurrentItem(this.rows.length ? this.rows[0] : this._columnHeader);
-			this.rows.forEach((row, index) => {
-				row._tabbableElements = TabbableElements.getTabbableElements(row);
-				if (index > 0) {
-					row._tabbableElements.forEach(el => el.setAttribute("tabindex", "-1"));
-				}
-			});
 		}
 		onExitDOM() {
 			ResizeHandler__default.deregister(this.getDomRef(), this._handleResize);
@@ -192,14 +204,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 		}
 		_onkeydown(event) {
+			if (Keys.isTabNext(event) || Keys.isTabPrevious(event)) {
+				this._handleTab(event);
+			}
 			if (Keys.isCtrlA(event)) {
 				event.preventDefault();
 				this.isMultiSelect && this._selectAll(event);
-				return;
 			}
-			const isAltUp = Keys.isUpAlt(event);
-			if (isAltUp || Keys.isDownAlt(event)) {
-				return this._handleArrowAlt(isAltUp, event.target);
+			if (Keys.isUpAlt(event) || Keys.isDownAlt(event)) {
+				this._handleArrowAlt(event);
 			}
 			if ((Keys.isUpShift(event) || Keys.isDownShift(event)) && this.isMultiSelect) {
 				this._handleArrowNav(event);
@@ -220,6 +233,43 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this._handleHomeEndSelection(event);
 			}
 		}
+		_handleTab(event) {
+			const isNext = Keys.isTabNext(event);
+			const target = getNormalizedTarget__default(event.target);
+			const targetType = this.getFocusedElementType(event.target);
+			if (this.columnHeaderTabbables.includes(target)) {
+				if (isNext && this.columnHeaderLastElement === target) {
+					return this._focusNextElement(event);
+				}
+				return;
+			}
+			if (isNext && targetType === "columnHeader" && !this.columnHeaderTabbables.length) {
+				return this._focusNextElement(event);
+			}
+			if (targetType === "tableRow" || !targetType) {
+				return;
+			}
+			switch (targetType) {
+			case "tableGroupRow":
+				return isNext ? this._focusNextElement(event) : this._focusForwardElement(event, false);
+			case "columnHeader":
+				return !isNext && this._focusForwardElement(event, false);
+			case "moreButton":
+				if (isNext) {
+					this._focusForwardElement(event, true);
+				} else {
+					event.preventDefault();
+					this.currentElement.focus();
+				}
+			}
+		}
+		_focusNextElement(event) {
+			if (!this.growsWithButton) {
+				this._focusForwardElement(event, true);
+			} else {
+				this.morеBtn.focus();
+			}
+		}
 		_handleArrowNav(event) {
 			const isRowFocused = this.currentElement.localName === "tr";
 			if (!isRowFocused) {
@@ -278,55 +328,131 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				previouslySelectedRows,
 			});
 		}
-		_handleArrowAlt(shouldMoveUp, focusedElement) {
-			const focusedElementType = this.getFocusedElementType(focusedElement);
-			const moreButton = this.getMoreButton();
+		_handleArrowAlt(event) {
+			const shouldMoveUp = Keys.isUpAlt(event);
+			const focusedElementType = this.getFocusedElementType(event.target);
 			if (shouldMoveUp) {
 				switch (focusedElementType) {
 				case "tableRow":
-					this._previousFocusedRow = focusedElement;
-					return this._onColumnHeaderClick();
+				case "tableGroupRow":
+					this._prevFocusedRow = event.target;
+					return this._onColumnHeaderClick(event);
 				case "columnHeader":
-					return moreButton ? moreButton.focus() : this._previousFocusedRow.focus();
+					return this.morеBtn ? this.morеBtn.focus() : this._prevFocusedRow.focus();
 				case "moreButton":
-					return this._previousFocusedRow ? this._previousFocusedRow.focus() : this._onColumnHeaderClick();
+					return this._prevFocusedRow ? this._prevFocusedRow.focus() : this._onColumnHeaderClick(event);
 				}
 			} else {
 				switch (focusedElementType) {
 				case "tableRow":
-					this._previousFocusedRow = focusedElement;
-					return moreButton ? moreButton.focus() : this._onColumnHeaderClick();
+				case "tableGroupRow":
+					this._prevFocusedRow = event.target;
+					return this.morеBtn ? this.morеBtn.focus() : this._onColumnHeaderClick(event);
 				case "columnHeader":
-					if (this._previousFocusedRow) {
-						return this._previousFocusedRow.focus();
-					}
-					if (moreButton) {
-						return moreButton.focus();
+					if (this._prevFocusedRow) {
+						this._prevFocusedRow.focus();
+					} else if (this.morеBtn) {
+						this.morеBtn.focus();
 					}
 					return;
 				case "moreButton":
-					return this._onColumnHeaderClick();
+					return this._onColumnHeaderClick(event);
 				}
 			}
 		}
 		getFocusedElementType(element) {
-			if (element === this.getColumnHeader()) {
+			if (element === this.columnHeader) {
 				return "columnHeader";
 			}
-			if (element === this.getMoreButton()) {
+			if (element === this.morеBtn) {
 				return "moreButton";
 			}
 			if (this.rows.includes(element)) {
-				return "tableRow";
+				const isGroupRow = element.hasAttribute("ui5-table-group-row");
+				return isGroupRow ? "tableGroupRow" : "tableRow";
+			}
+		}
+		_handleF7(event) {
+			const row = event.detail.row;
+			row._tabbables = TabbableElements.getTabbableElements(row);
+			const activeElement = getActiveElement__default();
+			const lastFocusedElement = row._tabbables[this._prevNestedElementIndex] || row._tabbables[0];
+			const targetIndex = row._tabbables.indexOf(activeElement);
+			if (!row._tabbables.length) {
+				return;
+			}
+			if (activeElement === row.root) {
+				lastFocusedElement.focus();
+			} else if (targetIndex > -1) {
+				this._prevNestedElementIndex = targetIndex;
+				row.root.focus();
 			}
 		}
+		_onfocusin(event) {
+			const target = getNormalizedTarget__default(event.target);
+			if (!this._isForwardElement(target)) {
+				this.lastFocusedElement = target;
+				return;
+			}
+			if (!this._forwardingFocus) {
+				if (this.lastFocusedElement) {
+					this.lastFocusedElement.focus();
+				} else {
+					this.currentElement.focus();
+				}
+				event.stopImmediatePropagation();
+			}
+			this._forwardingFocus = false;
+		}
+		_onForwardBefore(event) {
+			this.lastFocusedElement = event.detail.target;
+			this._focusForwardElement(event, false);
+			event.stopImmediatePropagation();
+		}
+		_onForwardAfter(event) {
+			this.lastFocusedElement = event.detail.target;
+			if (!this.growsWithButton) {
+				this._focusForwardElement(event, true);
+			} else {
+				this.morеBtn.focus();
+			}
+		}
+		_focusForwardElement(event, isAfter) {
+			this._forwardingFocus = true;
+			this.shadowRoot.querySelector(`#${this._id}-${isAfter ? "after" : "before"}`).focus();
+		}
+		_isForwardElement(node) {
+			const nodeId = node.id;
+			const afterElement = this._getForwardElement(true);
+			const beforeElement = this._getForwardElement(false);
+			if (this._id === nodeId || (beforeElement && beforeElement.id === nodeId)) {
+				return true;
+			}
+			return afterElement && afterElement.id === nodeId;
+		}
+		_getForwardElement(isAfter) {
+			const dir = isAfter ? "after" : "before";
+			if (!this[`_${dir}Element`]) {
+				this[`_${dir}Element`] = this.shadowRoot.querySelector(`#${this._id}-${dir}`);
+			}
+			return this[`_${dir}Element`];
+		}
 		onRowFocused(event) {
 			this._itemNavigation.setCurrentItem(event.target);
 		}
-		_onColumnHeaderClick(event) {
-			this.getColumnHeader().focus();
+		_onColumnHeaderFocused(event) {
 			this._itemNavigation.setCurrentItem(this._columnHeader);
 		}
+		_onColumnHeaderClick(event) {
+			if (!event.target) {
+				this.columnHeader.focus();
+			}
+			const target = getNormalizedTarget__default(event.target);
+			const isNestedElement = this.columnHeaderTabbables.includes(target);
+			if (!isNestedElement) {
+				this.columnHeader.focus();
+			}
+		}
 		_onColumnHeaderKeydown(event) {
 			if (Keys.isSpace(event)) {
 				event.preventDefault();
@@ -423,10 +549,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 			this.getRowParent(parent);
 		}
-		getColumnHeader() {
+		get columnHeader() {
 			return this.getDomRef() && this.getDomRef().querySelector(`#${this._id}-columnHeader`);
 		}
-		getMoreButton() {
+		get morеBtn() {
 			return this.growsWithButton && this.getDomRef() && this.getDomRef().querySelector(`#${this._id}-growingButton`);
 		}
 		handleResize(event) {
@@ -515,6 +641,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}).join(" ");
 			return `${headerRowText} ${columnsTitle}`;
 		}
+		get tableAriaLabelText() {
+			return AriaLabelHelper.getEffectiveAriaLabelText(this);
+		}
 		get ariaLabelSelectAllText() {
 			return Table.i18nBundle.getText(i18nDefaults.ARIA_LABEL_SELECT_ALL_CHECKBOX);
 		}
@@ -548,6 +677,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get currentElement() {
 			return this._itemNavigation._getCurrentItem();
 		}
+		get columnHeaderTabbables() {
+			return TabbableElements.getTabbableElements(this.columnHeader);
+		}
+		get columnHeaderLastElement() {
+			return TabbableElements.getLastTabbableElement(this.columnHeader);
+		}
 	}
 	Table.define();