@ui5/webcomponents 2.22.0-rc.2 → 2.22.0-rc.4

package/dist/custom-elements-internal.json

@@ -362,17 +362,6 @@
           "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\";`",
           "name": "AvatarBadge",
           "members": [
-            {
-              "kind": "field",
-              "name": "accessibleName",
-              "type": {
-                "text": "string | undefined"
-              },
-              "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.",
-              "default": "undefined",
-              "privacy": "public",
-              "_ui5since": "2.22.0"
-            },
             {
               "kind": "field",
               "name": "icon",
@@ -399,18 +388,20 @@
               "description": "Defines the state of the badge, which determines its styling.\n\nAvailable options:\n- `None` (default) - Standard appearance\n- `Positive` - Green, used for success/approved states\n- `Critical` - Orange, used for warning states\n- `Negative` - Red, used for error/rejected states\n- `Information` - Blue, used for informational states",
               "default": "\"None\"",
               "privacy": "public"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "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.",
-              "name": "accessible-name",
-              "default": "undefined",
-              "fieldName": "accessibleName",
+              "kind": "field",
+              "name": "tooltip",
               "type": {
                 "text": "string | undefined"
-              }
-            },
+              },
+              "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.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.22.0"
+            }
+          ],
+          "attributes": [
             {
               "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\"`",
               "name": "icon",
@@ -428,6 +419,15 @@
               "type": {
                 "text": "\"None\" | \"Positive\" | \"Critical\" | \"Negative\" | \"Information\""
               }
+            },
+            {
+              "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.",
+              "name": "tooltip",
+              "default": "undefined",
+              "fieldName": "tooltip",
+              "type": {
+                "text": "string | undefined"
+              }
             }
           ],
           "superclass": {
@@ -4101,12 +4101,12 @@
               "description": "Defines the `ui5-color-palette-item` elements.",
               "_ui5propertyName": "colors",
               "_ui5type": {
-                "text": "Array<IColorPaletteItem>",
+                "text": "Array<ColorPaletteItem>",
                 "references": [
                   {
-                    "name": "IColorPaletteItem",
+                    "name": "ColorPaletteItem",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/ColorPalette.js"
+                    "module": "dist/ColorPaletteItem.js"
                   }
                 ]
               },
@@ -4266,6 +4266,37 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<ColorPaletteItemNativeClickEventDetail>",
+                "references": [
+                  {
+                    "name": "ColorPaletteItemNativeClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/ColorPaletteItem.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": true,
+              "_ui5allowPreventDefault": true,
+              "_ui5Bubbles": true,
+              "_ui5since": "2.22.0",
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "Event"
+                  },
+                  "name": "originalEvent",
+                  "_ui5privacy": "public",
+                  "description": "The original DOM event that triggered the click. Use this to access modifier keys (altKey, ctrlKey, metaKey, shiftKey) and other native event properties."
+                }
+              ]
+            }
+          ],
           "attributes": [
             {
               "description": "Defines if the component is selected.\n\n**Note:** Only one item must be selected per <code>ui5-color-palette</code>.\nIf more than one item is defined as selected, the last one would be considered as the selected one.",
@@ -6625,7 +6656,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nThe DateRangePicker enables the users to enter a localized date range using touch, mouse, keyboard input, or by selecting a date range in the calendar.\n\n### Usage\nThe user can enter a date by:\nUsing the calendar that opens in a popup or typing it in directly in the input field (not available for mobile devices).\nFor the `ui5-daterange-picker`\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateRangePicker.js\";`\n\n### Keyboard Handling\nThe `ui5-daterange-picker` provides advanced keyboard handling.\n\nWhen the `ui5-daterange-picker` input field is focused the user can\nincrement or decrement respectively the range start or end date, depending on where the cursor is.\nThe following shortcuts are available:\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",
+          "description": "### Overview\nThe DateRangePicker enables the users to enter a localized date range using touch, mouse, keyboard input, or by selecting a date range in the calendar.\n\n### Usage\nThe user can enter a date by:\nUsing the calendar that opens in a popup or typing it in directly in the input field (not available for mobile devices).\nFor the `ui5-daterange-picker`:\n\n**Note:** Relative date values such as \"today\", \"yesterday\", or \"tomorrow\" are not supported.\nEntering a relative date sets the component to an error state.\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateRangePicker.js\";`\n\n### Keyboard Handling\nThe `ui5-daterange-picker` provides advanced keyboard handling.\n\nWhen the `ui5-daterange-picker` input field is focused the user can\nincrement or decrement respectively the range start or end date, depending on where the cursor is.\nThe following shortcuts are available:\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",
           "name": "DateRangePicker",
           "members": [
             {
@@ -20573,6 +20604,37 @@
               "_ui5since": "1.2.0"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<SegmentedButtonItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "SegmentedButtonItemClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/SegmentedButtonItem.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": true,
+              "_ui5allowPreventDefault": true,
+              "_ui5Bubbles": true,
+              "_ui5since": "2.22.0",
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "Event"
+                  },
+                  "name": "originalEvent",
+                  "_ui5privacy": "public",
+                  "description": "The original DOM event that triggered the click. Use this to access modifier keys (altKey, ctrlKey, metaKey, shiftKey) and other native event properties."
+                }
+              ]
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the accessible description of the component.",
@@ -21701,90 +21763,6 @@
           "kind": "class",
           "description": "The <code>ui5-slider-handle</code> component represents the handle of the <code>ui5-slider</code> component.",
           "name": "SliderHandle",
-          "members": [
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines whether the slider handle is active.\n<br><br>\n<b>Note:</b> An active slider handle is currently being interacted with.",
-              "privacy": "public",
-              "_ui5since": "2.19.0"
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "100",
-              "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>.",
-              "privacy": "public",
-              "_ui5since": "2.19.0"
-            },
-            {
-              "kind": "field",
-              "name": "min",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "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>.",
-              "privacy": "public",
-              "_ui5since": "2.19.0"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "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>.",
-              "privacy": "public",
-              "_ui5since": "2.19.0"
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines whether the slider handle is active.\n<br><br>\n<b>Note:</b> An active slider handle is currently being interacted with.",
-              "name": "active",
-              "default": "false",
-              "fieldName": "active",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "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>.",
-              "name": "max",
-              "default": "100",
-              "fieldName": "max",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "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>.",
-              "name": "min",
-              "default": "0",
-              "fieldName": "min",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "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>.",
-              "name": "value",
-              "default": "0",
-              "fieldName": "value",
-              "type": {
-                "text": "number"
-              }
-            }
-          ],
           "superclass": {
             "name": "UI5Element",
             "package": "@ui5/webcomponents-base",
@@ -21792,7 +21770,7 @@
           },
           "tagName": "ui5-slider-handle",
           "customElement": true,
-          "_ui5since": "2.19.0",
+          "_ui5since": "2.22.0",
           "_ui5privacy": "private"
         }
       ],
@@ -24899,7 +24877,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines whether the cell is visually merged with the cell directly above it.\n\nThis is useful when 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 popin, and should remain `false` for interactive cell content.",
+              "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.",
               "privacy": "public",
               "_ui5since": "2.21.0"
             }
@@ -24915,7 +24893,7 @@
               }
             },
             {
-              "description": "Defines whether the cell is visually merged with the cell directly above it.\n\nThis is useful when 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 popin, and should remain `false` for interactive cell content.",
+              "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.",
               "name": "merged",
               "default": "false",
               "fieldName": "merged",
@@ -30153,6 +30131,17 @@
               },
               "description": "Returns if the overflow popup is open.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "overflowButtonAccessibleName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "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.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.22.0"
             }
           ],
           "attributes": [
@@ -30191,6 +30180,15 @@
               "type": {
                 "text": "\"Transparent\" | \"Solid\""
               }
+            },
+            {
+              "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.",
+              "name": "overflow-button-accessible-name",
+              "default": "undefined",
+              "fieldName": "overflowButtonAccessibleName",
+              "type": {
+                "text": "string | undefined"
+              }
             }
           ],
           "superclass": {

package/dist/custom-elements.json

@@ -334,16 +334,6 @@
           "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\";`",
           "name": "AvatarBadge",
           "members": [
-            {
-              "kind": "field",
-              "name": "accessibleName",
-              "type": {
-                "text": "string | undefined"
-              },
-              "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.",
-              "default": "undefined",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "icon",
@@ -370,18 +360,19 @@
               "description": "Defines the state of the badge, which determines its styling.\n\nAvailable options:\n- `None` (default) - Standard appearance\n- `Positive` - Green, used for success/approved states\n- `Critical` - Orange, used for warning states\n- `Negative` - Red, used for error/rejected states\n- `Information` - Blue, used for informational states",
               "default": "\"None\"",
               "privacy": "public"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "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.",
-              "name": "accessible-name",
-              "default": "undefined",
-              "fieldName": "accessibleName",
+              "kind": "field",
+              "name": "tooltip",
               "type": {
                 "text": "string | undefined"
-              }
-            },
+              },
+              "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.",
+              "default": "undefined",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
             {
               "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\"`",
               "name": "icon",
@@ -399,6 +390,15 @@
               "type": {
                 "text": "\"None\" | \"Positive\" | \"Critical\" | \"Negative\" | \"Information\""
               }
+            },
+            {
+              "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.",
+              "name": "tooltip",
+              "default": "undefined",
+              "fieldName": "tooltip",
+              "type": {
+                "text": "string | undefined"
+              }
             }
           ],
           "superclass": {
@@ -3695,6 +3695,22 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent<ColorPaletteItemNativeClickEventDetail>",
+                "references": [
+                  {
+                    "name": "ColorPaletteItemNativeClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/ColorPaletteItem.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`."
+            }
+          ],
           "attributes": [
             {
               "description": "Defines if the component is selected.\n\n**Note:** Only one item must be selected per <code>ui5-color-palette</code>.\nIf more than one item is defined as selected, the last one would be considered as the selected one.",
@@ -5711,7 +5727,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nThe DateRangePicker enables the users to enter a localized date range using touch, mouse, keyboard input, or by selecting a date range in the calendar.\n\n### Usage\nThe user can enter a date by:\nUsing the calendar that opens in a popup or typing it in directly in the input field (not available for mobile devices).\nFor the `ui5-daterange-picker`\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateRangePicker.js\";`\n\n### Keyboard Handling\nThe `ui5-daterange-picker` provides advanced keyboard handling.\n\nWhen the `ui5-daterange-picker` input field is focused the user can\nincrement or decrement respectively the range start or end date, depending on where the cursor is.\nThe following shortcuts are available:\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",
+          "description": "### Overview\nThe DateRangePicker enables the users to enter a localized date range using touch, mouse, keyboard input, or by selecting a date range in the calendar.\n\n### Usage\nThe user can enter a date by:\nUsing the calendar that opens in a popup or typing it in directly in the input field (not available for mobile devices).\nFor the `ui5-daterange-picker`:\n\n**Note:** Relative date values such as \"today\", \"yesterday\", or \"tomorrow\" are not supported.\nEntering a relative date sets the component to an error state.\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateRangePicker.js\";`\n\n### Keyboard Handling\nThe `ui5-daterange-picker` provides advanced keyboard handling.\n\nWhen the `ui5-daterange-picker` input field is focused the user can\nincrement or decrement respectively the range start or end date, depending on where the cursor is.\nThe following shortcuts are available:\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",
           "name": "DateRangePicker",
           "members": [
             {
@@ -17838,6 +17854,22 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent<SegmentedButtonItemClickEventDetail>",
+                "references": [
+                  {
+                    "name": "SegmentedButtonItemClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/SegmentedButtonItem.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`."
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the accessible description of the component.",
@@ -18837,86 +18869,6 @@
           "kind": "class",
           "description": "The <code>ui5-slider-handle</code> component represents the handle of the <code>ui5-slider</code> component.",
           "name": "SliderHandle",
-          "members": [
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines whether the slider handle is active.\n<br><br>\n<b>Note:</b> An active slider handle is currently being interacted with.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "100",
-              "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>.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "min",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "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>.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "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>.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Defines whether the slider handle is active.\n<br><br>\n<b>Note:</b> An active slider handle is currently being interacted with.",
-              "name": "active",
-              "default": "false",
-              "fieldName": "active",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "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>.",
-              "name": "max",
-              "default": "100",
-              "fieldName": "max",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "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>.",
-              "name": "min",
-              "default": "0",
-              "fieldName": "min",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "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>.",
-              "name": "value",
-              "default": "0",
-              "fieldName": "value",
-              "type": {
-                "text": "number"
-              }
-            }
-          ],
           "superclass": {
             "name": "UI5Element",
             "package": "@ui5/webcomponents-base",
@@ -21482,7 +21434,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Defines whether the cell is visually merged with the cell directly above it.\n\nThis is useful when 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 popin, and should remain `false` for interactive cell content.",
+              "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.",
               "privacy": "public"
             }
           ],
@@ -21497,7 +21449,7 @@
               }
             },
             {
-              "description": "Defines whether the cell is visually merged with the cell directly above it.\n\nThis is useful when 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 popin, and should remain `false` for interactive cell content.",
+              "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.",
               "name": "merged",
               "default": "false",
               "fieldName": "merged",
@@ -26113,6 +26065,16 @@
               },
               "description": "Returns if the overflow popup is open.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "overflowButtonAccessibleName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "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.",
+              "default": "undefined",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -26151,6 +26113,15 @@
               "type": {
                 "text": "\"Transparent\" | \"Solid\""
               }
+            },
+            {
+              "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.",
+              "name": "overflow-button-accessible-name",
+              "default": "undefined",
+              "fieldName": "overflowButtonAccessibleName",
+              "type": {
+                "text": "string | undefined"
+              }
             }
           ],
           "superclass": {

package/dist/features/InputComposition.d.ts

@@ -1,5 +1,5 @@
 export interface CompositionComponent {
-    getInputEl: () => HTMLInputElement | null;
+    getInputEl: () => HTMLInputElement | HTMLTextAreaElement | null;
     updateCompositionState: (isComposing: boolean) => void;
 }
 export default class InputComposition {

package/dist/features/InputComposition.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputComposition.js","sourceRoot":"","sources":["../../src/features/InputComposition.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAGpC,YAAY,SAA+B;QAI3C,mBAAc,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC,CAAC;QATD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC7B,CAAC;IAUD,iBAAiB;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QACxC,IAAI,CAAC,EAAE,EAAE,CAAC;YACT,OAAO;QACR,CAAC;QACD,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7D,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC9D,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/D,CAAC;IAED,oBAAoB;QACnB,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QACxC,IAAI,CAAC,EAAE,EAAE,CAAC;YACT,OAAO;QACR,CAAC;QACD,EAAE,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAChE,EAAE,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAClE,CAAC;CACD","sourcesContent":["export interface CompositionComponent {\n\tgetInputEl: () => HTMLInputElement | null;\n\tupdateCompositionState: (isComposing: boolean) => void;\n}\n\nexport default class InputComposition {\n\t_component: CompositionComponent;\n\n\tconstructor(component: CompositionComponent) {\n\t\tthis._component = component;\n\t}\n\n\t_onComposition = () => {\n\t\tthis._component.updateCompositionState(true);\n\t};\n\n\t_onCompositionEnd = () => {\n\t\tthis._component.updateCompositionState(false);\n\t};\n\n\taddEventListeners() {\n\t\tconst el = this._component.getInputEl();\n\t\tif (!el) {\n\t\t\treturn;\n\t\t}\n\t\tel.addEventListener(\"compositionstart\", this._onComposition);\n\t\tel.addEventListener(\"compositionupdate\", this._onComposition);\n\t\tel.addEventListener(\"compositionend\", this._onCompositionEnd);\n\t}\n\n\tremoveEventListeners() {\n\t\tconst el = this._component.getInputEl();\n\t\tif (!el) {\n\t\t\treturn;\n\t\t}\n\t\tel.removeEventListener(\"compositionstart\", this._onComposition);\n\t\tel.removeEventListener(\"compositionupdate\", this._onComposition);\n\t\tel.removeEventListener(\"compositionend\", this._onCompositionEnd);\n\t}\n}\n"]}
+{"version":3,"file":"InputComposition.js","sourceRoot":"","sources":["../../src/features/InputComposition.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAGpC,YAAY,SAA+B;QAI3C,mBAAc,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC,CAAC;QATD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC7B,CAAC;IAUD,iBAAiB;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QACxC,IAAI,CAAC,EAAE,EAAE,CAAC;YACT,OAAO;QACR,CAAC;QACD,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7D,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC9D,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/D,CAAC;IAED,oBAAoB;QACnB,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QACxC,IAAI,CAAC,EAAE,EAAE,CAAC;YACT,OAAO;QACR,CAAC;QACD,EAAE,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAChE,EAAE,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAClE,CAAC;CACD","sourcesContent":["export interface CompositionComponent {\n\tgetInputEl: () => HTMLInputElement | HTMLTextAreaElement | null;\n\tupdateCompositionState: (isComposing: boolean) => void;\n}\n\nexport default class InputComposition {\n\t_component: CompositionComponent;\n\n\tconstructor(component: CompositionComponent) {\n\t\tthis._component = component;\n\t}\n\n\t_onComposition = () => {\n\t\tthis._component.updateCompositionState(true);\n\t};\n\n\t_onCompositionEnd = () => {\n\t\tthis._component.updateCompositionState(false);\n\t};\n\n\taddEventListeners() {\n\t\tconst el = this._component.getInputEl();\n\t\tif (!el) {\n\t\t\treturn;\n\t\t}\n\t\tel.addEventListener(\"compositionstart\", this._onComposition);\n\t\tel.addEventListener(\"compositionupdate\", this._onComposition);\n\t\tel.addEventListener(\"compositionend\", this._onCompositionEnd);\n\t}\n\n\tremoveEventListeners() {\n\t\tconst el = this._component.getInputEl();\n\t\tif (!el) {\n\t\t\treturn;\n\t\t}\n\t\tel.removeEventListener(\"compositionstart\", this._onComposition);\n\t\tel.removeEventListener(\"compositionupdate\", this._onComposition);\n\t\tel.removeEventListener(\"compositionend\", this._onCompositionEnd);\n\t}\n}\n"]}