@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.
Files changed (111) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/Table.d.ts +2 -2
  3. package/dist/Table.js +3 -3
  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.js +3 -3
  16. package/dist/TableGroupRow.js.map +1 -1
  17. package/dist/TableGroupRowTemplate.d.ts +2 -0
  18. package/dist/TableGroupRowTemplate.js +5 -0
  19. package/dist/TableGroupRowTemplate.js.map +1 -0
  20. package/dist/TableRow.d.ts +4 -6
  21. package/dist/TableRow.js +13 -17
  22. package/dist/TableRow.js.map +1 -1
  23. package/dist/TableRowTemplate.d.ts +2 -0
  24. package/dist/TableRowTemplate.js +15 -0
  25. package/dist/TableRowTemplate.js.map +1 -0
  26. package/dist/TableTemplate.d.ts +2 -0
  27. package/dist/TableTemplate.js +20 -0
  28. package/dist/TableTemplate.js.map +1 -0
  29. package/dist/css/themes/GrowingButton.css +1 -1
  30. package/dist/css/themes/Table.css +1 -1
  31. package/dist/css/themes/TableCell.css +1 -1
  32. package/dist/css/themes/TableColumn.css +1 -1
  33. package/dist/css/themes/TableGroupRow.css +1 -1
  34. package/dist/css/themes/TableRow.css +1 -1
  35. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  36. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  37. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  38. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  39. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  40. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  41. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  42. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  43. package/dist/custom-elements-internal.json +5 -5
  44. package/dist/custom-elements.json +5 -5
  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.js +1 -1
  54. package/dist/generated/themes/GrowingButton.css.js.map +1 -1
  55. package/dist/generated/themes/Table.css.js +1 -1
  56. package/dist/generated/themes/Table.css.js.map +1 -1
  57. package/dist/generated/themes/TableCell.css.js +1 -1
  58. package/dist/generated/themes/TableCell.css.js.map +1 -1
  59. package/dist/generated/themes/TableColumn.css.js +1 -1
  60. package/dist/generated/themes/TableColumn.css.js.map +1 -1
  61. package/dist/generated/themes/TableGroupRow.css.js +1 -1
  62. package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
  63. package/dist/generated/themes/TableRow.css.js +1 -1
  64. package/dist/generated/themes/TableRow.css.js.map +1 -1
  65. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  66. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  67. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  68. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  69. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  70. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  71. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  72. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  73. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  74. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  75. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  76. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  77. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  78. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  79. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  80. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  81. package/dist/tsconfig.tsbuildinfo +1 -1
  82. package/dist/web-types.json +1 -1
  83. package/package.json +7 -7
  84. package/src/TableCellTemplate.tsx +13 -0
  85. package/src/TableColumnTemplate.tsx +13 -0
  86. package/src/TableGroupRowTemplate.tsx +17 -0
  87. package/src/TableRowTemplate.tsx +100 -0
  88. package/src/TableTemplate.tsx +129 -0
  89. package/src/themes/GrowingButton.css +12 -12
  90. package/src/themes/Table.css +2 -2
  91. package/tsconfig.json +2 -0
  92. package/dist/generated/templates/TableCellTemplate.lit.d.ts +0 -4
  93. package/dist/generated/templates/TableCellTemplate.lit.js +0 -5
  94. package/dist/generated/templates/TableCellTemplate.lit.js.map +0 -1
  95. package/dist/generated/templates/TableColumnTemplate.lit.d.ts +0 -4
  96. package/dist/generated/templates/TableColumnTemplate.lit.js +0 -5
  97. package/dist/generated/templates/TableColumnTemplate.lit.js.map +0 -1
  98. package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts +0 -4
  99. package/dist/generated/templates/TableGroupRowTemplate.lit.js +0 -5
  100. package/dist/generated/templates/TableGroupRowTemplate.lit.js.map +0 -1
  101. package/dist/generated/templates/TableRowTemplate.lit.d.ts +0 -4
  102. package/dist/generated/templates/TableRowTemplate.lit.js +0 -16
  103. package/dist/generated/templates/TableRowTemplate.lit.js.map +0 -1
  104. package/dist/generated/templates/TableTemplate.lit.d.ts +0 -4
  105. package/dist/generated/templates/TableTemplate.lit.js +0 -14
  106. package/dist/generated/templates/TableTemplate.lit.js.map +0 -1
  107. package/src/Table.hbs +0 -112
  108. package/src/TableCell.hbs +0 -7
  109. package/src/TableColumn.hbs +0 -7
  110. package/src/TableGroupRow.hbs +0 -11
  111. 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
@@ -1,7 +0,0 @@
1
- <td
2
- tabindex="-1"
3
- part="cell"
4
- role="cell"
5
- >
6
- <slot></slot>
7
- </td>
@@ -1,7 +0,0 @@
1
- <th
2
- scope="col"
3
- part="column"
4
- role="columnheader"
5
- >
6
- <slot></slot>
7
- </th>
@@ -1,11 +0,0 @@
1
- <tr
2
- class="ui5-table-group-row-root"
3
- part="group-row"
4
- aria-label={{ariaLabelText}}
5
- tabindex="{{forcedTabIndex}}"
6
- @focusin="{{_onfocusin}}"
7
- >
8
- <td colspan={{colSpan}}>
9
- <slot></slot>
10
- </td>
11
- </tr>
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
-