@ui5/webcomponents 2.17.0-rc.1 → 2.17.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.17.0-rc.1",
+  "version": "2.17.0-rc.2",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -52,17 +52,17 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.17.0-rc.1",
-    "@ui5/webcomponents-icons": "2.17.0-rc.1",
-    "@ui5/webcomponents-icons-business-suite": "2.17.0-rc.1",
-    "@ui5/webcomponents-icons-tnt": "2.17.0-rc.1",
-    "@ui5/webcomponents-localization": "2.17.0-rc.1",
-    "@ui5/webcomponents-theming": "2.17.0-rc.1"
+    "@ui5/webcomponents-base": "2.17.0-rc.2",
+    "@ui5/webcomponents-icons": "2.17.0-rc.2",
+    "@ui5/webcomponents-icons-business-suite": "2.17.0-rc.2",
+    "@ui5/webcomponents-icons-tnt": "2.17.0-rc.2",
+    "@ui5/webcomponents-localization": "2.17.0-rc.2",
+    "@ui5/webcomponents-theming": "2.17.0-rc.2"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.17.0-rc.1",
+    "@ui5/webcomponents-tools": "2.17.0-rc.2",
     "chokidar-cli": "^3.0.0",
     "cypress": "^15.3.0",
     "eslint": "^7.22.0",
@@ -71,5 +71,5 @@
     "vite": "5.4.21",
     "vitest": "^3.0.2"
   },
-  "gitHead": "5419a5cbb330b94cd8263ef4ee77575ad72c728a"
+  "gitHead": "b6ba0f01d66da67393412deff59417ac94deb098"
 }

package/src/BarTemplate.tsx

@@ -4,7 +4,7 @@ export default function BarTemplate(this: Bar) {
 	return (
 		<div
 			class="ui5-bar-root"
-			aria-label={this.accInfo.role && this.accInfo.label}
+			aria-label={this.accInfo.label}
 			role={this.accInfo.role}
 			part="bar"
 		>

package/src/ComboBoxPopoverTemplate.tsx

@@ -2,6 +2,7 @@ import Icon from "./Icon.js";
 import Button from "./Button.js";
 import List from "./List.js";
 import Input from "./Input.js";
+import PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
 import Popover from "./Popover.js";
 import ResponsivePopover from "./ResponsivePopover.js";
 import BusyIndicator from "./BusyIndicator.js";
@@ -116,7 +117,7 @@ export default function ComboBoxPopoverTemplate(this: ComboBox) {
 			hideArrow={true}
 			tabindex={-1}
 			class="ui5-valuestatemessage-popover"
-			horizontalAlign={this._valueStatePopoverHorizontalAlign}
+			horizontalAlign={PopoverHorizontalAlign.Start}
 			placement="Bottom"
 			opener={this}
 			open={this.valueStateOpen}

package/src/InputPopoverTemplate.tsx

@@ -6,6 +6,7 @@ import alert from "@ui5/webcomponents-icons/dist/alert.js";
 import sysEnter2 from "@ui5/webcomponents-icons/dist/sys-enter-2.js";
 import information from "@ui5/webcomponents-icons/dist/information.js";
 
+import PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
 import Popover from "./Popover.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 
@@ -24,7 +25,7 @@ export default function InputPopoverTemplate(this: Input, hooks?: { suggestionsL
 					class="ui5-valuestatemessage-popover"
 					placement="Bottom"
 					tabindex={-1}
-					horizontalAlign={this._valueStatePopoverHorizontalAlign}
+					horizontalAlign={PopoverHorizontalAlign.Start}
 					opener={this}
 					open={this.valueStateOpen}
 					onClose={this._handleValueStatePopoverAfterClose}

package/src/MenuItemTemplate.tsx

@@ -1,4 +1,5 @@
 import type MenuItem from "./MenuItem.js";
+import PopoverPlacement from "./types/PopoverPlacement.js";
 import ResponsivePopover from "./ResponsivePopover.js";
 import Button from "./Button.js";
 import List from "./List.js";
@@ -91,7 +92,7 @@ function listItemPostContent(this: MenuItem) {
 		preventFocusRestore={true}
 		hideArrow={true}
 		allowTargetOverlap={true}
-		placement={this.placement}
+		placement={PopoverPlacement.End}
 		verticalAlign="Top"
 		accessibleName={this.accessibleNameText}
 		onBeforeOpen={this._beforePopoverOpen}

package/src/MultiComboBoxPopoverTemplate.tsx

@@ -7,6 +7,7 @@ import ToggleButton from "./ToggleButton.js";
 import SuggestionItem from "./SuggestionItem.js";
 import Icon from "./Icon.js";
 import List from "./List.js";
+import PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
 import Popover from "./Popover.js";
 import CheckBox from "./CheckBox.js";
 
@@ -114,7 +115,7 @@ export default function MultiComboBoxPopoverTemplate(this: MultiComboBox) {
 				hideArrow={true}
 				class="ui5-valuestatemessage-popover"
 				placement="Bottom"
-				horizontalAlign={this._valueStatePopoverHorizontalAlign}
+				horizontalAlign={PopoverHorizontalAlign.Start}
 				tabIndex={-1}
 				open={this.valueStateOpen}
 				opener={this}

package/src/TextAreaPopoverTemplate.tsx

@@ -1,4 +1,5 @@
 import Icon from "./Icon.js";
+import PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
 import Popover from "./Popover.js";
 import type TextArea from "./TextArea.js";
 import error from "@ui5/webcomponents-icons/dist/error.js";
@@ -25,7 +26,7 @@ export default function TextAreaPopoverTemplate(this: TextArea) {
 				class="ui5-valuestatemessage-popover"
 				style={{ "max-width": `${this._width!}px` }}
 				placement="Bottom"
-				horizontalAlign={this._valueStatePopoverHorizontalAlign}
+				horizontalAlign={PopoverHorizontalAlign.Start}
 			>
 				<div slot="header" class={{
 					"ui5-valuestatemessage-root": true,

package/src/ToolbarButtonTemplate.tsx

@@ -22,7 +22,7 @@ export default function ToolbarButtonTemplate(this: ToolbarButton) {
 			data-ui5-stable={this.stableDomRef}
 			onClick={(...args) => this.onClick(...args)}
 		>
-			{this.text}
+			{this.effectiveText}
 		</Button>
 	);
 }

package/src/i18n/messagebundle_en_US_sappsd.properties

@@ -75,6 +75,8 @@ CAROUSEL_NEXT_ARROW_TEXT=[[[Ńēχţ Ƥąğē∙∙∙∙∙]]]
 
 CAROUSEL_ARIA_ROLE_DESCRIPTION=[[[Ĉąŗŏűşēĺ∙∙∙∙∙∙]]]
 
+CAROUSEL_ARIA_LIST_LABEL=[[[Ĭţēɱ Ĉŏŋţąįŋēŗ∙∙∙∙∙]]]
+
 COLORPALETTE_CONTAINER_LABEL=[[[Ĉŏĺŏŗ Ƥąĺēţţē - Ƥŗēƌēƒįŋēƌ Ĉŏĺŏŗş∙∙∙∙∙∙∙∙∙∙∙]]]
 
 COLORPALETTE_POPOVER_TITLE=[[[Ĉŏĺŏŗ Ƥąĺēţţē∙∙∙∙∙∙]]]

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -75,6 +75,8 @@ CAROUSEL_NEXT_ARROW_TEXT=‌​‌‌​​​​‌​‍​‌‍​
 
 CAROUSEL_ARIA_ROLE_DESCRIPTION=‌‌‌​‌‍‌​‌‌​‌‌‍‍‌​​‌‍​​​​‍‍​‌​‍‌​‌‌​‍​‌‌‍​Carousel
 
+CAROUSEL_ARIA_LIST_LABEL=‌‍​‍​​​​​‍‍‍‍‍‌‍​‍‌​‌‍​‍‌​‌‍‍​‍​‌‌‍‍‌‍‌‌Item Container
+
 COLORPALETTE_CONTAINER_LABEL=‌‍‍​‍‍‍​‍‍‍​‍‌​‍‍‍‍​​‍‍‍‍‍‌‍‌‌​​​​​​‌​​Color Palette - Predefined Colors
 
 COLORPALETTE_POPOVER_TITLE=‌​‌‍‍‌‍‍‍‍‍‍‍​‍​​‌​​‌‌‍‌‍​‍‍​​‍​‍​‍‌​​​‌Color Palette

package/src/i18n/messagebundle_en_US_saptrc.properties

@@ -75,6 +75,8 @@ CAROUSEL_NEXT_ARROW_TEXT=t7CiUiqz8wYObm5JVLOfNw_Next Page
 
 CAROUSEL_ARIA_ROLE_DESCRIPTION=uG6+CnYbzYSISthMDJ2E3w_Carousel
 
+CAROUSEL_ARIA_LIST_LABEL=eKNu8bvyvA0oIo83IR/8Ug_Item Container
+
 COLORPALETTE_CONTAINER_LABEL=GmQz8pchpXdwlvHObU1zXw_Color Palette - Predefined Colors
 
 COLORPALETTE_POPOVER_TITLE=CghzEZO/bbDAVvL5nVSzjQ_Color Palette

package/src/themes/MenuItem.css

@@ -5,11 +5,6 @@
 	margin-inline: var(--_ui5_menu_submenu_margin_offset);
 }
 
-.ui5-menu-rp.ui5-menu-rp-sub-menu[actual-placement="Start"] {
-	margin-top: 0.25rem;
-	margin-inline: var(--_ui5_menu_submenu_placement_type_left_margin_offset);
-}
-
 :host([disabled]) {
 	pointer-events: initial;
 	opacity: initial;

package/src/themes/Popover.css

@@ -20,13 +20,13 @@
 }
 
 /* pointing right arrow */
-:host([actual-placement="Start"]) .ui5-popover-arrow {
+:host([actual-placement="Left"]) .ui5-popover-arrow {
 	top: calc(50% - 0.5625rem);
 	right: -0.5625rem;
 	width: 0.5625rem;
 }
 
-:host([actual-placement="Start"]) .ui5-popover-arrow:after {
+:host([actual-placement="Left"]) .ui5-popover-arrow:after {
 	margin: var(--_ui5_popover_right_arrow_margin);
 }
 
@@ -43,7 +43,7 @@
 
 /* pointing left arrow */
 :host(:not([actual-placement])) .ui5-popover-arrow,
-:host([actual-placement="End"]) .ui5-popover-arrow {
+:host([actual-placement="Right"]) .ui5-popover-arrow {
 	left: -0.5625rem;
 	top: calc(50% - 0.5625rem);
 	width: 0.5625rem;
@@ -51,7 +51,7 @@
 }
 
 :host(:not([actual-placement])) .ui5-popover-arrow:after,
-:host([actual-placement="End"]) .ui5-popover-arrow:after {
+:host([actual-placement="Right"]) .ui5-popover-arrow:after {
 	margin: var(--_ui5_popover_left_arrow_margin);
 }
 

package/src/themes/SliderBase.css

@@ -72,7 +72,7 @@
 	height: var(--_ui5_slider_progress_height);
 	position: relative;
 	outline: none;
-	box-sizing: border-box;
+	box-sizing: var(--_ui5_slider_active_progress_box_sizing);
 	border: var(--_ui5_slider_active_progress_border);
 	left: var(--_ui5_slider_active_progress_left);
 	top: var(--_ui5_slider_active_progress_top);

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

@@ -3,7 +3,7 @@
 	--_ui5_slider_progress_container_background: var(--sapField_BorderColor);
 	--_ui5_slider_progress_container_dot_display: none;
 	--_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);
-	--_ui5_slider_progress_border: none;
+	--_ui5_slider_progress_border: solid 0.0625rem var(--sapSlider_BorderColor);
 	--_ui5_slider_padding: 1.406rem 1.0625rem;
 	--_ui5_slider_inner_height: 0.25rem;
 	--_ui5_slider_outer_height: 1.6875rem;
@@ -63,7 +63,8 @@
 	--_ui5_range_slider_root_active_handle_icon_display: none;
 	--_ui5_slider_tickmark_height: 1rem;
 	--_ui5_slider_tickmark_top: -.3125rem;
-	--_ui5_slider_progress_box_sizing: content-box;
+	--_ui5_slider_progress_box_sizing: border-box;
+	--_ui5_slider_active_progress_box_sizing: content-box;
 	--_ui5_slider_tickmark_in_range_bg: var(--sapField_BorderColor);
 	--_ui5_range_slider_focus_outline_width: 100%;
 	--_ui5_slider_progress_outline_offset_left: 0;
@@ -71,7 +72,7 @@
 
 	--_ui5_slider_progress_container_top: 0;
 	--_ui5_slider_progress_height: 100%;
-	--_ui5_slider_active_progress_border: none;
+	--_ui5_slider_active_progress_border: solid 0.0625rem var(--sapSlider_Selected_BorderColor);
 	--_ui5_slider_active_progress_left: 0;
 	--_ui5_slider_active_progress_top: 0;
 

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

@@ -15,7 +15,6 @@
 	--_ui5_progress_indicator_bar_border_radius: 0.5rem 0 0 0.5rem;
 	--_ui5_progress_indicator_remaining_bar_border_radius: 0 0.5rem 0.5rem 0;
 	--_ui5_menu_submenu_margin_offset: -0.25rem 0;
-	--_ui5_menu_submenu_placement_type_left_margin_offset: 0.25rem 0;
 
 	--_ui5-shellbar-notification-btn-count-offset: 0.125rem;
 }
@@ -36,7 +35,6 @@
 	--_ui5_progress_indicator_remaining_bar_border_radius: 0.5rem 0 0 0.5rem;
 
 	--_ui5_menu_submenu_margin_offset: 0 -0.25rem;
-	--_ui5_menu_submenu_placement_type_left_margin_offset: 0 0.25rem;
 
 	--_ui5_segmented_btn_item_border_left: 0.0625rem;
 	--_ui5_segmented_btn_item_border_right: 0px;

package/src/themes/sap_horizon_hcb/SliderBase-parameters.css

@@ -19,7 +19,6 @@
 	--_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);
 	--_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);
 	--_ui5_slider_inner_height: 0.25rem;
-	--_ui5_slider_progress_border: solid 0.0625rem var(--sapContent_MeasureIndicatorColor);
 	--_ui5_slider_progress_border_radius: 0.25rem;
 	--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
 	--_ui5_slider_progress_container_background: var(--sapSlider_Background);
@@ -38,10 +37,10 @@
 	--_ui5_slider_tickmark_height: .5rem;
 	--_ui5_slider_tickmark_top: -.125rem;
 	--_ui5_slider_progress_box_sizing: border-box;
+	--_ui5_slider_active_progress_box_sizing: border-box;
 
 	--_ui5_slider_progress_container_top: .0625rem;
 	--_ui5_slider_progress_height: .375rem;
-	--_ui5_slider_active_progress_border: .0625rem solid var(--sapSlider_Selected_BorderColor);
 	--_ui5_slider_active_progress_left: -.0625rem;
 	--_ui5_slider_active_progress_top: -.15625rem;
 

package/src/themes/sap_horizon_hcw/SliderBase-parameters.css

@@ -19,7 +19,6 @@
 	--_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);
 	--_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);
 	--_ui5_slider_inner_height: 0.25rem;
-	--_ui5_slider_progress_border: solid 0.0625rem var(--sapContent_MeasureIndicatorColor);
 	--_ui5_slider_progress_border_radius: 0.25rem;
 	--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
 	--_ui5_slider_progress_container_background: var(--sapSlider_Background);
@@ -38,10 +37,10 @@
 	--_ui5_slider_tickmark_height: .5rem;
 	--_ui5_slider_tickmark_top: -.125rem;
 	--_ui5_slider_progress_box_sizing: border-box;
+	--_ui5_slider_active_progress_box_sizing: border-box;
 
 	--_ui5_slider_progress_container_top: .0625rem;
 	--_ui5_slider_progress_height: .375rem;
-	--_ui5_slider_active_progress_border: .0625rem solid var(--sapSlider_Selected_BorderColor);
 	--_ui5_slider_active_progress_left: -.0625rem;
 	--_ui5_slider_active_progress_top: -.15625rem;