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

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.
Files changed (80) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/AvatarBadge.d.ts +15 -1
  4. package/dist/AvatarBadge.js +40 -3
  5. package/dist/AvatarBadge.js.map +1 -1
  6. package/dist/AvatarBadgeTemplate.js +1 -1
  7. package/dist/AvatarBadgeTemplate.js.map +1 -1
  8. package/dist/Breadcrumbs.js +25 -0
  9. package/dist/Breadcrumbs.js.map +1 -1
  10. package/dist/BreadcrumbsItem.d.ts +10 -0
  11. package/dist/BreadcrumbsItem.js +18 -0
  12. package/dist/BreadcrumbsItem.js.map +1 -1
  13. package/dist/Calendar.d.ts +2 -2
  14. package/dist/ColorPaletteItem.d.ts +10 -1
  15. package/dist/ColorPaletteItem.js +7 -1
  16. package/dist/ColorPaletteItem.js.map +1 -1
  17. package/dist/ColorPaletteItemTemplate.js +1 -1
  18. package/dist/ColorPaletteItemTemplate.js.map +1 -1
  19. package/dist/ComboBox.js +6 -1
  20. package/dist/ComboBox.js.map +1 -1
  21. package/dist/DateComponentBase.d.ts +3 -3
  22. package/dist/DayPicker.js.map +1 -1
  23. package/dist/Input.d.ts +5 -2
  24. package/dist/Input.js +3 -2
  25. package/dist/Input.js.map +1 -1
  26. package/dist/MessageStrip.js +1 -0
  27. package/dist/MessageStrip.js.map +1 -1
  28. package/dist/MonthPicker.d.ts +3 -3
  29. package/dist/MonthPicker.js +1 -1
  30. package/dist/MonthPicker.js.map +1 -1
  31. package/dist/MultiComboBox.js +3 -0
  32. package/dist/MultiComboBox.js.map +1 -1
  33. package/dist/StepInput.d.ts +2 -2
  34. package/dist/StepInput.js +17 -7
  35. package/dist/StepInput.js.map +1 -1
  36. package/dist/Switch.d.ts +2 -0
  37. package/dist/Switch.js +7 -1
  38. package/dist/Switch.js.map +1 -1
  39. package/dist/SwitchTemplate.js +2 -2
  40. package/dist/SwitchTemplate.js.map +1 -1
  41. package/dist/TimePicker.d.ts +2 -2
  42. package/dist/YearPicker.js +2 -4
  43. package/dist/YearPicker.js.map +1 -1
  44. package/dist/YearRangePicker.js +2 -3
  45. package/dist/YearRangePicker.js.map +1 -1
  46. package/dist/css/themes/StepInput.css +1 -1
  47. package/dist/css/themes/Switch.css +1 -1
  48. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  49. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +2 -2
  50. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  51. package/dist/custom-elements-internal.json +105 -10
  52. package/dist/custom-elements.json +64 -10
  53. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  54. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  55. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  56. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  57. package/dist/generated/themes/StepInput.css.js +1 -1
  58. package/dist/generated/themes/StepInput.css.js.map +1 -1
  59. package/dist/generated/themes/Switch.css.d.ts +1 -1
  60. package/dist/generated/themes/Switch.css.js +1 -1
  61. package/dist/generated/themes/Switch.css.js.map +1 -1
  62. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  63. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  64. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  65. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  66. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +2 -2
  67. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  68. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  69. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  70. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  71. package/dist/vscode.html-custom-data.json +17 -7
  72. package/dist/web-types.json +46 -16
  73. package/package.json +9 -9
  74. package/src/AvatarBadgeTemplate.tsx +3 -1
  75. package/src/ColorPaletteItemTemplate.tsx +2 -2
  76. package/src/SwitchTemplate.tsx +3 -0
  77. package/src/themes/StepInput.css +2 -1
  78. package/src/themes/Switch.css +4 -2
  79. package/src/themes/sap_horizon/Select-parameters.css +2 -0
  80. package/src/themes/sap_horizon_dark/Select-parameters.css +2 -0
@@ -362,6 +362,17 @@
362
362
  "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\";`",
363
363
  "name": "AvatarBadge",
364
364
  "members": [
365
+ {
366
+ "kind": "field",
367
+ "name": "accessibleName",
368
+ "type": {
369
+ "text": "string | undefined"
370
+ },
371
+ "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.",
372
+ "default": "undefined",
373
+ "privacy": "public",
374
+ "_ui5since": "2.22.0"
375
+ },
365
376
  {
366
377
  "kind": "field",
367
378
  "name": "icon",
@@ -391,6 +402,15 @@
391
402
  }
392
403
  ],
393
404
  "attributes": [
405
+ {
406
+ "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.",
407
+ "name": "accessible-name",
408
+ "default": "undefined",
409
+ "fieldName": "accessibleName",
410
+ "type": {
411
+ "text": "string | undefined"
412
+ }
413
+ },
394
414
  {
395
415
  "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\"`",
396
416
  "name": "icon",
@@ -1132,6 +1152,61 @@
1132
1152
  "privacy": "public"
1133
1153
  }
1134
1154
  ],
1155
+ "events": [
1156
+ {
1157
+ "name": "click",
1158
+ "_ui5privacy": "public",
1159
+ "type": {
1160
+ "text": "CustomEvent<BreadcrumbsItemClickEventDetail>",
1161
+ "references": [
1162
+ {
1163
+ "name": "BreadcrumbsItemClickEventDetail",
1164
+ "package": "@ui5/webcomponents",
1165
+ "module": "dist/BreadcrumbsItem.js"
1166
+ }
1167
+ ]
1168
+ },
1169
+ "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 is also fired for the current page location item (the last item), which is not a link by design.",
1170
+ "_ui5Cancelable": true,
1171
+ "_ui5allowPreventDefault": true,
1172
+ "_ui5Bubbles": true,
1173
+ "_ui5since": "2.22.0",
1174
+ "_ui5parameters": [
1175
+ {
1176
+ "type": {
1177
+ "text": "boolean"
1178
+ },
1179
+ "name": "altKey",
1180
+ "_ui5privacy": "public",
1181
+ "description": "Returns whether the \"ALT\" key was pressed when the event was triggered."
1182
+ },
1183
+ {
1184
+ "type": {
1185
+ "text": "boolean"
1186
+ },
1187
+ "name": "ctrlKey",
1188
+ "_ui5privacy": "public",
1189
+ "description": "Returns whether the \"CTRL\" key was pressed when the event was triggered."
1190
+ },
1191
+ {
1192
+ "type": {
1193
+ "text": "boolean"
1194
+ },
1195
+ "name": "metaKey",
1196
+ "_ui5privacy": "public",
1197
+ "description": "Returns whether the \"META\" key was pressed when the event was triggered."
1198
+ },
1199
+ {
1200
+ "type": {
1201
+ "text": "boolean"
1202
+ },
1203
+ "name": "shiftKey",
1204
+ "_ui5privacy": "public",
1205
+ "description": "Returns whether the \"SHIFT\" key was pressed when the event was triggered."
1206
+ }
1207
+ ]
1208
+ }
1209
+ ],
1135
1210
  "attributes": [
1136
1211
  {
1137
1212
  "description": "Defines the accessible ARIA name of the item.",
@@ -4169,6 +4244,17 @@
4169
4244
  "privacy": "public",
4170
4245
  "_ui5since": "2.0.0"
4171
4246
  },
4247
+ {
4248
+ "kind": "field",
4249
+ "name": "tooltip",
4250
+ "type": {
4251
+ "text": "string | undefined"
4252
+ },
4253
+ "description": "Defines the tooltip of the component. When not set, the color value is used as the tooltip.",
4254
+ "default": "undefined",
4255
+ "privacy": "public",
4256
+ "_ui5since": "2.22.0"
4257
+ },
4172
4258
  {
4173
4259
  "kind": "field",
4174
4260
  "name": "value",
@@ -4190,6 +4276,15 @@
4190
4276
  "text": "boolean"
4191
4277
  }
4192
4278
  },
4279
+ {
4280
+ "description": "Defines the tooltip of the component. When not set, the color value is used as the tooltip.",
4281
+ "name": "tooltip",
4282
+ "default": "undefined",
4283
+ "fieldName": "tooltip",
4284
+ "type": {
4285
+ "text": "string | undefined"
4286
+ }
4287
+ },
4193
4288
  {
4194
4289
  "description": "Defines the colour of the component.\n\n**Note:** The value should be a valid CSS color.",
4195
4290
  "name": "value",
@@ -7618,7 +7713,7 @@
7618
7713
  ]
7619
7714
  },
7620
7715
  "default": "\"Text\"",
7621
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
7716
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
7622
7717
  "privacy": "public"
7623
7718
  },
7624
7719
  {
@@ -7662,7 +7757,7 @@
7662
7757
  "slots": [
7663
7758
  {
7664
7759
  "name": "default",
7665
- "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.",
7760
+ "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n\n**Note:** Input with type `Number` does not support suggestions.",
7666
7761
  "_ui5propertyName": "suggestionItems",
7667
7762
  "_ui5type": {
7668
7763
  "text": "Array<IInputSuggestionItem>",
@@ -7852,7 +7947,7 @@
7852
7947
  }
7853
7948
  },
7854
7949
  {
7855
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
7950
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
7856
7951
  "name": "type",
7857
7952
  "default": "\"Text\"",
7858
7953
  "fieldName": "type",
@@ -11071,7 +11166,7 @@
11071
11166
  },
11072
11167
  {
11073
11168
  "kind": "class",
11074
- "description": "### Overview\n\nThe `ui5-input` component allows the user to enter and edit text or numeric values in one line.\n\nAdditionally, you can provide `suggestionItems`,\nthat are displayed in a popover right under the input.\n\nThe text field can be editable or read-only (`readonly` property),\nand it can be enabled or disabled (`disabled` property).\nTo visualize semantic states, such as \"Negative\" or \"Critical\", the `valueState` property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n\n### Keyboard Handling\nThe `ui5-input` provides the following keyboard shortcuts:\n\n- [Escape] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.\n- [Enter] or [Return] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.\n- [Down] - Focuses the next matching item in the suggestion list. Selection-change event is fired.\n- [Up] - Focuses the previous matching item in the suggestion list. Selection-change event is fired.\n- [Home] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.\n- [End] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.\n- [Page Up] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.\n- [Page Down] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.\n- [Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Input.js\";`",
11169
+ "description": "### Overview\n\nThe `ui5-input` component allows the user to enter and edit text or numeric values in one line.\n\nAdditionally, you can provide `suggestionItems`\nthat are displayed in a popover right under the input. Keep in mind that `ui5-input` with type `Number` does not support suggestions.\n\nThe text field can be editable or read-only (`readonly` property),\nand it can be enabled or disabled (`disabled` property).\nTo visualize semantic states, such as \"Negative\" or \"Critical\", the `valueState` property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n\n### Keyboard Handling\nThe `ui5-input` provides the following keyboard shortcuts:\n\n- [Escape] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.\n- [Enter] or [Return] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.\n- [Down] - Focuses the next matching item in the suggestion list. Selection-change event is fired.\n- [Up] - Focuses the previous matching item in the suggestion list. Selection-change event is fired.\n- [Home] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.\n- [End] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.\n- [Page Up] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.\n- [Page Down] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.\n- [Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Input.js\";`",
11075
11170
  "name": "Input",
11076
11171
  "cssParts": [
11077
11172
  {
@@ -11090,7 +11185,7 @@
11090
11185
  "slots": [
11091
11186
  {
11092
11187
  "name": "default",
11093
- "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.",
11188
+ "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n\n**Note:** Input with type `Number` does not support suggestions.",
11094
11189
  "_ui5propertyName": "suggestionItems",
11095
11190
  "_ui5type": {
11096
11191
  "text": "Array<IInputSuggestionItem>",
@@ -11311,7 +11406,7 @@
11311
11406
  ]
11312
11407
  },
11313
11408
  "default": "\"Text\"",
11314
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
11409
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
11315
11410
  "privacy": "public"
11316
11411
  },
11317
11412
  {
@@ -11570,7 +11665,7 @@
11570
11665
  }
11571
11666
  },
11572
11667
  {
11573
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
11668
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
11574
11669
  "name": "type",
11575
11670
  "default": "\"Text\"",
11576
11671
  "fieldName": "type",
@@ -16491,7 +16586,7 @@
16491
16586
  "slots": [
16492
16587
  {
16493
16588
  "name": "default",
16494
- "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.",
16589
+ "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n\n**Note:** Input with type `Number` does not support suggestions.",
16495
16590
  "_ui5propertyName": "suggestionItems",
16496
16591
  "_ui5type": {
16497
16592
  "text": "Array<IInputSuggestionItem>",
@@ -16737,7 +16832,7 @@
16737
16832
  ]
16738
16833
  },
16739
16834
  "default": "\"Text\"",
16740
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
16835
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
16741
16836
  "privacy": "public"
16742
16837
  },
16743
16838
  {
@@ -17044,7 +17139,7 @@
17044
17139
  }
17045
17140
  },
17046
17141
  {
17047
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
17142
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
17048
17143
  "name": "type",
17049
17144
  "default": "\"Text\"",
17050
17145
  "fieldName": "type",
@@ -334,6 +334,16 @@
334
334
  "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\";`",
335
335
  "name": "AvatarBadge",
336
336
  "members": [
337
+ {
338
+ "kind": "field",
339
+ "name": "accessibleName",
340
+ "type": {
341
+ "text": "string | undefined"
342
+ },
343
+ "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.",
344
+ "default": "undefined",
345
+ "privacy": "public"
346
+ },
337
347
  {
338
348
  "kind": "field",
339
349
  "name": "icon",
@@ -363,6 +373,15 @@
363
373
  }
364
374
  ],
365
375
  "attributes": [
376
+ {
377
+ "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.",
378
+ "name": "accessible-name",
379
+ "default": "undefined",
380
+ "fieldName": "accessibleName",
381
+ "type": {
382
+ "text": "string | undefined"
383
+ }
384
+ },
366
385
  {
367
386
  "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\"`",
368
387
  "name": "icon",
@@ -949,6 +968,22 @@
949
968
  "privacy": "public"
950
969
  }
951
970
  ],
971
+ "events": [
972
+ {
973
+ "name": "click",
974
+ "type": {
975
+ "text": "CustomEvent<BreadcrumbsItemClickEventDetail>",
976
+ "references": [
977
+ {
978
+ "name": "BreadcrumbsItemClickEventDetail",
979
+ "package": "@ui5/webcomponents",
980
+ "module": "dist/BreadcrumbsItem.js"
981
+ }
982
+ ]
983
+ },
984
+ "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 is also fired for the current page location item (the last item), which is not a link by design."
985
+ }
986
+ ],
952
987
  "attributes": [
953
988
  {
954
989
  "description": "Defines the accessible ARIA name of the item.",
@@ -3639,6 +3674,16 @@
3639
3674
  "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.",
3640
3675
  "privacy": "public"
3641
3676
  },
3677
+ {
3678
+ "kind": "field",
3679
+ "name": "tooltip",
3680
+ "type": {
3681
+ "text": "string | undefined"
3682
+ },
3683
+ "description": "Defines the tooltip of the component. When not set, the color value is used as the tooltip.",
3684
+ "default": "undefined",
3685
+ "privacy": "public"
3686
+ },
3642
3687
  {
3643
3688
  "kind": "field",
3644
3689
  "name": "value",
@@ -3660,6 +3705,15 @@
3660
3705
  "text": "boolean"
3661
3706
  }
3662
3707
  },
3708
+ {
3709
+ "description": "Defines the tooltip of the component. When not set, the color value is used as the tooltip.",
3710
+ "name": "tooltip",
3711
+ "default": "undefined",
3712
+ "fieldName": "tooltip",
3713
+ "type": {
3714
+ "text": "string | undefined"
3715
+ }
3716
+ },
3663
3717
  {
3664
3718
  "description": "Defines the colour of the component.\n\n**Note:** The value should be a valid CSS color.",
3665
3719
  "name": "value",
@@ -6630,7 +6684,7 @@
6630
6684
  ]
6631
6685
  },
6632
6686
  "default": "\"Text\"",
6633
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
6687
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
6634
6688
  "privacy": "public"
6635
6689
  },
6636
6690
  {
@@ -6671,7 +6725,7 @@
6671
6725
  "slots": [
6672
6726
  {
6673
6727
  "name": "default",
6674
- "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items."
6728
+ "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n\n**Note:** Input with type `Number` does not support suggestions."
6675
6729
  },
6676
6730
  {
6677
6731
  "name": "icon",
@@ -6833,7 +6887,7 @@
6833
6887
  }
6834
6888
  },
6835
6889
  {
6836
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
6890
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
6837
6891
  "name": "type",
6838
6892
  "default": "\"Text\"",
6839
6893
  "fieldName": "type",
@@ -9679,7 +9733,7 @@
9679
9733
  "declarations": [
9680
9734
  {
9681
9735
  "kind": "class",
9682
- "description": "### Overview\n\nThe `ui5-input` component allows the user to enter and edit text or numeric values in one line.\n\nAdditionally, you can provide `suggestionItems`,\nthat are displayed in a popover right under the input.\n\nThe text field can be editable or read-only (`readonly` property),\nand it can be enabled or disabled (`disabled` property).\nTo visualize semantic states, such as \"Negative\" or \"Critical\", the `valueState` property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n\n### Keyboard Handling\nThe `ui5-input` provides the following keyboard shortcuts:\n\n- [Escape] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.\n- [Enter] or [Return] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.\n- [Down] - Focuses the next matching item in the suggestion list. Selection-change event is fired.\n- [Up] - Focuses the previous matching item in the suggestion list. Selection-change event is fired.\n- [Home] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.\n- [End] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.\n- [Page Up] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.\n- [Page Down] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.\n- [Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Input.js\";`",
9736
+ "description": "### Overview\n\nThe `ui5-input` component allows the user to enter and edit text or numeric values in one line.\n\nAdditionally, you can provide `suggestionItems`\nthat are displayed in a popover right under the input. Keep in mind that `ui5-input` with type `Number` does not support suggestions.\n\nThe text field can be editable or read-only (`readonly` property),\nand it can be enabled or disabled (`disabled` property).\nTo visualize semantic states, such as \"Negative\" or \"Critical\", the `valueState` property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n\n### Keyboard Handling\nThe `ui5-input` provides the following keyboard shortcuts:\n\n- [Escape] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.\n- [Enter] or [Return] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.\n- [Down] - Focuses the next matching item in the suggestion list. Selection-change event is fired.\n- [Up] - Focuses the previous matching item in the suggestion list. Selection-change event is fired.\n- [Home] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.\n- [End] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.\n- [Page Up] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.\n- [Page Down] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.\n- [Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Input.js\";`",
9683
9737
  "name": "Input",
9684
9738
  "cssParts": [
9685
9739
  {
@@ -9698,7 +9752,7 @@
9698
9752
  "slots": [
9699
9753
  {
9700
9754
  "name": "default",
9701
- "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items."
9755
+ "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n\n**Note:** Input with type `Number` does not support suggestions."
9702
9756
  },
9703
9757
  {
9704
9758
  "name": "icon",
@@ -9881,7 +9935,7 @@
9881
9935
  ]
9882
9936
  },
9883
9937
  "default": "\"Text\"",
9884
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
9938
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
9885
9939
  "privacy": "public"
9886
9940
  },
9887
9941
  {
@@ -10100,7 +10154,7 @@
10100
10154
  }
10101
10155
  },
10102
10156
  {
10103
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
10157
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
10104
10158
  "name": "type",
10105
10159
  "default": "\"Text\"",
10106
10160
  "fieldName": "type",
@@ -14198,7 +14252,7 @@
14198
14252
  "slots": [
14199
14253
  {
14200
14254
  "name": "default",
14201
- "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items."
14255
+ "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n\n**Note:** Input with type `Number` does not support suggestions."
14202
14256
  },
14203
14257
  {
14204
14258
  "name": "icon",
@@ -14395,7 +14449,7 @@
14395
14449
  ]
14396
14450
  },
14397
14451
  "default": "\"Text\"",
14398
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
14452
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
14399
14453
  "privacy": "public"
14400
14454
  },
14401
14455
  {
@@ -14644,7 +14698,7 @@
14644
14698
  }
14645
14699
  },
14646
14700
  {
14647
- "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
14701
+ "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.\n- Type `Number` does not support suggestions.",
14648
14702
  "name": "type",
14649
14703
  "default": "\"Text\"",
14650
14704
  "fieldName": "type",