@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
|
@@ -3,26 +3,26 @@
|
|
|
3
3
|
"tags": [
|
|
4
4
|
{
|
|
5
5
|
"name": "ui5-table",
|
|
6
|
-
"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`)\n\n\n---\n\n\n\n\n### **Events:**\n - **
|
|
6
|
+
"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`)\n\n\n---\n\n\n\n\n### **Events:**\n - **load-more** - 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`.\n- **popin-change** - Fired when `ui5-table-column` is shown as a pop-in instead of hiding it.\n- **row-click** - Fired when a row in `Active` mode is clicked or `Enter` key is pressed.\n- **selection-change** - Fired when selection is changed by user interaction\nin `SingleSelect` and `MultiSelect` modes.\n\n### **Slots:**\n - **columns** - Defines the configuration for the columns of the component.\n\n**Note:** Use `ui5-table-column` for the intended design.\n- **default** - Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design.",
|
|
7
7
|
"attributes": [
|
|
8
8
|
{
|
|
9
|
-
"name": "
|
|
10
|
-
"description": "Defines the
|
|
9
|
+
"name": "accessible-name",
|
|
10
|
+
"description": "Defines the accessible ARIA name of the component.",
|
|
11
11
|
"values": []
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
|
-
"name": "
|
|
15
|
-
"description": "
|
|
14
|
+
"name": "accessible-name-ref",
|
|
15
|
+
"description": "Receives id(or many ids) of the elements that label the component.",
|
|
16
16
|
"values": []
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
"name": "
|
|
20
|
-
"description": "Defines the
|
|
19
|
+
"name": "busy",
|
|
20
|
+
"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.",
|
|
21
21
|
"values": []
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
"name": "
|
|
25
|
-
"description": "Defines
|
|
24
|
+
"name": "busy-delay",
|
|
25
|
+
"description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
|
|
26
26
|
"values": []
|
|
27
27
|
},
|
|
28
28
|
{
|
|
@@ -35,18 +35,18 @@
|
|
|
35
35
|
]
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
|
-
"name": "
|
|
39
|
-
"description": "Defines
|
|
38
|
+
"name": "growing-button-subtext",
|
|
39
|
+
"description": "Defines the subtext that will be displayed under the `growingButtonText`.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
|
40
40
|
"values": []
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
|
-
"name": "
|
|
44
|
-
"description": "Defines the
|
|
43
|
+
"name": "growing-button-text",
|
|
44
|
+
"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`.",
|
|
45
45
|
"values": []
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
"name": "
|
|
49
|
-
"description": "
|
|
48
|
+
"name": "hide-no-data",
|
|
49
|
+
"description": "Defines if the value of `noDataText` will be diplayed when there is no rows present in the table.",
|
|
50
50
|
"values": []
|
|
51
51
|
},
|
|
52
52
|
{
|
|
@@ -59,13 +59,13 @@
|
|
|
59
59
|
]
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
|
-
"name": "
|
|
63
|
-
"description": "Defines the
|
|
62
|
+
"name": "no-data-text",
|
|
63
|
+
"description": "Defines the text that will be displayed when there is no data and `hideNoData` is not present.",
|
|
64
64
|
"values": []
|
|
65
65
|
},
|
|
66
66
|
{
|
|
67
|
-
"name": "
|
|
68
|
-
"description": "
|
|
67
|
+
"name": "sticky-column-header",
|
|
68
|
+
"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.",
|
|
69
69
|
"values": []
|
|
70
70
|
}
|
|
71
71
|
],
|
|
@@ -82,24 +82,24 @@
|
|
|
82
82
|
"description": "### Overview\n\nThe `ui5-table-column` component allows to define column specific properties that are applied\nwhen rendering the `ui5-table` component.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the column header\n\n### **CSS Parts:**\n - **column** - Used to style the native `th` element",
|
|
83
83
|
"attributes": [
|
|
84
84
|
{
|
|
85
|
-
"name": "
|
|
86
|
-
"description": "
|
|
87
|
-
"values": []
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"name": "popin-text",
|
|
91
|
-
"description": "The text for the column when it pops in.",
|
|
85
|
+
"name": "demand-popin",
|
|
86
|
+
"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.",
|
|
92
87
|
"values": []
|
|
93
88
|
},
|
|
94
89
|
{
|
|
95
|
-
"name": "
|
|
96
|
-
"description": "
|
|
90
|
+
"name": "min-width",
|
|
91
|
+
"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.",
|
|
97
92
|
"values": []
|
|
98
93
|
},
|
|
99
94
|
{
|
|
100
95
|
"name": "popin-display",
|
|
101
96
|
"description": "Defines how the popin row is displayed.\n\n**The available values are:**\n\n- `Block`\n- `Inline`",
|
|
102
97
|
"values": [{ "name": "Block" }, { "name": "Inline" }]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"name": "popin-text",
|
|
101
|
+
"description": "The text for the column when it pops in.",
|
|
102
|
+
"values": []
|
|
103
103
|
}
|
|
104
104
|
],
|
|
105
105
|
"references": []
|
|
@@ -112,12 +112,12 @@
|
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
114
|
"name": "ui5-table-row",
|
|
115
|
-
"description": "### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n\n### **CSS Parts:**\n - **row** - Used to style the
|
|
115
|
+
"description": "### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n\n### **CSS Parts:**\n - **popin-row** - Used to style the `tr` element when a row pops in\n- **row** - Used to style the native `tr` element",
|
|
116
116
|
"attributes": [
|
|
117
117
|
{
|
|
118
|
-
"name": "
|
|
119
|
-
"description": "
|
|
120
|
-
"values": [
|
|
118
|
+
"name": "navigated",
|
|
119
|
+
"description": "Indicates if the table row is navigated.",
|
|
120
|
+
"values": []
|
|
121
121
|
},
|
|
122
122
|
{
|
|
123
123
|
"name": "selected",
|
|
@@ -125,9 +125,9 @@
|
|
|
125
125
|
"values": []
|
|
126
126
|
},
|
|
127
127
|
{
|
|
128
|
-
"name": "
|
|
129
|
-
"description": "
|
|
130
|
-
"values": []
|
|
128
|
+
"name": "type",
|
|
129
|
+
"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.",
|
|
130
|
+
"values": [{ "name": "Inactive" }, { "name": "Active" }]
|
|
131
131
|
}
|
|
132
132
|
],
|
|
133
133
|
"references": []
|
package/dist/web-types.json
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ui5/webcomponents-compat",
|
|
4
|
-
"version": "2.20.0
|
|
4
|
+
"version": "2.20.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "ui5-table",
|
|
11
|
-
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/Table.js` instead.\n\n### 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`)\n---\n\n\n### **Events:**\n - **
|
|
11
|
+
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/Table.js` instead.\n\n### 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`)\n---\n\n\n### **Events:**\n - **load-more** - 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`.\n- **popin-change** - Fired when `ui5-table-column` is shown as a pop-in instead of hiding it.\n- **row-click** - Fired when a row in `Active` mode is clicked or `Enter` key is pressed.\n- **selection-change** - Fired when selection is changed by user interaction\nin `SingleSelect` and `MultiSelect` modes.\n\n### **Slots:**\n - **columns** - Defines the configuration for the columns of the component.\n\n**Note:** Use `ui5-table-column` for the intended design.\n- **default** - Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design.",
|
|
12
12
|
"doc-url": "",
|
|
13
13
|
"attributes": [
|
|
14
14
|
{
|
|
15
|
-
"name": "
|
|
16
|
-
"description": "Defines the
|
|
15
|
+
"name": "accessible-name",
|
|
16
|
+
"description": "Defines the accessible ARIA name of the component.",
|
|
17
17
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
|
-
"name": "
|
|
21
|
-
"description": "
|
|
20
|
+
"name": "accessible-name-ref",
|
|
21
|
+
"description": "Receives id(or many ids) of the elements that label the component.",
|
|
22
22
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
"name": "
|
|
26
|
-
"description": "Defines the
|
|
27
|
-
"value": { "type": "
|
|
25
|
+
"name": "busy",
|
|
26
|
+
"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.",
|
|
27
|
+
"value": { "type": "boolean", "default": "false" }
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"name": "
|
|
31
|
-
"description": "Defines
|
|
32
|
-
"value": { "type": "
|
|
30
|
+
"name": "busy-delay",
|
|
31
|
+
"description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
|
|
32
|
+
"value": { "type": "number", "default": "1000" }
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
"name": "growing",
|
|
@@ -40,18 +40,18 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
|
-
"name": "
|
|
44
|
-
"description": "Defines
|
|
45
|
-
"value": { "type": "
|
|
43
|
+
"name": "growing-button-subtext",
|
|
44
|
+
"description": "Defines the subtext that will be displayed under the `growingButtonText`.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
|
45
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
"name": "
|
|
49
|
-
"description": "Defines the
|
|
50
|
-
"value": { "type": "
|
|
48
|
+
"name": "growing-button-text",
|
|
49
|
+
"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`.",
|
|
50
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
|
-
"name": "
|
|
54
|
-
"description": "
|
|
53
|
+
"name": "hide-no-data",
|
|
54
|
+
"description": "Defines if the value of `noDataText` will be diplayed when there is no rows present in the table.",
|
|
55
55
|
"value": { "type": "boolean", "default": "false" }
|
|
56
56
|
},
|
|
57
57
|
{
|
|
@@ -63,38 +63,38 @@
|
|
|
63
63
|
}
|
|
64
64
|
},
|
|
65
65
|
{
|
|
66
|
-
"name": "
|
|
67
|
-
"description": "Defines the
|
|
66
|
+
"name": "no-data-text",
|
|
67
|
+
"description": "Defines the text that will be displayed when there is no data and `hideNoData` is not present.",
|
|
68
68
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
|
-
"name": "
|
|
72
|
-
"description": "
|
|
73
|
-
"value": { "type": "
|
|
71
|
+
"name": "sticky-column-header",
|
|
72
|
+
"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.",
|
|
73
|
+
"value": { "type": "boolean", "default": "false" }
|
|
74
74
|
}
|
|
75
75
|
],
|
|
76
76
|
"slots": [
|
|
77
|
-
{
|
|
78
|
-
"name": "default",
|
|
79
|
-
"description": "Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design."
|
|
80
|
-
},
|
|
81
77
|
{
|
|
82
78
|
"name": "columns",
|
|
83
79
|
"description": "Defines the configuration for the columns of the component.\n\n**Note:** Use `ui5-table-column` for the intended design."
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"name": "default",
|
|
83
|
+
"description": "Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design."
|
|
84
84
|
}
|
|
85
85
|
],
|
|
86
86
|
"events": [
|
|
87
87
|
{
|
|
88
|
-
"name": "
|
|
89
|
-
"description": "Fired when
|
|
88
|
+
"name": "load-more",
|
|
89
|
+
"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`."
|
|
90
90
|
},
|
|
91
91
|
{
|
|
92
92
|
"name": "popin-change",
|
|
93
93
|
"description": "Fired when `ui5-table-column` is shown as a pop-in instead of hiding it."
|
|
94
94
|
},
|
|
95
95
|
{
|
|
96
|
-
"name": "
|
|
97
|
-
"description": "Fired when
|
|
96
|
+
"name": "row-click",
|
|
97
|
+
"description": "Fired when a row in `Active` mode is clicked or `Enter` key is pressed."
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
100
|
"name": "selection-change",
|
|
@@ -104,24 +104,24 @@
|
|
|
104
104
|
"js": {
|
|
105
105
|
"properties": [
|
|
106
106
|
{
|
|
107
|
-
"name": "
|
|
108
|
-
"description": "Defines the
|
|
107
|
+
"name": "accessible-name",
|
|
108
|
+
"description": "Defines the accessible ARIA name of the component.",
|
|
109
109
|
"value": { "type": "string | undefined" }
|
|
110
110
|
},
|
|
111
111
|
{
|
|
112
|
-
"name": "
|
|
113
|
-
"description": "
|
|
112
|
+
"name": "accessible-name-ref",
|
|
113
|
+
"description": "Receives id(or many ids) of the elements that label the component.",
|
|
114
114
|
"value": { "type": "string | undefined" }
|
|
115
115
|
},
|
|
116
116
|
{
|
|
117
|
-
"name": "
|
|
118
|
-
"description": "Defines the
|
|
119
|
-
"value": { "type": "
|
|
117
|
+
"name": "busy",
|
|
118
|
+
"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.",
|
|
119
|
+
"value": { "type": "boolean" }
|
|
120
120
|
},
|
|
121
121
|
{
|
|
122
|
-
"name": "
|
|
123
|
-
"description": "Defines
|
|
124
|
-
"value": { "type": "
|
|
122
|
+
"name": "busy-delay",
|
|
123
|
+
"description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
|
|
124
|
+
"value": { "type": "number" }
|
|
125
125
|
},
|
|
126
126
|
{
|
|
127
127
|
"name": "growing",
|
|
@@ -129,18 +129,18 @@
|
|
|
129
129
|
"value": { "type": "\"Button\" | \"Scroll\" | \"None\"" }
|
|
130
130
|
},
|
|
131
131
|
{
|
|
132
|
-
"name": "
|
|
133
|
-
"description": "Defines
|
|
134
|
-
"value": { "type": "
|
|
132
|
+
"name": "growing-button-subtext",
|
|
133
|
+
"description": "Defines the subtext that will be displayed under the `growingButtonText`.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
|
134
|
+
"value": { "type": "string | undefined" }
|
|
135
135
|
},
|
|
136
136
|
{
|
|
137
|
-
"name": "
|
|
138
|
-
"description": "Defines the
|
|
139
|
-
"value": { "type": "
|
|
137
|
+
"name": "growing-button-text",
|
|
138
|
+
"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`.",
|
|
139
|
+
"value": { "type": "string | undefined" }
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
|
-
"name": "
|
|
143
|
-
"description": "
|
|
142
|
+
"name": "hide-no-data",
|
|
143
|
+
"description": "Defines if the value of `noDataText` will be diplayed when there is no rows present in the table.",
|
|
144
144
|
"value": { "type": "boolean" }
|
|
145
145
|
},
|
|
146
146
|
{
|
|
@@ -151,28 +151,28 @@
|
|
|
151
151
|
}
|
|
152
152
|
},
|
|
153
153
|
{
|
|
154
|
-
"name": "
|
|
155
|
-
"description": "Defines the
|
|
154
|
+
"name": "no-data-text",
|
|
155
|
+
"description": "Defines the text that will be displayed when there is no data and `hideNoData` is not present.",
|
|
156
156
|
"value": { "type": "string | undefined" }
|
|
157
157
|
},
|
|
158
158
|
{
|
|
159
|
-
"name": "
|
|
160
|
-
"description": "
|
|
161
|
-
"value": { "type": "
|
|
159
|
+
"name": "sticky-column-header",
|
|
160
|
+
"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.",
|
|
161
|
+
"value": { "type": "boolean" }
|
|
162
162
|
}
|
|
163
163
|
],
|
|
164
164
|
"events": [
|
|
165
165
|
{
|
|
166
|
-
"name": "
|
|
167
|
-
"description": "Fired when
|
|
166
|
+
"name": "load-more",
|
|
167
|
+
"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`."
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
170
|
"name": "popin-change",
|
|
171
171
|
"description": "Fired when `ui5-table-column` is shown as a pop-in instead of hiding it."
|
|
172
172
|
},
|
|
173
173
|
{
|
|
174
|
-
"name": "
|
|
175
|
-
"description": "Fired when
|
|
174
|
+
"name": "row-click",
|
|
175
|
+
"description": "Fired when a row in `Active` mode is clicked or `Enter` key is pressed."
|
|
176
176
|
},
|
|
177
177
|
{
|
|
178
178
|
"name": "selection-change",
|
|
@@ -200,21 +200,16 @@
|
|
|
200
200
|
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/Table.js` instead.\n\n### Overview\n\nThe `ui5-table-column` component allows to define column specific properties that are applied\nwhen rendering the `ui5-table` component.\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the column header\n\n### **CSS Parts:**\n - **column** - Used to style the native `th` element",
|
|
201
201
|
"doc-url": "",
|
|
202
202
|
"attributes": [
|
|
203
|
-
{
|
|
204
|
-
"name": "min-width",
|
|
205
|
-
"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.",
|
|
206
|
-
"value": { "type": "number", "default": "Infinity" }
|
|
207
|
-
},
|
|
208
|
-
{
|
|
209
|
-
"name": "popin-text",
|
|
210
|
-
"description": "The text for the column when it pops in.",
|
|
211
|
-
"value": { "type": "string | undefined", "default": "undefined" }
|
|
212
|
-
},
|
|
213
203
|
{
|
|
214
204
|
"name": "demand-popin",
|
|
215
205
|
"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.",
|
|
216
206
|
"value": { "type": "boolean", "default": "false" }
|
|
217
207
|
},
|
|
208
|
+
{
|
|
209
|
+
"name": "min-width",
|
|
210
|
+
"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.",
|
|
211
|
+
"value": { "type": "number", "default": "Infinity" }
|
|
212
|
+
},
|
|
218
213
|
{
|
|
219
214
|
"name": "popin-display",
|
|
220
215
|
"description": "Defines how the popin row is displayed.\n\n**The available values are:**\n\n- `Block`\n- `Inline`",
|
|
@@ -222,6 +217,11 @@
|
|
|
222
217
|
"type": "\"Block\" | \"Inline\"",
|
|
223
218
|
"default": "\"Block\""
|
|
224
219
|
}
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "popin-text",
|
|
223
|
+
"description": "The text for the column when it pops in.",
|
|
224
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
|
225
225
|
}
|
|
226
226
|
],
|
|
227
227
|
"slots": [
|
|
@@ -233,25 +233,25 @@
|
|
|
233
233
|
"events": [],
|
|
234
234
|
"js": {
|
|
235
235
|
"properties": [
|
|
236
|
-
{
|
|
237
|
-
"name": "min-width",
|
|
238
|
-
"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.",
|
|
239
|
-
"value": { "type": "number" }
|
|
240
|
-
},
|
|
241
|
-
{
|
|
242
|
-
"name": "popin-text",
|
|
243
|
-
"description": "The text for the column when it pops in.",
|
|
244
|
-
"value": { "type": "string | undefined" }
|
|
245
|
-
},
|
|
246
236
|
{
|
|
247
237
|
"name": "demand-popin",
|
|
248
238
|
"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.",
|
|
249
239
|
"value": { "type": "boolean" }
|
|
250
240
|
},
|
|
241
|
+
{
|
|
242
|
+
"name": "min-width",
|
|
243
|
+
"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.",
|
|
244
|
+
"value": { "type": "number" }
|
|
245
|
+
},
|
|
251
246
|
{
|
|
252
247
|
"name": "popin-display",
|
|
253
248
|
"description": "Defines how the popin row is displayed.\n\n**The available values are:**\n\n- `Block`\n- `Inline`",
|
|
254
249
|
"value": { "type": "\"Block\" | \"Inline\"" }
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"name": "popin-text",
|
|
253
|
+
"description": "The text for the column when it pops in.",
|
|
254
|
+
"value": { "type": "string | undefined" }
|
|
255
255
|
}
|
|
256
256
|
],
|
|
257
257
|
"events": []
|
|
@@ -273,16 +273,13 @@
|
|
|
273
273
|
},
|
|
274
274
|
{
|
|
275
275
|
"name": "ui5-table-row",
|
|
276
|
-
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/TableRow.js` instead.\n\n### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n\n### **CSS Parts:**\n - **row** - Used to style the
|
|
276
|
+
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/TableRow.js` instead.\n\n### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n\n### **CSS Parts:**\n - **popin-row** - Used to style the `tr` element when a row pops in\n- **row** - Used to style the native `tr` element",
|
|
277
277
|
"doc-url": "",
|
|
278
278
|
"attributes": [
|
|
279
279
|
{
|
|
280
|
-
"name": "
|
|
281
|
-
"description": "
|
|
282
|
-
"value": {
|
|
283
|
-
"type": "\"Inactive\" | \"Active\"",
|
|
284
|
-
"default": "\"Inactive\""
|
|
285
|
-
}
|
|
280
|
+
"name": "navigated",
|
|
281
|
+
"description": "Indicates if the table row is navigated.",
|
|
282
|
+
"value": { "type": "boolean", "default": "false" }
|
|
286
283
|
},
|
|
287
284
|
{
|
|
288
285
|
"name": "selected",
|
|
@@ -290,9 +287,12 @@
|
|
|
290
287
|
"value": { "type": "boolean", "default": "false" }
|
|
291
288
|
},
|
|
292
289
|
{
|
|
293
|
-
"name": "
|
|
294
|
-
"description": "
|
|
295
|
-
"value": {
|
|
290
|
+
"name": "type",
|
|
291
|
+
"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.",
|
|
292
|
+
"value": {
|
|
293
|
+
"type": "\"Inactive\" | \"Active\"",
|
|
294
|
+
"default": "\"Inactive\""
|
|
295
|
+
}
|
|
296
296
|
}
|
|
297
297
|
],
|
|
298
298
|
"slots": [
|
|
@@ -305,9 +305,9 @@
|
|
|
305
305
|
"js": {
|
|
306
306
|
"properties": [
|
|
307
307
|
{
|
|
308
|
-
"name": "
|
|
309
|
-
"description": "
|
|
310
|
-
"value": { "type": "
|
|
308
|
+
"name": "navigated",
|
|
309
|
+
"description": "Indicates if the table row is navigated.",
|
|
310
|
+
"value": { "type": "boolean" }
|
|
311
311
|
},
|
|
312
312
|
{
|
|
313
313
|
"name": "selected",
|
|
@@ -315,9 +315,9 @@
|
|
|
315
315
|
"value": { "type": "boolean" }
|
|
316
316
|
},
|
|
317
317
|
{
|
|
318
|
-
"name": "
|
|
319
|
-
"description": "
|
|
320
|
-
"value": { "type": "
|
|
318
|
+
"name": "type",
|
|
319
|
+
"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.",
|
|
320
|
+
"value": { "type": "\"Inactive\" | \"Active\"" }
|
|
321
321
|
}
|
|
322
322
|
],
|
|
323
323
|
"events": []
|
|
@@ -340,13 +340,13 @@
|
|
|
340
340
|
"name": "part(group-row)",
|
|
341
341
|
"description": "Used to style the native `tr` element"
|
|
342
342
|
},
|
|
343
|
-
{
|
|
344
|
-
"name": "part(row)",
|
|
345
|
-
"description": "Used to style the native `tr` element"
|
|
346
|
-
},
|
|
347
343
|
{
|
|
348
344
|
"name": "part(popin-row)",
|
|
349
345
|
"description": "Used to style the `tr` element when a row pops in"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"name": "part(row)",
|
|
349
|
+
"description": "Used to style the native `tr` element"
|
|
350
350
|
}
|
|
351
351
|
]
|
|
352
352
|
}
|