@ui5/webcomponents 2.27.0-rc.0 → 2.27.0-rc.1
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 +22 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/DatePicker.d.ts +4 -4
- package/dist/DatePicker.js +4 -4
- package/dist/DatePicker.js.map +1 -1
- package/dist/DayPicker.d.ts +1 -0
- package/dist/DayPicker.js +4 -1
- package/dist/DayPicker.js.map +1 -1
- package/dist/DayPickerTemplate.js +1 -1
- package/dist/DayPickerTemplate.js.map +1 -1
- package/dist/Icon.js +3 -0
- package/dist/Icon.js.map +1 -1
- package/dist/List.js +1 -1
- package/dist/List.js.map +1 -1
- package/dist/ListItem.d.ts +4 -2
- package/dist/ListItem.js +5 -9
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItemGroup.d.ts +7 -23
- package/dist/ListItemGroup.js +4 -21
- package/dist/ListItemGroup.js.map +1 -1
- package/dist/ListItemGroupBase.d.ts +41 -0
- package/dist/ListItemGroupBase.js +54 -0
- package/dist/ListItemGroupBase.js.map +1 -0
- package/dist/ListItemStandardTemplate.js +1 -1
- package/dist/ListItemStandardTemplate.js.map +1 -1
- package/dist/OptionGroup.d.ts +4 -4
- package/dist/OptionGroup.js +3 -3
- package/dist/OptionGroup.js.map +1 -1
- package/dist/Popover.js +5 -3
- package/dist/Popover.js.map +1 -1
- package/dist/SplitButton.d.ts +7 -3
- package/dist/SplitButton.js +4 -4
- package/dist/SplitButton.js.map +1 -1
- package/dist/SplitButtonTemplate.js +1 -1
- package/dist/SplitButtonTemplate.js.map +1 -1
- package/dist/ToolbarButton.d.ts +18 -0
- package/dist/ToolbarButton.js +16 -0
- package/dist/ToolbarButton.js.map +1 -1
- package/dist/ToolbarButtonTemplate.js +1 -1
- package/dist/ToolbarButtonTemplate.js.map +1 -1
- package/dist/custom-elements-internal.json +153 -182
- package/dist/custom-elements.json +136 -124
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
- package/dist/generated/i18n/i18n-defaults.js +2 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/vscode.html-custom-data.json +25 -25
- package/dist/web-types.json +54 -84
- package/package.json +9 -9
- package/src/DayPickerTemplate.tsx +1 -1
- package/src/ListItemStandardTemplate.tsx +1 -1
- package/src/SplitButtonTemplate.tsx +1 -2
- package/src/ToolbarButtonTemplate.tsx +2 -0
- package/src/i18n/messagebundle.properties +3 -0
- package/src/i18n/messagebundle_en.properties +2 -0
- package/src/i18n/messagebundle_en_US_saprigi.properties +7 -6
|
@@ -5648,7 +5648,7 @@
|
|
|
5648
5648
|
"type": {
|
|
5649
5649
|
"text": "string | undefined"
|
|
5650
5650
|
},
|
|
5651
|
-
"description": "Defines the header text of the
|
|
5651
|
+
"description": "Defines the header text of the group.",
|
|
5652
5652
|
"privacy": "public",
|
|
5653
5653
|
"default": "undefined"
|
|
5654
5654
|
},
|
|
@@ -5699,7 +5699,7 @@
|
|
|
5699
5699
|
}
|
|
5700
5700
|
},
|
|
5701
5701
|
{
|
|
5702
|
-
"description": "Defines the header text of the
|
|
5702
|
+
"description": "Defines the header text of the group.",
|
|
5703
5703
|
"name": "header-text",
|
|
5704
5704
|
"default": "undefined",
|
|
5705
5705
|
"fieldName": "headerText",
|
|
@@ -6040,7 +6040,7 @@
|
|
|
6040
6040
|
"declarations": [
|
|
6041
6041
|
{
|
|
6042
6042
|
"kind": "class",
|
|
6043
|
-
"description": "### Overview\n\nThe `ui5-date-picker` component provides an input field with assigned calendar which opens on user action.\nThe `ui5-date-picker` allows users to select a localized date using touch,\nmouse, or keyboard input. It consists of two parts: the date input field and the\ndate picker.\n\n### Usage\n\nThe user can enter a date by:\n\n- Using the calendar that opens in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and presses the enter key, the calendar shows the corresponding date.\nWhen the user directly triggers the calendar display, the actual date is displayed.\n\n### Formatting\n\nIf a date is entered by typing it into\nthe input field, it must fit to the used date format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\nFor example, if the valueFormat is \"yyyy-MM-dd\", the displayFormat is \"MMM d, y\", and the used locale is English, a valid value string is \"2015-07-30\", which leads to an output of \"Jul 30, 2015\".\nIf no placeholder is set to the DatePicker, the used displayFormat is displayed as a placeholder. If another placeholder is needed, it must be set.\n\n### Relative date input\n\nThe input field also accepts locale-aware relative date expressions sourced from the Unicode CLDR.\nThe following expressions are supported in English:\n\n- Day: \"today\", \"yesterday\", \"tomorrow\"\n- Week: \"this week\", \"last week\", \"next week\"\n- Month: \"this month\", \"last month\", \"next month\"\n- Year: \"this year\", \"last year\", \"next year\"\n\nThe recognized expressions are locale-specific — the equivalent terms in the user's language are used (for example, \"heute\" in German, \"bugün\" in Turkish).\nWeek, month, and year expressions resolve to an offset from today (for example, \"next week\" = today + 7 days).\nFor the full list of supported fields and patterns, see [CLDR Date Fields](https://unicode.org/reports/tr35/tr35-dates.html#Calendar_Fields).\n\n### Keyboard Handling\nThe `ui5-date-picker` provides advanced keyboard handling.\nIf the `ui5-date-picker` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the [Up], [Down], [Left] or [Right] arrow keys\nto navigate through the dates and select one by pressing the `Space` or `Enter` keys. Moreover you can\nuse TAB to reach the buttons for changing month and year.\n\nIf the `ui5-date-picker` input field is focused and its corresponding picker dialog is not opened,\nthen users can increment or decrement the date referenced by `dateValue` property\nby using the following shortcuts:\n\n- [Page Down] - Decrements the corresponding day of the month by one\n- [Shift] + [Page Down] - Decrements the corresponding month by one\n- [Shift] + [Ctrl] + [Page Down] - Decrements the corresponding year by one\n- [Page Up] - Increments the corresponding day of the month by one\n- [Shift] + [Page Up] - Increments the corresponding month by one\n- [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n<script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DatePicker.js\";`",
|
|
6043
|
+
"description": "### Overview\n\nThe `ui5-date-picker` component provides an input field with assigned calendar which opens on user action.\nThe `ui5-date-picker` allows users to select a localized date using touch,\nmouse, or keyboard input. It consists of two parts: the date input field and the\ndate picker.\n\n### Usage\n\nThe user can enter a date by:\n\n- Using the calendar that opens in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and presses the enter key, the calendar shows the corresponding date.\nWhen the user directly triggers the calendar display, the actual date is displayed.\n\n### Formatting\n\nIf a date is entered by typing it into\nthe input field, it must fit to the used date format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\nFor example, if the valueFormat is \"yyyy-MM-dd\", the displayFormat is \"MMM d, y\", and the used locale is English, a valid value string is \"2015-07-30\", which leads to an output of \"Jul 30, 2015\".\nIf no placeholder is set to the DatePicker, the used displayFormat is displayed as a placeholder. If another placeholder is needed, it must be set.\n\n### Relative date input\n\nThe input field also accepts locale-aware relative date expressions sourced from the Unicode CLDR.\nThe following expressions are supported in English:\n\n- Day: \"today\", \"yesterday\", \"tomorrow\", \"in N days\", \"N days ago\"\n- Week: \"this week\", \"last week\", \"next week\", \"in N weeks\", \"N weeks ago\"\n- Month: \"this month\", \"last month\", \"next month\", \"in N months\", \"N months ago\"\n- Year: \"this year\", \"last year\", \"next year\", \"in N years\", \"N years ago\"\n\nThe recognized expressions are locale-specific — the equivalent terms in the user's language are used (for example, \"heute\" in German, \"bugün\" in Turkish).\nWeek, month, and year expressions resolve to an offset from today (for example, \"next week\" = today + 7 days).\nFor the full list of supported fields and patterns, see [CLDR Date Fields](https://unicode.org/reports/tr35/tr35-dates.html#Calendar_Fields).\n\n### Keyboard Handling\nThe `ui5-date-picker` provides advanced keyboard handling.\nIf the `ui5-date-picker` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the [Up], [Down], [Left] or [Right] arrow keys\nto navigate through the dates and select one by pressing the `Space` or `Enter` keys. Moreover you can\nuse TAB to reach the buttons for changing month and year.\n\nIf the `ui5-date-picker` input field is focused and its corresponding picker dialog is not opened,\nthen users can increment or decrement the date referenced by `dateValue` property\nby using the following shortcuts:\n\n- [Page Down] - Decrements the corresponding day of the month by one\n- [Shift] + [Page Down] - Decrements the corresponding month by one\n- [Shift] + [Ctrl] + [Page Down] - Decrements the corresponding year by one\n- [Page Up] - Increments the corresponding day of the month by one\n- [Shift] + [Page Up] - Increments the corresponding month by one\n- [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n<script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DatePicker.js\";`",
|
|
6044
6044
|
"name": "DatePicker",
|
|
6045
6045
|
"cssParts": [
|
|
6046
6046
|
{
|
|
@@ -13516,7 +13516,7 @@
|
|
|
13516
13516
|
]
|
|
13517
13517
|
},
|
|
13518
13518
|
"default": "\"Active\"",
|
|
13519
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
13519
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
13520
13520
|
"privacy": "public"
|
|
13521
13521
|
}
|
|
13522
13522
|
],
|
|
@@ -13618,7 +13618,7 @@
|
|
|
13618
13618
|
}
|
|
13619
13619
|
},
|
|
13620
13620
|
{
|
|
13621
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
13621
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
13622
13622
|
"name": "type",
|
|
13623
13623
|
"default": "\"Active\"",
|
|
13624
13624
|
"fieldName": "type",
|
|
@@ -13891,7 +13891,7 @@
|
|
|
13891
13891
|
]
|
|
13892
13892
|
},
|
|
13893
13893
|
"default": "\"Active\"",
|
|
13894
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
13894
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
13895
13895
|
"privacy": "public"
|
|
13896
13896
|
}
|
|
13897
13897
|
],
|
|
@@ -13969,7 +13969,7 @@
|
|
|
13969
13969
|
}
|
|
13970
13970
|
},
|
|
13971
13971
|
{
|
|
13972
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
13972
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
13973
13973
|
"name": "type",
|
|
13974
13974
|
"default": "\"Active\"",
|
|
13975
13975
|
"fieldName": "type",
|
|
@@ -14070,7 +14070,7 @@
|
|
|
14070
14070
|
"slots": [
|
|
14071
14071
|
{
|
|
14072
14072
|
"name": "default",
|
|
14073
|
-
"description": "Defines the items of the
|
|
14073
|
+
"description": "Defines the items of the group.",
|
|
14074
14074
|
"_ui5propertyName": "items",
|
|
14075
14075
|
"_ui5type": {
|
|
14076
14076
|
"text": "Array<ListItemBase>",
|
|
@@ -14117,7 +14117,7 @@
|
|
|
14117
14117
|
"type": {
|
|
14118
14118
|
"text": "string | undefined"
|
|
14119
14119
|
},
|
|
14120
|
-
"description": "Defines the header text of the
|
|
14120
|
+
"description": "Defines the header text of the group.",
|
|
14121
14121
|
"privacy": "public",
|
|
14122
14122
|
"default": "undefined"
|
|
14123
14123
|
},
|
|
@@ -14227,7 +14227,7 @@
|
|
|
14227
14227
|
}
|
|
14228
14228
|
},
|
|
14229
14229
|
{
|
|
14230
|
-
"description": "Defines the header text of the
|
|
14230
|
+
"description": "Defines the header text of the group.",
|
|
14231
14231
|
"name": "header-text",
|
|
14232
14232
|
"default": "undefined",
|
|
14233
14233
|
"fieldName": "headerText",
|
|
@@ -14246,9 +14246,9 @@
|
|
|
14246
14246
|
}
|
|
14247
14247
|
],
|
|
14248
14248
|
"superclass": {
|
|
14249
|
-
"name": "
|
|
14250
|
-
"package": "@ui5/webcomponents
|
|
14251
|
-
"module": "dist/
|
|
14249
|
+
"name": "ListItemGroupBase",
|
|
14250
|
+
"package": "@ui5/webcomponents",
|
|
14251
|
+
"module": "dist/ListItemGroupBase.js"
|
|
14252
14252
|
},
|
|
14253
14253
|
"tagName": "ui5-li-group",
|
|
14254
14254
|
"customElement": true,
|
|
@@ -14275,6 +14275,77 @@
|
|
|
14275
14275
|
}
|
|
14276
14276
|
]
|
|
14277
14277
|
},
|
|
14278
|
+
{
|
|
14279
|
+
"kind": "javascript-module",
|
|
14280
|
+
"path": "dist/ListItemGroupBase.js",
|
|
14281
|
+
"declarations": [
|
|
14282
|
+
{
|
|
14283
|
+
"kind": "class",
|
|
14284
|
+
"description": "### Overview\n\n`ListItemGroupBase` is the abstract base for grouping components. It provides the minimal\n\"group\" contract shared by `ui5-li-group` and `ui5-option-group`: a header text, the default\nitems slot, and the plumbing the internal `ui5-list` relies on to flatten grouped items.\n\nConcrete group components extend this class and add only the public API that is relevant to them.",
|
|
14285
|
+
"name": "ListItemGroupBase",
|
|
14286
|
+
"slots": [
|
|
14287
|
+
{
|
|
14288
|
+
"name": "default",
|
|
14289
|
+
"description": "Defines the items of the group.",
|
|
14290
|
+
"_ui5propertyName": "items",
|
|
14291
|
+
"_ui5type": {
|
|
14292
|
+
"text": "Array<ListItemBase>",
|
|
14293
|
+
"references": [
|
|
14294
|
+
{
|
|
14295
|
+
"name": "ListItemBase",
|
|
14296
|
+
"package": "@ui5/webcomponents",
|
|
14297
|
+
"module": "dist/ListItemBase.js"
|
|
14298
|
+
}
|
|
14299
|
+
]
|
|
14300
|
+
},
|
|
14301
|
+
"_ui5privacy": "public"
|
|
14302
|
+
}
|
|
14303
|
+
],
|
|
14304
|
+
"members": [
|
|
14305
|
+
{
|
|
14306
|
+
"kind": "field",
|
|
14307
|
+
"name": "headerText",
|
|
14308
|
+
"type": {
|
|
14309
|
+
"text": "string | undefined"
|
|
14310
|
+
},
|
|
14311
|
+
"description": "Defines the header text of the group.",
|
|
14312
|
+
"privacy": "public",
|
|
14313
|
+
"default": "undefined"
|
|
14314
|
+
}
|
|
14315
|
+
],
|
|
14316
|
+
"attributes": [
|
|
14317
|
+
{
|
|
14318
|
+
"description": "Defines the header text of the group.",
|
|
14319
|
+
"name": "header-text",
|
|
14320
|
+
"default": "undefined",
|
|
14321
|
+
"fieldName": "headerText",
|
|
14322
|
+
"type": {
|
|
14323
|
+
"text": "string | undefined"
|
|
14324
|
+
}
|
|
14325
|
+
}
|
|
14326
|
+
],
|
|
14327
|
+
"superclass": {
|
|
14328
|
+
"name": "UI5Element",
|
|
14329
|
+
"package": "@ui5/webcomponents-base",
|
|
14330
|
+
"module": "dist/UI5Element.js"
|
|
14331
|
+
},
|
|
14332
|
+
"customElement": true,
|
|
14333
|
+
"_ui5since": "2.26.0",
|
|
14334
|
+
"_ui5privacy": "public",
|
|
14335
|
+
"_ui5abstract": true
|
|
14336
|
+
}
|
|
14337
|
+
],
|
|
14338
|
+
"exports": [
|
|
14339
|
+
{
|
|
14340
|
+
"kind": "js",
|
|
14341
|
+
"name": "default",
|
|
14342
|
+
"declaration": {
|
|
14343
|
+
"name": "ListItemGroupBase",
|
|
14344
|
+
"module": "dist/ListItemGroupBase.js"
|
|
14345
|
+
}
|
|
14346
|
+
}
|
|
14347
|
+
]
|
|
14348
|
+
},
|
|
14278
14349
|
{
|
|
14279
14350
|
"kind": "javascript-module",
|
|
14280
14351
|
"path": "dist/ListItemGroupHeader.js",
|
|
@@ -14683,7 +14754,7 @@
|
|
|
14683
14754
|
]
|
|
14684
14755
|
},
|
|
14685
14756
|
"default": "\"Active\"",
|
|
14686
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
14757
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
14687
14758
|
"privacy": "public"
|
|
14688
14759
|
},
|
|
14689
14760
|
{
|
|
@@ -14833,7 +14904,7 @@
|
|
|
14833
14904
|
}
|
|
14834
14905
|
},
|
|
14835
14906
|
{
|
|
14836
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
14907
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
14837
14908
|
"name": "type",
|
|
14838
14909
|
"default": "\"Active\"",
|
|
14839
14910
|
"fieldName": "type",
|
|
@@ -15497,7 +15568,7 @@
|
|
|
15497
15568
|
]
|
|
15498
15569
|
},
|
|
15499
15570
|
"default": "\"Active\"",
|
|
15500
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
15571
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
15501
15572
|
"privacy": "public"
|
|
15502
15573
|
}
|
|
15503
15574
|
],
|
|
@@ -15764,7 +15835,7 @@
|
|
|
15764
15835
|
}
|
|
15765
15836
|
},
|
|
15766
15837
|
{
|
|
15767
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
15838
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
15768
15839
|
"name": "type",
|
|
15769
15840
|
"default": "\"Active\"",
|
|
15770
15841
|
"fieldName": "type",
|
|
@@ -17248,7 +17319,7 @@
|
|
|
17248
17319
|
"type": {
|
|
17249
17320
|
"text": "string | undefined"
|
|
17250
17321
|
},
|
|
17251
|
-
"description": "Defines the header text of the
|
|
17322
|
+
"description": "Defines the header text of the group.",
|
|
17252
17323
|
"privacy": "public",
|
|
17253
17324
|
"default": "undefined"
|
|
17254
17325
|
},
|
|
@@ -17298,7 +17369,7 @@
|
|
|
17298
17369
|
}
|
|
17299
17370
|
},
|
|
17300
17371
|
{
|
|
17301
|
-
"description": "Defines the header text of the
|
|
17372
|
+
"description": "Defines the header text of the group.",
|
|
17302
17373
|
"name": "header-text",
|
|
17303
17374
|
"default": "undefined",
|
|
17304
17375
|
"fieldName": "headerText",
|
|
@@ -18795,185 +18866,38 @@
|
|
|
18795
18866
|
]
|
|
18796
18867
|
},
|
|
18797
18868
|
"_ui5privacy": "public"
|
|
18798
|
-
},
|
|
18799
|
-
{
|
|
18800
|
-
"name": "header",
|
|
18801
|
-
"description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.",
|
|
18802
|
-
"_ui5type": {
|
|
18803
|
-
"text": "Array<ListItemBase>",
|
|
18804
|
-
"references": [
|
|
18805
|
-
{
|
|
18806
|
-
"name": "ListItemBase",
|
|
18807
|
-
"package": "@ui5/webcomponents",
|
|
18808
|
-
"module": "dist/ListItemBase.js"
|
|
18809
|
-
}
|
|
18810
|
-
]
|
|
18811
|
-
},
|
|
18812
|
-
"_ui5privacy": "public"
|
|
18813
18869
|
}
|
|
18814
18870
|
],
|
|
18815
18871
|
"members": [
|
|
18816
|
-
{
|
|
18817
|
-
"kind": "field",
|
|
18818
|
-
"name": "headerAccessibleName",
|
|
18819
|
-
"type": {
|
|
18820
|
-
"text": "string | undefined"
|
|
18821
|
-
},
|
|
18822
|
-
"description": "Defines the accessible name of the header.",
|
|
18823
|
-
"privacy": "public",
|
|
18824
|
-
"default": "undefined"
|
|
18825
|
-
},
|
|
18826
18872
|
{
|
|
18827
18873
|
"kind": "field",
|
|
18828
18874
|
"name": "headerText",
|
|
18829
18875
|
"type": {
|
|
18830
18876
|
"text": "string | undefined"
|
|
18831
18877
|
},
|
|
18832
|
-
"description": "Defines the header text of the
|
|
18878
|
+
"description": "Defines the header text of the group.",
|
|
18833
18879
|
"privacy": "public",
|
|
18834
18880
|
"default": "undefined"
|
|
18835
|
-
},
|
|
18836
|
-
{
|
|
18837
|
-
"kind": "field",
|
|
18838
|
-
"name": "wrappingType",
|
|
18839
|
-
"type": {
|
|
18840
|
-
"text": "WrappingType",
|
|
18841
|
-
"references": [
|
|
18842
|
-
{
|
|
18843
|
-
"name": "WrappingType",
|
|
18844
|
-
"package": "@ui5/webcomponents",
|
|
18845
|
-
"module": "dist/types/WrappingType.js"
|
|
18846
|
-
}
|
|
18847
|
-
]
|
|
18848
|
-
},
|
|
18849
|
-
"default": "\"None\"",
|
|
18850
|
-
"description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
|
|
18851
|
-
"privacy": "public",
|
|
18852
|
-
"_ui5since": "2.15.0"
|
|
18853
18881
|
}
|
|
18854
18882
|
],
|
|
18855
18883
|
"superclass": {
|
|
18856
|
-
"name": "
|
|
18884
|
+
"name": "ListItemGroupBase",
|
|
18857
18885
|
"package": "@ui5/webcomponents",
|
|
18858
|
-
"module": "dist/
|
|
18886
|
+
"module": "dist/ListItemGroupBase.js"
|
|
18859
18887
|
},
|
|
18860
18888
|
"tagName": "ui5-option-group",
|
|
18861
18889
|
"customElement": true,
|
|
18862
18890
|
"_ui5since": "2.26.0",
|
|
18863
18891
|
"_ui5privacy": "public",
|
|
18864
|
-
"cssParts": [
|
|
18865
|
-
{
|
|
18866
|
-
"description": "Used to style the header item of the group",
|
|
18867
|
-
"name": "header"
|
|
18868
|
-
},
|
|
18869
|
-
{
|
|
18870
|
-
"description": "Used to style the title of the group header",
|
|
18871
|
-
"name": "title"
|
|
18872
|
-
}
|
|
18873
|
-
],
|
|
18874
18892
|
"attributes": [
|
|
18875
18893
|
{
|
|
18876
|
-
"description": "Defines the
|
|
18877
|
-
"name": "header-accessible-name",
|
|
18878
|
-
"default": "undefined",
|
|
18879
|
-
"fieldName": "headerAccessibleName",
|
|
18880
|
-
"type": {
|
|
18881
|
-
"text": "string | undefined"
|
|
18882
|
-
}
|
|
18883
|
-
},
|
|
18884
|
-
{
|
|
18885
|
-
"description": "Defines the header text of the <code>ui5-li-group</code>.",
|
|
18894
|
+
"description": "Defines the header text of the group.",
|
|
18886
18895
|
"name": "header-text",
|
|
18887
18896
|
"default": "undefined",
|
|
18888
18897
|
"fieldName": "headerText",
|
|
18889
18898
|
"type": {
|
|
18890
18899
|
"text": "string | undefined"
|
|
18891
18900
|
}
|
|
18892
|
-
},
|
|
18893
|
-
{
|
|
18894
|
-
"description": "Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).",
|
|
18895
|
-
"name": "wrapping-type",
|
|
18896
|
-
"default": "\"None\"",
|
|
18897
|
-
"fieldName": "wrappingType",
|
|
18898
|
-
"type": {
|
|
18899
|
-
"text": "\"None\" | \"Normal\""
|
|
18900
|
-
}
|
|
18901
|
-
}
|
|
18902
|
-
],
|
|
18903
|
-
"events": [
|
|
18904
|
-
{
|
|
18905
|
-
"name": "move",
|
|
18906
|
-
"_ui5privacy": "public",
|
|
18907
|
-
"type": {
|
|
18908
|
-
"text": "CustomEvent<ListItemGroupMoveEventDetail>",
|
|
18909
|
-
"references": [
|
|
18910
|
-
{
|
|
18911
|
-
"name": "ListItemGroupMoveEventDetail",
|
|
18912
|
-
"package": "@ui5/webcomponents",
|
|
18913
|
-
"module": "dist/ListItemGroup.js"
|
|
18914
|
-
}
|
|
18915
|
-
]
|
|
18916
|
-
},
|
|
18917
|
-
"description": "Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.",
|
|
18918
|
-
"_ui5Cancelable": false,
|
|
18919
|
-
"_ui5allowPreventDefault": false,
|
|
18920
|
-
"_ui5Bubbles": true,
|
|
18921
|
-
"_ui5since": "2.1.0",
|
|
18922
|
-
"_ui5parameters": [
|
|
18923
|
-
{
|
|
18924
|
-
"type": {
|
|
18925
|
-
"text": "object"
|
|
18926
|
-
},
|
|
18927
|
-
"name": "destination",
|
|
18928
|
-
"_ui5privacy": "public",
|
|
18929
|
-
"description": "Contains information about the destination of the moved element. Has `element` and `placement` properties."
|
|
18930
|
-
},
|
|
18931
|
-
{
|
|
18932
|
-
"type": {
|
|
18933
|
-
"text": "object"
|
|
18934
|
-
},
|
|
18935
|
-
"name": "source",
|
|
18936
|
-
"_ui5privacy": "public",
|
|
18937
|
-
"description": "Contains information about the moved element under `element` property."
|
|
18938
|
-
}
|
|
18939
|
-
]
|
|
18940
|
-
},
|
|
18941
|
-
{
|
|
18942
|
-
"name": "move-over",
|
|
18943
|
-
"_ui5privacy": "public",
|
|
18944
|
-
"type": {
|
|
18945
|
-
"text": "CustomEvent<ListItemGroupMoveEventDetail>",
|
|
18946
|
-
"references": [
|
|
18947
|
-
{
|
|
18948
|
-
"name": "ListItemGroupMoveEventDetail",
|
|
18949
|
-
"package": "@ui5/webcomponents",
|
|
18950
|
-
"module": "dist/ListItemGroup.js"
|
|
18951
|
-
}
|
|
18952
|
-
]
|
|
18953
|
-
},
|
|
18954
|
-
"description": "Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.",
|
|
18955
|
-
"_ui5Cancelable": true,
|
|
18956
|
-
"_ui5allowPreventDefault": true,
|
|
18957
|
-
"_ui5Bubbles": true,
|
|
18958
|
-
"_ui5since": "2.1.0",
|
|
18959
|
-
"_ui5parameters": [
|
|
18960
|
-
{
|
|
18961
|
-
"type": {
|
|
18962
|
-
"text": "object"
|
|
18963
|
-
},
|
|
18964
|
-
"name": "destination",
|
|
18965
|
-
"_ui5privacy": "public",
|
|
18966
|
-
"description": "Contains information about the destination of the moved element. Has `element` and `placement` properties."
|
|
18967
|
-
},
|
|
18968
|
-
{
|
|
18969
|
-
"type": {
|
|
18970
|
-
"text": "object"
|
|
18971
|
-
},
|
|
18972
|
-
"name": "source",
|
|
18973
|
-
"_ui5privacy": "public",
|
|
18974
|
-
"description": "Contains information about the moved element under `element` property."
|
|
18975
|
-
}
|
|
18976
|
-
]
|
|
18977
18901
|
}
|
|
18978
18902
|
]
|
|
18979
18903
|
}
|
|
@@ -23551,7 +23475,7 @@
|
|
|
23551
23475
|
]
|
|
23552
23476
|
},
|
|
23553
23477
|
"default": "{}",
|
|
23554
|
-
"description": "Defines the additional accessibility attributes that will be applied to the component.\nThe `accessibilityAttributes` property accepts an object with the following optional fields:\n\n- **root**: Attributes that will be applied to the main (text) button.\n - **hasPopup**: Indicates the presence and type of popup triggered by the button.\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **
|
|
23478
|
+
"description": "Defines the additional accessibility attributes that will be applied to the component.\nThe `accessibilityAttributes` property accepts an object with the following optional fields:\n\n- **root**: Attributes that will be applied to the main (text) button.\n - **hasPopup**: Indicates the presence and type of popup triggered by the button.\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **title**: Specifies a tooltip or description for screen readers.\n Accepts any string value.\n\t- **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.\n\n- **arrowButton**: Attributes applied specifically to the arrow (split) button.\n - **hasPopup**: Indicates the presence and type of popup triggered by the arrow button.\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **expanded**: Indicates whether the popup triggered by the arrow button is currently expanded.\n Accepts boolean values: `true` or `false`.",
|
|
23555
23479
|
"privacy": "public",
|
|
23556
23480
|
"_ui5since": "2.13.0"
|
|
23557
23481
|
},
|
|
@@ -23640,7 +23564,7 @@
|
|
|
23640
23564
|
],
|
|
23641
23565
|
"attributes": [
|
|
23642
23566
|
{
|
|
23643
|
-
"description": "Defines the additional accessibility attributes that will be applied to the component.\nThe `accessibilityAttributes` property accepts an object with the following optional fields:\n\n- **root**: Attributes that will be applied to the main (text) button.\n - **hasPopup**: Indicates the presence and type of popup triggered by the button.\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **
|
|
23567
|
+
"description": "Defines the additional accessibility attributes that will be applied to the component.\nThe `accessibilityAttributes` property accepts an object with the following optional fields:\n\n- **root**: Attributes that will be applied to the main (text) button.\n - **hasPopup**: Indicates the presence and type of popup triggered by the button.\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **title**: Specifies a tooltip or description for screen readers.\n Accepts any string value.\n\t- **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.\n\n- **arrowButton**: Attributes applied specifically to the arrow (split) button.\n - **hasPopup**: Indicates the presence and type of popup triggered by the arrow button.\n Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **expanded**: Indicates whether the popup triggered by the arrow button is currently expanded.\n Accepts boolean values: `true` or `false`.",
|
|
23644
23568
|
"name": "accessibility-attributes",
|
|
23645
23569
|
"default": "{}",
|
|
23646
23570
|
"fieldName": "accessibilityAttributes",
|
|
@@ -24394,7 +24318,7 @@
|
|
|
24394
24318
|
}
|
|
24395
24319
|
},
|
|
24396
24320
|
{
|
|
24397
|
-
"description": "Defines the header text of the
|
|
24321
|
+
"description": "Defines the header text of the group.",
|
|
24398
24322
|
"name": "header-text",
|
|
24399
24323
|
"default": "undefined",
|
|
24400
24324
|
"fieldName": "headerText",
|
|
@@ -24429,7 +24353,7 @@
|
|
|
24429
24353
|
"type": {
|
|
24430
24354
|
"text": "string | undefined"
|
|
24431
24355
|
},
|
|
24432
|
-
"description": "Defines the header text of the
|
|
24356
|
+
"description": "Defines the header text of the group.",
|
|
24433
24357
|
"privacy": "public",
|
|
24434
24358
|
"default": "undefined"
|
|
24435
24359
|
},
|
|
@@ -24842,7 +24766,7 @@
|
|
|
24842
24766
|
]
|
|
24843
24767
|
},
|
|
24844
24768
|
"default": "\"Active\"",
|
|
24845
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
24769
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
24846
24770
|
"privacy": "public"
|
|
24847
24771
|
},
|
|
24848
24772
|
{
|
|
@@ -25000,7 +24924,7 @@
|
|
|
25000
24924
|
}
|
|
25001
24925
|
},
|
|
25002
24926
|
{
|
|
25003
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
24927
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
25004
24928
|
"name": "type",
|
|
25005
24929
|
"default": "\"Active\"",
|
|
25006
24930
|
"fieldName": "type",
|
|
@@ -32139,6 +32063,17 @@
|
|
|
32139
32063
|
"description": "Defines the additional accessibility attributes that will be applied to the component.\n\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.",
|
|
32140
32064
|
"privacy": "public"
|
|
32141
32065
|
},
|
|
32066
|
+
{
|
|
32067
|
+
"kind": "field",
|
|
32068
|
+
"name": "accessibleDescription",
|
|
32069
|
+
"type": {
|
|
32070
|
+
"text": "string | undefined"
|
|
32071
|
+
},
|
|
32072
|
+
"description": "Defines the accessible description of the component.",
|
|
32073
|
+
"default": "undefined",
|
|
32074
|
+
"privacy": "public",
|
|
32075
|
+
"_ui5since": "2.27.0"
|
|
32076
|
+
},
|
|
32142
32077
|
{
|
|
32143
32078
|
"kind": "field",
|
|
32144
32079
|
"name": "accessibleName",
|
|
@@ -32159,6 +32094,24 @@
|
|
|
32159
32094
|
"default": "undefined",
|
|
32160
32095
|
"privacy": "public"
|
|
32161
32096
|
},
|
|
32097
|
+
{
|
|
32098
|
+
"kind": "field",
|
|
32099
|
+
"name": "accessibleRole",
|
|
32100
|
+
"type": {
|
|
32101
|
+
"text": "ButtonAccessibleRole",
|
|
32102
|
+
"references": [
|
|
32103
|
+
{
|
|
32104
|
+
"name": "ButtonAccessibleRole",
|
|
32105
|
+
"package": "@ui5/webcomponents",
|
|
32106
|
+
"module": "dist/types/ButtonAccessibleRole.js"
|
|
32107
|
+
}
|
|
32108
|
+
]
|
|
32109
|
+
},
|
|
32110
|
+
"default": "\"Button\"",
|
|
32111
|
+
"description": "Defines the ARIA role of the component.\n\n**Note:** Use `ButtonAccessibleRole.Link` role only with a press handler that performs navigation.\nIn all other scenarios the default button semantics are recommended.",
|
|
32112
|
+
"privacy": "public",
|
|
32113
|
+
"_ui5since": "2.27.0"
|
|
32114
|
+
},
|
|
32162
32115
|
{
|
|
32163
32116
|
"kind": "field",
|
|
32164
32117
|
"name": "design",
|
|
@@ -32298,6 +32251,15 @@
|
|
|
32298
32251
|
"text": "ButtonAccessibilityAttributes"
|
|
32299
32252
|
}
|
|
32300
32253
|
},
|
|
32254
|
+
{
|
|
32255
|
+
"description": "Defines the accessible description of the component.",
|
|
32256
|
+
"name": "accessible-description",
|
|
32257
|
+
"default": "undefined",
|
|
32258
|
+
"fieldName": "accessibleDescription",
|
|
32259
|
+
"type": {
|
|
32260
|
+
"text": "string | undefined"
|
|
32261
|
+
}
|
|
32262
|
+
},
|
|
32301
32263
|
{
|
|
32302
32264
|
"description": "Defines the accessible ARIA name of the component.",
|
|
32303
32265
|
"name": "accessible-name",
|
|
@@ -32316,6 +32278,15 @@
|
|
|
32316
32278
|
"text": "string | undefined"
|
|
32317
32279
|
}
|
|
32318
32280
|
},
|
|
32281
|
+
{
|
|
32282
|
+
"description": "Defines the ARIA role of the component.\n\n**Note:** Use `ButtonAccessibleRole.Link` role only with a press handler that performs navigation.\nIn all other scenarios the default button semantics are recommended.",
|
|
32283
|
+
"name": "accessible-role",
|
|
32284
|
+
"default": "\"Button\"",
|
|
32285
|
+
"fieldName": "accessibleRole",
|
|
32286
|
+
"type": {
|
|
32287
|
+
"text": "\"Button\" | \"Link\""
|
|
32288
|
+
}
|
|
32289
|
+
},
|
|
32319
32290
|
{
|
|
32320
32291
|
"description": "Defines the action design.",
|
|
32321
32292
|
"name": "design",
|
|
@@ -34007,7 +33978,7 @@
|
|
|
34007
33978
|
]
|
|
34008
33979
|
},
|
|
34009
33980
|
"default": "\"Active\"",
|
|
34010
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
33981
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
34011
33982
|
"privacy": "public"
|
|
34012
33983
|
}
|
|
34013
33984
|
],
|
|
@@ -34148,7 +34119,7 @@
|
|
|
34148
34119
|
}
|
|
34149
34120
|
},
|
|
34150
34121
|
{
|
|
34151
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
34122
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
34152
34123
|
"name": "type",
|
|
34153
34124
|
"default": "\"Active\"",
|
|
34154
34125
|
"fieldName": "type",
|
|
@@ -34516,7 +34487,7 @@
|
|
|
34516
34487
|
]
|
|
34517
34488
|
},
|
|
34518
34489
|
"default": "\"Active\"",
|
|
34519
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
34490
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
34520
34491
|
"privacy": "public"
|
|
34521
34492
|
}
|
|
34522
34493
|
],
|
|
@@ -34681,7 +34652,7 @@
|
|
|
34681
34652
|
}
|
|
34682
34653
|
},
|
|
34683
34654
|
{
|
|
34684
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
34655
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
34685
34656
|
"name": "type",
|
|
34686
34657
|
"default": "\"Active\"",
|
|
34687
34658
|
"fieldName": "type",
|
|
@@ -34987,7 +34958,7 @@
|
|
|
34987
34958
|
]
|
|
34988
34959
|
},
|
|
34989
34960
|
"default": "\"Active\"",
|
|
34990
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
34961
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
34991
34962
|
"privacy": "public"
|
|
34992
34963
|
}
|
|
34993
34964
|
],
|
|
@@ -35119,7 +35090,7 @@
|
|
|
35119
35090
|
}
|
|
35120
35091
|
},
|
|
35121
35092
|
{
|
|
35122
|
-
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection
|
|
35093
|
+
"description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive`, `InactiveSelectable` and `Detail` - will not.\n\n**Note:** `InactiveSelectable` behaves like `Inactive` but allows selection to be toggled\nvia the checkbox (Multi mode) or radio button (Single modes) when the list has a selection mode.\nClicking the item body or pressing Space/Enter does not trigger selection — only interacting\nwith the selection component directly does. The `item-click` event is not fired for this type.",
|
|
35123
35094
|
"name": "type",
|
|
35124
35095
|
"default": "\"Active\"",
|
|
35125
35096
|
"fieldName": "type",
|