@ui5/webcomponents-compat 0.0.0-7c7170d4a → 0.0.0-8ae0ba6fc

package/src/themes/GrowingButton.css

@@ -1,4 +1,4 @@
-[growing-button] {
+.ui5-table-growing-row {
 	display: flex;
 	align-items: center;
 	padding: var(--_ui5_load_more_padding);
@@ -9,7 +9,7 @@
 	outline: none;
 }
 
-[growing-button-inner] {
+.ui5-table-growing-row-inner {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -23,29 +23,29 @@
 	box-sizing: border-box;
 }
 
-[growing-button-inner]:focus {
+.ui5-table-growing-row-inner:focus-visible {
 	outline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -0.125rem;
 	border-color: transparent;
 }
 
-[growing-button-inner]:hover {
+.ui5-table-growing-row-inner:hover {
 	background-color: var(--sapList_Hover_Background);
 }
 
-[growing-button-inner]:active,
-[growing-button-inner][active] {
+.ui5-table-growing-row-inner:active,
+.ui5-table-growing-row-inner.ui5-table-growing-row-inner--active {
 	background-color: var(--sapList_Active_Background);
 	border-color: var(--sapList_Active_Background);
 }
 
-[growing-button-inner]:active > *,
-[growing-button-inner][active] > * {
+.ui5-table-growing-row-inner:active > *,
+.ui5-table-growing-row-inner.ui5-table-growing-row-inner--active > * {
 	color: var(--sapList_Active_TextColor);
 }
 
-[growing-button-text],
-[growing-button-subtext] {
+.ui5-table-growing-row-text,
+.ui5-table-growing-row-subtext {
 	width: 100%;
 	text-align: center;
 	font-family: "72override", var(--sapFontFamily);
@@ -55,14 +55,14 @@
 	box-sizing: border-box;
 }
 
-[growing-button-text] {
+.ui5-table-growing-row-text {
 	height: var(--_ui5_load_more_text_height);
 	padding: 0.875rem 1rem 0 1rem;
 	font-size: var(--_ui5_load_more_text_font_size);
 	font-weight: bold;
 }
 
-[growing-button-subtext] {
+.ui5-table-growing-row-subtext {
 	font-size: var(--sapFontSize);
 	padding: var(--_ui5_load_more_desc_padding);
 }

package/src/themes/Table.css

@@ -10,6 +10,17 @@
 	border-bottom: var(--ui5_table_bottom_border);
 }
 
+.ui5-table-root {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	box-sizing: border-box;
+}
+
+.ui5-table-busy-indicator {
+	flex-grow: 1;
+}
+
 table {
 	width: 100%;
 	border-spacing: 0;
@@ -33,7 +44,7 @@ table {
 
 .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);
+	outline-offset: calc(-1 * var(--ui5_table_focus_outline_offset));
 }
 
 tr {
@@ -60,29 +71,11 @@ tr {
 	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] {
+:host([busy]) .ui5-table-growing-row {
 	opacity: 0.72;
 }
 
-:host [growing-button] {
+:host .ui5-table-growing-row {
 	border-bottom: var(--_ui5_table_load_more_border-bottom);
 }
 
@@ -94,7 +87,7 @@ tr {
 :host([sticky-column-header]) .ui5-table-header-row {
 	position: sticky;
 	top: 0;
-	z-index: 99;
+	z-index: 98;
 }
 
 th {

package/src/themes/TableGroupRow.css

@@ -21,7 +21,7 @@
 
 .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);
+	outline-offset: calc(-1 * var(--ui5_table_focus_outline_offset));
 }
 
 td {

package/src/themes/TableRow.css

@@ -1,4 +1,5 @@
 :host {
+	--table-row-border-styles: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	display: contents;
 }
 
@@ -11,12 +12,46 @@
 	background-color: var(--sapList_Background);
 	color: var(--sapList_TextColor);
 	border-top: 1px solid var(--sapList_BorderColor);
+	position: relative;
+}
+
+/* FOCUS START */
+.ui5-table-row-root,
+.ui5-table-popin-row {
+	position: relative;
 }
 
 .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);
+	outline: none
+}
+
+.ui5-table-row-root:focus::after,
+.ui5-table-row-root:focus ~ .ui5-table-popin-row::after {
+	pointer-events: none;
+	position: absolute;
+	content: "";
+	inset: var(--ui5_table_focus_outline_offset);
+	border:  var(--table-row-border-styles);
+}
+
+.ui5-table-row-root:has(+ .ui5-table-popin-row):focus::after  {
+	bottom: 0;
+	border-bottom: none;
+}
+
+.ui5-table-row-root:focus ~ .ui5-table-popin-row::after {
+	top: 0;
+	bottom: 0;
+	border-top: none;
+	border-bottom: none;
+}
+
+
+.ui5-table-row-root:focus ~ .ui5-table-popin-row:last-child:after {
+	top: 0;
+	border-bottom:  var(--table-row-border-styles);
 }
+/* FOCUS END */
 
 .ui5-table-popin-row {
 	background-color: var(--sapList_Background);

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

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

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

@@ -6,7 +6,6 @@
 	--_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;
 }
 

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

@@ -2,8 +2,7 @@
 
 :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;
+	--ui5_table_focus_outline_offset: 0.1875rem;
 }

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

@@ -1,7 +1,6 @@
 @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";

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

@@ -2,8 +2,7 @@
 
 :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;
+	--ui5_table_focus_outline_offset: 0.1875rem;
 }

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

@@ -1,7 +1,6 @@
 @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";

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

@@ -2,9 +2,8 @@
 
 :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_focus_outline_offset: 0.25rem;
 	--ui5_table_header_row_border_width: 0.1875rem;
 }

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

@@ -2,9 +2,8 @@
 
 :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_focus_outline_offset: 0.25rem;
 	--ui5_table_header_row_border_width: 0.1875rem;
 }

package/tsconfig.json

@@ -1,28 +1,36 @@
 {
-  "include": ["src/**/*", "global.d.ts"],
-  "compilerOptions": {
-    "target": "ES2021",
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    // Generate d.ts files
-    "declaration": true,
-    "outDir": "dist",
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "inlineSources": true,
-    "strict": true,
-    "moduleResolution": "node",
-    "experimentalDecorators": true,
-    "importsNotUsedAsValues": "preserve",
-    "ignoreDeprecations": "5.0",
-    "paths": {
-      "@ui5/webcomponents-base/dist/*": ["../base/src/*"],
-      "@ui5/webcomponents/dist/*": ["../main/src/*"],
-      "@ui5/webcomponents-theming/dist/*": ["../theming/src/*"],
-    },
-  },
-  "references": [
-    { "path": "../base" },
-    { "path": "../main" },
-    { "path": "../theming" },
-  ]
+	"extends": "@ui5/webcomponents-tools/tsconfig.json",
+	"include": [
+		"src/**/*",
+		"global.d.ts"
+	],
+	"compilerOptions": {
+		"outDir": "dist",
+		"experimentalDecorators": true,
+		"verbatimModuleSyntax": true,
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
+		"paths": {
+			"@ui5/webcomponents-base/dist/*": [
+				"../base/src/*"
+			],
+			"@ui5/webcomponents/dist/*": [
+				"../main/src/*"
+			],
+			"@ui5/webcomponents-theming/dist/*": [
+				"../theming/src/*"
+			],
+		},
+	},
+	"references": [
+		{
+			"path": "../base"
+		},
+		{
+			"path": "../main"
+		},
+		{
+			"path": "../theming"
+		},
+	]
 }

package/dist/generated/templates/TableCellTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableCell from "../../TableCell.js";
-declare function block0(this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/TableCellTemplate.lit.js

@@ -1,5 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return html `<td tabindex="-1" part="cell" role="cell"><slot></slot></td>`; }
-export default block0;
-//# sourceMappingURL=TableCellTemplate.lit.js.map

package/dist/generated/templates/TableCellTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableCellTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAoE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,8DAA8D,CAAC,CAAA,CAAC;AAGhL,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type TableCell from \"../../TableCell.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<td tabindex=\"-1\" part=\"cell\" role=\"cell\"><slot></slot></td>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/TableColumnTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableColumn from "../../TableColumn.js";
-declare function block0(this: TableColumn, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/TableColumnTemplate.lit.js

@@ -1,5 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return html `<th scope="col" part="column" role="columnheader"><slot></slot></th>`; }
-export default block0;
-//# sourceMappingURL=TableColumnTemplate.lit.js.map

package/dist/generated/templates/TableColumnTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableColumnTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableColumnTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAoE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAqB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,sEAAsE,CAAC,CAAA,CAAC;AAG1L,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type TableColumn from \"../../TableColumn.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableColumn, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<th scope=\"col\" part=\"column\" role=\"columnheader\"><slot></slot></th>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableGroupRow from "../../TableGroupRow.js";
-declare function block0(this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/TableGroupRowTemplate.lit.js

@@ -1,5 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return html `<tr class="ui5-table-group-row-root" part="group-row" aria-label=${ifDefined(this.ariaLabelText)} tabindex="${ifDefined(this.forcedTabIndex)}" @focusin="${this._onfocusin}"><td colspan=${ifDefined(this.colSpan)}><slot></slot></td></tr>`; }
-export default block0;
-//# sourceMappingURL=TableGroupRowTemplate.lit.js.map

package/dist/generated/templates/TableGroupRowTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableGroupRowTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableGroupRowTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAwB,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAuB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,oEAAoE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,IAAI,CAAC,UAAU,iBAAiB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAA,CAAC;AAGnW,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type TableGroupRow from \"../../TableGroupRow.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr class=\"ui5-table-group-row-root\" part=\"group-row\" aria-label=${ifDefined(this.ariaLabelText)} tabindex=\"${ifDefined(this.forcedTabIndex)}\" @focusin=\"${this._onfocusin}\"><td colspan=${ifDefined(this.colSpan)}><slot></slot></td></tr>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/TableRowTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableRow from "../../TableRow.js";
-declare function block0(this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/TableRowTemplate.lit.js

@@ -1,16 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return html `<tr class="ui5-table-row-root" tabindex="${ifDefined(this.forcedTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onrowclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @mouseup="${this._onmouseup}" @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" aria-label="${ifDefined(this.ariaLabelText)}" aria-selected="${ifDefined(this.selected)}" aria-current="${ifDefined(this._ariaCurrent)}" data-sap-focus-ref part="row">${this.isMultiSelect ? block1.call(this, context, tags, suffix) : undefined}${this.shouldPopin ? block2.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}<td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>${this.shouldPopin ? block6.call(this, context, tags, suffix) : undefined} `; }
-function block1(context, tags, suffix) { return suffix ? html `<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-multi-select-checkbox" ?checked="${this.selected}" accessible-name="${ifDefined(this.ariaLabelRowSelection)}" @ui5-change="${ifDefined(this._handleSelection)}" tabindex="-1"></${scopeTag("ui5-checkbox", tags, suffix)}></td>` : html `<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><ui5-checkbox class="ui5-multi-select-checkbox" ?checked="${this.selected}" accessible-name="${ifDefined(this.ariaLabelRowSelection)}" @ui5-change="${ifDefined(this._handleSelection)}" tabindex="-1"></ui5-checkbox></td>`; }
-function block2(context, tags, suffix) { return html `${repeat(this.visibleCells, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}`; }
-function block3(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
-function block4(context, tags, suffix) { return html `${repeat(this.cells, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}`; }
-function block5(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
-function block6(context, tags, suffix) { return html `${repeat(this.popinCells, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}`; }
-function block7(context, tags, suffix, item, index) { return html `<tr part="popin-row" class="${ifDefined(item.classes)}" @click="${this._onrowclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}"><td colspan="${ifDefined(this.visibleCellsCount)}" role="cell">${item.popinDisplayInline ? block8.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index)}</td><td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>`; }
-function block8(context, tags, suffix, item, index) { return html `<div class="ui5-table-display-inline-container">${item.popinText ? block9.call(this, context, tags, suffix, item, index) : undefined}<span class="ui5-table-cell-display-inline"><slot name="${ifDefined(item.cell._individualSlot)}"></slot></span></div>`; }
-function block9(context, tags, suffix, item, index) { return html `<span class="ui5-table-row-popin-title">${ifDefined(item.popinText)}:</span>`; }
-function block10(context, tags, suffix, item, index) { return html `${item.popinText ? block11.call(this, context, tags, suffix, item, index) : undefined}<div><slot name="${ifDefined(item.cell._individualSlot)}"></slot></div>`; }
-function block11(context, tags, suffix, item, index) { return html `<span class="ui5-table-row-popin-title">${ifDefined(item.popinText)}:</span>`; }
-export default block0;
-//# sourceMappingURL=TableRowTemplate.lit.js.map

package/dist/generated/templates/TableRowTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRowTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableRowTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type TableRow from \"../../TableRow.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr class=\"ui5-table-row-root\" tabindex=\"${ifDefined(this.forcedTabIndex)}\" @focusin=\"${this._onfocusin}\" @focusout=\"${this._onfocusout}\" @click=\"${this._onrowclick}\" @keydown=\"${this._onkeydown}\" @keyup=\"${this._onkeyup}\" @mouseup=\"${this._onmouseup}\" @touchstart=\"${this._ontouchstart}\" @touchend=\"${this._ontouchend}\" aria-label=\"${ifDefined(this.ariaLabelText)}\" aria-selected=\"${ifDefined(this.selected)}\" aria-current=\"${ifDefined(this._ariaCurrent)}\" data-sap-focus-ref part=\"row\">${ this.isMultiSelect ? block1.call(this, context, tags, suffix) : undefined }${ this.shouldPopin ? block2.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }<td class=\"ui5-table-row-navigated\" aria-hidden=\"true\"><div class=\"ui5-table-div-navigated\"></div></td></tr>${ this.shouldPopin ? block6.call(this, context, tags, suffix) : undefined } `;}\nfunction block1 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<td class=\"ui5-table-multi-select-cell\" aria-hidden=\"true\" role=\"presentation\"><${scopeTag(\"ui5-checkbox\", tags, suffix)} class=\"ui5-multi-select-checkbox\" ?checked=\"${this.selected}\" accessible-name=\"${ifDefined(this.ariaLabelRowSelection)}\" @ui5-change=\"${ifDefined(this._handleSelection)}\" tabindex=\"-1\"></${scopeTag(\"ui5-checkbox\", tags, suffix)}></td>` : html`<td class=\"ui5-table-multi-select-cell\" aria-hidden=\"true\" role=\"presentation\"><ui5-checkbox class=\"ui5-multi-select-checkbox\" ?checked=\"${this.selected}\" accessible-name=\"${ifDefined(this.ariaLabelRowSelection)}\" @ui5-change=\"${ifDefined(this._handleSelection)}\" tabindex=\"-1\"></ui5-checkbox></td>`;}\nfunction block2 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.visibleCells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}\nfunction block3 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block4 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.cells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }`;}\nfunction block5 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block6 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.popinCells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }`;}\nfunction block7 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<tr part=\"popin-row\" class=\"${ifDefined(item.classes)}\" @click=\"${this._onrowclick}\" @keydown=\"${this._onkeydown}\" @keyup=\"${this._onkeyup}\"><td colspan=\"${ifDefined(this.visibleCellsCount)}\" role=\"cell\">${ item.popinDisplayInline ? block8.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }</td><td class=\"ui5-table-row-navigated\" aria-hidden=\"true\"><div class=\"ui5-table-div-navigated\"></div></td></tr>`;}\nfunction block8 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"ui5-table-display-inline-container\">${ item.popinText ? block9.call(this, context, tags, suffix, item, index) : undefined }<span class=\"ui5-table-cell-display-inline\"><slot name=\"${ifDefined(item.cell._individualSlot)}\"></slot></span></div>`;}\nfunction block9 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span class=\"ui5-table-row-popin-title\">${ifDefined(item.popinText)}:</span>`;}\nfunction block10 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.popinText ? block11.call(this, context, tags, suffix, item, index) : undefined }<div><slot name=\"${ifDefined(item.cell._individualSlot)}\"></slot></div>`;}\nfunction block11 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span class=\"ui5-table-row-popin-title\">${ifDefined(item.popinText)}:</span>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/TableTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type Table from "../../Table.js";
-declare function block0(this: Table, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/TableTemplate.lit.js

@@ -1,15 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, repeat, styleMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return html `<div class="ui5-table-root" @ui5-selection-requested="${ifDefined(this._handleSelect)}" @ui5-_forward-after="${ifDefined(this._onForwardAfter)}" @ui5-_forward-before="${ifDefined(this._onForwardBefore)}" @focusin="${this._onfocusin}"><div id="${ifDefined(this._id)}-before" tabindex="0" class="ui5-table-focusarea"></div>${this.busy ? block1.call(this, context, tags, suffix) : undefined}<table border="0" cellspacing="0" cellpadding="0" @keydown="${this._onkeydown}" role="table" aria-label="${ifDefined(this.tableAriaLabelText)}"><thead><tr id="${ifDefined(this._columnHeader.id)}" class="ui5-table-header-row" aria-label="${ifDefined(this.ariaLabelText)}" tabindex="${ifDefined(this._columnHeader.forcedTabIndex)}" @click="${this._onColumnHeaderClick}" @focusin="${this._onColumnHeaderFocused}" @keydown="${this._onColumnHeaderKeydown}">${this.isMultiSelect ? block2.call(this, context, tags, suffix) : undefined}${repeat(this.visibleColumns, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}<th class="ui5-table-header-row-navigated" aria-hidden="true"></th></tr></thead><tbody>${repeat(this.rows, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}${!this.rows.length ? block6.call(this, context, tags, suffix) : undefined}${this.growsWithButton ? block8.call(this, context, tags, suffix) : undefined}${this.growsOnScroll ? block10.call(this, context, tags, suffix) : undefined}</tbody></table><div id="${ifDefined(this._id)}-after" tabindex="0" class="ui5-table-focusarea"></div></div> `; }
-function block1(context, tags, suffix) { return suffix ? html `<div tabindex="-1" class="ui5-table-busy-row"><${scopeTag("ui5-busy-indicator", tags, suffix)} delay="${ifDefined(this.busyDelay)}" class="ui5-table-busy-ind" style="${styleMap(this.styles.busy)}" active data-sap-focus-ref></${scopeTag("ui5-busy-indicator", tags, suffix)}></div>` : html `<div tabindex="-1" class="ui5-table-busy-row"><ui5-busy-indicator delay="${ifDefined(this.busyDelay)}" class="ui5-table-busy-ind" style="${styleMap(this.styles.busy)}" active data-sap-focus-ref></ui5-busy-indicator></div>`; }
-function block2(context, tags, suffix) { return html `<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">${this.rows.length ? block3.call(this, context, tags, suffix) : undefined}</th>`; }
-function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-table-select-all-checkbox" ?checked="${this._allRowsSelected}" @ui5-change="${ifDefined(this._selectAll)}" accessible-name="${ifDefined(this.ariaLabelSelectAllText)}" tabindex="-1"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html `<ui5-checkbox class="ui5-table-select-all-checkbox" ?checked="${this._allRowsSelected}" @ui5-change="${ifDefined(this._selectAll)}" accessible-name="${ifDefined(this.ariaLabelSelectAllText)}" tabindex="-1"></ui5-checkbox>`; }
-function block4(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
-function block5(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
-function block6(context, tags, suffix) { return html `${!this.hideNoData ? block7.call(this, context, tags, suffix) : undefined}`; }
-function block7(context, tags, suffix) { return html `<tr class="ui5-table-no-data-row-root"><td colspan="${ifDefined(this.visibleColumnsCount)}" role="cell" style="width: 100%"><div class="ui5-table-no-data-row"><span>${ifDefined(this.noDataText)}</span></div></td></tr>`; }
-function block8(context, tags, suffix) { return html `<tr><td colspan="${ifDefined(this.visibleColumnsCount)}"><div growing-button><div id="${ifDefined(this._id)}-growingButton" tabindex="0" role="button" aria-labelledby="${ifDefined(this.loadMoreAriaLabelledBy)}" ?active="${this._loadMoreActive}" @click="${this._onLoadMoreClick}" @keydown="${this._onLoadMoreKeydown}" @keyup="${this._onLoadMoreKeyup}" growing-button-inner><span id="${ifDefined(this._id)}-growingButton-text" growing-button-text>${ifDefined(this._growingButtonText)}</span>${this.growingButtonSubtext ? block9.call(this, context, tags, suffix) : undefined}</div></div></td></tr>`; }
-function block9(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-growingButton-subtext" growing-button-subtext>${ifDefined(this.growingButtonSubtext)}</span>`; }
-function block10(context, tags, suffix) { return html `<tr tabindex="-1" class="ui5-table-end-row"><td tabindex="-1"><span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span></td></tr>`; }
-export default block0;
-//# sourceMappingURL=TableTemplate.lit.js.map

package/dist/generated/templates/TableTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type Table from \"../../Table.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-table-root\" @ui5-selection-requested=\"${ifDefined(this._handleSelect)}\" @ui5-_forward-after=\"${ifDefined(this._onForwardAfter)}\" @ui5-_forward-before=\"${ifDefined(this._onForwardBefore)}\" @focusin=\"${this._onfocusin}\"><div id=\"${ifDefined(this._id)}-before\" tabindex=\"0\" class=\"ui5-table-focusarea\"></div>${ this.busy ? block1.call(this, context, tags, suffix) : undefined }<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" @keydown=\"${this._onkeydown}\" role=\"table\" aria-label=\"${ifDefined(this.tableAriaLabelText)}\"><thead><tr id=\"${ifDefined(this._columnHeader.id)}\" class=\"ui5-table-header-row\" aria-label=\"${ifDefined(this.ariaLabelText)}\" tabindex=\"${ifDefined(this._columnHeader.forcedTabIndex)}\" @click=\"${this._onColumnHeaderClick}\" @focusin=\"${this._onColumnHeaderFocused}\" @keydown=\"${this._onColumnHeaderKeydown}\">${ this.isMultiSelect ? block2.call(this, context, tags, suffix) : undefined }${ repeat(this.visibleColumns, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block4.call(this, context, tags, suffix, item, index)) }<th class=\"ui5-table-header-row-navigated\" aria-hidden=\"true\"></th></tr></thead><tbody>${ repeat(this.rows, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }${ !this.rows.length ? block6.call(this, context, tags, suffix) : undefined }${ this.growsWithButton ? block8.call(this, context, tags, suffix) : undefined }${ this.growsOnScroll ? block10.call(this, context, tags, suffix) : undefined }</tbody></table><div id=\"${ifDefined(this._id)}-after\" tabindex=\"0\" class=\"ui5-table-focusarea\"></div></div> `;}\nfunction block1 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div tabindex=\"-1\" class=\"ui5-table-busy-row\"><${scopeTag(\"ui5-busy-indicator\", tags, suffix)} delay=\"${ifDefined(this.busyDelay)}\" class=\"ui5-table-busy-ind\" style=\"${styleMap(this.styles.busy)}\" active data-sap-focus-ref></${scopeTag(\"ui5-busy-indicator\", tags, suffix)}></div>` : html`<div tabindex=\"-1\" class=\"ui5-table-busy-row\"><ui5-busy-indicator delay=\"${ifDefined(this.busyDelay)}\" class=\"ui5-table-busy-ind\" style=\"${styleMap(this.styles.busy)}\" active data-sap-focus-ref></ui5-busy-indicator></div>`;}\nfunction block2 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<th class=\"ui5-table-select-all-column\" role=\"presentation\" aria-hidden=\"true\">${ this.rows.length ? block3.call(this, context, tags, suffix) : undefined }</th>`;}\nfunction block3 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-checkbox\", tags, suffix)} class=\"ui5-table-select-all-checkbox\" ?checked=\"${this._allRowsSelected}\" @ui5-change=\"${ifDefined(this._selectAll)}\" accessible-name=\"${ifDefined(this.ariaLabelSelectAllText)}\" tabindex=\"-1\"></${scopeTag(\"ui5-checkbox\", tags, suffix)}>` : html`<ui5-checkbox class=\"ui5-table-select-all-checkbox\" ?checked=\"${this._allRowsSelected}\" @ui5-change=\"${ifDefined(this._selectAll)}\" accessible-name=\"${ifDefined(this.ariaLabelSelectAllText)}\" tabindex=\"-1\"></ui5-checkbox>`;}\nfunction block4 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block5 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block6 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ !this.hideNoData ? block7.call(this, context, tags, suffix) : undefined }`;}\nfunction block7 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr class=\"ui5-table-no-data-row-root\"><td colspan=\"${ifDefined(this.visibleColumnsCount)}\" role=\"cell\" style=\"width: 100%\"><div class=\"ui5-table-no-data-row\"><span>${ifDefined(this.noDataText)}</span></div></td></tr>`;}\nfunction block8 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr><td colspan=\"${ifDefined(this.visibleColumnsCount)}\"><div growing-button><div id=\"${ifDefined(this._id)}-growingButton\" tabindex=\"0\" role=\"button\" aria-labelledby=\"${ifDefined(this.loadMoreAriaLabelledBy)}\" ?active=\"${this._loadMoreActive}\" @click=\"${this._onLoadMoreClick}\" @keydown=\"${this._onLoadMoreKeydown}\" @keyup=\"${this._onLoadMoreKeyup}\" growing-button-inner><span id=\"${ifDefined(this._id)}-growingButton-text\" growing-button-text>${ifDefined(this._growingButtonText)}</span>${ this.growingButtonSubtext ? block9.call(this, context, tags, suffix) : undefined }</div></div></td></tr>`;}\nfunction block9 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-growingButton-subtext\" growing-button-subtext>${ifDefined(this.growingButtonSubtext)}</span>`;}\nfunction block10 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr tabindex=\"-1\" class=\"ui5-table-end-row\"><td tabindex=\"-1\"><span tabindex=\"-1\" aria-hidden=\"true\" class=\"ui5-table-end-marker\"></span></td></tr>`;}\n\n\nexport default block0;"]}

package/src/Table.hbs

@@ -1,121 +0,0 @@
-<div
-	class="ui5-table-root"
-	@ui5-selection-requested="{{_handleSelect}}"
-	@ui5-_forward-after="{{_onForwardAfter}}"
-	@ui5-_forward-before="{{_onForwardBefore}}"
-	@focusin="{{_onfocusin}}"
->
-	<div id="{{_id}}-before" tabindex="0" class="ui5-table-focusarea"></div>
-
-	{{#if busy}}
-		{{> busyRow}}
-	{{/if}}
-
-	<table border="0" cellspacing="0" cellpadding="0" @keydown="{{_onkeydown}}" role="table" aria-label="{{tableAriaLabelText}}">
-		<thead>
-			<tr
-				id="{{_columnHeader.id}}"
-				class="ui5-table-header-row"
-				aria-label="{{ariaLabelText}}"
-				tabindex="{{_columnHeader.forcedTabIndex}}"
-				@click="{{_onColumnHeaderClick}}"
-				@focusin="{{_onColumnHeaderFocused}}"
-				@keydown="{{_onColumnHeaderKeydown}}"
-			>
-				{{#if isMultiSelect}}
-					<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">
-						{{#if rows.length}}
-							<ui5-checkbox class="ui5-table-select-all-checkbox"
-								?checked="{{_allRowsSelected}}"
-								@ui5-change="{{_selectAll}}"
-								accessible-name="{{ariaLabelSelectAllText}}"
-								tabindex="-1"
-							>
-							</ui5-checkbox>
-						{{/if}}
-					</th>
-				{{/if}}
-
-				{{#each visibleColumns}}
-					<slot name="{{this._individualSlot}}"></slot>
-				{{/each}}
-				<th class="ui5-table-header-row-navigated" aria-hidden="true"></th>
-			</tr>
-		</thead>
-
-		<tbody>
-			{{#each rows}}
-				<slot name="{{this._individualSlot}}"></slot>
-			{{/each}}
-
-			{{#unless rows.length}}
-				{{#unless hideNoData}}
-					<tr class="ui5-table-no-data-row-root">
-						<td colspan="{{visibleColumnsCount}}" role="cell" style="width: 100%">
-
-							<div class="ui5-table-no-data-row">
-								<span>{{noDataText}}</span>
-							</div>
-						</td>
-					</tr>
-				{{/unless}}
-			{{/unless}}
-
-			{{#if growsWithButton}}
-				{{> moreRow}}
-			{{/if}}
-
-			{{#if growsOnScroll}}
-				{{> tableEndRow}}
-			{{/if}}
-		</tbody>
-	</table>
-
-	<div id="{{_id}}-after" tabindex="0" class="ui5-table-focusarea"></div>
-</div>
-
-{{#*inline "moreRow"}}
-<tr>
-	<td colspan="{{visibleColumnsCount}}">
-		<div growing-button>
-			<div
-				id="{{_id}}-growingButton"
-				tabindex="0"
-				role="button"
-				aria-labelledby="{{loadMoreAriaLabelledBy}}"
-				?active="{{_loadMoreActive}}"
-				@click="{{_onLoadMoreClick}}"
-				@keydown="{{_onLoadMoreKeydown}}"
-				@keyup="{{_onLoadMoreKeyup}}"
-				growing-button-inner
-			>
-				<span id="{{_id}}-growingButton-text" growing-button-text>{{_growingButtonText}}</span>
-
-				{{#if growingButtonSubtext}}
-					<span id="{{_id}}-growingButton-subtext" growing-button-subtext>{{growingButtonSubtext}}</span>
-				{{/if}}
-			</div>
-		</div>
-	</td>
-</tr>
-{{/inline}}
-
-{{#*inline "tableEndRow"}}
-	<tr tabindex="-1" class="ui5-table-end-row">
-		<td tabindex="-1">
-			<span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span>
-		</td>
-	</tr>
-{{/inline}}
-
-{{#*inline "busyRow"}}
-	<div tabindex="-1" class="ui5-table-busy-row">
-		<ui5-busy-indicator
-			delay="{{busyDelay}}"
-			class="ui5-table-busy-ind"
-			style="{{styles.busy}}"
-			active
-			data-sap-focus-ref
-		></ui5-busy-indicator>
-	</div>
-{{/inline}}