@ui5/webcomponents-compat 0.0.0-9261ac932 → 0.0.0-acc6fea96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/CHANGELOG.md +166 -0
  2. package/dist/Table.d.ts +8 -2
  3. package/dist/Table.js +5 -32
  4. package/dist/Table.js.map +1 -1
  5. package/dist/TableCell.js +3 -3
  6. package/dist/TableCell.js.map +1 -1
  7. package/dist/TableCellTemplate.d.ts +2 -0
  8. package/dist/TableCellTemplate.js +5 -0
  9. package/dist/TableCellTemplate.js.map +1 -0
  10. package/dist/TableColumn.js +3 -3
  11. package/dist/TableColumn.js.map +1 -1
  12. package/dist/TableColumnTemplate.d.ts +2 -0
  13. package/dist/TableColumnTemplate.js +5 -0
  14. package/dist/TableColumnTemplate.js.map +1 -0
  15. package/dist/TableGroupRow.d.ts +3 -0
  16. package/dist/TableGroupRow.js +4 -8
  17. package/dist/TableGroupRow.js.map +1 -1
  18. package/dist/TableGroupRowTemplate.d.ts +2 -0
  19. package/dist/TableGroupRowTemplate.js +5 -0
  20. package/dist/TableGroupRowTemplate.js.map +1 -0
  21. package/dist/TableRow.d.ts +10 -4
  22. package/dist/TableRow.js +15 -32
  23. package/dist/TableRow.js.map +1 -1
  24. package/dist/TableRowTemplate.d.ts +2 -0
  25. package/dist/TableRowTemplate.js +15 -0
  26. package/dist/TableRowTemplate.js.map +1 -0
  27. package/dist/TableTemplate.d.ts +2 -0
  28. package/dist/TableTemplate.js +20 -0
  29. package/dist/TableTemplate.js.map +1 -0
  30. package/dist/css/themes/GrowingButton.css +1 -1
  31. package/dist/css/themes/Table.css +1 -1
  32. package/dist/css/themes/TableCell.css +1 -1
  33. package/dist/css/themes/TableColumn.css +1 -1
  34. package/dist/css/themes/TableGroupRow.css +1 -1
  35. package/dist/css/themes/TableRow.css +1 -1
  36. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  37. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  38. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  39. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  40. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  41. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  42. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  43. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  44. package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
  45. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  46. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  47. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  48. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  49. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  50. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  51. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  52. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  53. package/dist/generated/themes/GrowingButton.css.d.ts +2 -3
  54. package/dist/generated/themes/GrowingButton.css.js +2 -3
  55. package/dist/generated/themes/GrowingButton.css.js.map +1 -1
  56. package/dist/generated/themes/Table.css.d.ts +2 -3
  57. package/dist/generated/themes/Table.css.js +2 -3
  58. package/dist/generated/themes/Table.css.js.map +1 -1
  59. package/dist/generated/themes/TableCell.css.d.ts +2 -3
  60. package/dist/generated/themes/TableCell.css.js +2 -3
  61. package/dist/generated/themes/TableCell.css.js.map +1 -1
  62. package/dist/generated/themes/TableColumn.css.d.ts +2 -3
  63. package/dist/generated/themes/TableColumn.css.js +2 -3
  64. package/dist/generated/themes/TableColumn.css.js.map +1 -1
  65. package/dist/generated/themes/TableGroupRow.css.d.ts +2 -3
  66. package/dist/generated/themes/TableGroupRow.css.js +2 -3
  67. package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
  68. package/dist/generated/themes/TableRow.css.d.ts +2 -3
  69. package/dist/generated/themes/TableRow.css.js +2 -3
  70. package/dist/generated/themes/TableRow.css.js.map +1 -1
  71. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -3
  72. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +2 -3
  73. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  74. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +2 -3
  75. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +2 -3
  76. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  77. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +2 -3
  78. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +2 -3
  79. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  80. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +2 -3
  81. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +2 -3
  82. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  83. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -3
  84. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +2 -3
  85. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  86. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +2 -3
  87. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +2 -3
  88. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  89. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +2 -3
  90. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +2 -3
  91. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  92. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +2 -3
  93. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +2 -3
  94. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  95. package/dist/tsconfig.tsbuildinfo +1 -1
  96. package/dist/web-types.json +1 -1
  97. package/package.json +7 -7
  98. package/src/TableCellTemplate.tsx +13 -0
  99. package/src/TableColumnTemplate.tsx +13 -0
  100. package/src/TableGroupRowTemplate.tsx +17 -0
  101. package/src/TableRowTemplate.tsx +92 -0
  102. package/src/TableTemplate.tsx +129 -0
  103. package/src/i18n/messagebundle_en_US_saptrc.properties +10 -10
  104. package/src/themes/GrowingButton.css +12 -12
  105. package/src/themes/Table.css +8 -4
  106. package/src/themes/TableRow.css +37 -2
  107. package/src/themes/base/Table-parameters.css +1 -1
  108. package/src/themes/sap_horizon/Table-parameters.css +1 -1
  109. package/src/themes/sap_horizon_dark/Table-parameters.css +1 -1
  110. package/src/themes/sap_horizon_hcb/Table-parameters.css +1 -1
  111. package/src/themes/sap_horizon_hcw/Table-parameters.css +1 -1
  112. package/dist/generated/templates/TableCellTemplate.lit.d.ts +0 -4
  113. package/dist/generated/templates/TableCellTemplate.lit.js +0 -5
  114. package/dist/generated/templates/TableCellTemplate.lit.js.map +0 -1
  115. package/dist/generated/templates/TableColumnTemplate.lit.d.ts +0 -4
  116. package/dist/generated/templates/TableColumnTemplate.lit.js +0 -5
  117. package/dist/generated/templates/TableColumnTemplate.lit.js.map +0 -1
  118. package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts +0 -4
  119. package/dist/generated/templates/TableGroupRowTemplate.lit.js +0 -5
  120. package/dist/generated/templates/TableGroupRowTemplate.lit.js.map +0 -1
  121. package/dist/generated/templates/TableRowTemplate.lit.d.ts +0 -4
  122. package/dist/generated/templates/TableRowTemplate.lit.js +0 -16
  123. package/dist/generated/templates/TableRowTemplate.lit.js.map +0 -1
  124. package/dist/generated/templates/TableTemplate.lit.d.ts +0 -4
  125. package/dist/generated/templates/TableTemplate.lit.js +0 -14
  126. package/dist/generated/templates/TableTemplate.lit.js.map +0 -1
  127. package/src/Table.hbs +0 -112
  128. package/src/TableCell.hbs +0 -7
  129. package/src/TableColumn.hbs +0 -7
  130. package/src/TableGroupRow.hbs +0 -11
  131. package/src/TableRow.hbs +0 -85
@@ -0,0 +1,92 @@
1
+ import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
2
+ import type TableRow from "./TableRow.js";
3
+
4
+ export default function TableRowTemplate(this: TableRow) {
5
+ return (
6
+ <>
7
+ <tr
8
+ class="ui5-table-row-root"
9
+ tabindex={this.forcedTabIndex ? parseInt(this.forcedTabIndex) : undefined}
10
+ onFocusIn={this._onfocusin}
11
+ onFocusOut={this._onfocusout}
12
+ onClick={this._onrowclick}
13
+ onKeyDown={this._onkeydown}
14
+ onKeyUp={this._onkeyup}
15
+ onMouseUp={this._onmouseup}
16
+ onTouchStart={this._ontouchstart}
17
+ onTouchEnd={this._ontouchend}
18
+ aria-label={this.ariaLabelText}
19
+ aria-selected={this.selected}
20
+ aria-current={this._ariaCurrent}
21
+ data-sap-focus-ref
22
+ part="row"
23
+ >
24
+ {this.isMultiSelect &&
25
+ <td
26
+ class="ui5-table-multi-select-cell"
27
+ aria-hidden="true"
28
+ role="presentation"
29
+ >
30
+ <CheckBox
31
+ class="ui5-multi-select-checkbox"
32
+ checked={this.selected}
33
+ accessibleName={this.ariaLabelRowSelection}
34
+ onChange={this._handleSelection}
35
+ tabindex={-1}
36
+ />
37
+ </td>
38
+ }
39
+
40
+ {this.shouldPopin ?
41
+ this.visibleCells.map(cell => <slot name={cell._individualSlot}></slot>)
42
+ :
43
+ this.cells.map(cell => <slot name={cell._individualSlot}></slot>)
44
+ }
45
+
46
+ <td class="ui5-table-row-navigated" aria-hidden="true">
47
+ <div class="ui5-table-div-navigated"></div>
48
+ </td>
49
+ </tr>
50
+
51
+ {
52
+ this.shouldPopin && this.popinCells.map(cellData =>
53
+ <tr
54
+ part="popin-row"
55
+ class={cellData.classes}
56
+ onClick={this._onrowclick}
57
+ onKeyDown={this._onkeydown}
58
+ onKeyUp={this._onkeyup}
59
+ >
60
+ <td colspan={this.visibleCellsCount} role="cell">
61
+
62
+ {cellData.popinDisplayInline ?
63
+ <div class="ui5-table-display-inline-container">
64
+ {cellData.popinText &&
65
+ <span class="ui5-table-row-popin-title">{cellData.popinText}:</span>
66
+ }
67
+ <span class="ui5-table-cell-display-inline">
68
+ <slot name={cellData.cell?._individualSlot}></slot>
69
+ </span>
70
+ </div>
71
+ :
72
+ <>
73
+ {cellData.popinText &&
74
+ <span class="ui5-table-row-popin-title">{cellData.popinText}:</span>
75
+ }
76
+ <div>
77
+ <slot name={cellData.cell?._individualSlot}></slot>
78
+ </div>
79
+ </>
80
+ }
81
+
82
+ </td>
83
+
84
+ <td class="ui5-table-row-navigated" aria-hidden="true">
85
+ <div class="ui5-table-div-navigated"></div>
86
+ </td>
87
+ </tr>
88
+ )
89
+ }
90
+ </>
91
+ );
92
+ }
@@ -0,0 +1,129 @@
1
+ import type Table from "./Table.js";
2
+ import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
3
+ import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
4
+
5
+ export default function TableTemplate(this: Table) {
6
+ return (
7
+ <div
8
+ class="ui5-table-root"
9
+ onui5-selection-requested={this._handleSelect}
10
+ onui5-forward-after={this._onForwardAfter}
11
+ onui5-forward-before={this._onForwardBefore}
12
+ onFocusIn={this._onfocusin}
13
+ >
14
+ <BusyIndicator
15
+ id={`${this._id}-busyIndicator`}
16
+ delay={this.busyDelay}
17
+ active={this.busy}
18
+ class="ui5-table-busy-indicator"
19
+ >
20
+ <div id={`${this._id}-before`} tabindex={0} class="ui5-table-focusarea"></div>
21
+
22
+ <table
23
+ role="table"
24
+ cellSpacing="0"
25
+ cellPadding="0"
26
+ aria-label={this.tableAriaLabelText}
27
+ onKeyDown={this._onkeydown}
28
+ >
29
+ <thead>
30
+ <tr
31
+ id={this._columnHeader.id}
32
+ class="ui5-table-header-row"
33
+ aria-label={this.ariaLabelText}
34
+ tabindex={this._columnHeader.forcedTabIndex ? parseInt(this._columnHeader.forcedTabIndex) : undefined}
35
+ onClick={this._onColumnHeaderClick}
36
+ onFocusIn={this._onColumnHeaderFocused}
37
+ onKeyDown={this._onColumnHeaderKeydown}
38
+ >
39
+ {this.isMultiSelect &&
40
+ <th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">
41
+ {this.rows.length > 0 &&
42
+ <CheckBox
43
+ class="ui5-table-select-all-checkbox"
44
+ tabindex={-1}
45
+ checked={this._allRowsSelected}
46
+ accessibleName={this.ariaLabelSelectAllText}
47
+ onChange={this._selectAll}
48
+ >
49
+ </CheckBox>
50
+ }
51
+ </th>
52
+ }
53
+
54
+ {this.visibleColumns.map(col =>
55
+ <slot name={col._individualSlot}></slot>
56
+ )}
57
+
58
+ <th class="ui5-table-header-row-navigated" aria-hidden="true"></th>
59
+ </tr>
60
+ </thead>
61
+
62
+ <tbody>
63
+ {
64
+ this.rows.map(row =>
65
+ <slot name={row._individualSlot}></slot>
66
+ )}
67
+
68
+ {!this.rows.length && !this.hideNoData &&
69
+ <tr class="ui5-table-no-data-row-root">
70
+ <td colspan={this.visibleColumnsCount} role="cell" style="width: 100%">
71
+
72
+ <div class="ui5-table-no-data-row">
73
+ <span>{this.noDataText}</span>
74
+ </div>
75
+ </td>
76
+ </tr>
77
+ }
78
+
79
+ { this.growsWithButton && moreRow.call(this) }
80
+
81
+ { this.growsOnScroll && endRow.call(this) }
82
+ </tbody>
83
+ </table>
84
+
85
+ <div id={`${this._id}-after`} tabindex={0} class="ui5-table-focusarea"></div>
86
+ </BusyIndicator>
87
+ </div>
88
+ );
89
+ }
90
+
91
+ function moreRow(this: Table) {
92
+ return (
93
+ <tr>
94
+ <td colspan={this.visibleColumnsCount}>
95
+ <div class="ui5-table-growing-row">
96
+ <div
97
+ id={`${this._id}-growingButton`}
98
+ class={{
99
+ "ui5-table-growing-row-inner": true,
100
+ "ui5-table-growing-row-inner--active": this._loadMoreActive
101
+ }}
102
+ role="button"
103
+ tabindex={0}
104
+ aria-labelledby={this.loadMoreAriaLabelledBy}
105
+ onClick={this._onLoadMoreClick}
106
+ onKeyUp={this._onLoadMoreKeyup}
107
+ onKeyDown={this._onLoadMoreKeydown}
108
+ >
109
+ <span id={`${this._id}-growingButton-text`} class="ui5-table-growing-row-text">{this._growingButtonText}</span>
110
+
111
+ {this.growingButtonSubtext &&
112
+ <span id={`${this._id}-growingButton-subtext`} class="ui5-table-growing-row-subtext">{this.growingButtonSubtext}</span>
113
+ }
114
+ </div>
115
+ </div>
116
+ </td>
117
+ </tr>
118
+ );
119
+ }
120
+
121
+ function endRow(this: Table) {
122
+ return (
123
+ <tr tabindex={-1} aria-hidden="true" class="ui5-table-end-row">
124
+ <td tabindex={-1}>
125
+ <span tabindex={-1} aria-hidden="true" class="ui5-table-end-marker"></span>
126
+ </td>
127
+ </tr>
128
+ );
129
+ }
@@ -1,20 +1,20 @@
1
1
 
2
- LOAD_MORE_TEXT=FXkUlPopy129pMIn9dJL0g_More
2
+ LOAD_MORE_TEXT=kmiE3GET9CfCQp3JDEY+UA_More
3
3
 
4
- TABLE_HEADER_ROW_INFORMATION=e7TJhY30Sa8z1MiR0eUxwA_Header Row 1 of {0}
4
+ TABLE_HEADER_ROW_INFORMATION=hxNbqSvdaBmLQJv+48l50g_Header Row 1 of {0}
5
5
 
6
- TABLE_ROW_POSITION=atr4ShtCDCmY8swMcNJ76g_{0} of {1}
6
+ TABLE_ROW_POSITION=QMsXUQhKVg5w4GKcDQ3q9A_{0} of {1}
7
7
 
8
- TABLE_GROUP_ROW_ARIA_LABEL=pdn+l0y8QB/vftRA/KEZZA_Group Header Row
8
+ TABLE_GROUP_ROW_ARIA_LABEL=m33jcygm0WRuDqy5DYdHZg_Group Header Row
9
9
 
10
- ARIA_LABEL_ROW_SELECTION=c00sVpxrd9bpiKk1Is8KHw_Item Selection
10
+ ARIA_LABEL_ROW_SELECTION=kT9C6v1WeskUULnSwge3/w_Item Selection
11
11
 
12
- ARIA_LABEL_SELECT_ALL_CHECKBOX=n6YI34B2djUWWDDUtTeXeg_Select All Rows
12
+ ARIA_LABEL_SELECT_ALL_CHECKBOX=uPZjVbFNVVMD6+GIqHBbUA_Select All Rows
13
13
 
14
- ARIA_LABEL_EMPTY_CELL=pGtlZ5xQVi2zo6uRr3QePw_Empty
14
+ ARIA_LABEL_EMPTY_CELL=KJSiUVYlqtdA1cGrrXV9xg_Empty
15
15
 
16
- LIST_ITEM_SELECTED=yA/a/aB9ZyfYS5CzHpbbDg_Selected
16
+ LIST_ITEM_SELECTED=UH1233sF/KqI7M9s5TYVyA_Selected
17
17
 
18
- LIST_ITEM_NOT_SELECTED=9jNJZuzn4DlYHIZN6yJi3A_Not Selected
18
+ LIST_ITEM_NOT_SELECTED=2yUuX8beTcgie6/Ti/IqxQ_Not Selected
19
19
 
20
- LIST_ITEM_GROUP_HEADER=IW1IqVg104VQhxsKk8/8lQ_Group Header
20
+ LIST_ITEM_GROUP_HEADER=NoA8dUkZrDOSBtzhwEf3VA_Group Header
@@ -1,4 +1,4 @@
1
- [growing-button] {
1
+ .ui5-table-growing-row {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  padding: var(--_ui5_load_more_padding);
@@ -9,7 +9,7 @@
9
9
  outline: none;
10
10
  }
11
11
 
12
- [growing-button-inner] {
12
+ .ui5-table-growing-row-inner {
13
13
  display: flex;
14
14
  align-items: center;
15
15
  justify-content: center;
@@ -23,29 +23,29 @@
23
23
  box-sizing: border-box;
24
24
  }
25
25
 
26
- [growing-button-inner]:focus-visible {
26
+ .ui5-table-growing-row-inner:focus-visible {
27
27
  outline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
28
28
  outline-offset: -0.125rem;
29
29
  border-color: transparent;
30
30
  }
31
31
 
32
- [growing-button-inner]:hover {
32
+ .ui5-table-growing-row-inner:hover {
33
33
  background-color: var(--sapList_Hover_Background);
34
34
  }
35
35
 
36
- [growing-button-inner]:active,
37
- [growing-button-inner][active] {
36
+ .ui5-table-growing-row-inner:active,
37
+ .ui5-table-growing-row-inner.ui5-table-growing-row-inner--active {
38
38
  background-color: var(--sapList_Active_Background);
39
39
  border-color: var(--sapList_Active_Background);
40
40
  }
41
41
 
42
- [growing-button-inner]:active > *,
43
- [growing-button-inner][active] > * {
42
+ .ui5-table-growing-row-inner:active > *,
43
+ .ui5-table-growing-row-inner.ui5-table-growing-row-inner--active > * {
44
44
  color: var(--sapList_Active_TextColor);
45
45
  }
46
46
 
47
- [growing-button-text],
48
- [growing-button-subtext] {
47
+ .ui5-table-growing-row-text,
48
+ .ui5-table-growing-row-subtext {
49
49
  width: 100%;
50
50
  text-align: center;
51
51
  font-family: "72override", var(--sapFontFamily);
@@ -55,14 +55,14 @@
55
55
  box-sizing: border-box;
56
56
  }
57
57
 
58
- [growing-button-text] {
58
+ .ui5-table-growing-row-text {
59
59
  height: var(--_ui5_load_more_text_height);
60
60
  padding: 0.875rem 1rem 0 1rem;
61
61
  font-size: var(--_ui5_load_more_text_font_size);
62
62
  font-weight: bold;
63
63
  }
64
64
 
65
- [growing-button-subtext] {
65
+ .ui5-table-growing-row-subtext {
66
66
  font-size: var(--sapFontSize);
67
67
  padding: var(--_ui5_load_more_desc_padding);
68
68
  }
@@ -10,13 +10,17 @@
10
10
  border-bottom: var(--ui5_table_bottom_border);
11
11
  }
12
12
 
13
- .ui5-table-root,
14
- .ui5-table-busy-indicator {
13
+ .ui5-table-root {
15
14
  width: 100%;
16
15
  height: 100%;
16
+ display: flex;
17
17
  box-sizing: border-box;
18
18
  }
19
19
 
20
+ .ui5-table-busy-indicator {
21
+ flex-grow: 1;
22
+ }
23
+
20
24
  table {
21
25
  width: 100%;
22
26
  border-spacing: 0;
@@ -67,11 +71,11 @@ tr {
67
71
  height: 0px;
68
72
  }
69
73
 
70
- :host([busy]) [growing-button] {
74
+ :host([busy]) .ui5-table-growing-row {
71
75
  opacity: 0.72;
72
76
  }
73
77
 
74
- :host [growing-button] {
78
+ :host .ui5-table-growing-row {
75
79
  border-bottom: var(--_ui5_table_load_more_border-bottom);
76
80
  }
77
81
 
@@ -1,4 +1,5 @@
1
1
  :host {
2
+ --table-row-border-styles: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
2
3
  display: contents;
3
4
  }
4
5
 
@@ -11,12 +12,46 @@
11
12
  background-color: var(--sapList_Background);
12
13
  color: var(--sapList_TextColor);
13
14
  border-top: 1px solid var(--sapList_BorderColor);
15
+ position: relative;
16
+ }
17
+
18
+ /* FOCUS START */
19
+ .ui5-table-row-root,
20
+ .ui5-table-popin-row {
21
+ position: relative;
14
22
  }
15
23
 
16
24
  .ui5-table-row-root:focus {
17
- outline: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
18
- outline-offset: var(--ui5_table_focus_outline_offset);
25
+ outline: none
26
+ }
27
+
28
+ .ui5-table-row-root:focus::after,
29
+ .ui5-table-row-root:focus ~ .ui5-table-popin-row::after {
30
+ pointer-events: none;
31
+ position: absolute;
32
+ content: "";
33
+ inset: var(--ui5_table_focus_outline_offset);
34
+ border: var(--table-row-border-styles);
35
+ }
36
+
37
+ .ui5-table-row-root:has(+ .ui5-table-popin-row):focus::after {
38
+ bottom: 0;
39
+ border-bottom: none;
40
+ }
41
+
42
+ .ui5-table-row-root:focus ~ .ui5-table-popin-row::after {
43
+ top: 0;
44
+ bottom: 0;
45
+ border-top: none;
46
+ border-bottom: none;
47
+ }
48
+
49
+
50
+ .ui5-table-row-root:focus ~ .ui5-table-popin-row:last-child:after {
51
+ top: 0;
52
+ border-bottom: var(--table-row-border-styles);
19
53
  }
54
+ /* FOCUS END */
20
55
 
21
56
  .ui5-table-popin-row {
22
57
  background-color: var(--sapList_Background);
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --ui5_table_focus_outline_offset: -0.125rem;
2
+ --ui5_table_focus_outline_offset: 0.125rem;
3
3
  --ui5_table_bottom_border: 1px solid var(--sapList_BorderColor);
4
4
  --ui5_table_header_row_outline_width: 1px;
5
5
  --ui5_table_multiselect_column_width: 2.75rem;
@@ -4,5 +4,5 @@
4
4
  --ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
5
5
  --ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
6
6
  --ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
7
- --ui5_table_focus_outline_offset: -0.1875rem;
7
+ --ui5_table_focus_outline_offset: 0.1875rem;
8
8
  }
@@ -4,5 +4,5 @@
4
4
  --ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
5
5
  --ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
6
6
  --ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
7
- --ui5_table_focus_outline_offset: -0.1875rem;
7
+ --ui5_table_focus_outline_offset: 0.1875rem;
8
8
  }
@@ -4,6 +4,6 @@
4
4
  --ui5_table_header_row_outline_width: 0.125rem;
5
5
  --ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
6
6
  --ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
7
- --ui5_table_focus_outline_offset: -0.25rem;
7
+ --ui5_table_focus_outline_offset: 0.25rem;
8
8
  --ui5_table_header_row_border_width: 0.1875rem;
9
9
  }
@@ -4,6 +4,6 @@
4
4
  --ui5_table_header_row_outline_width: 0.125rem;
5
5
  --ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
6
6
  --ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
7
- --ui5_table_focus_outline_offset: -0.25rem;
7
+ --ui5_table_focus_outline_offset: 0.25rem;
8
8
  --ui5_table_header_row_border_width: 0.1875rem;
9
9
  }
@@ -1,4 +0,0 @@
1
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
- import type TableCell from "../../TableCell.js";
3
- declare function block0(this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
4
- export default block0;
@@ -1,5 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- function block0(context, tags, suffix) { return html `<td tabindex="-1" part="cell" role="cell"><slot></slot></td>`; }
4
- export default block0;
5
- //# sourceMappingURL=TableCellTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableCellTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableCellTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,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\";\nimport type TableCell from \"../../TableCell.js\";\nimport 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;"]}
@@ -1,4 +0,0 @@
1
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
- import type TableColumn from "../../TableColumn.js";
3
- declare function block0(this: TableColumn, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
4
- export default block0;
@@ -1,5 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- function block0(context, tags, suffix) { return html `<th scope="col" part="column" role="columnheader"><slot></slot></th>`; }
4
- export default block0;
5
- //# sourceMappingURL=TableColumnTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableColumnTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableColumnTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,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\";\nimport type TableColumn from \"../../TableColumn.js\";\nimport 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;"]}
@@ -1,4 +0,0 @@
1
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
- import type TableGroupRow from "../../TableGroupRow.js";
3
- declare function block0(this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
4
- export default block0;
@@ -1,5 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- 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>`; }
4
- export default block0;
5
- //# sourceMappingURL=TableGroupRowTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableGroupRowTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableGroupRowTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,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\";\nimport type TableGroupRow from \"../../TableGroupRow.js\";\nimport 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;"]}
@@ -1,4 +0,0 @@
1
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
- import type TableRow from "../../TableRow.js";
3
- declare function block0(this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
4
- export default block0;
@@ -1,16 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- 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} `; }
4
- 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>`; }
5
- 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))}`; }
6
- function block3(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
7
- 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))}`; }
8
- function block5(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
9
- 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))}`; }
10
- 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>`; }
11
- 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>`; }
12
- function block9(context, tags, suffix, item, index) { return html `<span class="ui5-table-row-popin-title">${ifDefined(item.popinText)}:</span>`; }
13
- 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>`; }
14
- function block11(context, tags, suffix, item, index) { return html `<span class="ui5-table-row-popin-title">${ifDefined(item.popinText)}:</span>`; }
15
- export default block0;
16
- //# sourceMappingURL=TableRowTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRowTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableRowTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,4CAA4C,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,IAAI,CAAC,UAAU,gBAAgB,IAAI,CAAC,WAAW,aAAa,IAAI,CAAC,WAAW,eAAe,IAAI,CAAC,UAAU,aAAa,IAAI,CAAC,QAAQ,eAAe,IAAI,CAAC,UAAU,kBAAkB,IAAI,CAAC,aAAa,gBAAgB,IAAI,CAAC,WAAW,iBAAiB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,mCAAoC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,+GAAgH,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAG,CAAC,CAAA,CAAC;AAC78B,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,mFAAmF,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,CAAC,gDAAgD,IAAI,CAAC,QAAQ,sBAAsB,SAAS,CAAC,IAAI,CAAC,qBAAqB,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,4IAA4I,IAAI,CAAC,QAAQ,sBAAsB,SAAS,CAAC,IAAI,CAAC,qBAAqB,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CAAA,CAAC;AACnxB,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,EAAE,CAAC,CAAA,CAAC;AACpS,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,eAAe,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA,CAAC;AACpM,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,EAAE,CAAC,CAAA,CAAC;AAC7R,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,eAAe,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA,CAAC;AACpM,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,EAAE,CAAC,CAAA,CAAC;AAClS,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,+BAA+B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,WAAW,eAAe,IAAI,CAAC,UAAU,aAAa,IAAI,CAAC,QAAQ,kBAAkB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAkB,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAE,mHAAmH,CAAC,CAAA,CAAC;AACvlB,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,mDAAoD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAU,2DAA2D,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAA,CAAC;AACzY,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,2CAA2C,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA,CAAC;AACzN,SAAS,OAAO,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAU,oBAAoB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAA,CAAC;AAC7S,SAAS,OAAO,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,2CAA2C,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA,CAAC;AAG1N,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\";\nimport type TableRow from \"../../TableRow.js\";\nimport 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;"]}
@@ -1,4 +0,0 @@
1
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
- import type Table from "../../Table.js";
3
- declare function block0(this: Table, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
4
- export default block0;
@@ -1,14 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- function block0(context, tags, suffix) { return suffix ? 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}"><${scopeTag("ui5-busy-indicator", tags, suffix)} id="${ifDefined(this._id)}-busyIndicator" delay="${ifDefined(this.busyDelay)}" ?active="${this.busy}" class="ui5-table-busy-indicator"><div id="${ifDefined(this._id)}-before" tabindex="0" class="ui5-table-focusarea"></div><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 ? block1.call(this, context, tags, suffix) : undefined}${repeat(this.visibleColumns, (item, index) => item._id || index, (item, index) => block3.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) => block4.call(this, context, tags, suffix, item, index))}${!this.rows.length ? block5.call(this, context, tags, suffix) : undefined}${this.growsWithButton ? block7.call(this, context, tags, suffix) : undefined}${this.growsOnScroll ? block9.call(this, context, tags, suffix) : undefined}</tbody></table><div id="${ifDefined(this._id)}-after" tabindex="0" class="ui5-table-focusarea"></div></div></${scopeTag("ui5-busy-indicator", tags, suffix)}>` : 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}"><ui5-busy-indicator id="${ifDefined(this._id)}-busyIndicator" delay="${ifDefined(this.busyDelay)}" ?active="${this.busy}" class="ui5-table-busy-indicator"><div id="${ifDefined(this._id)}-before" tabindex="0" class="ui5-table-focusarea"></div><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 ? block1.call(this, context, tags, suffix) : undefined}${repeat(this.visibleColumns, (item, index) => item._id || index, (item, index) => block3.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) => block4.call(this, context, tags, suffix, item, index))}${!this.rows.length ? block5.call(this, context, tags, suffix) : undefined}${this.growsWithButton ? block7.call(this, context, tags, suffix) : undefined}${this.growsOnScroll ? block9.call(this, context, tags, suffix) : undefined}</tbody></table><div id="${ifDefined(this._id)}-after" tabindex="0" class="ui5-table-focusarea"></div></div></ui5-busy-indicator>`; }
4
- function block1(context, tags, suffix) { return html `<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">${this.rows.length ? block2.call(this, context, tags, suffix) : undefined}</th>`; }
5
- function block2(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>`; }
6
- function block3(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
7
- function block4(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
8
- function block5(context, tags, suffix) { return html `${!this.hideNoData ? block6.call(this, context, tags, suffix) : undefined}`; }
9
- function block6(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>`; }
10
- function block7(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 ? block8.call(this, context, tags, suffix) : undefined}</div></div></td></tr>`; }
11
- function block8(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-growingButton-subtext" growing-button-subtext>${ifDefined(this.growingButtonSubtext)}</span>`; }
12
- function block9(context, tags, suffix) { return html `<tr tabindex="-1" aria-hidden="true" class="ui5-table-end-row"><td tabindex="-1"><span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span></td></tr>`; }
13
- export default block0;
14
- //# sourceMappingURL=TableTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"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\";\nimport type Table from \"../../Table.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? 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}\"><${scopeTag(\"ui5-busy-indicator\", tags, suffix)} id=\"${ifDefined(this._id)}-busyIndicator\" delay=\"${ifDefined(this.busyDelay)}\" ?active=\"${this.busy}\" class=\"ui5-table-busy-indicator\"><div id=\"${ifDefined(this._id)}-before\" tabindex=\"0\" class=\"ui5-table-focusarea\"></div><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 ? block1.call(this, context, tags, suffix) : undefined }${ repeat(this.visibleColumns, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.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) => block4.call(this, context, tags, suffix, item, index)) }${ !this.rows.length ? block5.call(this, context, tags, suffix) : undefined }${ this.growsWithButton ? block7.call(this, context, tags, suffix) : undefined }${ this.growsOnScroll ? block9.call(this, context, tags, suffix) : undefined }</tbody></table><div id=\"${ifDefined(this._id)}-after\" tabindex=\"0\" class=\"ui5-table-focusarea\"></div></div></${scopeTag(\"ui5-busy-indicator\", tags, suffix)}>` : 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}\"><ui5-busy-indicator id=\"${ifDefined(this._id)}-busyIndicator\" delay=\"${ifDefined(this.busyDelay)}\" ?active=\"${this.busy}\" class=\"ui5-table-busy-indicator\"><div id=\"${ifDefined(this._id)}-before\" tabindex=\"0\" class=\"ui5-table-focusarea\"></div><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 ? block1.call(this, context, tags, suffix) : undefined }${ repeat(this.visibleColumns, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.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) => block4.call(this, context, tags, suffix, item, index)) }${ !this.rows.length ? block5.call(this, context, tags, suffix) : undefined }${ this.growsWithButton ? block7.call(this, context, tags, suffix) : undefined }${ this.growsOnScroll ? block9.call(this, context, tags, suffix) : undefined }</tbody></table><div id=\"${ifDefined(this._id)}-after\" tabindex=\"0\" class=\"ui5-table-focusarea\"></div></div></ui5-busy-indicator>`;}\nfunction block1 (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 ? block2.call(this, context, tags, suffix) : undefined }</th>`;}\nfunction block2 (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 block3 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\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) { return html`${ !this.hideNoData ? block6.call(this, context, tags, suffix) : undefined }`;}\nfunction block6 (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 block7 (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 ? block8.call(this, context, tags, suffix) : undefined }</div></div></td></tr>`;}\nfunction block8 (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 block9 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr tabindex=\"-1\" aria-hidden=\"true\" 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;"]}