@ui5/webcomponents-compat 2.20.0-rc.2 → 2.20.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 +19 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/Table.js +1 -1
- package/dist/Table.js.map +1 -1
- package/dist/TableGroupRow.js +1 -1
- package/dist/TableGroupRow.js.map +1 -1
- package/dist/TableRow.js +1 -1
- package/dist/TableRow.js.map +1 -1
- package/dist/custom-elements-internal.json +198 -198
- package/dist/custom-elements.json +146 -146
- package/dist/vscode.html-custom-data.json +35 -35
- package/dist/web-types.json +100 -100
- package/package.json +10 -8
|
@@ -29,54 +29,54 @@
|
|
|
29
29
|
"description": "### Overview\n\nThe `ui5-table` component provides a set of sophisticated and convenient functions for responsive table design.\nIt provides a comprehensive set of features for displaying and dealing with vast amounts of data.\n\nTo render the `Table` properly, the order of the `columns` should match with the\norder of the item `cells` in the `rows`.\n\nDesktop and tablet devices are supported.\nOn tablets, special consideration should be given to the number of visible columns\nand rows due to the limited performance of some devices.\n\n### Selection\nTo benefit from the selection mechanism of `ui5-table` component, you can use the available selection modes:\n`SingleSelect` and `MultiSelect`.\n\nIn additition to the used mode, you can also specify the `ui5-table-row` type choosing between\n`Active` or `Inactive`.\n\nIn `SingleSelect` mode, you can select both an `Active` and `Inactive` row via mouse or\nby pressing the `Space` or `Enter` keys.\n\nIn `MultiSelect` mode, you can select both an `Active` and `Inactive` row by pressing the\n`Space` key when a row is on focus or via mouse click over the selection checkbox of the row.\nIn order to select all the available rows at once, you can use the selection checkbox presented in the table's header.\n\n**Note:** Currently, when a column is shown as a pop-in, the visual indication for selection is not presented over it.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\nFurthermore, you can interact with `ui5-table` via the following keys.\n\n- [F7] - If focus is on an interactive control inside an item, moves focus to the corresponding item.\n- [Ctrl]+[A] - Selects all items, if MultiSelect mode is enabled.\n- [Home]/[End] - Focuses the first/last item.\n- [Page Up]/[Page Down] - Moves focus up/down by page size (20 items by default).\n- [Alt]+[Down]/[Up] - Switches focus between header, last focused item, and More button (if applies) in either direction.\n- [Shift]+[Down]/[Up] - Selects the next/previous item in a MultiSelect table, if the current item is selected (Range selection). Otherwise, deselects them (Range deselection).\n- [Shift]+[Home]/[End] - Range selection to the first/last item of the List.\n- [Ctrl]+[Home]/[End] - Same behavior as HOME & END.\n\n### ES6 Module Import\n\n- `import \"@ui5/webcomponents-compat/dist/Table.js\";`\n- `import \"@ui5/webcomponents-compat/dist/TableColumn.js\";` (`ui5-table-column`)\n- `import \"@ui5/webcomponents-compat/dist/TableRow.js\";` (`ui5-table-row`)\n- `import \"@ui5/webcomponents-compat/dist/TableGroupRow.js\";` (`ui5-table-group-row`)\n- `import \"@ui5/webcomponents-compat/dist/TableCell.js\";` (`ui5-table-cell`)",
|
|
30
30
|
"name": "Table",
|
|
31
31
|
"slots": [
|
|
32
|
-
{
|
|
33
|
-
"name": "default",
|
|
34
|
-
"description": "Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design."
|
|
35
|
-
},
|
|
36
32
|
{
|
|
37
33
|
"name": "columns",
|
|
38
34
|
"description": "Defines the configuration for the columns of the component.\n\n**Note:** Use `ui5-table-column` for the intended design."
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "default",
|
|
38
|
+
"description": "Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design."
|
|
39
39
|
}
|
|
40
40
|
],
|
|
41
41
|
"members": [
|
|
42
42
|
{
|
|
43
43
|
"kind": "field",
|
|
44
|
-
"name": "
|
|
44
|
+
"name": "accessibleName",
|
|
45
45
|
"type": {
|
|
46
46
|
"text": "string | undefined"
|
|
47
47
|
},
|
|
48
|
-
"description": "Defines the
|
|
48
|
+
"description": "Defines the accessible ARIA name of the component.",
|
|
49
49
|
"default": "undefined",
|
|
50
50
|
"privacy": "public"
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
53
|
"kind": "field",
|
|
54
|
-
"name": "
|
|
54
|
+
"name": "accessibleNameRef",
|
|
55
55
|
"type": {
|
|
56
56
|
"text": "string | undefined"
|
|
57
57
|
},
|
|
58
|
-
"description": "
|
|
58
|
+
"description": "Receives id(or many ids) of the elements that label the component.",
|
|
59
59
|
"default": "undefined",
|
|
60
60
|
"privacy": "public"
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
"kind": "field",
|
|
64
|
-
"name": "
|
|
64
|
+
"name": "busy",
|
|
65
65
|
"type": {
|
|
66
|
-
"text": "
|
|
66
|
+
"text": "boolean"
|
|
67
67
|
},
|
|
68
|
-
"
|
|
69
|
-
"
|
|
68
|
+
"default": "false",
|
|
69
|
+
"description": "Defines if the table is in busy state.\n\nIn this state the component's opacity is reduced\nand busy indicator is displayed at the bottom of the table.",
|
|
70
70
|
"privacy": "public"
|
|
71
71
|
},
|
|
72
72
|
{
|
|
73
73
|
"kind": "field",
|
|
74
|
-
"name": "
|
|
74
|
+
"name": "busyDelay",
|
|
75
75
|
"type": {
|
|
76
|
-
"text": "
|
|
76
|
+
"text": "number"
|
|
77
77
|
},
|
|
78
|
-
"default": "
|
|
79
|
-
"description": "Defines
|
|
78
|
+
"default": "1000",
|
|
79
|
+
"description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
|
|
80
80
|
"privacy": "public"
|
|
81
81
|
},
|
|
82
82
|
{
|
|
@@ -98,32 +98,32 @@
|
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
100
|
"kind": "field",
|
|
101
|
-
"name": "
|
|
101
|
+
"name": "growingButtonSubtext",
|
|
102
102
|
"type": {
|
|
103
|
-
"text": "
|
|
103
|
+
"text": "string | undefined"
|
|
104
104
|
},
|
|
105
|
-
"
|
|
106
|
-
"
|
|
105
|
+
"description": "Defines the subtext that will be displayed under the `growingButtonText`.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
|
106
|
+
"default": "undefined",
|
|
107
107
|
"privacy": "public"
|
|
108
108
|
},
|
|
109
109
|
{
|
|
110
110
|
"kind": "field",
|
|
111
|
-
"name": "
|
|
111
|
+
"name": "growingButtonText",
|
|
112
112
|
"type": {
|
|
113
|
-
"text": "
|
|
113
|
+
"text": "string | undefined"
|
|
114
114
|
},
|
|
115
|
-
"
|
|
116
|
-
"
|
|
115
|
+
"description": "Defines the text that will be displayed inside the growing button at the bottom of the table,\nmeant for loading more rows upon press.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
|
116
|
+
"default": "undefined",
|
|
117
117
|
"privacy": "public"
|
|
118
118
|
},
|
|
119
119
|
{
|
|
120
120
|
"kind": "field",
|
|
121
|
-
"name": "
|
|
121
|
+
"name": "hideNoData",
|
|
122
122
|
"type": {
|
|
123
123
|
"text": "boolean"
|
|
124
124
|
},
|
|
125
125
|
"default": "false",
|
|
126
|
-
"description": "
|
|
126
|
+
"description": "Defines if the value of `noDataText` will be diplayed when there is no rows present in the table.",
|
|
127
127
|
"privacy": "public"
|
|
128
128
|
},
|
|
129
129
|
{
|
|
@@ -145,39 +145,32 @@
|
|
|
145
145
|
},
|
|
146
146
|
{
|
|
147
147
|
"kind": "field",
|
|
148
|
-
"name": "
|
|
148
|
+
"name": "noDataText",
|
|
149
149
|
"type": {
|
|
150
150
|
"text": "string | undefined"
|
|
151
151
|
},
|
|
152
|
-
"description": "Defines the
|
|
152
|
+
"description": "Defines the text that will be displayed when there is no data and `hideNoData` is not present.",
|
|
153
153
|
"default": "undefined",
|
|
154
154
|
"privacy": "public"
|
|
155
155
|
},
|
|
156
156
|
{
|
|
157
157
|
"kind": "field",
|
|
158
|
-
"name": "
|
|
158
|
+
"name": "stickyColumnHeader",
|
|
159
159
|
"type": {
|
|
160
|
-
"text": "
|
|
160
|
+
"text": "boolean"
|
|
161
161
|
},
|
|
162
|
-
"
|
|
163
|
-
"
|
|
162
|
+
"default": "false",
|
|
163
|
+
"description": "Determines whether the column headers remain fixed at the top of the page during\nvertical scrolling as long as the Web Component is in the viewport.\n\n**Restrictions:**\n\n- Browsers that do not support this feature:\n\n- Internet Explorer\n- Microsoft Edge lower than version 41 (EdgeHTML 16)\n- Mozilla Firefox lower than version 59\n\n- Scrolling behavior:\n\n- If the Web Component is placed in layout containers that have the `overflow: hidden`\nor `overflow: auto` style definition, this can\nprevent the sticky elements of the Web Component from becoming fixed at the top of the viewport.",
|
|
164
164
|
"privacy": "public"
|
|
165
165
|
}
|
|
166
166
|
],
|
|
167
167
|
"events": [
|
|
168
168
|
{
|
|
169
|
-
"name": "
|
|
169
|
+
"name": "load-more",
|
|
170
170
|
"type": {
|
|
171
|
-
"text": "CustomEvent
|
|
172
|
-
"references": [
|
|
173
|
-
{
|
|
174
|
-
"name": "TableRowClickEventDetail",
|
|
175
|
-
"package": "@ui5/webcomponents-compat",
|
|
176
|
-
"module": "dist/TableRow.js"
|
|
177
|
-
}
|
|
178
|
-
]
|
|
171
|
+
"text": "CustomEvent"
|
|
179
172
|
},
|
|
180
|
-
"description": "Fired when
|
|
173
|
+
"description": "Fired when the user presses the `More` button or scrolls to the table's end.\n\n**Note:** The event will be fired if `growing` is set to `Button` or `Scroll`."
|
|
181
174
|
},
|
|
182
175
|
{
|
|
183
176
|
"name": "popin-change",
|
|
@@ -194,11 +187,18 @@
|
|
|
194
187
|
"description": "Fired when `ui5-table-column` is shown as a pop-in instead of hiding it."
|
|
195
188
|
},
|
|
196
189
|
{
|
|
197
|
-
"name": "
|
|
190
|
+
"name": "row-click",
|
|
198
191
|
"type": {
|
|
199
|
-
"text": "CustomEvent"
|
|
192
|
+
"text": "CustomEvent<TableRowClickEventDetail>",
|
|
193
|
+
"references": [
|
|
194
|
+
{
|
|
195
|
+
"name": "TableRowClickEventDetail",
|
|
196
|
+
"package": "@ui5/webcomponents-compat",
|
|
197
|
+
"module": "dist/TableRow.js"
|
|
198
|
+
}
|
|
199
|
+
]
|
|
200
200
|
},
|
|
201
|
-
"description": "Fired when
|
|
201
|
+
"description": "Fired when a row in `Active` mode is clicked or `Enter` key is pressed."
|
|
202
202
|
},
|
|
203
203
|
{
|
|
204
204
|
"name": "selection-change",
|
|
@@ -217,39 +217,39 @@
|
|
|
217
217
|
],
|
|
218
218
|
"attributes": [
|
|
219
219
|
{
|
|
220
|
-
"description": "Defines the
|
|
221
|
-
"name": "
|
|
220
|
+
"description": "Defines the accessible ARIA name of the component.",
|
|
221
|
+
"name": "accessible-name",
|
|
222
222
|
"default": "undefined",
|
|
223
|
-
"fieldName": "
|
|
223
|
+
"fieldName": "accessibleName",
|
|
224
224
|
"type": {
|
|
225
225
|
"text": "string | undefined"
|
|
226
226
|
}
|
|
227
227
|
},
|
|
228
228
|
{
|
|
229
|
-
"description": "
|
|
230
|
-
"name": "
|
|
229
|
+
"description": "Receives id(or many ids) of the elements that label the component.",
|
|
230
|
+
"name": "accessible-name-ref",
|
|
231
231
|
"default": "undefined",
|
|
232
|
-
"fieldName": "
|
|
232
|
+
"fieldName": "accessibleNameRef",
|
|
233
233
|
"type": {
|
|
234
234
|
"text": "string | undefined"
|
|
235
235
|
}
|
|
236
236
|
},
|
|
237
237
|
{
|
|
238
|
-
"description": "Defines the
|
|
239
|
-
"name": "
|
|
240
|
-
"default": "
|
|
241
|
-
"fieldName": "
|
|
238
|
+
"description": "Defines if the table is in busy state.\n\nIn this state the component's opacity is reduced\nand busy indicator is displayed at the bottom of the table.",
|
|
239
|
+
"name": "busy",
|
|
240
|
+
"default": "false",
|
|
241
|
+
"fieldName": "busy",
|
|
242
242
|
"type": {
|
|
243
|
-
"text": "
|
|
243
|
+
"text": "boolean"
|
|
244
244
|
}
|
|
245
245
|
},
|
|
246
246
|
{
|
|
247
|
-
"description": "Defines
|
|
248
|
-
"name": "
|
|
249
|
-
"default": "
|
|
250
|
-
"fieldName": "
|
|
247
|
+
"description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
|
|
248
|
+
"name": "busy-delay",
|
|
249
|
+
"default": "1000",
|
|
250
|
+
"fieldName": "busyDelay",
|
|
251
251
|
"type": {
|
|
252
|
-
"text": "
|
|
252
|
+
"text": "number"
|
|
253
253
|
}
|
|
254
254
|
},
|
|
255
255
|
{
|
|
@@ -262,28 +262,28 @@
|
|
|
262
262
|
}
|
|
263
263
|
},
|
|
264
264
|
{
|
|
265
|
-
"description": "Defines
|
|
266
|
-
"name": "
|
|
267
|
-
"default": "
|
|
268
|
-
"fieldName": "
|
|
265
|
+
"description": "Defines the subtext that will be displayed under the `growingButtonText`.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
|
266
|
+
"name": "growing-button-subtext",
|
|
267
|
+
"default": "undefined",
|
|
268
|
+
"fieldName": "growingButtonSubtext",
|
|
269
269
|
"type": {
|
|
270
|
-
"text": "
|
|
270
|
+
"text": "string | undefined"
|
|
271
271
|
}
|
|
272
272
|
},
|
|
273
273
|
{
|
|
274
|
-
"description": "Defines the
|
|
275
|
-
"name": "
|
|
276
|
-
"default": "
|
|
277
|
-
"fieldName": "
|
|
274
|
+
"description": "Defines the text that will be displayed inside the growing button at the bottom of the table,\nmeant for loading more rows upon press.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
|
275
|
+
"name": "growing-button-text",
|
|
276
|
+
"default": "undefined",
|
|
277
|
+
"fieldName": "growingButtonText",
|
|
278
278
|
"type": {
|
|
279
|
-
"text": "
|
|
279
|
+
"text": "string | undefined"
|
|
280
280
|
}
|
|
281
281
|
},
|
|
282
282
|
{
|
|
283
|
-
"description": "
|
|
284
|
-
"name": "
|
|
283
|
+
"description": "Defines if the value of `noDataText` will be diplayed when there is no rows present in the table.",
|
|
284
|
+
"name": "hide-no-data",
|
|
285
285
|
"default": "false",
|
|
286
|
-
"fieldName": "
|
|
286
|
+
"fieldName": "hideNoData",
|
|
287
287
|
"type": {
|
|
288
288
|
"text": "boolean"
|
|
289
289
|
}
|
|
@@ -298,21 +298,21 @@
|
|
|
298
298
|
}
|
|
299
299
|
},
|
|
300
300
|
{
|
|
301
|
-
"description": "Defines the
|
|
302
|
-
"name": "
|
|
301
|
+
"description": "Defines the text that will be displayed when there is no data and `hideNoData` is not present.",
|
|
302
|
+
"name": "no-data-text",
|
|
303
303
|
"default": "undefined",
|
|
304
|
-
"fieldName": "
|
|
304
|
+
"fieldName": "noDataText",
|
|
305
305
|
"type": {
|
|
306
306
|
"text": "string | undefined"
|
|
307
307
|
}
|
|
308
308
|
},
|
|
309
309
|
{
|
|
310
|
-
"description": "
|
|
311
|
-
"name": "
|
|
312
|
-
"default": "
|
|
313
|
-
"fieldName": "
|
|
310
|
+
"description": "Determines whether the column headers remain fixed at the top of the page during\nvertical scrolling as long as the Web Component is in the viewport.\n\n**Restrictions:**\n\n- Browsers that do not support this feature:\n\n- Internet Explorer\n- Microsoft Edge lower than version 41 (EdgeHTML 16)\n- Mozilla Firefox lower than version 59\n\n- Scrolling behavior:\n\n- If the Web Component is placed in layout containers that have the `overflow: hidden`\nor `overflow: auto` style definition, this can\nprevent the sticky elements of the Web Component from becoming fixed at the top of the viewport.",
|
|
311
|
+
"name": "sticky-column-header",
|
|
312
|
+
"default": "false",
|
|
313
|
+
"fieldName": "stickyColumnHeader",
|
|
314
314
|
"type": {
|
|
315
|
-
"text": "
|
|
315
|
+
"text": "boolean"
|
|
316
316
|
}
|
|
317
317
|
}
|
|
318
318
|
],
|
|
@@ -417,32 +417,22 @@
|
|
|
417
417
|
"members": [
|
|
418
418
|
{
|
|
419
419
|
"kind": "field",
|
|
420
|
-
"name": "
|
|
421
|
-
"type": {
|
|
422
|
-
"text": "number"
|
|
423
|
-
},
|
|
424
|
-
"default": "Infinity",
|
|
425
|
-
"description": "Defines the minimum table width required to display this column. By default it is always displayed.\n\nThe responsive behavior of the `ui5-table` is determined by this property. As an example, by setting\n`minWidth` property to `400` sets the minimum width to 400 pixels, and\tshows this column on tablet (and desktop) but hides it on mobile.\n\nFor further responsive design options, see `demandPopin` property.",
|
|
426
|
-
"privacy": "public"
|
|
427
|
-
},
|
|
428
|
-
{
|
|
429
|
-
"kind": "field",
|
|
430
|
-
"name": "popinText",
|
|
420
|
+
"name": "demandPopin",
|
|
431
421
|
"type": {
|
|
432
|
-
"text": "
|
|
422
|
+
"text": "boolean"
|
|
433
423
|
},
|
|
434
|
-
"
|
|
435
|
-
"
|
|
424
|
+
"default": "false",
|
|
425
|
+
"description": "According to your `minWidth` settings, the component can be hidden\nin different screen sizes.\n\nSetting this property to `true`, shows this column as pop-in instead of hiding it.",
|
|
436
426
|
"privacy": "public"
|
|
437
427
|
},
|
|
438
428
|
{
|
|
439
429
|
"kind": "field",
|
|
440
|
-
"name": "
|
|
430
|
+
"name": "minWidth",
|
|
441
431
|
"type": {
|
|
442
|
-
"text": "
|
|
432
|
+
"text": "number"
|
|
443
433
|
},
|
|
444
|
-
"default": "
|
|
445
|
-
"description": "
|
|
434
|
+
"default": "Infinity",
|
|
435
|
+
"description": "Defines the minimum table width required to display this column. By default it is always displayed.\n\nThe responsive behavior of the `ui5-table` is determined by this property. As an example, by setting\n`minWidth` property to `400` sets the minimum width to 400 pixels, and\tshows this column on tablet (and desktop) but hides it on mobile.\n\nFor further responsive design options, see `demandPopin` property.",
|
|
446
436
|
"privacy": "public"
|
|
447
437
|
},
|
|
448
438
|
{
|
|
@@ -461,27 +451,19 @@
|
|
|
461
451
|
"default": "\"Block\"",
|
|
462
452
|
"description": "Defines how the popin row is displayed.\n\n**The available values are:**\n\n- `Block`\n- `Inline`",
|
|
463
453
|
"privacy": "public"
|
|
464
|
-
}
|
|
465
|
-
],
|
|
466
|
-
"attributes": [
|
|
467
|
-
{
|
|
468
|
-
"description": "Defines the minimum table width required to display this column. By default it is always displayed.\n\nThe responsive behavior of the `ui5-table` is determined by this property. As an example, by setting\n`minWidth` property to `400` sets the minimum width to 400 pixels, and\tshows this column on tablet (and desktop) but hides it on mobile.\n\nFor further responsive design options, see `demandPopin` property.",
|
|
469
|
-
"name": "min-width",
|
|
470
|
-
"default": "Infinity",
|
|
471
|
-
"fieldName": "minWidth",
|
|
472
|
-
"type": {
|
|
473
|
-
"text": "number"
|
|
474
|
-
}
|
|
475
454
|
},
|
|
476
455
|
{
|
|
477
|
-
"
|
|
478
|
-
"name": "
|
|
479
|
-
"default": "undefined",
|
|
480
|
-
"fieldName": "popinText",
|
|
456
|
+
"kind": "field",
|
|
457
|
+
"name": "popinText",
|
|
481
458
|
"type": {
|
|
482
459
|
"text": "string | undefined"
|
|
483
|
-
}
|
|
484
|
-
|
|
460
|
+
},
|
|
461
|
+
"description": "The text for the column when it pops in.",
|
|
462
|
+
"default": "undefined",
|
|
463
|
+
"privacy": "public"
|
|
464
|
+
}
|
|
465
|
+
],
|
|
466
|
+
"attributes": [
|
|
485
467
|
{
|
|
486
468
|
"description": "According to your `minWidth` settings, the component can be hidden\nin different screen sizes.\n\nSetting this property to `true`, shows this column as pop-in instead of hiding it.",
|
|
487
469
|
"name": "demand-popin",
|
|
@@ -491,6 +473,15 @@
|
|
|
491
473
|
"text": "boolean"
|
|
492
474
|
}
|
|
493
475
|
},
|
|
476
|
+
{
|
|
477
|
+
"description": "Defines the minimum table width required to display this column. By default it is always displayed.\n\nThe responsive behavior of the `ui5-table` is determined by this property. As an example, by setting\n`minWidth` property to `400` sets the minimum width to 400 pixels, and\tshows this column on tablet (and desktop) but hides it on mobile.\n\nFor further responsive design options, see `demandPopin` property.",
|
|
478
|
+
"name": "min-width",
|
|
479
|
+
"default": "Infinity",
|
|
480
|
+
"fieldName": "minWidth",
|
|
481
|
+
"type": {
|
|
482
|
+
"text": "number"
|
|
483
|
+
}
|
|
484
|
+
},
|
|
494
485
|
{
|
|
495
486
|
"description": "Defines how the popin row is displayed.\n\n**The available values are:**\n\n- `Block`\n- `Inline`",
|
|
496
487
|
"name": "popin-display",
|
|
@@ -499,6 +490,15 @@
|
|
|
499
490
|
"type": {
|
|
500
491
|
"text": "\"Block\" | \"Inline\""
|
|
501
492
|
}
|
|
493
|
+
},
|
|
494
|
+
{
|
|
495
|
+
"description": "The text for the column when it pops in.",
|
|
496
|
+
"name": "popin-text",
|
|
497
|
+
"default": "undefined",
|
|
498
|
+
"fieldName": "popinText",
|
|
499
|
+
"type": {
|
|
500
|
+
"text": "string | undefined"
|
|
501
|
+
}
|
|
502
502
|
}
|
|
503
503
|
],
|
|
504
504
|
"superclass": {
|
|
@@ -588,13 +588,13 @@
|
|
|
588
588
|
"description": "### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.",
|
|
589
589
|
"name": "TableRow",
|
|
590
590
|
"cssParts": [
|
|
591
|
-
{
|
|
592
|
-
"description": "Used to style the native `tr` element",
|
|
593
|
-
"name": "row"
|
|
594
|
-
},
|
|
595
591
|
{
|
|
596
592
|
"description": "Used to style the `tr` element when a row pops in",
|
|
597
593
|
"name": "popin-row"
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"description": "Used to style the native `tr` element",
|
|
597
|
+
"name": "row"
|
|
598
598
|
}
|
|
599
599
|
],
|
|
600
600
|
"slots": [
|
|
@@ -606,19 +606,12 @@
|
|
|
606
606
|
"members": [
|
|
607
607
|
{
|
|
608
608
|
"kind": "field",
|
|
609
|
-
"name": "
|
|
609
|
+
"name": "navigated",
|
|
610
610
|
"type": {
|
|
611
|
-
"text": "
|
|
612
|
-
"references": [
|
|
613
|
-
{
|
|
614
|
-
"name": "TableRowType",
|
|
615
|
-
"package": "@ui5/webcomponents-compat",
|
|
616
|
-
"module": "dist/types/TableRowType.js"
|
|
617
|
-
}
|
|
618
|
-
]
|
|
611
|
+
"text": "boolean"
|
|
619
612
|
},
|
|
620
|
-
"default": "
|
|
621
|
-
"description": "
|
|
613
|
+
"default": "false",
|
|
614
|
+
"description": "Indicates if the table row is navigated.",
|
|
622
615
|
"privacy": "public"
|
|
623
616
|
},
|
|
624
617
|
{
|
|
@@ -633,23 +626,30 @@
|
|
|
633
626
|
},
|
|
634
627
|
{
|
|
635
628
|
"kind": "field",
|
|
636
|
-
"name": "
|
|
629
|
+
"name": "type",
|
|
637
630
|
"type": {
|
|
638
|
-
"text": "
|
|
631
|
+
"text": "TableRowType",
|
|
632
|
+
"references": [
|
|
633
|
+
{
|
|
634
|
+
"name": "TableRowType",
|
|
635
|
+
"package": "@ui5/webcomponents-compat",
|
|
636
|
+
"module": "dist/types/TableRowType.js"
|
|
637
|
+
}
|
|
638
|
+
]
|
|
639
639
|
},
|
|
640
|
-
"default": "
|
|
641
|
-
"description": "
|
|
640
|
+
"default": "\"Inactive\"",
|
|
641
|
+
"description": "Defines the visual indication and behavior of the component.\n\n**Note:** When set to `Active`, the item will provide visual response upon press,\nwhile with type `Inactive`-will not.",
|
|
642
642
|
"privacy": "public"
|
|
643
643
|
}
|
|
644
644
|
],
|
|
645
645
|
"attributes": [
|
|
646
646
|
{
|
|
647
|
-
"description": "
|
|
648
|
-
"name": "
|
|
649
|
-
"default": "
|
|
650
|
-
"fieldName": "
|
|
647
|
+
"description": "Indicates if the table row is navigated.",
|
|
648
|
+
"name": "navigated",
|
|
649
|
+
"default": "false",
|
|
650
|
+
"fieldName": "navigated",
|
|
651
651
|
"type": {
|
|
652
|
-
"text": "
|
|
652
|
+
"text": "boolean"
|
|
653
653
|
}
|
|
654
654
|
},
|
|
655
655
|
{
|
|
@@ -662,12 +662,12 @@
|
|
|
662
662
|
}
|
|
663
663
|
},
|
|
664
664
|
{
|
|
665
|
-
"description": "
|
|
666
|
-
"name": "
|
|
667
|
-
"default": "
|
|
668
|
-
"fieldName": "
|
|
665
|
+
"description": "Defines the visual indication and behavior of the component.\n\n**Note:** When set to `Active`, the item will provide visual response upon press,\nwhile with type `Inactive`-will not.",
|
|
666
|
+
"name": "type",
|
|
667
|
+
"default": "\"Inactive\"",
|
|
668
|
+
"fieldName": "type",
|
|
669
669
|
"type": {
|
|
670
|
-
"text": "
|
|
670
|
+
"text": "\"Inactive\" | \"Active\""
|
|
671
671
|
}
|
|
672
672
|
}
|
|
673
673
|
],
|