@ui5/webcomponents-compat 2.5.0 → 2.6.0-rc.0
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.
- package/CHANGELOG.md +11 -0
- package/dist/Table.d.ts +2 -2
- package/dist/Table.js +3 -3
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.js +3 -3
- package/dist/TableCell.js.map +1 -1
- package/dist/TableCellTemplate.d.ts +2 -0
- package/dist/TableCellTemplate.js +5 -0
- package/dist/TableCellTemplate.js.map +1 -0
- package/dist/TableColumn.js +3 -3
- package/dist/TableColumn.js.map +1 -1
- package/dist/TableColumnTemplate.d.ts +2 -0
- package/dist/TableColumnTemplate.js +5 -0
- package/dist/TableColumnTemplate.js.map +1 -0
- package/dist/TableGroupRow.js +3 -3
- package/dist/TableGroupRow.js.map +1 -1
- package/dist/TableGroupRowTemplate.d.ts +2 -0
- package/dist/TableGroupRowTemplate.js +5 -0
- package/dist/TableGroupRowTemplate.js.map +1 -0
- package/dist/TableRow.d.ts +4 -6
- package/dist/TableRow.js +13 -17
- package/dist/TableRow.js.map +1 -1
- package/dist/TableRowTemplate.d.ts +2 -0
- package/dist/TableRowTemplate.js +15 -0
- package/dist/TableRowTemplate.js.map +1 -0
- package/dist/TableTemplate.d.ts +2 -0
- package/dist/TableTemplate.js +20 -0
- package/dist/TableTemplate.js.map +1 -0
- package/dist/css/themes/GrowingButton.css +1 -1
- package/dist/css/themes/Table.css +1 -1
- package/dist/css/themes/TableCell.css +1 -1
- package/dist/css/themes/TableColumn.css +1 -1
- package/dist/css/themes/TableGroupRow.css +1 -1
- package/dist/css/themes/TableRow.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
- package/dist/custom-elements-internal.json +5 -5
- package/dist/custom-elements.json +5 -5
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/themes/GrowingButton.css.js +1 -1
- package/dist/generated/themes/GrowingButton.css.js.map +1 -1
- package/dist/generated/themes/Table.css.js +1 -1
- package/dist/generated/themes/Table.css.js.map +1 -1
- package/dist/generated/themes/TableCell.css.js +1 -1
- package/dist/generated/themes/TableCell.css.js.map +1 -1
- package/dist/generated/themes/TableColumn.css.js +1 -1
- package/dist/generated/themes/TableColumn.css.js.map +1 -1
- package/dist/generated/themes/TableGroupRow.css.js +1 -1
- package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
- package/dist/generated/themes/TableRow.css.js +1 -1
- package/dist/generated/themes/TableRow.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +7 -7
- package/src/TableCellTemplate.tsx +13 -0
- package/src/TableColumnTemplate.tsx +13 -0
- package/src/TableGroupRowTemplate.tsx +17 -0
- package/src/TableRowTemplate.tsx +100 -0
- package/src/TableTemplate.tsx +129 -0
- package/src/themes/GrowingButton.css +12 -12
- package/src/themes/Table.css +2 -2
- package/tsconfig.json +2 -0
- package/dist/generated/templates/TableCellTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableCellTemplate.lit.js +0 -5
- package/dist/generated/templates/TableCellTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableColumnTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableColumnTemplate.lit.js +0 -5
- package/dist/generated/templates/TableColumnTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableGroupRowTemplate.lit.js +0 -5
- package/dist/generated/templates/TableGroupRowTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableRowTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableRowTemplate.lit.js +0 -16
- package/dist/generated/templates/TableRowTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableTemplate.lit.js +0 -14
- package/dist/generated/templates/TableTemplate.lit.js.map +0 -1
- package/src/Table.hbs +0 -112
- package/src/TableCell.hbs +0 -7
- package/src/TableColumn.hbs +0 -7
- package/src/TableGroupRow.hbs +0 -11
- package/src/TableRow.hbs +0 -85
package/src/Table.hbs
DELETED
@@ -1,112 +0,0 @@
|
|
1
|
-
<div
|
2
|
-
class="ui5-table-root"
|
3
|
-
@ui5-selection-requested="{{_handleSelect}}"
|
4
|
-
@ui5-_forward-after="{{_onForwardAfter}}"
|
5
|
-
@ui5-_forward-before="{{_onForwardBefore}}"
|
6
|
-
@focusin="{{_onfocusin}}"
|
7
|
-
>
|
8
|
-
<ui5-busy-indicator
|
9
|
-
id="{{_id}}-busyIndicator"
|
10
|
-
delay="{{busyDelay}}"
|
11
|
-
?active="{{busy}}"
|
12
|
-
class="ui5-table-busy-indicator"
|
13
|
-
>
|
14
|
-
<div id="{{_id}}-before" tabindex="0" class="ui5-table-focusarea"></div>
|
15
|
-
|
16
|
-
<table border="0" cellspacing="0" cellpadding="0" @keydown="{{_onkeydown}}" role="table" aria-label="{{tableAriaLabelText}}">
|
17
|
-
<thead>
|
18
|
-
<tr
|
19
|
-
id="{{_columnHeader.id}}"
|
20
|
-
class="ui5-table-header-row"
|
21
|
-
aria-label="{{ariaLabelText}}"
|
22
|
-
tabindex="{{_columnHeader.forcedTabIndex}}"
|
23
|
-
@click="{{_onColumnHeaderClick}}"
|
24
|
-
@focusin="{{_onColumnHeaderFocused}}"
|
25
|
-
@keydown="{{_onColumnHeaderKeydown}}"
|
26
|
-
>
|
27
|
-
{{#if isMultiSelect}}
|
28
|
-
<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">
|
29
|
-
{{#if rows.length}}
|
30
|
-
<ui5-checkbox class="ui5-table-select-all-checkbox"
|
31
|
-
?checked="{{_allRowsSelected}}"
|
32
|
-
@ui5-change="{{_selectAll}}"
|
33
|
-
accessible-name="{{ariaLabelSelectAllText}}"
|
34
|
-
tabindex="-1"
|
35
|
-
>
|
36
|
-
</ui5-checkbox>
|
37
|
-
{{/if}}
|
38
|
-
</th>
|
39
|
-
{{/if}}
|
40
|
-
|
41
|
-
{{#each visibleColumns}}
|
42
|
-
<slot name="{{this._individualSlot}}"></slot>
|
43
|
-
{{/each}}
|
44
|
-
<th class="ui5-table-header-row-navigated" aria-hidden="true"></th>
|
45
|
-
</tr>
|
46
|
-
</thead>
|
47
|
-
|
48
|
-
<tbody>
|
49
|
-
{{#each rows}}
|
50
|
-
<slot name="{{this._individualSlot}}"></slot>
|
51
|
-
{{/each}}
|
52
|
-
|
53
|
-
{{#unless rows.length}}
|
54
|
-
{{#unless hideNoData}}
|
55
|
-
<tr class="ui5-table-no-data-row-root">
|
56
|
-
<td colspan="{{visibleColumnsCount}}" role="cell" style="width: 100%">
|
57
|
-
|
58
|
-
<div class="ui5-table-no-data-row">
|
59
|
-
<span>{{noDataText}}</span>
|
60
|
-
</div>
|
61
|
-
</td>
|
62
|
-
</tr>
|
63
|
-
{{/unless}}
|
64
|
-
{{/unless}}
|
65
|
-
|
66
|
-
{{#if growsWithButton}}
|
67
|
-
{{> moreRow}}
|
68
|
-
{{/if}}
|
69
|
-
|
70
|
-
{{#if growsOnScroll}}
|
71
|
-
{{> tableEndRow}}
|
72
|
-
{{/if}}
|
73
|
-
</tbody>
|
74
|
-
</table>
|
75
|
-
|
76
|
-
<div id="{{_id}}-after" tabindex="0" class="ui5-table-focusarea"></div>
|
77
|
-
</div>
|
78
|
-
</ui5-busy-indicator>
|
79
|
-
|
80
|
-
{{#*inline "moreRow"}}
|
81
|
-
<tr>
|
82
|
-
<td colspan="{{visibleColumnsCount}}">
|
83
|
-
<div growing-button>
|
84
|
-
<div
|
85
|
-
id="{{_id}}-growingButton"
|
86
|
-
tabindex="0"
|
87
|
-
role="button"
|
88
|
-
aria-labelledby="{{loadMoreAriaLabelledBy}}"
|
89
|
-
?active="{{_loadMoreActive}}"
|
90
|
-
@click="{{_onLoadMoreClick}}"
|
91
|
-
@keydown="{{_onLoadMoreKeydown}}"
|
92
|
-
@keyup="{{_onLoadMoreKeyup}}"
|
93
|
-
growing-button-inner
|
94
|
-
>
|
95
|
-
<span id="{{_id}}-growingButton-text" growing-button-text>{{_growingButtonText}}</span>
|
96
|
-
|
97
|
-
{{#if growingButtonSubtext}}
|
98
|
-
<span id="{{_id}}-growingButton-subtext" growing-button-subtext>{{growingButtonSubtext}}</span>
|
99
|
-
{{/if}}
|
100
|
-
</div>
|
101
|
-
</div>
|
102
|
-
</td>
|
103
|
-
</tr>
|
104
|
-
{{/inline}}
|
105
|
-
|
106
|
-
{{#*inline "tableEndRow"}}
|
107
|
-
<tr tabindex="-1" aria-hidden="true" class="ui5-table-end-row">
|
108
|
-
<td tabindex="-1">
|
109
|
-
<span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span>
|
110
|
-
</td>
|
111
|
-
</tr>
|
112
|
-
{{/inline}}
|
package/src/TableCell.hbs
DELETED
package/src/TableColumn.hbs
DELETED
package/src/TableGroupRow.hbs
DELETED
package/src/TableRow.hbs
DELETED
@@ -1,85 +0,0 @@
|
|
1
|
-
<tr
|
2
|
-
class="ui5-table-row-root"
|
3
|
-
tabindex="{{forcedTabIndex}}"
|
4
|
-
@focusin="{{_onfocusin}}"
|
5
|
-
@focusout="{{_onfocusout}}"
|
6
|
-
@click="{{_onrowclick}}"
|
7
|
-
@keydown="{{_onkeydown}}"
|
8
|
-
@keyup="{{_onkeyup}}"
|
9
|
-
@mouseup="{{_onmouseup}}"
|
10
|
-
@touchstart="{{_ontouchstart}}"
|
11
|
-
@touchend="{{_ontouchend}}"
|
12
|
-
aria-label="{{ariaLabelText}}"
|
13
|
-
aria-selected="{{this.selected}}"
|
14
|
-
aria-current="{{_ariaCurrent}}"
|
15
|
-
data-sap-focus-ref
|
16
|
-
part="row"
|
17
|
-
>
|
18
|
-
|
19
|
-
{{#if isMultiSelect}}
|
20
|
-
<td
|
21
|
-
class="ui5-table-multi-select-cell"
|
22
|
-
aria-hidden="true"
|
23
|
-
role="presentation"
|
24
|
-
>
|
25
|
-
<ui5-checkbox
|
26
|
-
class="ui5-multi-select-checkbox"
|
27
|
-
?checked="{{this.selected}}"
|
28
|
-
accessible-name="{{ariaLabelRowSelection}}"
|
29
|
-
@ui5-change="{{_handleSelection}}"
|
30
|
-
tabindex="-1"
|
31
|
-
>
|
32
|
-
</ui5-checkbox>
|
33
|
-
</td>
|
34
|
-
{{/if}}
|
35
|
-
|
36
|
-
{{#if shouldPopin}}
|
37
|
-
{{#each visibleCells}}
|
38
|
-
<slot name="{{this._individualSlot}}"></slot>
|
39
|
-
{{/each}}
|
40
|
-
{{else}}
|
41
|
-
{{#each cells}}
|
42
|
-
<slot name="{{this._individualSlot}}"></slot>
|
43
|
-
{{/each}}
|
44
|
-
{{/if}}
|
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
|
-
{{#if shouldPopin}}
|
52
|
-
{{#each popinCells}}
|
53
|
-
<tr part="popin-row" class="{{this.classes}}"
|
54
|
-
@click="{{../_onrowclick}}"
|
55
|
-
@keydown="{{../_onkeydown}}"
|
56
|
-
@keyup="{{../_onkeyup}}">
|
57
|
-
<td colspan="{{../visibleCellsCount}}" role="cell">
|
58
|
-
{{#if popinDisplayInline}}
|
59
|
-
<div class="ui5-table-display-inline-container">
|
60
|
-
{{#if this.popinText}}
|
61
|
-
<span class="ui5-table-row-popin-title">{{this.popinText}}:</span>
|
62
|
-
{{/if}}
|
63
|
-
<span class="ui5-table-cell-display-inline">
|
64
|
-
<slot name="{{this.cell._individualSlot}}"></slot>
|
65
|
-
</span>
|
66
|
-
</div>
|
67
|
-
{{else}}
|
68
|
-
{{#if this.popinText}}
|
69
|
-
<span class="ui5-table-row-popin-title">{{this.popinText}}:</span>
|
70
|
-
{{/if}}
|
71
|
-
<div>
|
72
|
-
<slot name="{{this.cell._individualSlot}}"></slot>
|
73
|
-
</div>
|
74
|
-
{{/if}}
|
75
|
-
</td>
|
76
|
-
|
77
|
-
<td class="ui5-table-row-navigated" aria-hidden="true">
|
78
|
-
<div class="ui5-table-div-navigated"></div>
|
79
|
-
</td>
|
80
|
-
</tr>
|
81
|
-
{{/each}}
|
82
|
-
{{/if}}
|
83
|
-
|
84
|
-
|
85
|
-
|