@ui5/webcomponents 2.9.1-rc.0 → 2.10.0-rc.1

package/dist/custom-elements-internal.json

@@ -38,6 +38,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/features/ListItemStandardExpandableText.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/popup-utils/OpenedPopupsRegistry.js",
@@ -1465,6 +1471,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/ExpandableTextTemplateParams.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/types/FormItemSpacing.js",
@@ -15499,7 +15511,7 @@
           ],
           "slots": [
             {
-              "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
+              "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design. <br/>\n**Note:** Deprecated since version `2.10.0`. Use the `text` property instead. <br/>\nOnly use the default slot if you need to apply custom text formatting with HTML elements (like `<b>`, `<i>`, etc.).",
               "name": "default",
               "_ui5privacy": "public",
               "_ui5type": {
@@ -15537,6 +15549,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text of the component.",
+              "default": "undefined",
+              "privacy": "public",
+              "_ui5since": "2.10.0"
+            },
             {
               "kind": "field",
               "name": "description",
@@ -15627,6 +15650,24 @@
                 "module": "dist/ListItem.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "wrappingType",
+              "type": {
+                "text": "WrappingType",
+                "references": [
+                  {
+                    "name": "WrappingType",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/WrappingType.js"
+                  }
+                ]
+              },
+              "default": "\"None\"",
+              "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).",
+              "privacy": "public",
+              "_ui5since": "2.10.0"
+            },
             {
               "kind": "field",
               "name": "type",
@@ -15738,6 +15779,15 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Defines the text of the component.",
+              "name": "text",
+              "default": "undefined",
+              "fieldName": "text",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "description": "Defines the description displayed right under the item text, if such is present.",
               "name": "description",
@@ -15801,6 +15851,15 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "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).",
+              "name": "wrapping-type",
+              "default": "\"None\"",
+              "fieldName": "wrappingType",
+              "type": {
+                "text": "\"None\" | \"Normal\""
+              }
+            },
             {
               "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `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` and `Detail` - will not.",
               "name": "type",
@@ -15976,10 +16035,27 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the menu is open",
+              "description": "Indicates if the menu is open.",
               "privacy": "public",
               "_ui5since": "1.10.0"
             },
+            {
+              "kind": "field",
+              "name": "horizontalAlign",
+              "type": {
+                "text": "PopoverHorizontalAlign",
+                "references": [
+                  {
+                    "name": "PopoverHorizontalAlign",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/PopoverHorizontalAlign.js"
+                  }
+                ]
+              },
+              "default": "\"Start\"",
+              "description": "Determines the horizontal alignment of the menu relative to its opener control.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "loading",
@@ -15998,7 +16074,7 @@
                 "text": "number"
               },
               "default": "1000",
-              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover..",
+              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.",
               "privacy": "public",
               "_ui5since": "1.13.0"
             },
@@ -16145,7 +16221,7 @@
               }
             },
             {
-              "description": "Indicates if the menu is open",
+              "description": "Indicates if the menu is open.",
               "name": "open",
               "default": "false",
               "fieldName": "open",
@@ -16153,6 +16229,15 @@
                 "text": "boolean"
               }
             },
+            {
+              "description": "Determines the horizontal alignment of the menu relative to its opener control.",
+              "name": "horizontal-align",
+              "default": "\"Start\"",
+              "fieldName": "horizontalAlign",
+              "type": {
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
+              }
+            },
             {
               "description": "Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.",
               "name": "loading",
@@ -16163,7 +16248,7 @@
               }
             },
             {
-              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover..",
+              "description": "Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.",
               "name": "loading-delay",
               "default": "1000",
               "fieldName": "loadingDelay",
@@ -19468,7 +19553,7 @@
               "default": "\"Center\"",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
               }
             },
             {
@@ -21465,7 +21550,7 @@
               "default": "\"Center\"",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Stretch\""
               },
               "inheritedFrom": {
                 "name": "Popover",
@@ -25618,7 +25703,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               },
               "inheritedFrom": {
                 "name": "TableCellBase",
@@ -25692,7 +25777,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               }
             }
           ],
@@ -25912,31 +25997,21 @@
               "kind": "field",
               "name": "width",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "\"auto\"",
-              "description": "Defines the width of column.",
+              "description": "Defines the width of the column.\n\nBy default, the column will grow and shrink according to the available space.\nThis will distribute the space proportionally among all columns with no specific width set.\n\nSee [\\<length\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/length) and\n[\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) for possible width values.",
+              "default": "undefined",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "minWidth",
               "type": {
-                "text": "string"
-              },
-              "default": "\"auto\"",
-              "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\n**Note:** If `minWidth` has the `auto` value, the table ensures that the column is wider than at least `3rem`.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "maxWidth",
-              "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "\"auto\"",
-              "description": "Defines the maximum width of the column.",
-              "privacy": "public"
+              "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\nBy default, the table prevents the column from becoming too small.\nChanging this value to a small value might lead to accessibility issues.\n\n**Note:** This property only takes effect for columns with a [\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) value\nor the default width.",
+              "privacy": "public",
+              "default": "undefined"
             },
             {
               "kind": "field",
@@ -26012,30 +26087,21 @@
           ],
           "attributes": [
             {
-              "description": "Defines the width of column.",
+              "description": "Defines the width of the column.\n\nBy default, the column will grow and shrink according to the available space.\nThis will distribute the space proportionally among all columns with no specific width set.\n\nSee [\\<length\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/length) and\n[\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) for possible width values.",
               "name": "width",
-              "default": "\"auto\"",
+              "default": "undefined",
               "fieldName": "width",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               }
             },
             {
-              "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\n**Note:** If `minWidth` has the `auto` value, the table ensures that the column is wider than at least `3rem`.",
+              "description": "Defines the minimum width of the column.\n\nIf the table is in `Popin` mode and the minimum width does not fit anymore,\nthe column will move into the popin.\n\nBy default, the table prevents the column from becoming too small.\nChanging this value to a small value might lead to accessibility issues.\n\n**Note:** This property only takes effect for columns with a [\\<percentage\\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) value\nor the default width.",
               "name": "min-width",
-              "default": "\"auto\"",
+              "default": "undefined",
               "fieldName": "minWidth",
               "type": {
-                "text": "string"
-              }
-            },
-            {
-              "description": "Defines the maximum width of the column.",
-              "name": "max-width",
-              "default": "\"auto\"",
-              "fieldName": "maxWidth",
-              "type": {
-                "text": "string"
+                "text": "string | undefined"
               }
             },
             {
@@ -26080,7 +26146,7 @@
               "default": "undefined",
               "fieldName": "horizontalAlign",
               "type": {
-                "text": "\"Start\" | \"End\" | \"Center\" | \"Left\" | \"Right\" | undefined"
+                "text": "\"Center\" | \"Start\" | \"End\" | \"Left\" | \"Right\" | undefined"
               },
               "inheritedFrom": {
                 "name": "TableCellBase",
@@ -29604,6 +29670,24 @@
           "kind": "class",
           "description": "### Overview\n\nA `ui5-tokenizer` is an invisible container for `ui5-token`s that supports keyboard navigation and token selection.\n\nThe `ui5-tokenizer` consists of two parts:\n- Tokens - displays the available tokens.\n- N-more indicator - contains the number of the remaining tokens that cannot be displayed due to the limited space.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-tokenizer` provides advanced keyboard handling.\nWhen a token is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Left] or [Right] / [Up] or [Down] - Navigates left and right through the tokens.\n- [Home] - Navigates to the first token.\n- [End] - Navigates to the last token.\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete):\n\n- [Space] - Selects a token.\n- [Backspace] / [Delete] - Deletes a token.\n**Note:** The deletion of a token is handled by the application with the use of the `token-delete` event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Tokenizer.js\";`",
           "name": "Tokenizer",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the tokens to be displayed.",
+              "_ui5propertyName": "tokens",
+              "_ui5type": {
+                "text": "Array<Token>",
+                "references": [
+                  {
+                    "name": "Token",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Token.js"
+                  }
+                ]
+              },
+              "_ui5privacy": "public"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -31908,6 +31992,19 @@
                 "module": "dist/TreeItemBase.js"
               }
             },
+            {
+              "name": "image",
+              "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
+              "_ui5since": "2.10.0",
+              "_ui5type": {
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public",
+              "inheritedFrom": {
+                "name": "TreeItemBase",
+                "module": "dist/TreeItemBase.js"
+              }
+            },
             {
               "name": "deleteButton",
               "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
@@ -31992,6 +32089,15 @@
               },
               "_ui5privacy": "public"
             },
+            {
+              "name": "image",
+              "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
+              "_ui5since": "2.10.0",
+              "_ui5type": {
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public"
+            },
             {
               "name": "deleteButton",
               "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
@@ -32460,6 +32566,19 @@
                 "module": "dist/TreeItemBase.js"
               }
             },
+            {
+              "name": "image",
+              "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
+              "_ui5since": "2.10.0",
+              "_ui5type": {
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public",
+              "inheritedFrom": {
+                "name": "TreeItemBase",
+                "module": "dist/TreeItemBase.js"
+              }
+            },
             {
               "name": "deleteButton",
               "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",