@ui5/webcomponents 2.22.0-rc.3 → 2.22.0-rc.5
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 +47 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/AvatarBadge.d.ts +3 -3
- package/dist/AvatarBadge.js +10 -10
- package/dist/AvatarBadge.js.map +1 -1
- package/dist/AvatarBadgeTemplate.js +1 -1
- package/dist/AvatarBadgeTemplate.js.map +1 -1
- package/dist/Calendar.d.ts +7 -1
- package/dist/Calendar.js +40 -3
- package/dist/Calendar.js.map +1 -1
- package/dist/CalendarHeaderTemplate.js +2 -2
- package/dist/CalendarHeaderTemplate.js.map +1 -1
- package/dist/ColorPaletteItem.d.ts +0 -1
- package/dist/ColorPaletteItem.js +0 -2
- package/dist/ColorPaletteItem.js.map +1 -1
- package/dist/ComboBox.d.ts +4 -0
- package/dist/ComboBox.js +6 -0
- package/dist/ComboBox.js.map +1 -1
- package/dist/DateTimePicker.d.ts +5 -6
- package/dist/DateTimePicker.js +9 -11
- package/dist/DateTimePicker.js.map +1 -1
- package/dist/Input.d.ts +4 -0
- package/dist/Input.js.map +1 -1
- package/dist/List.js +8 -0
- package/dist/List.js.map +1 -1
- package/dist/ListItem.d.ts +9 -5
- package/dist/ListItem.js +10 -9
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItemBase.d.ts +6 -1
- package/dist/ListItemBase.js +16 -0
- package/dist/ListItemBase.js.map +1 -1
- package/dist/ListItemBaseTemplate.d.ts +2 -2
- package/dist/ListItemBaseTemplate.js.map +1 -1
- package/dist/ListItemGroup.d.ts +2 -0
- package/dist/ListItemGroup.js.map +1 -1
- package/dist/Menu.d.ts +4 -0
- package/dist/Menu.js.map +1 -1
- package/dist/MenuItemTemplate.d.ts +5 -1
- package/dist/MenuItemTemplate.js +8 -3
- package/dist/MenuItemTemplate.js.map +1 -1
- package/dist/MultiComboBox.d.ts +5 -1
- package/dist/MultiComboBox.js +33 -24
- package/dist/MultiComboBox.js.map +1 -1
- package/dist/MultiInput.d.ts +6 -0
- package/dist/MultiInput.js +36 -8
- package/dist/MultiInput.js.map +1 -1
- package/dist/Panel.d.ts +22 -0
- package/dist/Panel.js +51 -0
- package/dist/Panel.js.map +1 -1
- package/dist/PanelTemplate.js +5 -2
- package/dist/PanelTemplate.js.map +1 -1
- package/dist/RangeSlider.d.ts +19 -1
- package/dist/RangeSlider.js +112 -29
- package/dist/RangeSlider.js.map +1 -1
- package/dist/RangeSliderTemplate.d.ts +0 -3
- package/dist/RangeSliderTemplate.js +22 -17
- package/dist/RangeSliderTemplate.js.map +1 -1
- package/dist/SegmentedButtonItem.d.ts +0 -1
- package/dist/SegmentedButtonItem.js +0 -2
- package/dist/SegmentedButtonItem.js.map +1 -1
- package/dist/Slider.d.ts +1 -2
- package/dist/Slider.js +12 -7
- package/dist/Slider.js.map +1 -1
- package/dist/SliderBase.d.ts +0 -1
- package/dist/SliderBase.js +18 -15
- package/dist/SliderBase.js.map +1 -1
- package/dist/SliderHandle.d.ts +42 -9
- package/dist/SliderHandle.js +49 -9
- package/dist/SliderHandle.js.map +1 -1
- package/dist/SliderHandleTemplate.js +7 -1
- package/dist/SliderHandleTemplate.js.map +1 -1
- package/dist/SliderScale.d.ts +53 -0
- package/dist/SliderScale.js +67 -0
- package/dist/SliderScale.js.map +1 -1
- package/dist/SliderScaleTemplate.js +5 -1
- package/dist/SliderScaleTemplate.js.map +1 -1
- package/dist/SliderTemplate.js +1 -1
- package/dist/SliderTemplate.js.map +1 -1
- package/dist/Tab.d.ts +8 -1
- package/dist/Tab.js +13 -0
- package/dist/Tab.js.map +1 -1
- package/dist/TabContainer.d.ts +6 -3
- package/dist/TabContainer.js +11 -8
- package/dist/TabContainer.js.map +1 -1
- package/dist/Table.d.ts +1 -0
- package/dist/Table.js +16 -3
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.d.ts +2 -2
- package/dist/TableCell.js +2 -2
- package/dist/TableCell.js.map +1 -1
- package/dist/TableHeaderRowTemplate.js +5 -2
- package/dist/TableHeaderRowTemplate.js.map +1 -1
- package/dist/TableNavigation.js +3 -0
- package/dist/TableNavigation.js.map +1 -1
- package/dist/TableRow.d.ts +0 -2
- package/dist/TableRow.js +0 -9
- package/dist/TableRow.js.map +1 -1
- package/dist/TableRowBase.d.ts +6 -1
- package/dist/TableRowBase.js +37 -2
- package/dist/TableRowBase.js.map +1 -1
- package/dist/TableRowTemplate.js +4 -2
- package/dist/TableRowTemplate.js.map +1 -1
- package/dist/Tokenizer.d.ts +1 -0
- package/dist/Tokenizer.js +12 -0
- package/dist/Tokenizer.js.map +1 -1
- package/dist/Toolbar.d.ts +9 -0
- package/dist/Toolbar.js +4 -1
- package/dist/Toolbar.js.map +1 -1
- package/dist/css/themes/Dialog.css +1 -1
- package/dist/css/themes/ListItemBase.css +1 -1
- package/dist/css/themes/OptionBase.css +1 -1
- package/dist/css/themes/Panel.css +1 -1
- package/dist/css/themes/RangeSlider.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/SliderBase.css +1 -1
- package/dist/css/themes/SliderHandle.css +1 -1
- package/dist/css/themes/SliderScale.css +1 -1
- package/dist/css/themes/SliderTooltip.css +1 -1
- package/dist/css/themes/TableRow.css +1 -1
- package/dist/css/themes/TableRowBase.css +1 -1
- package/dist/css/themes/Toolbar.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_auto/parameters-bundle.css +38 -94
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +40 -96
- 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 +1016 -138
- package/dist/custom-elements.json +471 -108
- package/dist/dynamic-date-range-options/DateTimeRangeTemplate.js +7 -2
- package/dist/dynamic-date-range-options/DateTimeRangeTemplate.js.map +1 -1
- package/dist/dynamic-date-range-options/FromDateTimeTemplate.js +1 -1
- package/dist/dynamic-date-range-options/FromDateTimeTemplate.js.map +1 -1
- 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_auto/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_hc_auto/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/Dialog.css.d.ts +1 -1
- package/dist/generated/themes/Dialog.css.js +1 -1
- package/dist/generated/themes/Dialog.css.js.map +1 -1
- package/dist/generated/themes/ListItemBase.css.d.ts +1 -1
- package/dist/generated/themes/ListItemBase.css.js +1 -1
- package/dist/generated/themes/ListItemBase.css.js.map +1 -1
- package/dist/generated/themes/OptionBase.css.d.ts +1 -1
- package/dist/generated/themes/OptionBase.css.js +1 -1
- package/dist/generated/themes/OptionBase.css.js.map +1 -1
- package/dist/generated/themes/Panel.css.d.ts +1 -1
- package/dist/generated/themes/Panel.css.js +1 -1
- package/dist/generated/themes/Panel.css.js.map +1 -1
- package/dist/generated/themes/RangeSlider.css.d.ts +1 -1
- package/dist/generated/themes/RangeSlider.css.js +1 -1
- package/dist/generated/themes/RangeSlider.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/SliderBase.css.d.ts +1 -1
- package/dist/generated/themes/SliderBase.css.js +1 -1
- package/dist/generated/themes/SliderBase.css.js.map +1 -1
- package/dist/generated/themes/SliderHandle.css.d.ts +1 -1
- package/dist/generated/themes/SliderHandle.css.js +1 -1
- package/dist/generated/themes/SliderHandle.css.js.map +1 -1
- package/dist/generated/themes/SliderScale.css.d.ts +1 -1
- package/dist/generated/themes/SliderScale.css.js +1 -1
- package/dist/generated/themes/SliderScale.css.js.map +1 -1
- package/dist/generated/themes/SliderTooltip.css.d.ts +1 -1
- package/dist/generated/themes/SliderTooltip.css.js +1 -1
- package/dist/generated/themes/SliderTooltip.css.js.map +1 -1
- package/dist/generated/themes/TableRow.css.d.ts +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/TableRowBase.css.d.ts +1 -1
- package/dist/generated/themes/TableRowBase.css.js +1 -1
- package/dist/generated/themes/TableRowBase.css.js.map +1 -1
- package/dist/generated/themes/Toolbar.css.d.ts +1 -1
- package/dist/generated/themes/Toolbar.css.js +1 -1
- package/dist/generated/themes/Toolbar.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +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.d.ts +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.d.ts +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.d.ts +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.d.ts +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_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +38 -94
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +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_hc_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +40 -96
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +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.d.ts +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/vscode.html-custom-data.json +118 -46
- package/dist/web-types.json +289 -93
- package/package-scripts.cjs +1 -0
- package/package.json +9 -9
- package/src/AvatarBadgeTemplate.tsx +1 -2
- package/src/CalendarHeaderTemplate.tsx +4 -0
- package/src/ListItemBaseTemplate.tsx +3 -3
- package/src/MenuItemTemplate.tsx +21 -10
- package/src/PanelTemplate.tsx +12 -5
- package/src/RangeSliderTemplate.tsx +146 -113
- package/src/SliderHandleTemplate.tsx +7 -1
- package/src/SliderScaleTemplate.tsx +26 -1
- package/src/SliderTemplate.tsx +0 -1
- package/src/TableHeaderRowTemplate.tsx +23 -1
- package/src/TableRowTemplate.tsx +13 -1
- package/src/dynamic-date-range-options/DateTimeRangeTemplate.tsx +8 -2
- package/src/dynamic-date-range-options/FromDateTimeTemplate.tsx +1 -1
- package/src/i18n/messagebundle.properties +2 -2
- package/src/themes/Dialog.css +2 -2
- package/src/themes/ListItemBase.css +4 -3
- package/src/themes/OptionBase.css +6 -0
- package/src/themes/Panel.css +19 -2
- package/src/themes/RangeSlider.css +20 -68
- package/src/themes/Slider.css +3 -6
- package/src/themes/SliderBase.css +1 -269
- package/src/themes/SliderHandle.css +4 -3
- package/src/themes/SliderScale.css +45 -6
- package/src/themes/SliderTooltip.css +1 -1
- package/src/themes/TableRow.css +28 -39
- package/src/themes/TableRowBase.css +79 -20
- package/src/themes/Toolbar.css +2 -2
- package/src/themes/base/Panel-parameters.css +1 -0
- package/src/themes/base/SliderBase-parameters.css +1 -101
- package/src/themes/base/SliderHandle-parameters.css +22 -1
- package/src/themes/base/SliderScale-parameters.css +23 -3
- package/src/themes/base/sizes-parameters.css +2 -2
- package/src/themes/sap_fiori_3/Slider-parameters.css +4 -4
- package/src/themes/sap_fiori_3/SliderBase-parameters.css +0 -30
- package/src/themes/sap_fiori_3/SliderHandle-parameters.css +18 -1
- package/src/themes/sap_fiori_3/SliderScale-parameters.css +2 -8
- package/src/themes/sap_fiori_3_dark/Slider-parameters.css +4 -4
- package/src/themes/sap_fiori_3_dark/SliderBase-parameters.css +1 -26
- package/src/themes/sap_fiori_3_dark/SliderHandle-parameters.css +1 -5
- package/src/themes/sap_fiori_3_dark/SliderScale-parameters.css +1 -13
- package/src/themes/sap_fiori_3_hcb/Link-parameters.css +1 -1
- package/src/themes/sap_fiori_3_hcb/Slider-parameters.css +4 -4
- package/src/themes/sap_fiori_3_hcb/SliderBase-parameters.css +1 -39
- package/src/themes/sap_fiori_3_hcb/SliderHandle-parameters.css +1 -5
- package/src/themes/sap_fiori_3_hcb/SliderScale-parameters.css +4 -6
- package/src/themes/sap_fiori_3_hcw/Link-parameters.css +1 -1
- package/src/themes/sap_fiori_3_hcw/Slider-parameters.css +4 -4
- package/src/themes/sap_fiori_3_hcw/SliderBase-parameters.css +1 -37
- package/src/themes/sap_fiori_3_hcw/SliderHandle-parameters.css +1 -5
- package/src/themes/sap_fiori_3_hcw/SliderScale-parameters.css +1 -14
- package/src/themes/sap_horizon/Slider-parameters.css +4 -4
- package/src/themes/sap_horizon/SliderBase-parameters.css +0 -49
- package/src/themes/sap_horizon/SliderHandle-parameters.css +2 -1
- package/src/themes/sap_horizon/SliderScale-parameters.css +4 -5
- package/src/themes/sap_horizon_dark/Slider-parameters.css +4 -4
- package/src/themes/sap_horizon_dark/SliderBase-parameters.css +1 -50
- package/src/themes/sap_horizon_dark/SliderHandle-parameters.css +1 -5
- package/src/themes/sap_horizon_dark/SliderScale-parameters.css +1 -10
- package/src/themes/sap_horizon_hcb/Link-parameters.css +1 -1
- package/src/themes/sap_horizon_hcb/Slider-parameters.css +4 -4
- package/src/themes/sap_horizon_hcb/SliderBase-parameters.css +1 -71
- package/src/themes/sap_horizon_hcb/SliderHandle-parameters.css +4 -3
- package/src/themes/sap_horizon_hcb/SliderScale-parameters.css +3 -2
- package/src/themes/sap_horizon_hcw/Link-parameters.css +1 -1
- package/src/themes/sap_horizon_hcw/Slider-parameters.css +4 -4
- package/src/themes/sap_horizon_hcw/SliderBase-parameters.css +1 -72
- package/src/themes/sap_horizon_hcw/SliderHandle-parameters.css +1 -5
- package/src/themes/sap_horizon_hcw/SliderScale-parameters.css +1 -10
- package/dist/SliderBaseTemplate.d.ts +0 -10
- package/dist/SliderBaseTemplate.js +0 -19
- package/dist/SliderBaseTemplate.js.map +0 -1
- package/src/SliderBaseTemplate.tsx +0 -65
|
@@ -91,11 +91,6 @@
|
|
|
91
91
|
"name": "ui5-avatar-badge",
|
|
92
92
|
"description": "### Overview\n\nThe `ui5-avatar-badge` component is used to display a badge on top of `ui5-avatar` component.\nThe badge can display an icon and supports different states for visual affordance.\n\n### Usage\n\nThe badge should be used as a child element of `ui5-avatar` in the `badge` slot.\n\n```html\n<ui5-avatar>\n <ui5-avatar-badge icon=\"edit\" slot=\"badge\"></ui5-avatar-badge>\n</ui5-avatar>\n```\n\n### Keyboard Handling\n\nThe badge does not receive keyboard focus.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/AvatarBadge.js\";`\n\n\n---\n\n\n",
|
|
93
93
|
"attributes": [
|
|
94
|
-
{
|
|
95
|
-
"name": "accessible-name",
|
|
96
|
-
"description": "Defines the custom text alternative of the badge icon.\n\n**Note:** If not provided, the badge uses the icon accessible name.\nIf no icon accessible name is available, a generic fallback text is used.",
|
|
97
|
-
"values": []
|
|
98
|
-
},
|
|
99
94
|
{
|
|
100
95
|
"name": "icon",
|
|
101
96
|
"description": "Defines the icon name to be displayed inside the badge.\n\n**Note:** You should import the desired icon first, then use its name as \"icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`",
|
|
@@ -111,6 +106,11 @@
|
|
|
111
106
|
{ "name": "Negative" },
|
|
112
107
|
{ "name": "Information" }
|
|
113
108
|
]
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"name": "tooltip",
|
|
112
|
+
"description": "Defines the tooltip text of the badge icon.\n\n**Note:** If not provided, the badge uses the icon accessible name.\nIf no icon accessible name is available, a generic fallback text is used.",
|
|
113
|
+
"values": []
|
|
114
114
|
}
|
|
115
115
|
],
|
|
116
116
|
"references": []
|
|
@@ -1040,7 +1040,7 @@
|
|
|
1040
1040
|
},
|
|
1041
1041
|
{
|
|
1042
1042
|
"name": "ui5-cb-item",
|
|
1043
|
-
"description": "The `ui5-cb-item` represents the item for a `ui5-combobox`.\n\n\n---\n\n\n",
|
|
1043
|
+
"description": "The `ui5-cb-item` represents the item for a `ui5-combobox`.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.",
|
|
1044
1044
|
"attributes": [
|
|
1045
1045
|
{
|
|
1046
1046
|
"name": "additional-text",
|
|
@@ -2546,13 +2546,24 @@
|
|
|
2546
2546
|
},
|
|
2547
2547
|
{
|
|
2548
2548
|
"name": "list-item",
|
|
2549
|
-
"description": "A class to serve as a base\nfor the `ListItemStandard` and `ListItemCustom` classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
|
|
2549
|
+
"description": "A class to serve as a base\nfor the `ListItemStandard` and `ListItemCustom` classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
|
|
2550
2550
|
"attributes": [
|
|
2551
2551
|
{
|
|
2552
2552
|
"name": "accessibility-attributes",
|
|
2553
2553
|
"description": "Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
|
|
2554
2554
|
"values": [{ "name": "ListItemAccessibilityAttributes" }]
|
|
2555
2555
|
},
|
|
2556
|
+
{
|
|
2557
|
+
"name": "accessible-role",
|
|
2558
|
+
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
2559
|
+
"values": [
|
|
2560
|
+
{ "name": "None" },
|
|
2561
|
+
{ "name": "ListItem" },
|
|
2562
|
+
{ "name": "MenuItem" },
|
|
2563
|
+
{ "name": "TreeItem" },
|
|
2564
|
+
{ "name": "Option" }
|
|
2565
|
+
]
|
|
2566
|
+
},
|
|
2556
2567
|
{
|
|
2557
2568
|
"name": "highlight",
|
|
2558
2569
|
"description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
|
|
@@ -2594,13 +2605,13 @@
|
|
|
2594
2605
|
},
|
|
2595
2606
|
{
|
|
2596
2607
|
"name": "list-item-base",
|
|
2597
|
-
"description": "A class to serve as a foundation\nfor the `ListItem` and `ListItemGroupHeader` classes.\n\n\n---\n\n\n",
|
|
2608
|
+
"description": "A class to serve as a foundation\nfor the `ListItem` and `ListItemGroupHeader` classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.",
|
|
2598
2609
|
"attributes": [],
|
|
2599
2610
|
"references": []
|
|
2600
2611
|
},
|
|
2601
2612
|
{
|
|
2602
2613
|
"name": "ui5-li-custom",
|
|
2603
|
-
"description": "A component to be used as custom list item within the `ui5-list`\nthe same way as the standard `ui5-li`.\n\nThe component accepts arbitrary HTML content to allow full customization.\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the content of the component.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n\n### **CSS Parts:**\n - **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode\n- **content** - Used to style the content area of the list item\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **native-li** - Used to style the main li tag of the list item\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode",
|
|
2614
|
+
"description": "A component to be used as custom list item within the `ui5-list`\nthe same way as the standard `ui5-li`.\n\nThe component accepts arbitrary HTML content to allow full customization.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the content of the component.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n\n### **CSS Parts:**\n - **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode\n- **content** - Used to style the content area of the list item\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **native-li** - Used to style the main li tag of the list item\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode",
|
|
2604
2615
|
"attributes": [
|
|
2605
2616
|
{
|
|
2606
2617
|
"name": "accessibility-attributes",
|
|
@@ -2612,6 +2623,17 @@
|
|
|
2612
2623
|
"description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.",
|
|
2613
2624
|
"values": []
|
|
2614
2625
|
},
|
|
2626
|
+
{
|
|
2627
|
+
"name": "accessible-role",
|
|
2628
|
+
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
2629
|
+
"values": [
|
|
2630
|
+
{ "name": "None" },
|
|
2631
|
+
{ "name": "ListItem" },
|
|
2632
|
+
{ "name": "MenuItem" },
|
|
2633
|
+
{ "name": "TreeItem" },
|
|
2634
|
+
{ "name": "Option" }
|
|
2635
|
+
]
|
|
2636
|
+
},
|
|
2615
2637
|
{
|
|
2616
2638
|
"name": "highlight",
|
|
2617
2639
|
"description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
|
|
@@ -2680,7 +2702,7 @@
|
|
|
2680
2702
|
},
|
|
2681
2703
|
{
|
|
2682
2704
|
"name": "ui5-li-group-header",
|
|
2683
|
-
"description": "The `ui5-li-group-header` is a special list item, used only to separate other list items into logical groups.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
|
2705
|
+
"description": "The `ui5-li-group-header` is a special list item, used only to separate other list items into logical groups.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
|
2684
2706
|
"attributes": [
|
|
2685
2707
|
{
|
|
2686
2708
|
"name": "accessible-name",
|
|
@@ -2697,7 +2719,7 @@
|
|
|
2697
2719
|
},
|
|
2698
2720
|
{
|
|
2699
2721
|
"name": "ui5-li",
|
|
2700
|
-
"description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the custom formatted text of the component.\n\n**Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.\n\nUse the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.\nBe aware that wrapping (via `wrappingType=\"Normal\"`) may not function correctly with custom HTML content in the `default` slot.\n\nIf both `text` and `default` slot are used, the `text` property takes precedence.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n\n### **CSS Parts:**\n - **additional-text** - Used to style the additionalText of the list item\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode\n- **content** - Used to style the content area of the list item\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **description** - Used to style the description of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **title** - Used to style the title of the list item",
|
|
2722
|
+
"description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the custom formatted text of the component.\n\n**Note:** For optimal text wrapping and a consistent layout, it is strongly recommended to use the `text` property.\n\nUse the `default` slot only when custom formatting with HTML elements (e.g., `<b>`, `<i>`) is required.\nBe aware that wrapping (via `wrappingType=\"Normal\"`) may not function correctly with custom HTML content in the `default` slot.\n\nIf both `text` and `default` slot are used, the `text` property takes precedence.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n\n### **CSS Parts:**\n - **additional-text** - Used to style the additionalText of the list item\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode\n- **content** - Used to style the content area of the list item\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **description** - Used to style the description of the list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **icon** - Used to style the icon of the list item\n- **native-li** - Used to style the main li tag of the list item\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **title** - Used to style the title of the list item",
|
|
2701
2723
|
"attributes": [
|
|
2702
2724
|
{
|
|
2703
2725
|
"name": "accessibility-attributes",
|
|
@@ -2709,6 +2731,17 @@
|
|
|
2709
2731
|
"description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
|
|
2710
2732
|
"values": []
|
|
2711
2733
|
},
|
|
2734
|
+
{
|
|
2735
|
+
"name": "accessible-role",
|
|
2736
|
+
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
2737
|
+
"values": [
|
|
2738
|
+
{ "name": "None" },
|
|
2739
|
+
{ "name": "ListItem" },
|
|
2740
|
+
{ "name": "MenuItem" },
|
|
2741
|
+
{ "name": "TreeItem" },
|
|
2742
|
+
{ "name": "Option" }
|
|
2743
|
+
]
|
|
2744
|
+
},
|
|
2712
2745
|
{
|
|
2713
2746
|
"name": "additional-text",
|
|
2714
2747
|
"description": "Defines the `additionalText`, displayed in the end of the list item.",
|
|
@@ -2848,7 +2881,7 @@
|
|
|
2848
2881
|
},
|
|
2849
2882
|
{
|
|
2850
2883
|
"name": "ui5-menu-item",
|
|
2851
|
-
"description": "### Overview\n\n`ui5-menu-item` is the item to use inside a `ui5-menu`.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Usage\n\n`ui5-menu-item` represents a node in a `ui5-menu`. The menu itself is rendered as a list,\nand each `ui5-menu-item` is represented by a list item in that list. Therefore, you should only use\n`ui5-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **before-close** - Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.\n- **before-open** - Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.\n- **check** - Fired when an item is checked or unchecked.\n- **close** - Fired after the menu is closed.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n- **open** - Fired after the menu is opened.\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** The slot can hold menu item and menu separator items.\n\nIf there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **endContent** - Defines the components that should be displayed at the end of the menu item.\n\n**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`\nor `ui5-icon` in order to preserve the intended design. If there are components added to this slot,\nand there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,\nnether `additionalText` nor components added to this slot would be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n\nApplication developers are responsible for ensuring that interactive elements placed in the `endContent` slot\nhave the correct accessibility behaviour, including their enabled or disabled states.\nThe menu does not manage these aspects when the menu item state changes.",
|
|
2884
|
+
"description": "### Overview\n\n`ui5-menu-item` is the item to use inside a `ui5-menu`.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Usage\n\n`ui5-menu-item` represents a node in a `ui5-menu`. The menu itself is rendered as a list,\nand each `ui5-menu-item` is represented by a list item in that list. Therefore, you should only use\n`ui5-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **before-close** - Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.\n- **before-open** - Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.\n- **check** - Fired when an item is checked or unchecked.\n- **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n- **close** - Fired after the menu is closed.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n- **open** - Fired after the menu is opened.\n\n### **Slots:**\n - **default** - Defines the items of this component.\n\n**Note:** The slot can hold menu item and menu separator items.\n\nIf there are items added to this slot, an arrow will be displayed at the end\nof the item in order to indicate that there are items added. In that case components added\nto `endContent` slot or `additionalText` content will not be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **endContent** - Defines the components that should be displayed at the end of the menu item.\n\n**Note:** It is highly recommended to slot only components of type `ui5-button`,`ui5-link`\nor `ui5-icon` in order to preserve the intended design. If there are components added to this slot,\nand there is text set in `additionalText`, it will not be displayed. If there are items added to `items` slot,\nnether `additionalText` nor components added to this slot would be displayed.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.\n\nApplication developers are responsible for ensuring that interactive elements placed in the `endContent` slot\nhave the correct accessibility behaviour, including their enabled or disabled states.\nThe menu does not manage these aspects when the menu item state changes.",
|
|
2852
2885
|
"attributes": [
|
|
2853
2886
|
{
|
|
2854
2887
|
"name": "accessibility-attributes",
|
|
@@ -2860,6 +2893,17 @@
|
|
|
2860
2893
|
"description": "Defines the accessible ARIA name of the component.",
|
|
2861
2894
|
"values": []
|
|
2862
2895
|
},
|
|
2896
|
+
{
|
|
2897
|
+
"name": "accessible-role",
|
|
2898
|
+
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
2899
|
+
"values": [
|
|
2900
|
+
{ "name": "None" },
|
|
2901
|
+
{ "name": "ListItem" },
|
|
2902
|
+
{ "name": "MenuItem" },
|
|
2903
|
+
{ "name": "TreeItem" },
|
|
2904
|
+
{ "name": "Option" }
|
|
2905
|
+
]
|
|
2906
|
+
},
|
|
2863
2907
|
{
|
|
2864
2908
|
"name": "additional-text",
|
|
2865
2909
|
"description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text will not be displayed if there are items added in `items` slot or there are\ncomponents added to `endContent` slot.\n\nThe priority of what will be displayed at the end of the menu item is as follows:\nsub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.",
|
|
@@ -2952,7 +2996,7 @@
|
|
|
2952
2996
|
},
|
|
2953
2997
|
{
|
|
2954
2998
|
"name": "ui5-menu-separator",
|
|
2955
|
-
"description": "The `ui5-menu-separator` represents a horizontal line to separate menu items inside a `ui5-menu`.\n\n\n---\n\n\n",
|
|
2999
|
+
"description": "The `ui5-menu-separator` represents a horizontal line to separate menu items inside a `ui5-menu`.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.",
|
|
2956
3000
|
"attributes": [],
|
|
2957
3001
|
"references": []
|
|
2958
3002
|
},
|
|
@@ -3159,7 +3203,7 @@
|
|
|
3159
3203
|
},
|
|
3160
3204
|
{
|
|
3161
3205
|
"name": "ui5-mcb-item",
|
|
3162
|
-
"description": "The `ui5-mcb-item` represents the item for a `ui5-multi-combobox`.\n\n\n---\n\n\n",
|
|
3206
|
+
"description": "The `ui5-mcb-item` represents the item for a `ui5-multi-combobox`.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.",
|
|
3163
3207
|
"attributes": [
|
|
3164
3208
|
{
|
|
3165
3209
|
"name": "additional-text",
|
|
@@ -3329,7 +3373,7 @@
|
|
|
3329
3373
|
},
|
|
3330
3374
|
{
|
|
3331
3375
|
"name": "ui5-option",
|
|
3332
|
-
"description": "### Overview\n\nThe `ui5-option` component defines the content of an option in the `ui5-select`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Option.js\";`\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
|
3376
|
+
"description": "### Overview\n\nThe `ui5-option` component defines the content of an option in the `ui5-select`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Option.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
|
3333
3377
|
"attributes": [
|
|
3334
3378
|
{
|
|
3335
3379
|
"name": "additional-text",
|
|
@@ -3361,7 +3405,7 @@
|
|
|
3361
3405
|
},
|
|
3362
3406
|
{
|
|
3363
3407
|
"name": "ui5-option-custom",
|
|
3364
|
-
"description": "### Overview\n\nThe `ui5-option-custom` component defines a custom content of an option in the `ui5-select`.\nA component to be the same way as the standard `ui5-option`.\nThe component accepts arbitrary HTML content to allow full customization.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/OptionCustom.js\";`\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
|
|
3408
|
+
"description": "### Overview\n\nThe `ui5-option-custom` component defines a custom content of an option in the `ui5-select`.\nA component to be the same way as the standard `ui5-option`.\nThe component accepts arbitrary HTML content to allow full customization.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/OptionCustom.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
|
|
3365
3409
|
"attributes": [
|
|
3366
3410
|
{
|
|
3367
3411
|
"name": "display-text",
|
|
@@ -4260,28 +4304,7 @@
|
|
|
4260
4304
|
{
|
|
4261
4305
|
"name": "ui5-slider-handle",
|
|
4262
4306
|
"description": "The <code>ui5-slider-handle</code> component represents the handle of the <code>ui5-slider</code> component.\n\n\n---\n\n\n",
|
|
4263
|
-
"attributes": [
|
|
4264
|
-
{
|
|
4265
|
-
"name": "active",
|
|
4266
|
-
"description": "Defines whether the slider handle is active.\n<br><br>\n<b>Note:</b> An active slider handle is currently being interacted with.",
|
|
4267
|
-
"values": []
|
|
4268
|
-
},
|
|
4269
|
-
{
|
|
4270
|
-
"name": "max",
|
|
4271
|
-
"description": "Defines the maximum value of the slider handle.\n<br><br>\n<b>Note:</b> The value should be greater than the <code>min</code> property of the parent <code>ui5-slider</code>.",
|
|
4272
|
-
"values": []
|
|
4273
|
-
},
|
|
4274
|
-
{
|
|
4275
|
-
"name": "min",
|
|
4276
|
-
"description": "Defines the minimum value of the slider handle.\n<br><br>\n<b>Note:</b> The value should be less than the <code>max</code> property of the parent <code>ui5-slider</code>.",
|
|
4277
|
-
"values": []
|
|
4278
|
-
},
|
|
4279
|
-
{
|
|
4280
|
-
"name": "value",
|
|
4281
|
-
"description": "Defines the value of the slider handle.\n<br><br>\n<b>Note:</b> The value should be between the <code>min</code> and <code>max</code> properties of the parent <code>ui5-slider</code>.",
|
|
4282
|
-
"values": []
|
|
4283
|
-
}
|
|
4284
|
-
],
|
|
4307
|
+
"attributes": [],
|
|
4285
4308
|
"references": []
|
|
4286
4309
|
},
|
|
4287
4310
|
{
|
|
@@ -4450,7 +4473,7 @@
|
|
|
4450
4473
|
},
|
|
4451
4474
|
{
|
|
4452
4475
|
"name": "ui5-suggestion-item",
|
|
4453
|
-
"description": "The `ui5-suggestion-item` represents the suggestion item of the `ui5-input`.\n\n\n---\n\n\n",
|
|
4476
|
+
"description": "The `ui5-suggestion-item` represents the suggestion item of the `ui5-input`.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.",
|
|
4454
4477
|
"attributes": [
|
|
4455
4478
|
{
|
|
4456
4479
|
"name": "additional-text",
|
|
@@ -4467,7 +4490,7 @@
|
|
|
4467
4490
|
},
|
|
4468
4491
|
{
|
|
4469
4492
|
"name": "ui5-suggestion-item-custom",
|
|
4470
|
-
"description": "The `ui5-suggestion-item-custom` is type of suggestion item,\nthat can be used to place suggestion items with custom content in the input.\nThe text property is considered only for autocomplete.\nIn case the user needs highlighting functionality, check \"@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js\"\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
|
|
4493
|
+
"description": "The `ui5-suggestion-item-custom` is type of suggestion item,\nthat can be used to place suggestion items with custom content in the input.\nThe text property is considered only for autocomplete.\nIn case the user needs highlighting functionality, check \"@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js\"\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
|
|
4471
4494
|
"attributes": [
|
|
4472
4495
|
{
|
|
4473
4496
|
"name": "text",
|
|
@@ -4501,7 +4524,7 @@
|
|
|
4501
4524
|
},
|
|
4502
4525
|
{
|
|
4503
4526
|
"name": "ui5-li-suggestion-item",
|
|
4504
|
-
"description": "The `ui5-li-suggestion-item` represents the suggestion item in the `ui5-input`\nsuggestion popover.\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the title text of the suggestion item.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n- **richDescription** - Defines a description that can contain HTML.\n**Note:** If not specified, the `description` property will be used.\n\n### **CSS Parts:**\n - **additional-text** - Used to style the additionalText of the list item\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode\n- **content** - Used to style the content area of the list item\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **description** - Used to style the description of the suggestion list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **icon** - Used to style the icon of the list item\n- **info** - Used to style the info of the suggestion list item\n- **native-li** - Used to style the main li tag of the list item\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **title** - Used to style the title of the suggestion list item",
|
|
4527
|
+
"description": "The `ui5-li-suggestion-item` represents the suggestion item in the `ui5-input`\nsuggestion popover.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Slots:**\n - **default** - Defines the title text of the suggestion item.\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.\n- **richDescription** - Defines a description that can contain HTML.\n**Note:** If not specified, the `description` property will be used.\n\n### **CSS Parts:**\n - **additional-text** - Used to style the additionalText of the list item\n- **checkbox** - Used to style the checkbox rendered when the list item is in multiple selection mode\n- **content** - Used to style the content area of the list item\n- **delete-button** - Used to style the button rendered when the list item is in delete mode\n- **description** - Used to style the description of the suggestion list item\n- **detail-button** - Used to style the button rendered when the list item is of type detail\n- **icon** - Used to style the icon of the list item\n- **info** - Used to style the info of the suggestion list item\n- **native-li** - Used to style the main li tag of the list item\n- **radio** - Used to style the radio button rendered when the list item is in single selection mode\n- **title** - Used to style the title of the suggestion list item",
|
|
4505
4528
|
"attributes": [
|
|
4506
4529
|
{
|
|
4507
4530
|
"name": "accessibility-attributes",
|
|
@@ -4513,6 +4536,17 @@
|
|
|
4513
4536
|
"description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
|
|
4514
4537
|
"values": []
|
|
4515
4538
|
},
|
|
4539
|
+
{
|
|
4540
|
+
"name": "accessible-role",
|
|
4541
|
+
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
4542
|
+
"values": [
|
|
4543
|
+
{ "name": "None" },
|
|
4544
|
+
{ "name": "ListItem" },
|
|
4545
|
+
{ "name": "MenuItem" },
|
|
4546
|
+
{ "name": "TreeItem" },
|
|
4547
|
+
{ "name": "Option" }
|
|
4548
|
+
]
|
|
4549
|
+
},
|
|
4516
4550
|
{
|
|
4517
4551
|
"name": "additional-text",
|
|
4518
4552
|
"description": "Defines the `additionalText`, displayed in the end of the list item.",
|
|
@@ -4667,7 +4701,7 @@
|
|
|
4667
4701
|
},
|
|
4668
4702
|
{
|
|
4669
4703
|
"name": "ui5-tab",
|
|
4670
|
-
"description": "The `ui5-tab` represents a selectable item inside a `ui5-tabcontainer`.\nIt defines both the item in the tab strip (top part of the `ui5-tabcontainer`) and the\ncontent that is presented to the user once the tab is selected.\n\n\n---\n\n\n\n\n### **Methods:**\n - **getDomRefInStrip(): _HTMLElement | undefined_** - Returns the DOM reference of the tab that is placed in the header.\n\n**Note:** Tabs, placed in the `items` slot of other tabs are not shown in the header. Calling this method on such tabs will return `undefined`.\n\n**Note:** If you need a DOM ref to the tab content please use the `getDomRef` method.\n\n### **Slots:**\n - **default** - Holds the content associated with this tab.\n- **items** - Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.",
|
|
4704
|
+
"description": "The `ui5-tab` represents a selectable item inside a `ui5-tabcontainer`.\nIt defines both the item in the tab strip (top part of the `ui5-tabcontainer`) and the\ncontent that is presented to the user once the tab is selected.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the tab is selected either with a mouse/tap or by using the Enter or Space key.\n\n### **Methods:**\n - **getDomRefInStrip(): _HTMLElement | undefined_** - Returns the DOM reference of the tab that is placed in the header.\n\n**Note:** Tabs, placed in the `items` slot of other tabs are not shown in the header. Calling this method on such tabs will return `undefined`.\n\n**Note:** If you need a DOM ref to the tab content please use the `getDomRef` method.\n\n### **Slots:**\n - **default** - Holds the content associated with this tab.\n- **items** - Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.",
|
|
4671
4705
|
"attributes": [
|
|
4672
4706
|
{
|
|
4673
4707
|
"name": "additional-text",
|
|
@@ -4833,7 +4867,7 @@
|
|
|
4833
4867
|
},
|
|
4834
4868
|
{
|
|
4835
4869
|
"name": "merged",
|
|
4836
|
-
"description": "Defines whether the cell is visually merged with the cell directly above it.\n\nThis is useful
|
|
4870
|
+
"description": "Defines whether the cell is visually merged with the cell directly above it.\n\nThis is useful if consecutive cells in a column have the same value and should visually appear as a single merged cell.\nAlthough the cell is visually merged with the previous one, its content must still be provided for accessibility purposes.\n**Note:** This feature is disabled when cells are rendered as a popin, and should remain `false` for interactive cell content.",
|
|
4837
4871
|
"values": []
|
|
4838
4872
|
}
|
|
4839
4873
|
],
|
|
@@ -5794,6 +5828,11 @@
|
|
|
5794
5828
|
"name": "design",
|
|
5795
5829
|
"description": "Defines the toolbar design.",
|
|
5796
5830
|
"values": [{ "name": "Transparent" }, { "name": "Solid" }]
|
|
5831
|
+
},
|
|
5832
|
+
{
|
|
5833
|
+
"name": "overflow-button-accessible-name",
|
|
5834
|
+
"description": "Defines the accessible ARIA name of the overflow button of the component.\n\n**Note:** When not set, the built-in translation for \"Additional Options\" is used.",
|
|
5835
|
+
"values": []
|
|
5797
5836
|
}
|
|
5798
5837
|
],
|
|
5799
5838
|
"references": []
|
|
@@ -6092,7 +6131,7 @@
|
|
|
6092
6131
|
},
|
|
6093
6132
|
{
|
|
6094
6133
|
"name": "ui5-tree-item",
|
|
6095
|
-
"description": "### Overview\nThe `ui5-tree-item` represents a node in a tree structure, shown as a `ui5-list`.\n\nThis is the item to use inside a `ui5-tree`.\nYou can represent an arbitrary tree structure by recursively nesting tree items.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/TreeItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Methods:**\n - **toggle(): _void_** - Call this method to manually switch the `expanded` state of a tree item.\n\n### **Slots:**\n - **default** - Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.\n\n### **CSS Parts:**\n - **additionalText** - Used to style the additionalText of the tree list item\n- **icon** - Used to style the icon of the tree list item\n- **title** - Used to style the title of the tree list item",
|
|
6134
|
+
"description": "### Overview\nThe `ui5-tree-item` represents a node in a tree structure, shown as a `ui5-list`.\n\nThis is the item to use inside a `ui5-tree`.\nYou can represent an arbitrary tree structure by recursively nesting tree items.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/TreeItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Methods:**\n - **toggle(): _void_** - Call this method to manually switch the `expanded` state of a tree item.\n\n### **Slots:**\n - **default** - Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.\n\n### **CSS Parts:**\n - **additionalText** - Used to style the additionalText of the tree list item\n- **icon** - Used to style the icon of the tree list item\n- **title** - Used to style the title of the tree list item",
|
|
6096
6135
|
"attributes": [
|
|
6097
6136
|
{
|
|
6098
6137
|
"name": "accessibility-attributes",
|
|
@@ -6104,6 +6143,17 @@
|
|
|
6104
6143
|
"description": "Defines the accessible name of the component.",
|
|
6105
6144
|
"values": []
|
|
6106
6145
|
},
|
|
6146
|
+
{
|
|
6147
|
+
"name": "accessible-role",
|
|
6148
|
+
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
6149
|
+
"values": [
|
|
6150
|
+
{ "name": "None" },
|
|
6151
|
+
{ "name": "ListItem" },
|
|
6152
|
+
{ "name": "MenuItem" },
|
|
6153
|
+
{ "name": "TreeItem" },
|
|
6154
|
+
{ "name": "Option" }
|
|
6155
|
+
]
|
|
6156
|
+
},
|
|
6107
6157
|
{
|
|
6108
6158
|
"name": "additional-text",
|
|
6109
6159
|
"description": "Defines the `additionalText`, displayed in the end of the tree item.",
|
|
@@ -6191,7 +6241,7 @@
|
|
|
6191
6241
|
},
|
|
6192
6242
|
{
|
|
6193
6243
|
"name": "tree-item-base",
|
|
6194
|
-
"description": "A class to serve as a foundation\nfor the `TreeItem` and `TreeItemCustom` classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Methods:**\n - **toggle(): _void_** - Call this method to manually switch the `expanded` state of a tree item.\n\n### **Slots:**\n - **default** - Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
|
|
6244
|
+
"description": "A class to serve as a foundation\nfor the `TreeItem` and `TreeItemCustom` classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Methods:**\n - **toggle(): _void_** - Call this method to manually switch the `expanded` state of a tree item.\n\n### **Slots:**\n - **default** - Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
|
|
6195
6245
|
"attributes": [
|
|
6196
6246
|
{
|
|
6197
6247
|
"name": "accessibility-attributes",
|
|
@@ -6203,6 +6253,17 @@
|
|
|
6203
6253
|
"description": "Defines the accessible name of the component.",
|
|
6204
6254
|
"values": []
|
|
6205
6255
|
},
|
|
6256
|
+
{
|
|
6257
|
+
"name": "accessible-role",
|
|
6258
|
+
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
6259
|
+
"values": [
|
|
6260
|
+
{ "name": "None" },
|
|
6261
|
+
{ "name": "ListItem" },
|
|
6262
|
+
{ "name": "MenuItem" },
|
|
6263
|
+
{ "name": "TreeItem" },
|
|
6264
|
+
{ "name": "Option" }
|
|
6265
|
+
]
|
|
6266
|
+
},
|
|
6206
6267
|
{
|
|
6207
6268
|
"name": "additional-text-state",
|
|
6208
6269
|
"description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
|
|
@@ -6280,7 +6341,7 @@
|
|
|
6280
6341
|
},
|
|
6281
6342
|
{
|
|
6282
6343
|
"name": "ui5-tree-item-custom",
|
|
6283
|
-
"description": "The `ui5-tree-item-custom` represents a node in a tree structure, shown as a `ui5-list`.\n\nThis is the item to use inside a `ui5-tree`.\nYou can represent an arbitrary tree structure by recursively nesting tree items.\n\nYou can use this item to put any custom content inside the tree item.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/TreeItemCustom.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Methods:**\n - **toggle(): _void_** - Call this method to manually switch the `expanded` state of a tree item.\n\n### **Slots:**\n - **content** - Defines the content of the `ui5-tree-item`.\n- **default** - Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.\n\n### **CSS Parts:**\n - **additionalText** - Used to style the additionalText of the tree list item\n- **icon** - Used to style the icon of the tree list item\n- **title** - Used to style the title of the tree list item",
|
|
6344
|
+
"description": "The `ui5-tree-item-custom` represents a node in a tree structure, shown as a `ui5-list`.\n\nThis is the item to use inside a `ui5-tree`.\nYou can represent an arbitrary tree structure by recursively nesting tree items.\n\nYou can use this item to put any custom content inside the tree item.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/TreeItemCustom.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n- **detail-click** - Fired when the user clicks on the detail button when type is `Detail`.\n\n### **Methods:**\n - **toggle(): _void_** - Call this method to manually switch the `expanded` state of a tree item.\n\n### **Slots:**\n - **content** - Defines the content of the `ui5-tree-item`.\n- **default** - Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\n- **deleteButton** - Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n- **image** - **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.\n\n### **CSS Parts:**\n - **additionalText** - Used to style the additionalText of the tree list item\n- **icon** - Used to style the icon of the tree list item\n- **title** - Used to style the title of the tree list item",
|
|
6284
6345
|
"attributes": [
|
|
6285
6346
|
{
|
|
6286
6347
|
"name": "accessibility-attributes",
|
|
@@ -6292,6 +6353,17 @@
|
|
|
6292
6353
|
"description": "Defines the accessible name of the component.",
|
|
6293
6354
|
"values": []
|
|
6294
6355
|
},
|
|
6356
|
+
{
|
|
6357
|
+
"name": "accessible-role",
|
|
6358
|
+
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
6359
|
+
"values": [
|
|
6360
|
+
{ "name": "None" },
|
|
6361
|
+
{ "name": "ListItem" },
|
|
6362
|
+
{ "name": "MenuItem" },
|
|
6363
|
+
{ "name": "TreeItem" },
|
|
6364
|
+
{ "name": "Option" }
|
|
6365
|
+
]
|
|
6366
|
+
},
|
|
6295
6367
|
{
|
|
6296
6368
|
"name": "additional-text-state",
|
|
6297
6369
|
"description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.",
|