@ui5/webcomponents-compat 0.0.0-4034de059 → 0.0.0-49bade48d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-compat",
-  "version": "0.0.0-4034de059",
+  "version": "0.0.0-49bade48d",
   "description": "UI5 Web Components: webcomponents.compat",
   "ui5": {
     "webComponentsPackage": true
@@ -22,7 +22,9 @@
     "build": "wc-dev build",
     "watch": "wc-dev watch",
     "generate": "wc-dev generate",
-    "generateAPI": "wc-dev generateAPI",
+    "generateCEM": "wc-dev generateAPI.generateCEM",
+    "mergeCEM": "wc-dev generateAPI.mergeCEM",
+    "validateCEM": "wc-dev generateAPI.validateCEM",
     "bundle": "wc-dev build.bundle",
     "test": "yarn test:cypress",
     "test:cypress": "wc-dev test-cy-ci",
@@ -46,17 +48,17 @@
     "directory": "packages/compat"
   },
   "dependencies": {
-    "@ui5/webcomponents": "0.0.0-4034de059",
-    "@ui5/webcomponents-base": "0.0.0-4034de059",
-    "@ui5/webcomponents-icons": "0.0.0-4034de059",
-    "@ui5/webcomponents-theming": "0.0.0-4034de059"
+    "@ui5/webcomponents": "0.0.0-49bade48d",
+    "@ui5/webcomponents-base": "0.0.0-49bade48d",
+    "@ui5/webcomponents-icons": "0.0.0-49bade48d",
+    "@ui5/webcomponents-theming": "0.0.0-49bade48d"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "0.0.0-4034de059",
-    "cypress": "^15.3.0",
+    "@ui5/webcomponents-tools": "0.0.0-49bade48d",
+    "cypress": "15.9.0",
     "vite": "5.4.21"
   },
-  "gitHead": "6292295689a4541a5524ce72b20df7755ff1232b"
+  "gitHead": "11a0183fb2973739e3549bcbc83bc249dd503784"
 }

package/src/TableCellTemplate.tsx

@@ -7,7 +7,9 @@ export default function TableCellTemplate(this: TableCell) {
 			part="cell"
 			role="cell"
 		>
-			<slot></slot>
+			<div class="ui5-table-cell-content">
+				<slot></slot>
+			</div>
 		</td>
 	);
 }

package/src/themes/Table.css

@@ -28,9 +28,13 @@ table {
 }
 
 .ui5-table-header-row-navigated {
-    width: 0.1875rem;
-    background: var(--sapList_HeaderBackground);
-    vertical-align: middle;
+	width: 0.1875rem;
+	vertical-align: middle;
+	/* Workaround for known issue with Firefox where table row or cell has position: relative;
+	https://bugzilla.mozilla.org/show_bug.cgi?id=688556 */
+	background-image: linear-gradient(180deg,
+			var(--sapList_HeaderBackground) calc(100% - var(--ui5_table_header_row_border_width)),
+			var(--ui5_table_header_row_border_bottom_color) calc(100% - var(--ui5_table_header_row_border_width)));
 }
 
 .ui5-table-header-row {
@@ -39,7 +43,11 @@ table {
 	font-family: var(--sapFontFamily);
 	font-size: var(--sapFontSize);
 	font-weight: var(--ui5_table_header_row_font_weight);
-	border-bottom: var(--ui5_table_header_row_border_width) solid var(--ui5_table_header_row_border_bottom_color);
+	/* Workaround for known issue with Firefox where table row or cell has position: relative;
+	https://bugzilla.mozilla.org/show_bug.cgi?id=688556 */
+	background-image: linear-gradient(180deg,
+			var(--sapList_HeaderBackground) calc(100% - var(--ui5_table_header_row_border_width)),
+			var(--ui5_table_header_row_border_bottom_color) calc(100% - var(--ui5_table_header_row_border_width)));
 }
 
 .ui5-table-header-row:focus {
@@ -90,10 +98,6 @@ tr {
 	z-index: 98;
 }
 
-th {
-	background: var(--sapList_HeaderBackground);
-}
-
 .ui5-table-focusarea {
 	position: fixed;
-}
+}

package/src/themes/TableCell.css

@@ -5,14 +5,26 @@
 	height: var(--ui5_table_row_height);
 	box-sizing: border-box;
 	color: var(--sapList_TextColor);
-	word-break: break-word;
 	vertical-align: middle;
+	overflow: hidden;
+	max-width: 0;
 }
 
 td {
 	display: contents;
 }
 
+.ui5-table-cell-content {
+	display: block;
+	width: 100%;
+	overflow: hidden;
+}
+
+::slotted(*) {
+	max-width: 100%;
+	width: 100%;
+}
+
 :host([popined]) {
 	padding-left: 0;
 	padding-top: .25rem;

package/src/themes/TableColumn.css

@@ -3,7 +3,6 @@
 }
 
 th {
-	background: var(--sapList_HeaderBackground);
 	width: inherit;
 	font-weight: var(--ui5_table_header_row_font_weight);
 	font-size: var(--sapFontMediumSize);

package/src/themes/TableRow.css

@@ -9,9 +9,10 @@
 }
 
 .ui5-table-row-root {
-	background-color: var(--sapList_Background);
+	/* Workaround for known issue with Firefox where table row or cell has position: relative;
+	https://bugzilla.mozilla.org/show_bug.cgi?id=688556 */
+	background-image: linear-gradient(180deg, var(--sapList_BorderColor) 1px, var(--sapList_Background) 1px);
 	color: var(--sapList_TextColor);
-	border-top: 1px solid var(--sapList_BorderColor);
 	position: relative;
 }
 

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

@@ -1,4 +1,4 @@
-:root {
+:host {
 	--_ui5_load_more_padding: 0;
 	--_ui5_load_more_border: 1px top solid transparent;
 	--_ui5_load_more_border_radius: none;

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

@@ -1,4 +1,4 @@
-:root {
+:host {
 	--ui5_table_focus_outline_offset: 0.125rem;
 	--ui5_table_bottom_border: 1px solid var(--sapList_BorderColor);
 	--ui5_table_header_row_outline_width: 1px;

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

@@ -1,3 +1,3 @@
-:root {
+:host {
 	--ui5_table_header_row_font_weight: normal;
 }

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

@@ -1,4 +1,4 @@
-:root {
+:host {
 	--ui5_table_group_row_font-weight: normal;
 	--ui5_table_border_width: 0 0 1px 0;
 }

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

@@ -1,4 +1,4 @@
-:root {
+:host {
 	--ui5_table_row_outline_width: 1px;
 	--ui5_table_multiselect_popin_row_padding: 3.25rem;
 }

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

@@ -1,21 +1,21 @@
-:root {
+:host {
 	/* Table */
 
 	--_ui5_load_more_text_height: 2.75rem;
 	--_ui5_load_more_text_font_size: var(--sapFontMediumSize);
-	--_ui5_load_more_desc_padding:  0.375rem 2rem 0.875rem 2rem;
+	--_ui5_load_more_desc_padding: 0.375rem 2rem 0.875rem 2rem;
 	--ui5_table_header_row_height: 2.75rem;
 	--ui5_table_row_height: 2.75rem;
 	--ui5_table_group_row_height: 2rem;
 }
 
-[data-ui5-compact-size],
-.ui5-content-density-compact,
-.sapUiSizeCompact {
-	/* Table */
-	--_ui5_load_more_text_height: 2.625rem;
-	--_ui5_load_more_text_font_size: var(--sapFontSize);
-	--_ui5_load_more_desc_padding: 0 2rem 0.875rem 2rem;
-	--ui5_table_header_row_height: 2rem;
-	--ui5_table_row_height: 2rem;
-}
+@container style(--ui5_content_density: compact) {
+	:host {
+		/* Table */
+		--_ui5_load_more_text_height: 2.625rem;
+		--_ui5_load_more_text_font_size: var(--sapFontSize);
+		--_ui5_load_more_desc_padding: 0 2rem 0.875rem 2rem;
+		--ui5_table_header_row_height: 2rem;
+		--ui5_table_row_height: 2rem;
+	}
+}

package/src/themes/sap_fiori_3_hcb/GrowingButton-parameters.css

@@ -1,6 +1,6 @@
 @import "../base/GrowingButton-parameters.css";
 
-:root {
+:host {
 	--_ui5_load_more_padding: 0.25rem;
 	--_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);
 	--_ui5_load_more_border_radius: 0.375rem;

package/src/themes/sap_fiori_3_hcb/Table-parameters.css

@@ -1,5 +1,5 @@
 @import "../base/Table-parameters.css";
 
-:root {
+:host {
 	--ui5_table_header_row_outline_width: 0.125rem;
 }

package/src/themes/sap_fiori_3_hcb/TableRow-parameters.css

@@ -1,5 +1,5 @@
 @import "../base/TableRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_row_outline_width: 0.125rem;
 }

package/src/themes/sap_fiori_3_hcw/GrowingButton-parameters.css

@@ -1,6 +1,6 @@
 @import "../base/GrowingButton-parameters.css";
 
-:root {
+:host {
 	--_ui5_load_more_padding: 0.25rem;
 	--_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);
 	--_ui5_load_more_border_radius: 0.375rem;

package/src/themes/sap_fiori_3_hcw/Table-parameters.css

@@ -1,5 +1,5 @@
 @import "../base/Table-parameters.css";
 
-:root {
+:host {
 	--ui5_table_header_row_outline_width: 0.125rem;
 }

package/src/themes/sap_fiori_3_hcw/TableRow-parameters.css

@@ -1,5 +1,5 @@
 @import "../base/TableRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_row_outline_width: 0.125rem;
 }

package/src/themes/sap_horizon/GrowingButton-parameters.css

@@ -1,6 +1,6 @@
 @import "../base/GrowingButton-parameters.css";
 
-:root {
+:host {
 	--_ui5_load_more_outline_width: var(--sapContent_FocusWidth);
 	--_ui5_load_more_border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
 }

package/src/themes/sap_horizon/Table-parameters.css

@@ -1,8 +1,7 @@
 @import "../base/Table-parameters.css";
 
-:root {
+:host {
 	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
 	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
-	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: 0.1875rem;
 }

package/src/themes/sap_horizon/TableGroupRow-parameters.css

@@ -1,6 +1,6 @@
 @import "../base/TableGroupRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_group_row_font-weight: bold;
 	--ui5_table_border_width: 1px 0 1px 0;
 }

package/src/themes/sap_horizon/TableRow-parameters.css

@@ -1,5 +1,5 @@
 @import "../base/TableRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_row_outline_width: var(--sapContent_FocusWidth);
 }

package/src/themes/sap_horizon_auto/parameters-bundle.css

@@ -0,0 +1,3 @@
+/* Auto-generated at build time by merging sap_horizon (light) and sap_horizon_dark */
+/* This placeholder enables directory detection by the theme loader generator */
+@import "../sap_horizon/parameters-bundle.css";

package/src/themes/sap_horizon_dark/GrowingButton-parameters.css

@@ -1,6 +1,6 @@
 @import "../base/GrowingButton-parameters.css";
 
-:root {
+:host {
 	--_ui5_load_more_outline_width: var(--sapContent_FocusWidth);
 	--_ui5_load_more_border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
 }

package/src/themes/sap_horizon_dark/Table-parameters.css

@@ -1,8 +1,7 @@
 @import "../base/Table-parameters.css";
 
-:root {
+:host {
 	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
 	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
-	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: 0.1875rem;
 }

package/src/themes/sap_horizon_dark/TableGroupRow-parameters.css

@@ -1,6 +1,6 @@
 @import "../base/TableGroupRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_group_row_font-weight: bold;
 	--ui5_table_border_width: 1px 0 1px 0;
 }

package/src/themes/sap_horizon_dark/TableRow-parameters.css

@@ -1,5 +1,5 @@
 @import "../base/TableRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_row_outline_width: var(--sapContent_FocusWidth);
 }

package/src/themes/sap_horizon_hc_auto/parameters-bundle.css

@@ -0,0 +1,3 @@
+/* Auto-generated at build time by merging sap_horizon_hcw (light) and sap_horizon_hcb (dark) */
+/* This placeholder enables directory detection by the theme loader generator */
+@import "../sap_horizon_hcw/parameters-bundle.css";

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

@@ -1,6 +1,6 @@
 @import "../base/GrowingButton-parameters.css";
 
-:root {
+:host {
 	--_ui5_load_more_padding: 0.25rem;
 	--_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);
 	--_ui5_load_more_border_radius: 0.375rem;

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

@@ -1,9 +1,8 @@
 @import "../base/Table-parameters.css";
 
-:root {
+:host {
 	--ui5_table_header_row_outline_width: 0.125rem;
 	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
-	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: 0.25rem;
 	--ui5_table_header_row_border_width: 0.1875rem;
 }

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

@@ -1,6 +1,6 @@
 @import "../base/TableGroupRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_group_row_font-weight: bold;
 	--ui5_table_border_width: 1px 0 1px 0;
 }

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

@@ -1,5 +1,5 @@
 @import "../base/TableRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_row_outline_width: 0.125rem;
 }

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

@@ -1,6 +1,6 @@
 @import "../base/GrowingButton-parameters.css";
 
-:root {
+:host {
 	--_ui5_load_more_padding: 0.25rem;
 	--_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);
 	--_ui5_load_more_border_radius: 0.375rem;

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

@@ -1,9 +1,8 @@
 @import "../base/Table-parameters.css";
 
-:root {
+:host {
 	--ui5_table_header_row_outline_width: 0.125rem;
 	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
-	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
 	--ui5_table_focus_outline_offset: 0.25rem;
 	--ui5_table_header_row_border_width: 0.1875rem;
 }

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

@@ -1,6 +1,6 @@
 @import "../base/TableGroupRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_group_row_font-weight: bold;
 	--ui5_table_border_width: 1px 0 1px 0;
 }

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

@@ -1,5 +1,5 @@
 @import "../base/TableRow-parameters.css";
 
-:root {
+:host {
 	--ui5_table_row_outline_width: 0.125rem;
 }