@ui5/webcomponents-compat 0.0.0-0dd36ca4b

package/src/themes/Table.css

@@ -0,0 +1,106 @@
+@import "./GrowingButton.css";
+
+:host(:not([hidden])) {
+	display: inline-block;
+	width: 100%;
+}
+
+.ui5-table-root {
+	position: relative;
+	border-bottom: var(--ui5_table_bottom_border);
+}
+
+table {
+	width: 100%;
+	border-spacing: 0;
+	border-collapse: collapse;
+}
+
+.ui5-table-header-row-navigated {
+    width: 0.1875rem;
+    background: var(--sapList_HeaderBackground);
+    vertical-align: middle;
+}
+
+.ui5-table-header-row {
+	color: var(--sapList_HeaderTextColor);
+	height: var(--ui5_table_header_row_height);
+	font-family: "72override", 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);
+}
+
+.ui5-table-header-row:focus {
+	outline: var(--ui5_table_header_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: var(--ui5_table_focus_outline_offset);
+}
+
+tr {
+	height: 3rem;
+}
+
+.ui5-table-no-data-row {
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: auto;
+	justify-content: center;
+	text-align: center;
+	padding: 0.5rem 1rem;
+	font-family: "72override", var(--sapFontFamily);
+	font-size: 0.875rem;
+	box-sizing: border-box;
+	color: var(--sapTextColor);
+	min-height: 3rem;
+	background-color: var(--sapList_Background);
+}
+
+.ui5-table-end-row {
+	height: 0px;
+}
+
+:host([busy]) .ui5-table-busy-row {
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 0;
+	outline: none;
+	z-index: 100;
+}
+
+:host([busy]) .ui5-table-busy-ind {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	z-index: 1;
+}
+
+:host([busy]) [growing-button] {
+	opacity: 0.72;
+}
+
+:host [growing-button] {
+	border-bottom: var(--_ui5_table_load_more_border-bottom);
+}
+
+.ui5-table-select-all-column {
+	width: var(--ui5_table_multiselect_column_width);
+	text-align: center;
+}
+
+:host([sticky-column-header]) .ui5-table-header-row {
+	position: sticky;
+	top: 0;
+	z-index: 99;
+}
+
+th {
+	background: var(--sapList_HeaderBackground);
+}
+
+.ui5-table-focusarea {
+	position: fixed;
+}

package/src/themes/TableCell.css

@@ -0,0 +1,27 @@
+:host {
+	display: table-cell;
+	font-family: "72override", var(--sapFontFamily);
+	font-size: 0.875rem;
+	height: var(--ui5_table_row_height);
+	box-sizing: border-box;
+	color: var(--sapList_TextColor);
+	word-break: break-word;
+	vertical-align: middle;
+}
+
+td {
+	display: contents;
+}
+
+:host([popined]) {
+	padding-left: 0;
+	padding-top: .25rem;
+}
+
+:host([_popined-inline]) {
+	padding-top: 0;
+}
+
+::slotted([ui5-label]) {
+	color: inherit;
+}

package/src/themes/TableColumn.css

@@ -0,0 +1,25 @@
+:host {
+	display: contents;
+}
+
+th {
+	background: var(--sapList_HeaderBackground);
+	width: inherit;
+	font-weight: var(--ui5_table_header_row_font_weight);
+	font-size: var(--sapFontMediumSize);
+	font-family: var(--ui5_table_header_row_font_family);
+	padding: 0.5rem;
+	box-sizing: border-box;
+	text-align: start;
+	vertical-align: middle;
+}
+
+:host([first]) th {
+	padding-inline-start: 1rem;
+}
+
+th ::slotted([ui5-label]) {
+	font-weight: var(--ui5_table_header_row_font_weight);
+	font-size: var(--sapFontMediumSize);
+	font-family: var(--ui5_table_header_row_font_family);
+}

package/src/themes/TableGroupRow.css

@@ -0,0 +1,32 @@
+:host {
+    display: contents;
+}
+
+:host([_busy]) .ui5-table-group-row-root {
+	opacity: 0.72;
+	pointer-events: none;
+}
+
+.ui5-table-group-row-root {
+	height: var(--ui5_table_group_row_height);
+	border-style: solid;
+	border-color: var(--sapList_TableGroupHeaderBorderColor);
+	border-width: var(--ui5_table_border_width);
+	background-color: var(--sapList_TableGroupHeaderBackground);
+	color: var(--sapList_TableGroupHeaderTextColor);
+	font-family: "72override", var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+	font-weight: var(--ui5_table_group_row_font-weight);
+}
+
+.ui5-table-group-row-root:focus {
+	outline: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: var(--ui5_table_focus_outline_offset);
+}
+
+td {
+	word-break: break-word;
+	vertical-align: middle;
+	padding: .5rem .25rem .5rem 1rem;
+	text-align: start;
+}

package/src/themes/TableRow.css

@@ -0,0 +1,130 @@
+:host {
+	display: contents;
+}
+
+:host([_busy]) .ui5-table-row-root {
+	opacity: 0.72;
+	pointer-events: none;
+}
+
+.ui5-table-row-root {
+	background-color: var(--sapList_Background);
+	color: var(--sapList_TextColor);
+	border-top: 1px solid var(--sapList_BorderColor);
+}
+
+.ui5-table-row-root:focus {
+	outline: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: var(--ui5_table_focus_outline_offset);
+}
+
+.ui5-table-popin-row {
+	background-color: var(--sapList_Background);
+}
+
+.ui5-table-popin-row.all-columns-popped-in.popin-header {
+	border-top: 1px solid var(--sapList_BorderColor);
+}
+
+.ui5-table-popin-row td:not(.ui5-table-row-navigated) {
+	padding-top: .5rem;
+	padding-inline-start: 1rem;
+}
+
+:host([mode="MultiSelect"]) .ui5-table-popin-row td:not(.ui5-table-row-navigated) {
+	padding-inline-start: var(--ui5_table_multiselect_popin_row_padding);
+}
+
+.ui5-table-popin-row:last-child td {
+	padding-bottom: .5rem;
+}
+
+.ui5-table-row-popin-title {
+	color: var(--sapContent_LabelColor);
+	font-family: "72override", var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+}
+
+.ui5-table-cell-display-inline {
+	margin-inline-start: 0.5rem;
+}
+
+.ui5-table-display-inline-container {
+	display: flex;
+	align-items: center;
+}
+
+.ui5-table-multi-select-cell {
+	padding: .25rem 0;
+	box-sizing: border-box;
+	text-align: center;
+	vertical-align: middle;
+}
+
+:host([mode="SingleSelect"]) .ui5-table-row-root {
+	cursor: pointer;
+}
+:host([mode="MultiSelect"]) .ui5-table-row-root .ui5-table-multi-select-cell {
+	cursor: pointer;
+}
+
+:host ::slotted([ui5-table-cell]:not([popined])) {
+	padding: .25rem .5rem;
+}
+
+:host(:not([mode="MultiSelect"])) ::slotted([ui5-table-cell]:not([popined]):first-child) {
+	padding-inline-start: 1rem;
+}
+
+/** Hover **/
+:host([type="Active"]) .ui5-table-row-root:hover,
+:host([mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active) {
+	background-color: var(--sapList_Hover_Background);
+}
+
+/** Down/Active **/
+:host([type="Active"]) .ui5-table-row-root:active,
+:host([selected][type="Active"]) .ui5-table-row-root:active {
+	background-color: var(--sapList_Active_Background);
+}
+
+:host([type="Active"]) .ui5-table-row-root:active ::slotted([ui5-table-cell]) {
+	color: var(--sapList_Active_TextColor);
+}
+
+/** Selected **/
+:host([selected]) .ui5-table-row-root:not(:active),
+:host([selected]) .ui5-table-row-root:not(:active) ~ tr {
+	background-color: var(--sapList_SelectionBackgroundColor);
+}
+
+:host([selected]) tr:last-child {
+	border-bottom: 1px solid var(--sapList_SelectionBorderColor);
+}
+
+/** Hover on Selected **/
+:host([selected][type="Active"]) .ui5-table-row-root:hover:not(:active),
+:host([selected][mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active) {
+	background-color: var(--sapList_Hover_SelectionBackground);
+}
+
+/** Navigated **/
+:host([navigated]) .ui5-table-row-root:focus .ui5-table-div-navigated {
+    width: 0.09375rem;
+	top: 2px;
+	inset-inline-end: 2px;
+	bottom: 1px;
+}
+
+:host([navigated]) .ui5-table-row-navigated {
+    vertical-align: middle;
+    padding: 0;
+    position: relative;
+}
+
+:host([navigated]) .ui5-table-div-navigated {
+	width: 0.1875rem;
+    position: absolute;
+	inset: 0;
+    background-color: var(--sapList_SelectionBorderColor);
+}

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

@@ -0,0 +1,6 @@
+:root {
+	--_ui5_load_more_padding: 0;
+	--_ui5_load_more_border: 1px top solid transparent;
+	--_ui5_load_more_border_radius: none;
+	--_ui5_load_more_outline_width: 1px;
+}

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

@@ -0,0 +1,10 @@
+:root {
+	--ui5_table_bottom_border: 1px solid var(--sapList_BorderColor);
+	--ui5_table_header_row_outline_width: 1px;
+	--ui5_table_multiselect_column_width: 2.75rem;
+	--ui5_table_header_row_font_weight: normal;
+	--ui5_table_header_row_font_family: var(--sapFontFamily);
+	--ui5_table_header_row_border_bottom_color: var(--sapList_BorderColor);
+	--ui5_table_header_row_border_width: 1px;
+	--_ui5_table_load_more_border-bottom: none;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+:root {
+	/* 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_table_header_row_height: 2.75rem;
+	--ui5_table_row_height: 2.75rem;
+	--ui5_table_focus_outline_offset: -0.125rem;
+	--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;
+}

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

@@ -0,0 +1,6 @@
+@import "../base/Table-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "../base/TableRow-parameters.css";
+@import "../base/TableGroupRow-parameters.css";
+@import "../base/GrowingButton-parameters.css";
+@import "../base/sizes-parameters.css";

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

@@ -0,0 +1,6 @@
+@import "../base/Table-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "../base/TableRow-parameters.css";
+@import "../base/TableGroupRow-parameters.css";
+@import "../base/GrowingButton-parameters.css";
+@import "../base/sizes-parameters.css";

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+@import "./Table-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "../base/TableGroupRow-parameters.css";
+@import "./GrowingButton-parameters.css";
+@import "../base/sizes-parameters.css";

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+@import "./Table-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "../base/TableGroupRow-parameters.css";
+@import "./GrowingButton-parameters.css";
+@import "../base/sizes-parameters.css";

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

@@ -0,0 +1,6 @@
+@import "../base/GrowingButton-parameters.css";
+
+:root {
+	--_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

@@ -0,0 +1,9 @@
+@import "../base/Table-parameters.css";
+
+:root {
+	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
+	--ui5_table_header_row_font_weight: bold;
+	--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/TableColumn-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/TableColumn-parameters.css";
+
+:root {
+	--ui5_table_header_row_font_weight: bold;
+}

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

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

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

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

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

@@ -0,0 +1,8 @@
+@import "../base/Table-parameters.css";
+@import "../base/TableRow-parameters.css";
+@import "./Table-parameters.css";
+@import "./TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "./TableGroupRow-parameters.css";
+@import "./GrowingButton-parameters.css";
+@import "../base/sizes-parameters.css";

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

@@ -0,0 +1,6 @@
+@import "../base/GrowingButton-parameters.css";
+
+:root {
+	--_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

@@ -0,0 +1,9 @@
+@import "../base/Table-parameters.css";
+
+:root {
+	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
+	--ui5_table_header_row_font_weight: bold;
+	--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/TableColumn-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/TableColumn-parameters.css";
+
+:root {
+	--ui5_table_header_row_font_weight: bold;
+}

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

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

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

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

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

@@ -0,0 +1,8 @@
+@import "../base/Table-parameters.css";
+@import "../base/TableRow-parameters.css";
+@import "./Table-parameters.css";
+@import "./TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "./TableGroupRow-parameters.css";
+@import "./GrowingButton-parameters.css";
+@import "../base/sizes-parameters.css";

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

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

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

@@ -0,0 +1,10 @@
+@import "../base/Table-parameters.css";
+
+:root {
+	--ui5_table_header_row_outline_width: 0.125rem;
+	--ui5_table_header_row_font_weight: bold;
+	--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;
+	--ui5_table_header_row_border_width: 0.1875rem;
+}

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

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

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

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

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

@@ -0,0 +1,6 @@
+@import "./Table-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "./TableGroupRow-parameters.css";
+@import "./GrowingButton-parameters.css";
+@import "../base/sizes-parameters.css";

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

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

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

@@ -0,0 +1,10 @@
+@import "../base/Table-parameters.css";
+
+:root {
+	--ui5_table_header_row_outline_width: 0.125rem;
+	--ui5_table_header_row_font_weight: bold;
+	--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;
+	--ui5_table_header_row_border_width: 0.1875rem;
+}

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

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

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

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

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

@@ -0,0 +1,6 @@
+@import "./Table-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "./TableGroupRow-parameters.css";
+@import "./GrowingButton-parameters.css";
+@import "../base/sizes-parameters.css";