@ui5/webcomponents 2.24.0-rc.1 → 2.24.0

package/dist/custom-elements-internal.json

@@ -830,7 +830,7 @@
                 ]
               },
               "default": "\"Toolbar\"",
-              "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- Set accessibleRole to \"toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, it is recommended to avoid using the \"toolbar\" role, as it implies a grouping of multiple interactive controls.",
+              "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- By default, accessibleRole is set to \"Toolbar\", which renders the ARIA role \"toolbar\".\n\n- Use the default accessibleRole value \"Toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, set accessibleRole to \"None\" to avoid rendering the ARIA role \"toolbar\", as that role implies a grouping of multiple interactive controls.",
               "privacy": "public",
               "_ui5since": "2.10.0"
             },
@@ -872,7 +872,7 @@
               }
             },
             {
-              "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- Set accessibleRole to \"toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, it is recommended to avoid using the \"toolbar\" role, as it implies a grouping of multiple interactive controls.",
+              "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- By default, accessibleRole is set to \"Toolbar\", which renders the ARIA role \"toolbar\".\n\n- Use the default accessibleRole value \"Toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, set accessibleRole to \"None\" to avoid rendering the ARIA role \"toolbar\", as that role implies a grouping of multiple interactive controls.",
               "name": "accessible-role",
               "default": "\"Toolbar\"",
               "fieldName": "accessibleRole",
@@ -947,6 +947,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the accessible name of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.24.0"
+            },
             {
               "kind": "field",
               "name": "design",
@@ -1045,6 +1056,15 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Defines the accessible name of the component.",
+              "name": "accessible-name",
+              "default": "undefined",
+              "fieldName": "accessibleName",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "description": "Defines the visual appearance of the last BreadcrumbsItem.\n\nThe Breadcrumbs supports two visual appearances for the last BreadcrumbsItem:\n- \"Standard\" - displaying the last item as \"current page\" (bold and without separator)\n- \"NoCurrentPage\" - displaying the last item as a regular BreadcrumbsItem, followed by separator",
               "name": "design",
@@ -5092,6 +5112,7 @@
               "_ui5Cancelable": false,
               "_ui5allowPreventDefault": false,
               "_ui5Bubbles": true,
+              "_ui5since": "2.24.0",
               "_ui5parameters": [
                 {
                   "type": {
@@ -5107,6 +5128,14 @@
                   "name": "item",
                   "_ui5privacy": "public",
                   "description": "item to be selected."
+                },
+                {
+                  "type": {
+                    "text": "string"
+                  },
+                  "name": "trigger",
+                  "_ui5privacy": "public",
+                  "description": "source of the selection change - typeahead, click or keyboard navigation."
                 }
               ]
             }
@@ -5422,6 +5451,135 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ComboBoxItemCustom.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `ui5-cb-item-custom` is a combobox item component\nthat allows placing custom content inside a combobox item.\nThe `text` property is used for filtering and auto-complete.\nFor highlighting functionality, see `@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js`.",
+          "name": "ComboBoxItemCustom",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the component.",
+              "_ui5propertyName": "content",
+              "_ui5type": {
+                "text": "Array<Node>"
+              },
+              "_ui5privacy": "public"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text of the component.\nUsed for filtering, autocomplete, and mobile rendering.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the value of the component.\nUsed for programmatic selection via the `selectedValue` property.",
+              "default": "undefined",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<ComboBoxItemCustomClickEventDetail>",
+                "references": [
+                  {
+                    "name": "ComboBoxItemCustomClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/ComboBoxItemCustom.js"
+                  }
+                ]
+              },
+              "description": "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`.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true,
+              "_ui5since": "2.24.0",
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "Event"
+                  },
+                  "name": "originalEvent",
+                  "_ui5privacy": "public",
+                  "description": "The original event from the user interaction."
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the text of the component.\nUsed for filtering, autocomplete, and mobile rendering.",
+              "name": "text",
+              "default": "undefined",
+              "fieldName": "text",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the value of the component.\nUsed for programmatic selection via the `selectedValue` property.",
+              "name": "value",
+              "default": "undefined",
+              "fieldName": "value",
+              "type": {
+                "text": "string | undefined"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "ListItemBase",
+            "package": "@ui5/webcomponents",
+            "module": "dist/ListItemBase.js"
+          },
+          "tagName": "ui5-cb-item-custom",
+          "customElement": true,
+          "_ui5since": "2.24.0",
+          "_ui5privacy": "public",
+          "_ui5implements": [
+            {
+              "name": "IComboBoxItem",
+              "package": "@ui5/webcomponents",
+              "module": "dist/ComboBox.js"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ComboBoxItemCustom",
+            "module": "dist/ComboBoxItemCustom.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-cb-item-custom",
+          "declaration": {
+            "name": "ComboBoxItemCustom",
+            "module": "dist/ComboBoxItemCustom.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/ComboBoxItemGroup.js",
@@ -9180,7 +9338,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nThe `ui5-dialog` component is used to temporarily display some information in a\nsize-limited window in front of the regular app screen.\nIt is used to prompt the user for an action or a confirmation.\nThe `ui5-dialog` interrupts the current app processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe dialog combines concepts known from other technologies where the windows have\nnames such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n\nThe `ui5-dialog` is modal, which means that a user action is required before it is possible to return to the parent window.\nTo open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\nThe content of the `ui5-dialog` is fully customizable.\n\n### Structure\nA `ui5-dialog` consists of a header, content, and a footer for action buttons.\nThe `ui5-dialog` is usually displayed at the center of the screen.\nIts position can be changed by the user. To enable this, you need to set the property `draggable` accordingly.\n\n\n### Responsive Behavior\nThe `stretch` property can be used to stretch the `ui5-dialog` to full screen. For better usability, it's recommended to stretch the dialog to full screen on phone devices.\n\n**Note:** When a `ui5-bar` is used in the header or in the footer, you should remove the default dialog's paddings.\n\nFor more information see the sample \"Bar in Header/Footer\".\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-dialog` has the `draggable` property set to `true` and the header is focused, the user can move the dialog\nwith the following keyboard shortcuts:\n\n- [Up] or [Down] arrow keys - Move the dialog up/down.\n- [Left] or [Right] arrow keys - Move the dialog left/right.\n\n#### Resizing\nWhen the `ui5-dialog` has the `resizable` property set to `true` and the header is focused, the user can change the size of the dialog\nwith the following keyboard shortcuts:\n\n- [Shift] + [Up] or [Down] - Decrease/Increase the height of the dialog.\n- [Shift] + [Left] or [Right] - Decrease/Increase the width of the dialog.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Dialog\";`",
+          "description": "### Overview\nThe `ui5-dialog` component is used to temporarily display some information in a\nsize-limited window in front of the regular app screen.\nIt is used to prompt the user for an action or a confirmation.\nThe `ui5-dialog` interrupts the current app processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe dialog combines concepts known from other technologies where the windows have\nnames such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n\nThe `ui5-dialog` is modal, which means that a user action is required before it is possible to return to the parent window.\nTo open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\nThe content of the `ui5-dialog` is fully customizable.\n\n### Structure\nA `ui5-dialog` consists of a header, content, and a footer for action buttons.\nThe `ui5-dialog` is usually displayed at the center of the screen.\nIts position can be changed by the user. To enable this, you need to set the property `draggable` accordingly.\n\n\n### Responsive Behavior\nThe `stretch` property can be used to stretch the `ui5-dialog` to full screen. For better usability, it's recommended to stretch the dialog to full screen on phone devices.\n\n**Note:** When a `ui5-bar` is used in the header or in the footer, you should remove the default dialog's paddings.\n\nFor more information see the sample \"Bar in Header/Footer\".\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-dialog` has the `draggable` property set to `true`, the user can move the dialog\nwith the following keyboard shortcuts:\n\n- [Up] or [Down] arrow keys - Move the dialog up/down.\n- [Left] or [Right] arrow keys - Move the dialog left/right.\n\n#### Resizing\nWhen the `ui5-dialog` has the `resizable` property set to `true`, the user can change the size of the dialog\nwith the following keyboard shortcuts:\n\n- [Shift] + [Up] or [Down] - Decrease/Increase the height of the dialog.\n- [Shift] + [Left] or [Right] - Decrease/Increase the width of the dialog.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Dialog\";`",
           "name": "Dialog",
           "cssParts": [
             {
@@ -16785,6 +16943,135 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/MultiComboBoxItemCustom.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `ui5-mcb-item-custom` is a multi-combobox item component\nthat allows placing custom content inside a multi-combobox item.\nThe `text` property is used for filtering and token display.\nFor highlighting functionality, see `@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js`.",
+          "name": "MultiComboBoxItemCustom",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the component.",
+              "_ui5propertyName": "content",
+              "_ui5type": {
+                "text": "Array<Node>"
+              },
+              "_ui5privacy": "public"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text of the component.\nUsed for filtering and token display.",
+              "default": "undefined",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the value of the component.\nUsed for programmatic selection via selectedValues property.",
+              "default": "undefined",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<MultiComboBoxItemCustomClickEventDetail>",
+                "references": [
+                  {
+                    "name": "MultiComboBoxItemCustomClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/MultiComboBoxItemCustom.js"
+                  }
+                ]
+              },
+              "description": "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`.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true,
+              "_ui5since": "2.24.0",
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "Event"
+                  },
+                  "name": "originalEvent",
+                  "_ui5privacy": "public",
+                  "description": "The original event from the user interaction."
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Defines the text of the component.\nUsed for filtering and token display.",
+              "name": "text",
+              "default": "undefined",
+              "fieldName": "text",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines the value of the component.\nUsed for programmatic selection via selectedValues property.",
+              "name": "value",
+              "default": "undefined",
+              "fieldName": "value",
+              "type": {
+                "text": "string | undefined"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "ListItemBase",
+            "package": "@ui5/webcomponents",
+            "module": "dist/ListItemBase.js"
+          },
+          "tagName": "ui5-mcb-item-custom",
+          "customElement": true,
+          "_ui5since": "2.24.0",
+          "_ui5privacy": "public",
+          "_ui5implements": [
+            {
+              "name": "IMultiComboBoxItem",
+              "package": "@ui5/webcomponents",
+              "module": "dist/MultiComboBox.js"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MultiComboBoxItemCustom",
+            "module": "dist/MultiComboBoxItemCustom.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-mcb-item-custom",
+          "declaration": {
+            "name": "MultiComboBoxItemCustom",
+            "module": "dist/MultiComboBoxItemCustom.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/MultiComboBoxItemGroup.js",
@@ -31409,7 +31696,13 @@
           "customElement": true,
           "_ui5since": "1.17.0",
           "_ui5privacy": "public",
-          "_ui5abstract": true
+          "_ui5abstract": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -31522,6 +31815,12 @@
                 "text": "boolean"
               }
             }
+          ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
           ]
         }
       ],
@@ -31601,6 +31900,12 @@
               }
             }
           ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ],
           "superclass": {
             "name": "UI5Element",
             "package": "@ui5/webcomponents-base",
@@ -31890,7 +32195,13 @@
           "customElement": true,
           "_ui5since": "1.17.0",
           "_ui5privacy": "public",
-          "_ui5abstract": true
+          "_ui5abstract": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -32051,6 +32362,12 @@
                 "text": "boolean"
               }
             }
+          ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
           ]
         }
       ],
@@ -32158,7 +32475,13 @@
           "customElement": true,
           "_ui5since": "1.17.0",
           "_ui5privacy": "public",
-          "_ui5abstract": true
+          "_ui5abstract": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -34929,12 +35252,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/form-utils/FormUtils.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "dist/features/ColorPaletteMoreColors.js",
@@ -34977,6 +35294,12 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/form-utils/FormUtils.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/popup-utils/OpenedPopupsRegistry.js",