@ui5/webcomponents 1.24.0-rc.4 → 2.0.0-rc.0

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 (735) hide show
  1. package/CHANGELOG.md +347 -0
  2. package/README.md +1 -0
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/Badge.d.ts +1 -0
  5. package/dist/Badge.js +6 -0
  6. package/dist/Badge.js.map +1 -1
  7. package/dist/Bar.d.ts +73 -0
  8. package/dist/Bar.js +113 -0
  9. package/dist/Bar.js.map +1 -0
  10. package/dist/Breadcrumbs.d.ts +5 -5
  11. package/dist/Breadcrumbs.js +10 -14
  12. package/dist/Breadcrumbs.js.map +1 -1
  13. package/dist/BusyIndicator.d.ts +1 -1
  14. package/dist/BusyIndicator.js +5 -1
  15. package/dist/BusyIndicator.js.map +1 -1
  16. package/dist/Calendar.d.ts +5 -5
  17. package/dist/Calendar.js +7 -7
  18. package/dist/Calendar.js.map +1 -1
  19. package/dist/Card.d.ts +3 -13
  20. package/dist/Card.js +1 -1
  21. package/dist/Card.js.map +1 -1
  22. package/dist/CardHeader.d.ts +6 -8
  23. package/dist/CardHeader.js +11 -7
  24. package/dist/CardHeader.js.map +1 -1
  25. package/dist/Carousel.d.ts +17 -2
  26. package/dist/Carousel.js +17 -4
  27. package/dist/Carousel.js.map +1 -1
  28. package/dist/CheckBox.d.ts +1 -0
  29. package/dist/CheckBox.js +5 -0
  30. package/dist/CheckBox.js.map +1 -1
  31. package/dist/ColorPalette.d.ts +7 -7
  32. package/dist/ColorPalette.js +14 -17
  33. package/dist/ColorPalette.js.map +1 -1
  34. package/dist/ColorPalettePopover.d.ts +0 -16
  35. package/dist/ColorPalettePopover.js +0 -23
  36. package/dist/ColorPalettePopover.js.map +1 -1
  37. package/dist/ColorPicker.d.ts +3 -3
  38. package/dist/ColorPicker.js +23 -23
  39. package/dist/ColorPicker.js.map +1 -1
  40. package/dist/ComboBox.d.ts +1 -0
  41. package/dist/ComboBox.js +11 -10
  42. package/dist/ComboBox.js.map +1 -1
  43. package/dist/DatePicker.d.ts +3 -3
  44. package/dist/DatePicker.js +7 -10
  45. package/dist/DatePicker.js.map +1 -1
  46. package/dist/DateRangePicker.d.ts +2 -2
  47. package/dist/DateRangePicker.js +2 -2
  48. package/dist/DateRangePicker.js.map +1 -1
  49. package/dist/DateTimePicker.d.ts +3 -3
  50. package/dist/DateTimePicker.js +6 -10
  51. package/dist/DateTimePicker.js.map +1 -1
  52. package/dist/Dialog.d.ts +0 -1
  53. package/dist/Dialog.js +1 -3
  54. package/dist/Dialog.js.map +1 -1
  55. package/dist/FileUploader.d.ts +3 -3
  56. package/dist/FileUploader.js +11 -11
  57. package/dist/FileUploader.js.map +1 -1
  58. package/dist/Input.d.ts +2 -1
  59. package/dist/Input.js +12 -8
  60. package/dist/Input.js.map +1 -1
  61. package/dist/List.d.ts +18 -18
  62. package/dist/List.js +37 -37
  63. package/dist/List.js.map +1 -1
  64. package/dist/ListItem.d.ts +3 -3
  65. package/dist/ListItem.js +15 -15
  66. package/dist/ListItem.js.map +1 -1
  67. package/dist/Menu.d.ts +2 -1
  68. package/dist/Menu.js +11 -9
  69. package/dist/Menu.js.map +1 -1
  70. package/dist/MultiComboBox.d.ts +14 -14
  71. package/dist/MultiComboBox.js +63 -59
  72. package/dist/MultiComboBox.js.map +1 -1
  73. package/dist/MultiInput.d.ts +1 -0
  74. package/dist/MultiInput.js +5 -2
  75. package/dist/MultiInput.js.map +1 -1
  76. package/dist/NavigationMenu.js +5 -5
  77. package/dist/NavigationMenu.js.map +1 -1
  78. package/dist/Option.d.ts +0 -9
  79. package/dist/Option.js +0 -3
  80. package/dist/Option.js.map +1 -1
  81. package/dist/Popover.d.ts +9 -12
  82. package/dist/Popover.js +50 -49
  83. package/dist/Popover.js.map +1 -1
  84. package/dist/Popup.d.ts +2 -4
  85. package/dist/Popup.js +38 -22
  86. package/dist/Popup.js.map +1 -1
  87. package/dist/ProgressIndicator.d.ts +0 -7
  88. package/dist/ProgressIndicator.js +0 -6
  89. package/dist/ProgressIndicator.js.map +1 -1
  90. package/dist/RadioButton.d.ts +1 -0
  91. package/dist/RadioButton.js +5 -0
  92. package/dist/RadioButton.js.map +1 -1
  93. package/dist/ResponsivePopover.js +0 -6
  94. package/dist/ResponsivePopover.js.map +1 -1
  95. package/dist/Select.d.ts +5 -7
  96. package/dist/Select.js +17 -24
  97. package/dist/Select.js.map +1 -1
  98. package/dist/SliderBase.d.ts +1 -1
  99. package/dist/SliderBase.js +1 -1
  100. package/dist/SliderBase.js.map +1 -1
  101. package/dist/Tab.d.ts +23 -11
  102. package/dist/Tab.js +32 -28
  103. package/dist/Tab.js.map +1 -1
  104. package/dist/TabContainer.d.ts +41 -84
  105. package/dist/TabContainer.js +98 -161
  106. package/dist/TabContainer.js.map +1 -1
  107. package/dist/TabSeparator.d.ts +12 -7
  108. package/dist/TabSeparator.js +10 -12
  109. package/dist/TabSeparator.js.map +1 -1
  110. package/dist/TextArea.d.ts +4 -3
  111. package/dist/TextArea.js +8 -11
  112. package/dist/TextArea.js.map +1 -1
  113. package/dist/TimePickerBase.d.ts +9 -9
  114. package/dist/TimePickerBase.js +24 -24
  115. package/dist/TimePickerBase.js.map +1 -1
  116. package/dist/Toast.js +0 -2
  117. package/dist/Toast.js.map +1 -1
  118. package/dist/Tokenizer.d.ts +1 -0
  119. package/dist/Tokenizer.js +8 -6
  120. package/dist/Tokenizer.js.map +1 -1
  121. package/dist/Toolbar.d.ts +6 -7
  122. package/dist/Toolbar.js +14 -23
  123. package/dist/Toolbar.js.map +1 -1
  124. package/dist/ToolbarButton.d.ts +0 -1
  125. package/dist/ToolbarButton.js +1 -3
  126. package/dist/ToolbarButton.js.map +1 -1
  127. package/dist/ToolbarRegistry.d.ts +1 -2
  128. package/dist/ToolbarRegistry.js +1 -4
  129. package/dist/ToolbarRegistry.js.map +1 -1
  130. package/dist/Tree.d.ts +4 -4
  131. package/dist/Tree.js +6 -6
  132. package/dist/Tree.js.map +1 -1
  133. package/dist/TreeItemBase.d.ts +1 -1
  134. package/dist/TreeItemBase.js.map +1 -1
  135. package/dist/bundle.common.bootstrap.js.map +1 -1
  136. package/dist/bundle.esm.js.map +1 -1
  137. package/dist/css/themes/Avatar.css +1 -1
  138. package/dist/css/themes/AvatarGroup.css +1 -1
  139. package/dist/css/themes/Badge.css +1 -1
  140. package/dist/css/themes/Bar.css +1 -0
  141. package/dist/css/themes/Breadcrumbs.css +1 -1
  142. package/dist/css/themes/BusyIndicator.css +1 -1
  143. package/dist/css/themes/Button.css +1 -1
  144. package/dist/css/themes/Calendar.css +1 -1
  145. package/dist/css/themes/CalendarHeader.css +1 -1
  146. package/dist/css/themes/CalendarLegend.css +1 -1
  147. package/dist/css/themes/CalendarLegendItem.css +1 -1
  148. package/dist/css/themes/Card.css +1 -1
  149. package/dist/css/themes/CardHeader.css +1 -1
  150. package/dist/css/themes/Carousel.css +1 -1
  151. package/dist/css/themes/CheckBox.css +1 -1
  152. package/dist/css/themes/ColorPalette.css +1 -1
  153. package/dist/css/themes/ColorPaletteItem.css +1 -1
  154. package/dist/css/themes/ColorPalettePopover.css +1 -1
  155. package/dist/css/themes/ColorPicker.css +1 -1
  156. package/dist/css/themes/ComboBox.css +1 -1
  157. package/dist/css/themes/CustomListItem.css +1 -1
  158. package/dist/css/themes/DatePicker.css +1 -1
  159. package/dist/css/themes/DateTimePickerPopover.css +1 -1
  160. package/dist/css/themes/DayPicker.css +1 -1
  161. package/dist/css/themes/Dialog.css +1 -1
  162. package/dist/css/themes/FileUploader.css +1 -1
  163. package/dist/css/themes/GroupHeaderListItem.css +1 -1
  164. package/dist/css/themes/GrowingButton.css +1 -1
  165. package/dist/css/themes/Icon.css +1 -1
  166. package/dist/css/themes/Input.css +1 -1
  167. package/dist/css/themes/InputIcon.css +1 -1
  168. package/dist/css/themes/InputSharedStyles.css +1 -1
  169. package/dist/css/themes/Link.css +1 -1
  170. package/dist/css/themes/List.css +1 -1
  171. package/dist/css/themes/ListItem.css +1 -1
  172. package/dist/css/themes/ListItemBase.css +1 -1
  173. package/dist/css/themes/Menu.css +1 -1
  174. package/dist/css/themes/MenuListItem.css +1 -1
  175. package/dist/css/themes/MessageStrip.css +1 -1
  176. package/dist/css/themes/MonthPicker.css +1 -1
  177. package/dist/css/themes/MultiComboBox.css +1 -1
  178. package/dist/css/themes/MultiComboBoxPopover.css +1 -1
  179. package/dist/css/themes/MultiInput.css +1 -1
  180. package/dist/css/themes/NavigationMenu.css +1 -1
  181. package/dist/css/themes/Panel.css +1 -1
  182. package/dist/css/themes/Popover.css +1 -1
  183. package/dist/css/themes/Popup.css +1 -1
  184. package/dist/css/themes/PopupBlockLayer.css +1 -0
  185. package/dist/css/themes/PopupsCommon.css +1 -1
  186. package/dist/css/themes/ProgressIndicator.css +1 -1
  187. package/dist/css/themes/RadioButton.css +1 -1
  188. package/dist/css/themes/RangeSlider.css +1 -1
  189. package/dist/css/themes/RatingIndicator.css +1 -1
  190. package/dist/css/themes/ResponsivePopover.css +1 -1
  191. package/dist/css/themes/ResponsivePopoverCommon.css +1 -1
  192. package/dist/css/themes/SegmentedButton.css +1 -1
  193. package/dist/css/themes/Select.css +1 -1
  194. package/dist/css/themes/SelectMenu.css +1 -1
  195. package/dist/css/themes/SelectPopover.css +1 -1
  196. package/dist/css/themes/SliderBase.css +1 -1
  197. package/dist/css/themes/SplitButton.css +1 -1
  198. package/dist/css/themes/StepInput.css +1 -1
  199. package/dist/css/themes/Switch.css +1 -1
  200. package/dist/css/themes/TabContainer.css +1 -1
  201. package/dist/css/themes/TabInOverflow.css +1 -1
  202. package/dist/css/themes/TabInStrip.css +1 -1
  203. package/dist/css/themes/TabSemanticIcon.css +1 -1
  204. package/dist/css/themes/TabSeparatorInOverflow.css +1 -1
  205. package/dist/css/themes/TabSeparatorInStrip.css +1 -1
  206. package/dist/css/themes/Table.css +1 -1
  207. package/dist/css/themes/TableCell.css +1 -1
  208. package/dist/css/themes/TableColumn.css +1 -1
  209. package/dist/css/themes/TableGroupRow.css +1 -1
  210. package/dist/css/themes/TableRow.css +1 -1
  211. package/dist/css/themes/TextArea.css +1 -1
  212. package/dist/css/themes/TimePicker.css +1 -1
  213. package/dist/css/themes/Toast.css +1 -1
  214. package/dist/css/themes/ToggleButton.css +1 -1
  215. package/dist/css/themes/Token.css +1 -1
  216. package/dist/css/themes/Tokenizer.css +1 -1
  217. package/dist/css/themes/TokenizerPopover.css +1 -1
  218. package/dist/css/themes/Toolbar.css +1 -1
  219. package/dist/css/themes/ToolbarPopover.css +1 -1
  220. package/dist/css/themes/TreeItem.css +1 -1
  221. package/dist/css/themes/ValueStateMessage.css +1 -1
  222. package/dist/css/themes/WheelSlider.css +1 -1
  223. package/dist/css/themes/YearPicker.css +1 -1
  224. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  225. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  226. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  227. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  228. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  229. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  230. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  231. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  232. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  233. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -1
  234. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  235. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  236. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -1
  237. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  238. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -1
  239. package/dist/custom-elements-internal.json +431 -481
  240. package/dist/custom-elements.json +281 -304
  241. package/dist/features/InputSuggestions.d.ts +2 -2
  242. package/dist/features/InputSuggestions.js +8 -7
  243. package/dist/features/InputSuggestions.js.map +1 -1
  244. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  245. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  246. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  247. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  248. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  249. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  250. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  251. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  252. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  253. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  254. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  255. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  256. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  257. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  258. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  259. package/dist/generated/json-imports/Themes.js +1 -1
  260. package/dist/generated/json-imports/Themes.js.map +1 -1
  261. package/dist/generated/json-imports/i18n.js +1 -1
  262. package/dist/generated/json-imports/i18n.js.map +1 -1
  263. package/dist/generated/templates/BarTemplate.lit.d.ts +4 -0
  264. package/dist/generated/templates/BarTemplate.lit.js +5 -0
  265. package/dist/generated/templates/BarTemplate.lit.js.map +1 -0
  266. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
  267. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
  268. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +2 -1
  269. package/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +1 -1
  270. package/dist/generated/templates/CardHeaderTemplate.lit.js +2 -2
  271. package/dist/generated/templates/CardHeaderTemplate.lit.js.map +1 -1
  272. package/dist/generated/templates/CarouselTemplate.lit.js +1 -1
  273. package/dist/generated/templates/CarouselTemplate.lit.js.map +1 -1
  274. package/dist/generated/templates/ColorPaletteDialogTemplate.lit.js +2 -1
  275. package/dist/generated/templates/ColorPaletteDialogTemplate.lit.js.map +1 -1
  276. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js +1 -1
  277. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js.map +1 -1
  278. package/dist/generated/templates/ColorPaletteTemplate.lit.js +2 -1
  279. package/dist/generated/templates/ColorPaletteTemplate.lit.js.map +1 -1
  280. package/dist/generated/templates/ColorPickerTemplate.lit.js +1 -1
  281. package/dist/generated/templates/ColorPickerTemplate.lit.js.map +1 -1
  282. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +2 -2
  283. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js.map +1 -1
  284. package/dist/generated/templates/ComboBoxTemplate.lit.js +21 -2
  285. package/dist/generated/templates/ComboBoxTemplate.lit.js.map +1 -1
  286. package/dist/generated/templates/CustomListItemTemplate.lit.js +2 -2
  287. package/dist/generated/templates/CustomListItemTemplate.lit.js.map +1 -1
  288. package/dist/generated/templates/DatePickerInputTemplate.lit.d.ts +4 -0
  289. package/dist/generated/templates/DatePickerInputTemplate.lit.js +7 -0
  290. package/dist/generated/templates/DatePickerInputTemplate.lit.js.map +1 -0
  291. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +1 -1
  292. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js.map +1 -1
  293. package/dist/generated/templates/DatePickerTemplate.lit.js +5 -2
  294. package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -1
  295. package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.js +1 -1
  296. package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.js.map +1 -1
  297. package/dist/generated/templates/DateTimePickerTemplate.lit.d.ts +4 -0
  298. package/dist/generated/templates/DateTimePickerTemplate.lit.js +13 -0
  299. package/dist/generated/templates/DateTimePickerTemplate.lit.js.map +1 -0
  300. package/dist/generated/templates/DialogTemplate.lit.js +1 -1
  301. package/dist/generated/templates/DialogTemplate.lit.js.map +1 -1
  302. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js +1 -1
  303. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js.map +1 -1
  304. package/dist/generated/templates/FileUploaderTemplate.lit.js +6 -2
  305. package/dist/generated/templates/FileUploaderTemplate.lit.js.map +1 -1
  306. package/dist/generated/templates/InputPopoverTemplate.lit.js +2 -2
  307. package/dist/generated/templates/InputPopoverTemplate.lit.js.map +1 -1
  308. package/dist/generated/templates/InputTemplate.lit.js +22 -2
  309. package/dist/generated/templates/InputTemplate.lit.js.map +1 -1
  310. package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
  311. package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
  312. package/dist/generated/templates/ListTemplate.lit.js +2 -2
  313. package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
  314. package/dist/generated/templates/MenuListItemTemplate.lit.js +2 -2
  315. package/dist/generated/templates/MenuListItemTemplate.lit.js.map +1 -1
  316. package/dist/generated/templates/MenuTemplate.lit.js +2 -2
  317. package/dist/generated/templates/MenuTemplate.lit.js.map +1 -1
  318. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +4 -4
  319. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js.map +1 -1
  320. package/dist/generated/templates/MultiComboBoxTemplate.lit.js +28 -2
  321. package/dist/generated/templates/MultiComboBoxTemplate.lit.js.map +1 -1
  322. package/dist/generated/templates/MultiInputTemplate.lit.js +22 -2
  323. package/dist/generated/templates/MultiInputTemplate.lit.js.map +1 -1
  324. package/dist/generated/templates/NavigationMenuTemplate.lit.js +1 -1
  325. package/dist/generated/templates/NavigationMenuTemplate.lit.js.map +1 -1
  326. package/dist/generated/templates/PopoverTemplate.lit.js +1 -1
  327. package/dist/generated/templates/PopoverTemplate.lit.js.map +1 -1
  328. package/dist/generated/templates/PopupBlockLayerTemplate.lit.js +2 -2
  329. package/dist/generated/templates/PopupBlockLayerTemplate.lit.js.map +1 -1
  330. package/dist/generated/templates/PopupTemplate.lit.js +1 -1
  331. package/dist/generated/templates/PopupTemplate.lit.js.map +1 -1
  332. package/dist/generated/templates/ProgressIndicatorTemplate.lit.js +1 -1
  333. package/dist/generated/templates/ProgressIndicatorTemplate.lit.js.map +1 -1
  334. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +2 -2
  335. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js.map +1 -1
  336. package/dist/generated/templates/SelectMenuTemplate.lit.js +1 -1
  337. package/dist/generated/templates/SelectMenuTemplate.lit.js.map +1 -1
  338. package/dist/generated/templates/SelectPopoverTemplate.lit.js +2 -2
  339. package/dist/generated/templates/SelectPopoverTemplate.lit.js.map +1 -1
  340. package/dist/generated/templates/SelectTemplate.lit.js +18 -2
  341. package/dist/generated/templates/SelectTemplate.lit.js.map +1 -1
  342. package/dist/generated/templates/StandardListItemTemplate.lit.js +2 -2
  343. package/dist/generated/templates/StandardListItemTemplate.lit.js.map +1 -1
  344. package/dist/generated/templates/SuggestionListItemTemplate.lit.js +2 -2
  345. package/dist/generated/templates/SuggestionListItemTemplate.lit.js.map +1 -1
  346. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js +1 -1
  347. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js.map +1 -1
  348. package/dist/generated/templates/TabContainerTemplate.lit.js +2 -1
  349. package/dist/generated/templates/TabContainerTemplate.lit.js.map +1 -1
  350. package/dist/generated/templates/TabInOverflowTemplate.lit.js +1 -1
  351. package/dist/generated/templates/TabInOverflowTemplate.lit.js.map +1 -1
  352. package/dist/generated/templates/TabInStripTemplate.lit.js +1 -1
  353. package/dist/generated/templates/TabInStripTemplate.lit.js.map +1 -1
  354. package/dist/generated/templates/TabSeparatorInOverflowTemplate.lit.js +1 -1
  355. package/dist/generated/templates/TabSeparatorInOverflowTemplate.lit.js.map +1 -1
  356. package/dist/generated/templates/TableTemplate.lit.js +1 -1
  357. package/dist/generated/templates/TableTemplate.lit.js.map +1 -1
  358. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js +1 -1
  359. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js.map +1 -1
  360. package/dist/generated/templates/TextAreaTemplate.lit.js +6 -2
  361. package/dist/generated/templates/TextAreaTemplate.lit.js.map +1 -1
  362. package/dist/generated/templates/TimePickerPopoverTemplate.lit.js +2 -2
  363. package/dist/generated/templates/TimePickerPopoverTemplate.lit.js.map +1 -1
  364. package/dist/generated/templates/TimePickerTemplate.lit.js +2 -1
  365. package/dist/generated/templates/TimePickerTemplate.lit.js.map +1 -1
  366. package/dist/generated/templates/TokenizerPopoverTemplate.lit.js +1 -1
  367. package/dist/generated/templates/TokenizerPopoverTemplate.lit.js.map +1 -1
  368. package/dist/generated/templates/TokenizerTemplate.lit.js +10 -2
  369. package/dist/generated/templates/TokenizerTemplate.lit.js.map +1 -1
  370. package/dist/generated/templates/ToolbarPopoverTemplate.lit.js +1 -1
  371. package/dist/generated/templates/ToolbarPopoverTemplate.lit.js.map +1 -1
  372. package/dist/generated/templates/ToolbarTemplate.lit.js +2 -1
  373. package/dist/generated/templates/ToolbarTemplate.lit.js.map +1 -1
  374. package/dist/generated/templates/TreeItemBaseTemplate.lit.js +2 -2
  375. package/dist/generated/templates/TreeItemBaseTemplate.lit.js.map +1 -1
  376. package/dist/generated/templates/TreeItemCustomTemplate.lit.js +2 -2
  377. package/dist/generated/templates/TreeItemCustomTemplate.lit.js.map +1 -1
  378. package/dist/generated/templates/TreeItemTemplate.lit.js +2 -2
  379. package/dist/generated/templates/TreeItemTemplate.lit.js.map +1 -1
  380. package/dist/generated/templates/TreeTemplate.lit.js +1 -1
  381. package/dist/generated/templates/TreeTemplate.lit.js.map +1 -1
  382. package/dist/generated/themes/Avatar.css.js +1 -1
  383. package/dist/generated/themes/Avatar.css.js.map +1 -1
  384. package/dist/generated/themes/AvatarGroup.css.js +1 -1
  385. package/dist/generated/themes/AvatarGroup.css.js.map +1 -1
  386. package/dist/generated/themes/Badge.css.js +1 -1
  387. package/dist/generated/themes/Badge.css.js.map +1 -1
  388. package/dist/generated/themes/Bar.css.js +9 -0
  389. package/dist/generated/themes/Bar.css.js.map +1 -0
  390. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  391. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  392. package/dist/generated/themes/BusyIndicator.css.js +1 -1
  393. package/dist/generated/themes/BusyIndicator.css.js.map +1 -1
  394. package/dist/generated/themes/Button.css.js +1 -1
  395. package/dist/generated/themes/Button.css.js.map +1 -1
  396. package/dist/generated/themes/Calendar.css.js +1 -1
  397. package/dist/generated/themes/Calendar.css.js.map +1 -1
  398. package/dist/generated/themes/CalendarHeader.css.js +1 -1
  399. package/dist/generated/themes/CalendarHeader.css.js.map +1 -1
  400. package/dist/generated/themes/CalendarLegend.css.js +1 -1
  401. package/dist/generated/themes/CalendarLegend.css.js.map +1 -1
  402. package/dist/generated/themes/CalendarLegendItem.css.js +1 -1
  403. package/dist/generated/themes/CalendarLegendItem.css.js.map +1 -1
  404. package/dist/generated/themes/Card.css.js +1 -1
  405. package/dist/generated/themes/Card.css.js.map +1 -1
  406. package/dist/generated/themes/CardHeader.css.js +1 -1
  407. package/dist/generated/themes/CardHeader.css.js.map +1 -1
  408. package/dist/generated/themes/Carousel.css.js +1 -1
  409. package/dist/generated/themes/Carousel.css.js.map +1 -1
  410. package/dist/generated/themes/CheckBox.css.js +1 -1
  411. package/dist/generated/themes/CheckBox.css.js.map +1 -1
  412. package/dist/generated/themes/ColorPalette.css.js +1 -1
  413. package/dist/generated/themes/ColorPalette.css.js.map +1 -1
  414. package/dist/generated/themes/{ColorPaletteStaticArea.css.js → ColorPaletteDialog.css.js} +2 -2
  415. package/dist/generated/themes/ColorPaletteDialog.css.js.map +1 -0
  416. package/dist/generated/themes/ColorPaletteItem.css.js +1 -1
  417. package/dist/generated/themes/ColorPaletteItem.css.js.map +1 -1
  418. package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
  419. package/dist/generated/themes/ColorPalettePopover.css.js.map +1 -1
  420. package/dist/generated/themes/ColorPicker.css.js +1 -1
  421. package/dist/generated/themes/ColorPicker.css.js.map +1 -1
  422. package/dist/generated/themes/ComboBox.css.js +1 -1
  423. package/dist/generated/themes/ComboBox.css.js.map +1 -1
  424. package/dist/generated/themes/CustomListItem.css.js +1 -1
  425. package/dist/generated/themes/CustomListItem.css.js.map +1 -1
  426. package/dist/generated/themes/DatePicker.css.js +1 -1
  427. package/dist/generated/themes/DatePicker.css.js.map +1 -1
  428. package/dist/generated/themes/DateTimePickerPopover.css.js +1 -1
  429. package/dist/generated/themes/DateTimePickerPopover.css.js.map +1 -1
  430. package/dist/generated/themes/DayPicker.css.js +1 -1
  431. package/dist/generated/themes/DayPicker.css.js.map +1 -1
  432. package/dist/generated/themes/Dialog.css.js +1 -1
  433. package/dist/generated/themes/Dialog.css.js.map +1 -1
  434. package/dist/generated/themes/FileUploader.css.js +1 -1
  435. package/dist/generated/themes/FileUploader.css.js.map +1 -1
  436. package/dist/generated/themes/GroupHeaderListItem.css.js +1 -1
  437. package/dist/generated/themes/GroupHeaderListItem.css.js.map +1 -1
  438. package/dist/generated/themes/GrowingButton.css.js +1 -1
  439. package/dist/generated/themes/GrowingButton.css.js.map +1 -1
  440. package/dist/generated/themes/Icon.css.js +1 -1
  441. package/dist/generated/themes/Icon.css.js.map +1 -1
  442. package/dist/generated/themes/Input.css.js +1 -1
  443. package/dist/generated/themes/Input.css.js.map +1 -1
  444. package/dist/generated/themes/InputIcon.css.js +1 -1
  445. package/dist/generated/themes/InputIcon.css.js.map +1 -1
  446. package/dist/generated/themes/InputSharedStyles.css.js +1 -1
  447. package/dist/generated/themes/InputSharedStyles.css.js.map +1 -1
  448. package/dist/generated/themes/Link.css.js +1 -1
  449. package/dist/generated/themes/Link.css.js.map +1 -1
  450. package/dist/generated/themes/List.css.js +1 -1
  451. package/dist/generated/themes/List.css.js.map +1 -1
  452. package/dist/generated/themes/ListItem.css.js +1 -1
  453. package/dist/generated/themes/ListItem.css.js.map +1 -1
  454. package/dist/generated/themes/ListItemBase.css.js +1 -1
  455. package/dist/generated/themes/ListItemBase.css.js.map +1 -1
  456. package/dist/generated/themes/Menu.css.js +1 -1
  457. package/dist/generated/themes/Menu.css.js.map +1 -1
  458. package/dist/generated/themes/MenuListItem.css.js +1 -1
  459. package/dist/generated/themes/MenuListItem.css.js.map +1 -1
  460. package/dist/generated/themes/MessageStrip.css.js +1 -1
  461. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  462. package/dist/generated/themes/MonthPicker.css.js +1 -1
  463. package/dist/generated/themes/MonthPicker.css.js.map +1 -1
  464. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  465. package/dist/generated/themes/MultiComboBox.css.js.map +1 -1
  466. package/dist/generated/themes/MultiComboBoxPopover.css.js +1 -1
  467. package/dist/generated/themes/MultiComboBoxPopover.css.js.map +1 -1
  468. package/dist/generated/themes/MultiInput.css.js +1 -1
  469. package/dist/generated/themes/MultiInput.css.js.map +1 -1
  470. package/dist/generated/themes/NavigationMenu.css.js +1 -1
  471. package/dist/generated/themes/NavigationMenu.css.js.map +1 -1
  472. package/dist/generated/themes/Panel.css.js +1 -1
  473. package/dist/generated/themes/Panel.css.js.map +1 -1
  474. package/dist/generated/themes/Popover.css.js +1 -1
  475. package/dist/generated/themes/Popover.css.js.map +1 -1
  476. package/dist/generated/themes/Popup.css.js +1 -1
  477. package/dist/generated/themes/Popup.css.js.map +1 -1
  478. package/dist/generated/themes/PopupBlockLayer.css.d.ts +3 -0
  479. package/dist/generated/themes/{PopupStaticAreaStyles.css.js → PopupBlockLayer.css.js} +2 -2
  480. package/dist/generated/themes/PopupBlockLayer.css.js.map +1 -0
  481. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  482. package/dist/generated/themes/PopupsCommon.css.js.map +1 -1
  483. package/dist/generated/themes/ProgressIndicator.css.js +1 -1
  484. package/dist/generated/themes/ProgressIndicator.css.js.map +1 -1
  485. package/dist/generated/themes/RadioButton.css.js +1 -1
  486. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  487. package/dist/generated/themes/RangeSlider.css.js +1 -1
  488. package/dist/generated/themes/RangeSlider.css.js.map +1 -1
  489. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  490. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  491. package/dist/generated/themes/ResponsivePopover.css.js +1 -1
  492. package/dist/generated/themes/ResponsivePopover.css.js.map +1 -1
  493. package/dist/generated/themes/ResponsivePopoverCommon.css.js +1 -1
  494. package/dist/generated/themes/ResponsivePopoverCommon.css.js.map +1 -1
  495. package/dist/generated/themes/SegmentedButton.css.js +1 -1
  496. package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
  497. package/dist/generated/themes/Select.css.js +1 -1
  498. package/dist/generated/themes/Select.css.js.map +1 -1
  499. package/dist/generated/themes/SelectMenu.css.js +1 -1
  500. package/dist/generated/themes/SelectMenu.css.js.map +1 -1
  501. package/dist/generated/themes/SelectPopover.css.js +1 -1
  502. package/dist/generated/themes/SelectPopover.css.js.map +1 -1
  503. package/dist/generated/themes/SliderBase.css.js +1 -1
  504. package/dist/generated/themes/SliderBase.css.js.map +1 -1
  505. package/dist/generated/themes/SplitButton.css.js +1 -1
  506. package/dist/generated/themes/SplitButton.css.js.map +1 -1
  507. package/dist/generated/themes/StepInput.css.js +1 -1
  508. package/dist/generated/themes/StepInput.css.js.map +1 -1
  509. package/dist/generated/themes/Switch.css.js +1 -1
  510. package/dist/generated/themes/Switch.css.js.map +1 -1
  511. package/dist/generated/themes/TabContainer.css.js +1 -1
  512. package/dist/generated/themes/TabContainer.css.js.map +1 -1
  513. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  514. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  515. package/dist/generated/themes/TabInStrip.css.js +1 -1
  516. package/dist/generated/themes/TabInStrip.css.js.map +1 -1
  517. package/dist/generated/themes/TabSemanticIcon.css.js +1 -1
  518. package/dist/generated/themes/TabSemanticIcon.css.js.map +1 -1
  519. package/dist/generated/themes/TabSeparatorInOverflow.css.js +1 -1
  520. package/dist/generated/themes/TabSeparatorInOverflow.css.js.map +1 -1
  521. package/dist/generated/themes/TabSeparatorInStrip.css.js +1 -1
  522. package/dist/generated/themes/TabSeparatorInStrip.css.js.map +1 -1
  523. package/dist/generated/themes/Table.css.js +1 -1
  524. package/dist/generated/themes/Table.css.js.map +1 -1
  525. package/dist/generated/themes/TableCell.css.js +1 -1
  526. package/dist/generated/themes/TableCell.css.js.map +1 -1
  527. package/dist/generated/themes/TableColumn.css.js +1 -1
  528. package/dist/generated/themes/TableColumn.css.js.map +1 -1
  529. package/dist/generated/themes/TableGroupRow.css.js +1 -1
  530. package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
  531. package/dist/generated/themes/TableRow.css.js +1 -1
  532. package/dist/generated/themes/TableRow.css.js.map +1 -1
  533. package/dist/generated/themes/TextArea.css.js +1 -1
  534. package/dist/generated/themes/TextArea.css.js.map +1 -1
  535. package/dist/generated/themes/TimePicker.css.js +1 -1
  536. package/dist/generated/themes/TimePicker.css.js.map +1 -1
  537. package/dist/generated/themes/Toast.css.js +1 -1
  538. package/dist/generated/themes/Toast.css.js.map +1 -1
  539. package/dist/generated/themes/ToggleButton.css.js +1 -1
  540. package/dist/generated/themes/ToggleButton.css.js.map +1 -1
  541. package/dist/generated/themes/Token.css.js +1 -1
  542. package/dist/generated/themes/Token.css.js.map +1 -1
  543. package/dist/generated/themes/Tokenizer.css.js +1 -1
  544. package/dist/generated/themes/Tokenizer.css.js.map +1 -1
  545. package/dist/generated/themes/TokenizerPopover.css.js +1 -1
  546. package/dist/generated/themes/TokenizerPopover.css.js.map +1 -1
  547. package/dist/generated/themes/Toolbar.css.js +1 -1
  548. package/dist/generated/themes/Toolbar.css.js.map +1 -1
  549. package/dist/generated/themes/ToolbarPopover.css.js +1 -1
  550. package/dist/generated/themes/ToolbarPopover.css.js.map +1 -1
  551. package/dist/generated/themes/TreeItem.css.js +1 -1
  552. package/dist/generated/themes/TreeItem.css.js.map +1 -1
  553. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  554. package/dist/generated/themes/ValueStateMessage.css.js.map +1 -1
  555. package/dist/generated/themes/WheelSlider.css.js +1 -1
  556. package/dist/generated/themes/WheelSlider.css.js.map +1 -1
  557. package/dist/generated/themes/YearPicker.css.js +1 -1
  558. package/dist/generated/themes/YearPicker.css.js.map +1 -1
  559. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  560. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  561. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  562. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  563. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  564. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  565. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  566. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  567. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  568. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  569. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  570. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  571. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  572. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  573. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  574. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  575. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  576. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  577. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +1 -1
  578. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  579. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  580. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  581. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  582. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  583. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +1 -1
  584. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  585. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  586. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  587. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +1 -1
  588. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  589. package/dist/types/BarDesign.d.ts +27 -0
  590. package/dist/types/BarDesign.js +29 -0
  591. package/dist/types/BarDesign.js.map +1 -0
  592. package/dist/types/{BreadcrumbsSeparatorStyle.d.ts → BreadcrumbsSeparator.d.ts} +3 -3
  593. package/dist/types/BreadcrumbsSeparator.js +39 -0
  594. package/dist/types/BreadcrumbsSeparator.js.map +1 -0
  595. package/dist/types/BusyIndicatorSize.d.ts +3 -3
  596. package/dist/types/BusyIndicatorSize.js +3 -3
  597. package/dist/types/BusyIndicatorSize.js.map +1 -1
  598. package/dist/types/{CarouselPageIndicatorStyle.d.ts → CarouselPageIndicatorType.d.ts} +3 -3
  599. package/dist/types/{CarouselPageIndicatorStyle.js → CarouselPageIndicatorType.js} +8 -8
  600. package/dist/types/CarouselPageIndicatorType.js.map +1 -0
  601. package/dist/types/{ListMode.d.ts → ListSelectionMode.d.ts} +8 -8
  602. package/dist/types/{ListMode.js → ListSelectionMode.js} +13 -13
  603. package/dist/types/ListSelectionMode.js.map +1 -0
  604. package/dist/types/{TabsOverflowMode.d.ts → OverflowMode.d.ts} +2 -2
  605. package/dist/types/{TabsOverflowMode.js → OverflowMode.js} +7 -7
  606. package/dist/types/OverflowMode.js.map +1 -0
  607. package/dist/types/PopoverHorizontalAlign.d.ts +4 -4
  608. package/dist/types/PopoverHorizontalAlign.js +4 -4
  609. package/dist/types/PopoverHorizontalAlign.js.map +1 -1
  610. package/dist/types/{PopoverPlacementType.d.ts → PopoverPlacement.d.ts} +7 -7
  611. package/dist/types/PopoverPlacement.js +29 -0
  612. package/dist/types/PopoverPlacement.js.map +1 -0
  613. package/dist/vscode.html-custom-data.json +76 -73
  614. package/dist/web-types.json +144 -121
  615. package/package-scripts.cjs +0 -1
  616. package/package.json +9 -9
  617. package/src/Bar.hbs +16 -0
  618. package/src/Breadcrumbs.hbs +3 -1
  619. package/src/BreadcrumbsPopover.hbs +3 -3
  620. package/src/CardHeader.hbs +3 -3
  621. package/src/Carousel.hbs +1 -0
  622. package/src/ColorPalette.hbs +5 -3
  623. package/src/ColorPaletteDialog.hbs +2 -0
  624. package/src/ColorPalettePopover.hbs +1 -1
  625. package/src/ColorPicker.hbs +3 -3
  626. package/src/ComboBox.hbs +2 -0
  627. package/src/ComboBoxPopover.hbs +5 -6
  628. package/src/DatePicker.hbs +2 -45
  629. package/src/DatePickerInput.hbs +45 -0
  630. package/src/DatePickerPopover.hbs +3 -3
  631. package/src/DateTimePicker.hbs +2 -0
  632. package/src/DateTimePickerPopover.hbs +1 -1
  633. package/src/FileUploader.hbs +2 -1
  634. package/src/FileUploaderPopover.hbs +2 -2
  635. package/src/Input.hbs +3 -1
  636. package/src/InputPopover.hbs +4 -4
  637. package/src/List.hbs +5 -6
  638. package/src/ListItem.hbs +1 -1
  639. package/src/Menu.hbs +3 -3
  640. package/src/MultiComboBox.hbs +2 -0
  641. package/src/MultiComboBoxPopover.hbs +6 -5
  642. package/src/NavigationMenu.hbs +1 -1
  643. package/src/Popup.hbs +2 -1
  644. package/src/PopupBlockLayer.hbs +2 -4
  645. package/src/ProgressIndicator.hbs +0 -1
  646. package/src/ResponsivePopover.hbs +1 -0
  647. package/src/Select.hbs +2 -0
  648. package/src/SelectMenu.hbs +4 -4
  649. package/src/SelectPopover.hbs +5 -5
  650. package/src/TabContainer.hbs +4 -2
  651. package/src/TabContainerPopover.hbs +4 -3
  652. package/src/TabInOverflow.hbs +1 -1
  653. package/src/TabInStrip.hbs +3 -3
  654. package/src/TabSeparatorInOverflow.hbs +1 -1
  655. package/src/Table.hbs +0 -1
  656. package/src/TextArea.hbs +2 -0
  657. package/src/TextAreaPopover.hbs +1 -1
  658. package/src/TimePicker.hbs +2 -0
  659. package/src/TimePickerPopover.hbs +6 -6
  660. package/src/Tokenizer.hbs +3 -1
  661. package/src/TokenizerPopover.hbs +3 -3
  662. package/src/Toolbar.hbs +3 -1
  663. package/src/ToolbarPopover.hbs +2 -2
  664. package/src/Tree.hbs +1 -1
  665. package/src/themes/Badge.css +2 -1
  666. package/src/themes/Bar.css +75 -0
  667. package/src/themes/Breadcrumbs.css +5 -5
  668. package/src/themes/BusyIndicator.css +18 -17
  669. package/src/themes/CardHeader.css +6 -4
  670. package/src/themes/Carousel.css +2 -1
  671. package/src/themes/CheckBox.css +11 -14
  672. package/src/themes/Dialog.css +2 -1
  673. package/src/themes/List.css +3 -3
  674. package/src/themes/ListItem.css +3 -3
  675. package/src/themes/Menu.css +1 -1
  676. package/src/themes/Popover.css +12 -12
  677. package/src/themes/Popup.css +5 -2
  678. package/src/themes/{PopupStaticAreaStyles.css → PopupBlockLayer.css} +6 -5
  679. package/src/themes/PopupsCommon.css +0 -1
  680. package/src/themes/ProgressIndicator.css +0 -4
  681. package/src/themes/RadioButton.css +4 -7
  682. package/src/themes/TabContainer.css +1 -0
  683. package/src/themes/TabInOverflow.css +1 -0
  684. package/src/themes/TabInStrip.css +8 -4
  685. package/src/themes/TabSeparatorInOverflow.css +2 -2
  686. package/src/themes/TabSeparatorInStrip.css +2 -2
  687. package/src/themes/TreeItem.css +2 -2
  688. package/src/themes/base/Bar-parameters.css +8 -0
  689. package/src/themes/base/RadioButton-parameters.css +0 -1
  690. package/src/themes/base/sizes-parameters.css +3 -0
  691. package/src/themes/sap_belize/parameters-bundle.css +2 -1
  692. package/src/themes/sap_belize_hcb/parameters-bundle.css +2 -1
  693. package/src/themes/sap_belize_hcw/parameters-bundle.css +2 -1
  694. package/src/themes/sap_fiori_3/parameters-bundle.css +2 -1
  695. package/src/themes/sap_fiori_3_dark/parameters-bundle.css +2 -1
  696. package/src/themes/sap_fiori_3_hcb/Bar-parameters.css +5 -0
  697. package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +2 -1
  698. package/src/themes/sap_fiori_3_hcw/Bar-parameters.css +5 -0
  699. package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  700. package/src/themes/sap_horizon/parameters-bundle.css +2 -1
  701. package/src/themes/sap_horizon_dark/CheckBox-parameters.css +1 -0
  702. package/src/themes/sap_horizon_dark/parameters-bundle.css +2 -1
  703. package/src/themes/sap_horizon_hcb/Bar-parameters.css +5 -0
  704. package/src/themes/sap_horizon_hcb/CheckBox-parameters.css +1 -0
  705. package/src/themes/sap_horizon_hcb/parameters-bundle.css +2 -1
  706. package/src/themes/sap_horizon_hcw/Bar-parameters.css +5 -0
  707. package/src/themes/sap_horizon_hcw/CheckBox-parameters.css +1 -0
  708. package/src/themes/sap_horizon_hcw/parameters-bundle.css +2 -1
  709. package/dist/Assets-static.d.ts +0 -4
  710. package/dist/Assets-static.js +0 -6
  711. package/dist/Assets-static.js.map +0 -1
  712. package/dist/css/themes/PopupStaticAreaStyles.css +0 -1
  713. package/dist/generated/json-imports/Themes-static.d.ts +0 -1
  714. package/dist/generated/json-imports/Themes-static.js +0 -45
  715. package/dist/generated/json-imports/Themes-static.js.map +0 -1
  716. package/dist/generated/json-imports/i18n-static.d.ts +0 -1
  717. package/dist/generated/json-imports/i18n-static.js +0 -168
  718. package/dist/generated/json-imports/i18n-static.js.map +0 -1
  719. package/dist/generated/themes/ColorPaletteStaticArea.css.js.map +0 -1
  720. package/dist/generated/themes/PopupStaticAreaStyles.css.js.map +0 -1
  721. package/dist/types/BreadcrumbsSeparatorStyle.js +0 -39
  722. package/dist/types/BreadcrumbsSeparatorStyle.js.map +0 -1
  723. package/dist/types/CarouselPageIndicatorStyle.js.map +0 -1
  724. package/dist/types/ListMode.js.map +0 -1
  725. package/dist/types/PopoverPlacementType.js +0 -29
  726. package/dist/types/PopoverPlacementType.js.map +0 -1
  727. package/dist/types/TabContainerBackgroundDesign.d.ts +0 -22
  728. package/dist/types/TabContainerBackgroundDesign.js +0 -24
  729. package/dist/types/TabContainerBackgroundDesign.js.map +0 -1
  730. package/dist/types/TabsOverflowMode.js.map +0 -1
  731. /package/dist/css/themes/{ColorPaletteStaticArea.css → ColorPaletteDialog.css} +0 -0
  732. /package/dist/generated/themes/{ColorPaletteStaticArea.css.d.ts → Bar.css.d.ts} +0 -0
  733. /package/dist/generated/themes/{PopupStaticAreaStyles.css.d.ts → ColorPaletteDialog.css.d.ts} +0 -0
  734. /package/src/themes/{ColorPaletteStaticArea.css → ColorPaletteDialog.css} +0 -0
  735. /package/src/themes/base/{PopupStaticAreaStyles-parameters.css → PopupBlockLayer-parameters.css} +0 -0
@@ -477,6 +477,66 @@
477
477
  }
478
478
  ]
479
479
  },
480
+ {
481
+ "kind": "javascript-module",
482
+ "path": "dist/types/BarDesign.js",
483
+ "declarations": [
484
+ {
485
+ "kind": "enum",
486
+ "name": "BarDesign",
487
+ "description": "Different types of Bar design",
488
+ "_ui5privacy": "public",
489
+ "members": [
490
+ {
491
+ "kind": "field",
492
+ "static": true,
493
+ "privacy": "public",
494
+ "description": "Default type",
495
+ "default": "Header",
496
+ "name": "Header",
497
+ "readonly": true
498
+ },
499
+ {
500
+ "kind": "field",
501
+ "static": true,
502
+ "privacy": "public",
503
+ "description": "Subheader type",
504
+ "default": "Subheader",
505
+ "name": "Subheader",
506
+ "readonly": true
507
+ },
508
+ {
509
+ "kind": "field",
510
+ "static": true,
511
+ "privacy": "public",
512
+ "description": "Footer type",
513
+ "default": "Footer",
514
+ "name": "Footer",
515
+ "readonly": true
516
+ },
517
+ {
518
+ "kind": "field",
519
+ "static": true,
520
+ "privacy": "public",
521
+ "description": "Floating Footer type - there is visible border on all sides",
522
+ "default": "FloatingFooter",
523
+ "name": "FloatingFooter",
524
+ "readonly": true
525
+ }
526
+ ]
527
+ }
528
+ ],
529
+ "exports": [
530
+ {
531
+ "kind": "js",
532
+ "name": "default",
533
+ "declaration": {
534
+ "name": "BarDesign",
535
+ "module": "dist/types/BarDesign.js"
536
+ }
537
+ }
538
+ ]
539
+ },
480
540
  {
481
541
  "kind": "javascript-module",
482
542
  "path": "dist/types/BorderDesign.js",
@@ -563,12 +623,12 @@
563
623
  },
564
624
  {
565
625
  "kind": "javascript-module",
566
- "path": "dist/types/BreadcrumbsSeparatorStyle.js",
626
+ "path": "dist/types/BreadcrumbsSeparator.js",
567
627
  "declarations": [
568
628
  {
569
629
  "kind": "enum",
570
- "name": "BreadcrumbsSeparatorStyle",
571
- "description": "Different Breadcrumbs separator styles.",
630
+ "name": "BreadcrumbsSeparator",
631
+ "description": "Different Breadcrumbs separators.",
572
632
  "_ui5privacy": "public",
573
633
  "members": [
574
634
  {
@@ -633,8 +693,8 @@
633
693
  "kind": "js",
634
694
  "name": "default",
635
695
  "declaration": {
636
- "name": "BreadcrumbsSeparatorStyle",
637
- "module": "dist/types/BreadcrumbsSeparatorStyle.js"
696
+ "name": "BreadcrumbsSeparator",
697
+ "module": "dist/types/BreadcrumbsSeparator.js"
638
698
  }
639
699
  }
640
700
  ]
@@ -654,8 +714,8 @@
654
714
  "static": true,
655
715
  "privacy": "public",
656
716
  "description": "small size",
657
- "default": "Small",
658
- "name": "Small",
717
+ "default": "S",
718
+ "name": "S",
659
719
  "readonly": true
660
720
  },
661
721
  {
@@ -663,8 +723,8 @@
663
723
  "static": true,
664
724
  "privacy": "public",
665
725
  "description": "medium size",
666
- "default": "Medium",
667
- "name": "Medium",
726
+ "default": "M",
727
+ "name": "M",
668
728
  "readonly": true
669
729
  },
670
730
  {
@@ -672,8 +732,8 @@
672
732
  "static": true,
673
733
  "privacy": "public",
674
734
  "description": "large size",
675
- "default": "Large",
676
- "name": "Large",
735
+ "default": "L",
736
+ "name": "L",
677
737
  "readonly": true
678
738
  }
679
739
  ]
@@ -1246,12 +1306,12 @@
1246
1306
  },
1247
1307
  {
1248
1308
  "kind": "javascript-module",
1249
- "path": "dist/types/CarouselPageIndicatorStyle.js",
1309
+ "path": "dist/types/CarouselPageIndicatorType.js",
1250
1310
  "declarations": [
1251
1311
  {
1252
1312
  "kind": "enum",
1253
- "name": "CarouselPageIndicatorStyle",
1254
- "description": "Different Carousel page indicator styles.",
1313
+ "name": "CarouselPageIndicatorType",
1314
+ "description": "Different Carousel page indicator types.",
1255
1315
  "_ui5privacy": "public",
1256
1316
  "members": [
1257
1317
  {
@@ -1280,8 +1340,8 @@
1280
1340
  "kind": "js",
1281
1341
  "name": "default",
1282
1342
  "declaration": {
1283
- "name": "CarouselPageIndicatorStyle",
1284
- "module": "dist/types/CarouselPageIndicatorStyle.js"
1343
+ "name": "CarouselPageIndicatorType",
1344
+ "module": "dist/types/CarouselPageIndicatorType.js"
1285
1345
  }
1286
1346
  }
1287
1347
  ]
@@ -1817,12 +1877,12 @@
1817
1877
  },
1818
1878
  {
1819
1879
  "kind": "javascript-module",
1820
- "path": "dist/types/ListMode.js",
1880
+ "path": "dist/types/ListSelectionMode.js",
1821
1881
  "declarations": [
1822
1882
  {
1823
1883
  "kind": "enum",
1824
- "name": "ListMode",
1825
- "description": "Different list modes.",
1884
+ "name": "ListSelectionMode",
1885
+ "description": "Different list selection modes.",
1826
1886
  "_ui5privacy": "public",
1827
1887
  "members": [
1828
1888
  {
@@ -1839,8 +1899,8 @@
1839
1899
  "static": true,
1840
1900
  "privacy": "public",
1841
1901
  "description": "Right-positioned single selection mode (only one list item can be selected).",
1842
- "default": "SingleSelect",
1843
- "name": "SingleSelect",
1902
+ "default": "Single",
1903
+ "name": "Single",
1844
1904
  "readonly": true
1845
1905
  },
1846
1906
  {
@@ -1848,8 +1908,8 @@
1848
1908
  "static": true,
1849
1909
  "privacy": "public",
1850
1910
  "description": "Left-positioned single selection mode (only one list item can be selected).",
1851
- "default": "SingleSelectBegin",
1852
- "name": "SingleSelectBegin",
1911
+ "default": "SingleStart",
1912
+ "name": "SingleStart",
1853
1913
  "readonly": true
1854
1914
  },
1855
1915
  {
@@ -1857,8 +1917,8 @@
1857
1917
  "static": true,
1858
1918
  "privacy": "public",
1859
1919
  "description": "Selected item is highlighted but no selection element is visible\n(only one list item can be selected).",
1860
- "default": "SingleSelectEnd",
1861
- "name": "SingleSelectEnd",
1920
+ "default": "SingleEnd",
1921
+ "name": "SingleEnd",
1862
1922
  "readonly": true
1863
1923
  },
1864
1924
  {
@@ -1866,8 +1926,8 @@
1866
1926
  "static": true,
1867
1927
  "privacy": "public",
1868
1928
  "description": "Selected item is highlighted and selection is changed upon arrow navigation\n(only one list item can be selected - this is always the focused item).",
1869
- "default": "SingleSelectAuto",
1870
- "name": "SingleSelectAuto",
1929
+ "default": "SingleAuto",
1930
+ "name": "SingleAuto",
1871
1931
  "readonly": true
1872
1932
  },
1873
1933
  {
@@ -1875,8 +1935,8 @@
1875
1935
  "static": true,
1876
1936
  "privacy": "public",
1877
1937
  "description": "Multi selection mode (more than one list item can be selected).",
1878
- "default": "MultiSelect",
1879
- "name": "MultiSelect",
1938
+ "default": "Multiple",
1939
+ "name": "Multiple",
1880
1940
  "readonly": true
1881
1941
  },
1882
1942
  {
@@ -1896,8 +1956,8 @@
1896
1956
  "kind": "js",
1897
1957
  "name": "default",
1898
1958
  "declaration": {
1899
- "name": "ListMode",
1900
- "module": "dist/types/ListMode.js"
1959
+ "name": "ListSelectionMode",
1960
+ "module": "dist/types/ListSelectionMode.js"
1901
1961
  }
1902
1962
  }
1903
1963
  ]
@@ -2013,6 +2073,48 @@
2013
2073
  }
2014
2074
  ]
2015
2075
  },
2076
+ {
2077
+ "kind": "javascript-module",
2078
+ "path": "dist/types/OverflowMode.js",
2079
+ "declarations": [
2080
+ {
2081
+ "kind": "enum",
2082
+ "name": "OverflowMode",
2083
+ "description": "Tabs overflow mode in TabContainer.",
2084
+ "_ui5privacy": "public",
2085
+ "members": [
2086
+ {
2087
+ "kind": "field",
2088
+ "static": true,
2089
+ "privacy": "public",
2090
+ "description": "End type is used if there should be only one overflow with hidden the tabs at the end of the tab container.",
2091
+ "default": "End",
2092
+ "name": "End",
2093
+ "readonly": true
2094
+ },
2095
+ {
2096
+ "kind": "field",
2097
+ "static": true,
2098
+ "privacy": "public",
2099
+ "description": "StartAndEnd type is used if there should be two overflows on both ends of the tab container.",
2100
+ "default": "StartAndEnd",
2101
+ "name": "StartAndEnd",
2102
+ "readonly": true
2103
+ }
2104
+ ]
2105
+ }
2106
+ ],
2107
+ "exports": [
2108
+ {
2109
+ "kind": "js",
2110
+ "name": "default",
2111
+ "declaration": {
2112
+ "name": "OverflowMode",
2113
+ "module": "dist/types/OverflowMode.js"
2114
+ }
2115
+ }
2116
+ ]
2117
+ },
2016
2118
  {
2017
2119
  "kind": "javascript-module",
2018
2120
  "path": "dist/types/PanelAccessibleRole.js",
@@ -2087,18 +2189,18 @@
2087
2189
  "kind": "field",
2088
2190
  "static": true,
2089
2191
  "privacy": "public",
2090
- "description": "Popover is aligned with the left side of the target. When direction is RTL, it is right aligned.",
2091
- "default": "Left",
2092
- "name": "Left",
2192
+ "description": "Popover is aligned with the start of the target.",
2193
+ "default": "Start",
2194
+ "name": "Start",
2093
2195
  "readonly": true
2094
2196
  },
2095
2197
  {
2096
2198
  "kind": "field",
2097
2199
  "static": true,
2098
2200
  "privacy": "public",
2099
- "description": "Popover is aligned with the right side of the target. When direction is RTL, it is left aligned.",
2100
- "default": "Right",
2101
- "name": "Right",
2201
+ "description": "Popover is aligned with the end of the target.",
2202
+ "default": "End",
2203
+ "name": "End",
2102
2204
  "readonly": true
2103
2205
  },
2104
2206
  {
@@ -2126,30 +2228,30 @@
2126
2228
  },
2127
2229
  {
2128
2230
  "kind": "javascript-module",
2129
- "path": "dist/types/PopoverPlacementType.js",
2231
+ "path": "dist/types/PopoverPlacement.js",
2130
2232
  "declarations": [
2131
2233
  {
2132
2234
  "kind": "enum",
2133
- "name": "PopoverPlacementType",
2134
- "description": "Popover placement types.",
2235
+ "name": "PopoverPlacement",
2236
+ "description": "Popover placements.",
2135
2237
  "_ui5privacy": "public",
2136
2238
  "members": [
2137
2239
  {
2138
2240
  "kind": "field",
2139
2241
  "static": true,
2140
2242
  "privacy": "public",
2141
- "description": "Popover will be placed at the left side of the reference element.",
2142
- "default": "Left",
2143
- "name": "Left",
2243
+ "description": "Popover will be placed at the start of the reference element.",
2244
+ "default": "Start",
2245
+ "name": "Start",
2144
2246
  "readonly": true
2145
2247
  },
2146
2248
  {
2147
2249
  "kind": "field",
2148
2250
  "static": true,
2149
2251
  "privacy": "public",
2150
- "description": "Popover will be placed at the right side of the reference element.",
2151
- "default": "Right",
2152
- "name": "Right",
2252
+ "description": "Popover will be placed at the end of the reference element.",
2253
+ "default": "End",
2254
+ "name": "End",
2153
2255
  "readonly": true
2154
2256
  },
2155
2257
  {
@@ -2178,8 +2280,8 @@
2178
2280
  "kind": "js",
2179
2281
  "name": "default",
2180
2282
  "declaration": {
2181
- "name": "PopoverPlacementType",
2182
- "module": "dist/types/PopoverPlacementType.js"
2283
+ "name": "PopoverPlacement",
2284
+ "module": "dist/types/PopoverPlacement.js"
2183
2285
  }
2184
2286
  }
2185
2287
  ]
@@ -2507,57 +2609,6 @@
2507
2609
  }
2508
2610
  ]
2509
2611
  },
2510
- {
2511
- "kind": "javascript-module",
2512
- "path": "dist/types/TabContainerBackgroundDesign.js",
2513
- "declarations": [
2514
- {
2515
- "kind": "enum",
2516
- "name": "TabContainerBackgroundDesign",
2517
- "description": "Background design for the header and content of TabContainer.",
2518
- "_ui5privacy": "public",
2519
- "members": [
2520
- {
2521
- "kind": "field",
2522
- "static": true,
2523
- "privacy": "public",
2524
- "description": "A Solid background color.",
2525
- "default": "Solid",
2526
- "name": "Solid",
2527
- "readonly": true
2528
- },
2529
- {
2530
- "kind": "field",
2531
- "static": true,
2532
- "privacy": "public",
2533
- "description": "A Transparent background color.",
2534
- "default": "Transparent",
2535
- "name": "Transparent",
2536
- "readonly": true
2537
- },
2538
- {
2539
- "kind": "field",
2540
- "static": true,
2541
- "privacy": "public",
2542
- "description": "A Translucent background color.",
2543
- "default": "Translucent",
2544
- "name": "Translucent",
2545
- "readonly": true
2546
- }
2547
- ]
2548
- }
2549
- ],
2550
- "exports": [
2551
- {
2552
- "kind": "js",
2553
- "name": "default",
2554
- "declaration": {
2555
- "name": "TabContainerBackgroundDesign",
2556
- "module": "dist/types/TabContainerBackgroundDesign.js"
2557
- }
2558
- }
2559
- ]
2560
- },
2561
2612
  {
2562
2613
  "kind": "javascript-module",
2563
2614
  "path": "dist/types/TabContainerTabsPlacement.js",
@@ -2801,48 +2852,6 @@
2801
2852
  }
2802
2853
  ]
2803
2854
  },
2804
- {
2805
- "kind": "javascript-module",
2806
- "path": "dist/types/TabsOverflowMode.js",
2807
- "declarations": [
2808
- {
2809
- "kind": "enum",
2810
- "name": "TabsOverflowMode",
2811
- "description": "Tabs overflow mode in TabContainer.",
2812
- "_ui5privacy": "public",
2813
- "members": [
2814
- {
2815
- "kind": "field",
2816
- "static": true,
2817
- "privacy": "public",
2818
- "description": "End type is used if there should be only one overflow with hidden the tabs at the end of the tab container.",
2819
- "default": "End",
2820
- "name": "End",
2821
- "readonly": true
2822
- },
2823
- {
2824
- "kind": "field",
2825
- "static": true,
2826
- "privacy": "public",
2827
- "description": "StartAndEnd type is used if there should be two overflows on both ends of the tab container.",
2828
- "default": "StartAndEnd",
2829
- "name": "StartAndEnd",
2830
- "readonly": true
2831
- }
2832
- ]
2833
- }
2834
- ],
2835
- "exports": [
2836
- {
2837
- "kind": "js",
2838
- "name": "default",
2839
- "declaration": {
2840
- "name": "TabsOverflowMode",
2841
- "module": "dist/types/TabsOverflowMode.js"
2842
- }
2843
- }
2844
- ]
2845
- },
2846
2855
  {
2847
2856
  "kind": "javascript-module",
2848
2857
  "path": "dist/types/TitleLevel.js",
@@ -3161,12 +3170,6 @@
3161
3170
  }
3162
3171
  ]
3163
3172
  },
3164
- {
3165
- "kind": "javascript-module",
3166
- "path": "dist/Assets-static.js",
3167
- "declarations": [],
3168
- "exports": []
3169
- },
3170
3173
  {
3171
3174
  "kind": "javascript-module",
3172
3175
  "path": "dist/Assets.js",
@@ -3850,6 +3853,108 @@
3850
3853
  }
3851
3854
  ]
3852
3855
  },
3856
+ {
3857
+ "kind": "javascript-module",
3858
+ "path": "dist/Bar.js",
3859
+ "declarations": [
3860
+ {
3861
+ "kind": "class",
3862
+ "description": "### Overview\nThe Bar is a container which is primarily used to hold titles, buttons and input elements\nand its design and functionality is the basis for page headers and footers.\nThe component consists of three areas to hold its content - startContent slot, default slot and endContent slot.\nIt has the capability to center content, such as a title, while having other components on the left and right side.\n\n### Usage\nWith the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.\n\n**Note:** Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.\n\n### Responsive Behavior\nThe default slot will be centered in the available space between the startContent and the endContent areas,\ntherefore it might not always be centered in the entire bar.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Bar.js\";`",
3863
+ "name": "Bar",
3864
+ "cssParts": [
3865
+ {
3866
+ "description": "Used to style the wrapper of the content of the component",
3867
+ "name": "bar"
3868
+ }
3869
+ ],
3870
+ "slots": [
3871
+ {
3872
+ "name": "startContent",
3873
+ "description": "Defines the content at the start of the bar.",
3874
+ "_ui5type": {
3875
+ "text": "Array<HTMLElement>"
3876
+ },
3877
+ "_ui5privacy": "public"
3878
+ },
3879
+ {
3880
+ "name": "default",
3881
+ "description": "Defines the content in the middle of the bar.",
3882
+ "_ui5propertyName": "middleContent",
3883
+ "_ui5type": {
3884
+ "text": "Array<HTMLElement>"
3885
+ },
3886
+ "_ui5privacy": "public"
3887
+ },
3888
+ {
3889
+ "name": "endContent",
3890
+ "description": "Defines the content at the end of the bar.",
3891
+ "_ui5type": {
3892
+ "text": "Array<HTMLElement>"
3893
+ },
3894
+ "_ui5privacy": "public"
3895
+ }
3896
+ ],
3897
+ "members": [
3898
+ {
3899
+ "kind": "field",
3900
+ "name": "design",
3901
+ "type": {
3902
+ "text": "BarDesign",
3903
+ "references": [
3904
+ {
3905
+ "name": "BarDesign",
3906
+ "package": "@ui5/webcomponents",
3907
+ "module": "dist/types/BarDesign.js"
3908
+ }
3909
+ ]
3910
+ },
3911
+ "description": "Defines the component's design.",
3912
+ "default": "\"Header\"",
3913
+ "privacy": "public",
3914
+ "_ui5validator": "BarDesign"
3915
+ }
3916
+ ],
3917
+ "attributes": [
3918
+ {
3919
+ "description": "Defines the component's design.",
3920
+ "name": "design",
3921
+ "default": "\"Header\"",
3922
+ "fieldName": "design",
3923
+ "type": {
3924
+ "text": "\"Header\" | \"Subheader\" | \"Footer\" | \"FloatingFooter\""
3925
+ }
3926
+ }
3927
+ ],
3928
+ "superclass": {
3929
+ "name": "UI5Element",
3930
+ "package": "@ui5/webcomponents-base",
3931
+ "module": "dist/UI5Element.js"
3932
+ },
3933
+ "tagName": "ui5-bar",
3934
+ "customElement": true,
3935
+ "_ui5since": "1.0.0-rc.11",
3936
+ "_ui5privacy": "public"
3937
+ }
3938
+ ],
3939
+ "exports": [
3940
+ {
3941
+ "kind": "js",
3942
+ "name": "default",
3943
+ "declaration": {
3944
+ "name": "Bar",
3945
+ "module": "dist/Bar.js"
3946
+ }
3947
+ },
3948
+ {
3949
+ "kind": "custom-element-definition",
3950
+ "name": "ui5-bar",
3951
+ "declaration": {
3952
+ "name": "Bar",
3953
+ "module": "dist/Bar.js"
3954
+ }
3955
+ }
3956
+ ]
3957
+ },
3853
3958
  {
3854
3959
  "kind": "javascript-module",
3855
3960
  "path": "dist/Breadcrumbs.js",
@@ -3897,21 +4002,21 @@
3897
4002
  },
3898
4003
  {
3899
4004
  "kind": "field",
3900
- "name": "separatorStyle",
4005
+ "name": "separators",
3901
4006
  "type": {
3902
- "text": "BreadcrumbsSeparatorStyle",
4007
+ "text": "BreadcrumbsSeparator",
3903
4008
  "references": [
3904
4009
  {
3905
- "name": "BreadcrumbsSeparatorStyle",
4010
+ "name": "BreadcrumbsSeparator",
3906
4011
  "package": "@ui5/webcomponents",
3907
- "module": "dist/types/BreadcrumbsSeparatorStyle.js"
4012
+ "module": "dist/types/BreadcrumbsSeparator.js"
3908
4013
  }
3909
4014
  ]
3910
4015
  },
3911
4016
  "description": "Determines the visual style of the separator between the breadcrumb items.",
3912
4017
  "default": "\"Slash\"",
3913
4018
  "privacy": "public",
3914
- "_ui5validator": "BreadcrumbsSeparatorStyle"
4019
+ "_ui5validator": "BreadcrumbsSeparator"
3915
4020
  }
3916
4021
  ],
3917
4022
  "events": [
@@ -3986,9 +4091,9 @@
3986
4091
  },
3987
4092
  {
3988
4093
  "description": "Determines the visual style of the separator between the breadcrumb items.",
3989
- "name": "separator-style",
4094
+ "name": "separators",
3990
4095
  "default": "\"Slash\"",
3991
- "fieldName": "separatorStyle",
4096
+ "fieldName": "separators",
3992
4097
  "type": {
3993
4098
  "text": "\"Slash\" | \"BackSlash\" | \"DoubleBackSlash\" | \"DoubleGreaterThan\" | \"DoubleSlash\" | \"GreaterThan\""
3994
4099
  }
@@ -4183,7 +4288,7 @@
4183
4288
  ]
4184
4289
  },
4185
4290
  "description": "Defines the size of the component.",
4186
- "default": "\"Medium\"",
4291
+ "default": "\"M\"",
4187
4292
  "privacy": "public",
4188
4293
  "_ui5validator": "BusyIndicatorSize"
4189
4294
  },
@@ -4241,10 +4346,10 @@
4241
4346
  {
4242
4347
  "description": "Defines the size of the component.",
4243
4348
  "name": "size",
4244
- "default": "\"Medium\"",
4349
+ "default": "\"M\"",
4245
4350
  "fieldName": "size",
4246
4351
  "type": {
4247
- "text": "\"Small\" | \"Medium\" | \"Large\""
4352
+ "text": "\"S\" | \"M\" | \"L\""
4248
4353
  }
4249
4354
  },
4250
4355
  {
@@ -4639,7 +4744,7 @@
4639
4744
  "declarations": [
4640
4745
  {
4641
4746
  "kind": "class",
4642
- "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selected-dates-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [Shift] + [F4] - Shows year picker\n- [Page Up] - Navigate to the previous month\n- [Page Down] - Navigate to the next month\n- [Shift] + [Page Up] - Navigate to the previous year\n- [Shift] + [Page Down] - Navigate to the next year\n- [Ctrl] + [Shift] + [Page Up] - Navigate ten years backwards\n- [Ctrl] + [Shift] + [Page Down] - Navigate ten years forwards\n- [Home] - Navigate to the first day of the week\n- [End] - Navigate to the last day of the week\n- [Ctrl] + [Home] - Navigate to the first day of the month\n- [Ctrl] + [End] - Navigate to the last day of the month\n\n- Month picker:\n\n- [Page Up] - Navigate to the previous year\n- [Page Down] - Navigate to the next year\n- [Home] - Navigate to the first month of the current row\n- [End] - Navigate to the last month of the current row\n- [Ctrl] + [Home] - Navigate to the first month of the current year\n- [Ctrl] + [End] - Navigate to the last month of the year\n\n- Year picker:\n\n- [Page Up] - Navigate to the previous year range\n- [Page Down] - Navigate the next year range\n- [Home] - Navigate to the first year of the current row\n- [End] - Navigate to the last year of the current row\n- [Ctrl] + [Home] - Navigate to the first year of the current year range\n- [Ctrl] + [End] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`",
4747
+ "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selection-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [Shift] + [F4] - Shows year picker\n- [Page Up] - Navigate to the previous month\n- [Page Down] - Navigate to the next month\n- [Shift] + [Page Up] - Navigate to the previous year\n- [Shift] + [Page Down] - Navigate to the next year\n- [Ctrl] + [Shift] + [Page Up] - Navigate ten years backwards\n- [Ctrl] + [Shift] + [Page Down] - Navigate ten years forwards\n- [Home] - Navigate to the first day of the week\n- [End] - Navigate to the last day of the week\n- [Ctrl] + [Home] - Navigate to the first day of the month\n- [Ctrl] + [End] - Navigate to the last day of the month\n\n- Month picker:\n\n- [Page Up] - Navigate to the previous year\n- [Page Down] - Navigate to the next year\n- [Home] - Navigate to the first month of the current row\n- [End] - Navigate to the last month of the current row\n- [Ctrl] + [Home] - Navigate to the first month of the current year\n- [Ctrl] + [End] - Navigate to the last month of the year\n\n- Year picker:\n\n- [Page Up] - Navigate to the previous year range\n- [Page Down] - Navigate the next year range\n- [Home] - Navigate to the first year of the current row\n- [End] - Navigate to the last year of the current row\n- [Ctrl] + [Home] - Navigate to the first year of the current year range\n- [Ctrl] + [End] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`",
4643
4748
  "name": "Calendar",
4644
4749
  "slots": [
4645
4750
  {
@@ -4816,13 +4921,13 @@
4816
4921
  ],
4817
4922
  "events": [
4818
4923
  {
4819
- "name": "selected-dates-change",
4924
+ "name": "selection-change",
4820
4925
  "_ui5privacy": "public",
4821
4926
  "type": {
4822
- "text": "CustomEvent<CalendarSelectedDatesChangeEventDetail>",
4927
+ "text": "CustomEvent<CalendarSelectionChangeEventDetail>",
4823
4928
  "references": [
4824
4929
  {
4825
- "name": "CalendarSelectedDatesChangeEventDetail",
4930
+ "name": "CalendarSelectionChangeEventDetail",
4826
4931
  "package": "@ui5/webcomponents",
4827
4932
  "module": "dist/Calendar.js"
4828
4933
  }
@@ -4835,7 +4940,7 @@
4835
4940
  "type": {
4836
4941
  "text": "Array<string>"
4837
4942
  },
4838
- "name": "values",
4943
+ "name": "selectedValues",
4839
4944
  "_ui5privacy": "public",
4840
4945
  "description": "The selected dates"
4841
4946
  },
@@ -4843,7 +4948,7 @@
4843
4948
  "type": {
4844
4949
  "text": "Array<number>"
4845
4950
  },
4846
- "name": "dates",
4951
+ "name": "selectedDates",
4847
4952
  "_ui5privacy": "public",
4848
4953
  "description": "The selected dates as UTC timestamps"
4849
4954
  }
@@ -5464,15 +5569,9 @@
5464
5569
  "kind": "javascript-module",
5465
5570
  "path": "dist/Card.js",
5466
5571
  "declarations": [
5467
- {
5468
- "kind": "interface",
5469
- "name": "ICardHeader",
5470
- "description": "Interface for components that may be slotted inside `ui5-card` as header",
5471
- "_ui5privacy": "public"
5472
- },
5473
5572
  {
5474
5573
  "kind": "class",
5475
- "description": "### Overview\n\nThe `ui5-card` is a component that represents information in the form of a\ntile with separate header and content areas.\nThe content area of a `ui5-card` can be arbitrary HTML content.\nThe header can be used through slot `header`. For which there is a `ui5-card-header` component to achieve the card look and feel.\n\nNote: We recommend the usage of `ui5-card-header` for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Card\";`\n\n`import \"@ui5/webcomponents/dist/CardHeader.js\";` (for `ui5-card-header`)",
5574
+ "description": "### Overview\n\nThe `ui5-card` is a component that represents information in the form of a\ntile with separate header and content areas.\nThe content area of a `ui5-card` can be arbitrary HTML content.\nThe header can be used through slot `header`. For which there is a `ui5-card-header` component to achieve the card look and feel.\n\nNote: We recommend the usage of `ui5-card-header` for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Card.js\";`\n\n`import \"@ui5/webcomponents/dist/CardHeader.js\";` (for `ui5-card-header`)",
5476
5575
  "name": "Card",
5477
5576
  "cssParts": [
5478
5577
  {
@@ -5499,12 +5598,12 @@
5499
5598
  "description": "Defines the header of the component.\n\n**Note:** Use `ui5-card-header` for the intended design.",
5500
5599
  "_ui5since": "1.0.0-rc.15",
5501
5600
  "_ui5type": {
5502
- "text": "Array<ICardHeader>",
5601
+ "text": "Array<CardHeader>",
5503
5602
  "references": [
5504
5603
  {
5505
- "name": "ICardHeader",
5604
+ "name": "CardHeader",
5506
5605
  "package": "@ui5/webcomponents",
5507
- "module": "dist/Card.js"
5606
+ "module": "dist/CardHeader.js"
5508
5607
  }
5509
5608
  ]
5510
5609
  },
@@ -5592,7 +5691,7 @@
5592
5691
  "declarations": [
5593
5692
  {
5594
5693
  "kind": "class",
5595
- "description": "### Overview\n\nThe `ui5-card-header` is a component, meant to be used as a header of the `ui5-card` component.\nIt displays valuable information, that can be defined with several properties, such as: `titleText`, `subtitleText`, `status`\nand two slots: `avatar` and `action`.\n\n### Keyboard handling\nIn case you enable `interactive` property, you can press the `ui5-card-header` by Space and Enter keys.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/CardHeader\";`",
5694
+ "description": "### Overview\n\nThe `ui5-card-header` is a component, meant to be used as a header of the `ui5-card` component.\nIt displays valuable information, that can be defined with several properties, such as: `titleText`, `subtitleText`, `additionalText`\nand two slots: `avatar` and `action`.\n\n### Keyboard handling\nIn case you enable `interactive` property, you can press the `ui5-card-header` by Space and Enter keys.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/CardHeader\";`",
5596
5695
  "name": "CardHeader",
5597
5696
  "cssParts": [
5598
5697
  {
@@ -5608,8 +5707,8 @@
5608
5707
  "name": "subtitle"
5609
5708
  },
5610
5709
  {
5611
- "description": "Used to style the status of the CardHeader",
5612
- "name": "status"
5710
+ "description": "Used to style the additional text of the CardHeader",
5711
+ "name": "additional-text"
5613
5712
  }
5614
5713
  ],
5615
5714
  "slots": [
@@ -5655,11 +5754,11 @@
5655
5754
  },
5656
5755
  {
5657
5756
  "kind": "field",
5658
- "name": "status",
5757
+ "name": "additionalText",
5659
5758
  "type": {
5660
5759
  "text": "string"
5661
5760
  },
5662
- "description": "Defines the status text.",
5761
+ "description": "Defines the additional text.",
5663
5762
  "default": "\"\"",
5664
5763
  "privacy": "public",
5665
5764
  "_ui5validator": "String"
@@ -5706,10 +5805,10 @@
5706
5805
  }
5707
5806
  },
5708
5807
  {
5709
- "description": "Defines the status text.",
5710
- "name": "status",
5808
+ "description": "Defines the additional text.",
5809
+ "name": "additional-text",
5711
5810
  "default": "\"\"",
5712
- "fieldName": "status",
5811
+ "fieldName": "additionalText",
5713
5812
  "type": {
5714
5813
  "text": "string"
5715
5814
  }
@@ -5732,14 +5831,7 @@
5732
5831
  "tagName": "ui5-card-header",
5733
5832
  "customElement": true,
5734
5833
  "_ui5since": "1.0.0-rc.15",
5735
- "_ui5privacy": "public",
5736
- "_ui5implements": [
5737
- {
5738
- "name": "ICardHeader",
5739
- "package": "@ui5/webcomponents",
5740
- "module": "dist/Card.js"
5741
- }
5742
- ]
5834
+ "_ui5privacy": "public"
5743
5835
  }
5744
5836
  ],
5745
5837
  "exports": [
@@ -5787,6 +5879,30 @@
5787
5879
  }
5788
5880
  ],
5789
5881
  "members": [
5882
+ {
5883
+ "kind": "field",
5884
+ "name": "accessibleName",
5885
+ "type": {
5886
+ "text": "string"
5887
+ },
5888
+ "description": "Defines the accessible name of the component.",
5889
+ "default": "\"\"",
5890
+ "privacy": "public",
5891
+ "_ui5since": "1.24",
5892
+ "_ui5validator": "String"
5893
+ },
5894
+ {
5895
+ "kind": "field",
5896
+ "name": "accessibleNameRef",
5897
+ "type": {
5898
+ "text": "string"
5899
+ },
5900
+ "description": "Defines the IDs of the elements that label the input.",
5901
+ "default": "\"\"",
5902
+ "privacy": "public",
5903
+ "_ui5since": "1.24",
5904
+ "_ui5validator": "String"
5905
+ },
5790
5906
  {
5791
5907
  "kind": "field",
5792
5908
  "name": "cyclic",
@@ -5857,14 +5973,14 @@
5857
5973
  },
5858
5974
  {
5859
5975
  "kind": "field",
5860
- "name": "pageIndicatorStyle",
5976
+ "name": "pageIndicatorType",
5861
5977
  "type": {
5862
- "text": "CarouselPageIndicatorStyle",
5978
+ "text": "CarouselPageIndicatorType",
5863
5979
  "references": [
5864
5980
  {
5865
- "name": "CarouselPageIndicatorStyle",
5981
+ "name": "CarouselPageIndicatorType",
5866
5982
  "package": "@ui5/webcomponents",
5867
- "module": "dist/types/CarouselPageIndicatorStyle.js"
5983
+ "module": "dist/types/CarouselPageIndicatorType.js"
5868
5984
  }
5869
5985
  ]
5870
5986
  },
@@ -5872,7 +5988,7 @@
5872
5988
  "default": "\"Default\"",
5873
5989
  "privacy": "public",
5874
5990
  "_ui5since": "1.10",
5875
- "_ui5validator": "CarouselPageIndicatorStyle"
5991
+ "_ui5validator": "CarouselPageIndicatorType"
5876
5992
  },
5877
5993
  {
5878
5994
  "kind": "field",
@@ -6020,6 +6136,24 @@
6020
6136
  }
6021
6137
  ],
6022
6138
  "attributes": [
6139
+ {
6140
+ "description": "Defines the accessible name of the component.",
6141
+ "name": "accessible-name",
6142
+ "default": "\"\"",
6143
+ "fieldName": "accessibleName",
6144
+ "type": {
6145
+ "text": "string"
6146
+ }
6147
+ },
6148
+ {
6149
+ "description": "Defines the IDs of the elements that label the input.",
6150
+ "name": "accessible-name-ref",
6151
+ "default": "\"\"",
6152
+ "fieldName": "accessibleNameRef",
6153
+ "type": {
6154
+ "text": "string"
6155
+ }
6156
+ },
6023
6157
  {
6024
6158
  "description": "Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.",
6025
6159
  "name": "cyclic",
@@ -6076,9 +6210,9 @@
6076
6210
  },
6077
6211
  {
6078
6212
  "description": "Defines the style of the page indicator.\nAvailable options are:\n\n- `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)\n- `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)",
6079
- "name": "page-indicator-style",
6213
+ "name": "page-indicator-type",
6080
6214
  "default": "\"Default\"",
6081
- "fieldName": "pageIndicatorStyle",
6215
+ "fieldName": "pageIndicatorType",
6082
6216
  "type": {
6083
6217
  "text": "\"Default\" | \"Numeric\""
6084
6218
  }
@@ -6739,52 +6873,6 @@
6739
6873
  "default": "undefined",
6740
6874
  "_ui5since": "1.21.0",
6741
6875
  "_ui5validator": "DOMReference"
6742
- },
6743
- {
6744
- "kind": "method",
6745
- "name": "showAt",
6746
- "return": {
6747
- "type": {
6748
- "text": "void"
6749
- }
6750
- },
6751
- "parameters": [
6752
- {
6753
- "name": "opener",
6754
- "type": {
6755
- "text": "HTMLElement"
6756
- },
6757
- "description": "the element that the popover is shown at",
6758
- "_ui5privacy": "public"
6759
- }
6760
- ],
6761
- "description": "Shows the ColorPalettePopover.",
6762
- "privacy": "public",
6763
- "deprecated": "The method is deprecated in favour of `open` and `opener` properties.",
6764
- "_ui5since": "1.1.1"
6765
- },
6766
- {
6767
- "kind": "method",
6768
- "name": "openPopover",
6769
- "return": {
6770
- "type": {
6771
- "text": "void"
6772
- }
6773
- },
6774
- "parameters": [
6775
- {
6776
- "name": "opener",
6777
- "type": {
6778
- "text": "HTMLElement"
6779
- },
6780
- "description": "the element that the popover is shown at",
6781
- "_ui5privacy": "public"
6782
- }
6783
- ],
6784
- "description": "Shows the ColorPalettePopover.",
6785
- "privacy": "public",
6786
- "deprecated": "The method is deprecated in favour of `open` and `opener` properties.",
6787
- "_ui5since": "1.0.0-rc.16"
6788
6876
  }
6789
6877
  ],
6790
6878
  "events": [
@@ -6920,7 +7008,7 @@
6920
7008
  "members": [
6921
7009
  {
6922
7010
  "kind": "field",
6923
- "name": "color",
7011
+ "name": "value",
6924
7012
  "type": {
6925
7013
  "text": "string"
6926
7014
  },
@@ -6943,9 +7031,9 @@
6943
7031
  "attributes": [
6944
7032
  {
6945
7033
  "description": "Defines the currently selected color of the component.\n\n**Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.",
6946
- "name": "color",
7034
+ "name": "value",
6947
7035
  "default": "\"rgba(255, 255, 255, 1)\"",
6948
- "fieldName": "color",
7036
+ "fieldName": "value",
6949
7037
  "type": {
6950
7038
  "text": "string"
6951
7039
  }
@@ -12283,7 +12371,7 @@
12283
12371
  "declarations": [
12284
12372
  {
12285
12373
  "kind": "class",
12286
- "description": "### Overview\n\nThe `ui5-list` component allows displaying a list of items, advanced keyboard\nhandling support for navigating between items, and predefined modes to improve the development efficiency.\n\nThe `ui5-list` is a container for the available list items:\n\n- `ui5-li`\n- `ui5-li-custom`\n- `ui5-li-groupheader`\n\nTo benefit from the built-in selection mechanism, you can use the available\nselection modes, such as\n`SingleSelect`, `MultiSelect` and `Delete`.\n\nAdditionally, the `ui5-list` provides header, footer, and customization for the list item separators.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Up] or [Down] - Navigates up and down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete),\nwhen the `mode` property is in use:\n\n- [Space] - Select an item (if `type` is 'Active') when `mode` is selection\n- [Delete] - Delete an item if `mode` property is `Delete`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/List.js\";`\n\n`import \"@ui5/webcomponents/dist/StandardListItem.js\";` (for `ui5-li`)\n\n`import \"@ui5/webcomponents/dist/CustomListItem.js\";` (for `ui5-li-custom`)\n\n`import \"@ui5/webcomponents/dist/GroupHeaderListItem.js\";` (for `ui5-li-groupheader`)",
12374
+ "description": "### Overview\n\nThe `ui5-list` component allows displaying a list of items, advanced keyboard\nhandling support for navigating between items, and predefined modes to improve the development efficiency.\n\nThe `ui5-list` is a container for the available list items:\n\n- `ui5-li`\n- `ui5-li-custom`\n- `ui5-li-groupheader`\n\nTo benefit from the built-in selection mechanism, you can use the available\nselection modes, such as\n`Single`, `Multiple` and `Delete`.\n\nAdditionally, the `ui5-list` provides header, footer, and customization for the list item separators.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [Up] or [Down] - Navigates up and down the items\n- [Home] - Navigates to first item\n- [End] - Navigates to the last item\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete),\nwhen the `selectionMode` property is in use:\n\n- [Space] - Select an item (if `type` is 'Active') when `selectionMode` is selection\n- [Delete] - Delete an item if `selectionMode` property is `Delete`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/List.js\";`\n\n`import \"@ui5/webcomponents/dist/StandardListItem.js\";` (for `ui5-li`)\n\n`import \"@ui5/webcomponents/dist/CustomListItem.js\";` (for `ui5-li-custom`)\n\n`import \"@ui5/webcomponents/dist/GroupHeaderListItem.js\";` (for `ui5-li-groupheader`)",
12287
12375
  "name": "List",
12288
12376
  "slots": [
12289
12377
  {
@@ -12347,21 +12435,21 @@
12347
12435
  },
12348
12436
  {
12349
12437
  "kind": "field",
12350
- "name": "mode",
12438
+ "name": "selectionMode",
12351
12439
  "type": {
12352
- "text": "ListMode",
12440
+ "text": "ListSelectionMode",
12353
12441
  "references": [
12354
12442
  {
12355
- "name": "ListMode",
12443
+ "name": "ListSelectionMode",
12356
12444
  "package": "@ui5/webcomponents",
12357
- "module": "dist/types/ListMode.js"
12445
+ "module": "dist/types/ListSelectionMode.js"
12358
12446
  }
12359
12447
  ]
12360
12448
  },
12361
- "description": "Defines the mode of the component.",
12449
+ "description": "Defines the selection mode of the component.",
12362
12450
  "default": "\"None\"",
12363
12451
  "privacy": "public",
12364
- "_ui5validator": "ListMode"
12452
+ "_ui5validator": "ListSelectionMode"
12365
12453
  },
12366
12454
  {
12367
12455
  "kind": "field",
@@ -12425,7 +12513,7 @@
12425
12513
  },
12426
12514
  {
12427
12515
  "kind": "field",
12428
- "name": "busy",
12516
+ "name": "loading",
12429
12517
  "type": {
12430
12518
  "text": "boolean"
12431
12519
  },
@@ -12437,11 +12525,11 @@
12437
12525
  },
12438
12526
  {
12439
12527
  "kind": "field",
12440
- "name": "busyDelay",
12528
+ "name": "loadingDelay",
12441
12529
  "type": {
12442
12530
  "text": "number"
12443
12531
  },
12444
- "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
12532
+ "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
12445
12533
  "default": "1000",
12446
12534
  "privacy": "public",
12447
12535
  "_ui5validator": "Integer"
@@ -12575,7 +12663,7 @@
12575
12663
  }
12576
12664
  ]
12577
12665
  },
12578
- "description": "Fired when the Delete button of any item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `mode` property is set to `Delete`.",
12666
+ "description": "Fired when the Delete button of any item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `selectionMode` property is set to `Delete`.",
12579
12667
  "_ui5parameters": [
12580
12668
  {
12581
12669
  "type": {
@@ -12600,7 +12688,7 @@
12600
12688
  }
12601
12689
  ]
12602
12690
  },
12603
- "description": "Fired when selection is changed by user interaction\nin `SingleSelect`, `SingleSelectBegin`, `SingleSelectEnd` and `MultiSelect` modes.",
12691
+ "description": "Fired when selection is changed by user interaction\nin `Single`, `SingleStart`, `SingleEnd` and `Multiple` selection modes.",
12604
12692
  "_ui5allowPreventDefault": true,
12605
12693
  "_ui5parameters": [
12606
12694
  {
@@ -12674,12 +12762,12 @@
12674
12762
  }
12675
12763
  },
12676
12764
  {
12677
- "description": "Defines the mode of the component.",
12678
- "name": "mode",
12765
+ "description": "Defines the selection mode of the component.",
12766
+ "name": "selection-mode",
12679
12767
  "default": "\"None\"",
12680
- "fieldName": "mode",
12768
+ "fieldName": "selectionMode",
12681
12769
  "type": {
12682
- "text": "\"None\" | \"SingleSelect\" | \"SingleSelectBegin\" | \"SingleSelectEnd\" | \"SingleSelectAuto\" | \"MultiSelect\" | \"Delete\""
12770
+ "text": "\"None\" | \"Single\" | \"Multiple\" | \"SingleStart\" | \"SingleEnd\" | \"SingleAuto\" | \"Delete\""
12683
12771
  }
12684
12772
  },
12685
12773
  {
@@ -12720,18 +12808,18 @@
12720
12808
  },
12721
12809
  {
12722
12810
  "description": "Defines if the component would display a loading indicator over the list.",
12723
- "name": "busy",
12811
+ "name": "loading",
12724
12812
  "default": "false",
12725
- "fieldName": "busy",
12813
+ "fieldName": "loading",
12726
12814
  "type": {
12727
12815
  "text": "boolean"
12728
12816
  }
12729
12817
  },
12730
12818
  {
12731
- "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
12732
- "name": "busy-delay",
12819
+ "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
12820
+ "name": "loading-delay",
12733
12821
  "default": "1000",
12734
- "fieldName": "busyDelay",
12822
+ "fieldName": "loadingDelay",
12735
12823
  "type": {
12736
12824
  "text": "number"
12737
12825
  }
@@ -15198,18 +15286,6 @@
15198
15286
  "privacy": "public",
15199
15287
  "_ui5validator": "Boolean"
15200
15288
  },
15201
- {
15202
- "kind": "field",
15203
- "name": "disabled",
15204
- "type": {
15205
- "text": "boolean"
15206
- },
15207
- "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is hidden.",
15208
- "default": "false",
15209
- "privacy": "public",
15210
- "_ui5since": "1.0.0-rc.12",
15211
- "_ui5validator": "Boolean"
15212
- },
15213
15289
  {
15214
15290
  "kind": "field",
15215
15291
  "name": "icon",
@@ -15255,15 +15331,6 @@
15255
15331
  "text": "boolean"
15256
15332
  }
15257
15333
  },
15258
- {
15259
- "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is hidden.",
15260
- "name": "disabled",
15261
- "default": "false",
15262
- "fieldName": "disabled",
15263
- "type": {
15264
- "text": "boolean"
15265
- }
15266
- },
15267
15334
  {
15268
15335
  "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
15269
15336
  "name": "icon",
@@ -15639,21 +15706,21 @@
15639
15706
  },
15640
15707
  {
15641
15708
  "kind": "field",
15642
- "name": "placementType",
15709
+ "name": "placement",
15643
15710
  "type": {
15644
- "text": "PopoverPlacementType",
15711
+ "text": "PopoverPlacement",
15645
15712
  "references": [
15646
15713
  {
15647
- "name": "PopoverPlacementType",
15714
+ "name": "PopoverPlacement",
15648
15715
  "package": "@ui5/webcomponents",
15649
- "module": "dist/types/PopoverPlacementType.js"
15716
+ "module": "dist/types/PopoverPlacement.js"
15650
15717
  }
15651
15718
  ]
15652
15719
  },
15653
15720
  "description": "Determines on which side the component is placed at.",
15654
- "default": "\"Right\"",
15721
+ "default": "\"End\"",
15655
15722
  "privacy": "public",
15656
- "_ui5validator": "PopoverPlacementType"
15723
+ "_ui5validator": "PopoverPlacement"
15657
15724
  },
15658
15725
  {
15659
15726
  "kind": "field",
@@ -15942,11 +16009,11 @@
15942
16009
  },
15943
16010
  {
15944
16011
  "description": "Determines on which side the component is placed at.",
15945
- "name": "placement-type",
15946
- "default": "\"Right\"",
15947
- "fieldName": "placementType",
16012
+ "name": "placement",
16013
+ "default": "\"End\"",
16014
+ "fieldName": "placement",
15948
16015
  "type": {
15949
- "text": "\"Top\" | \"Bottom\" | \"Left\" | \"Right\""
16016
+ "text": "\"Top\" | \"Bottom\" | \"Start\" | \"End\""
15950
16017
  }
15951
16018
  },
15952
16019
  {
@@ -15955,7 +16022,7 @@
15955
16022
  "default": "\"Center\"",
15956
16023
  "fieldName": "horizontalAlign",
15957
16024
  "type": {
15958
- "text": "\"Left\" | \"Right\" | \"Center\" | \"Stretch\""
16025
+ "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
15959
16026
  }
15960
16027
  },
15961
16028
  {
@@ -16483,17 +16550,6 @@
16483
16550
  "_ui5since": "1.16.0",
16484
16551
  "_ui5validator": "String"
16485
16552
  },
16486
- {
16487
- "kind": "field",
16488
- "name": "disabled",
16489
- "type": {
16490
- "text": "boolean"
16491
- },
16492
- "description": "Defines whether component is in disabled state.",
16493
- "default": "false",
16494
- "privacy": "public",
16495
- "_ui5validator": "Boolean"
16496
- },
16497
16553
  {
16498
16554
  "kind": "field",
16499
16555
  "name": "hideValue",
@@ -16556,15 +16612,6 @@
16556
16612
  "text": "string"
16557
16613
  }
16558
16614
  },
16559
- {
16560
- "description": "Defines whether component is in disabled state.",
16561
- "name": "disabled",
16562
- "default": "false",
16563
- "fieldName": "disabled",
16564
- "type": {
16565
- "text": "boolean"
16566
- }
16567
- },
16568
16615
  {
16569
16616
  "description": "Defines whether the component value is shown.",
16570
16617
  "name": "hide-value",
@@ -17623,21 +17670,21 @@
17623
17670
  },
17624
17671
  {
17625
17672
  "kind": "field",
17626
- "name": "placementType",
17673
+ "name": "placement",
17627
17674
  "type": {
17628
- "text": "PopoverPlacementType",
17675
+ "text": "PopoverPlacement",
17629
17676
  "references": [
17630
17677
  {
17631
- "name": "PopoverPlacementType",
17678
+ "name": "PopoverPlacement",
17632
17679
  "package": "@ui5/webcomponents",
17633
- "module": "dist/types/PopoverPlacementType.js"
17680
+ "module": "dist/types/PopoverPlacement.js"
17634
17681
  }
17635
17682
  ]
17636
17683
  },
17637
17684
  "description": "Determines on which side the component is placed at.",
17638
- "default": "\"Right\"",
17685
+ "default": "\"End\"",
17639
17686
  "privacy": "public",
17640
- "_ui5validator": "PopoverPlacementType",
17687
+ "_ui5validator": "PopoverPlacement",
17641
17688
  "inheritedFrom": {
17642
17689
  "name": "Popover",
17643
17690
  "module": "dist/Popover.js"
@@ -17909,11 +17956,11 @@
17909
17956
  },
17910
17957
  {
17911
17958
  "description": "Determines on which side the component is placed at.",
17912
- "name": "placement-type",
17913
- "default": "\"Right\"",
17914
- "fieldName": "placementType",
17959
+ "name": "placement",
17960
+ "default": "\"End\"",
17961
+ "fieldName": "placement",
17915
17962
  "type": {
17916
- "text": "\"Top\" | \"Bottom\" | \"Left\" | \"Right\""
17963
+ "text": "\"Top\" | \"Bottom\" | \"Start\" | \"End\""
17917
17964
  },
17918
17965
  "inheritedFrom": {
17919
17966
  "name": "Popover",
@@ -17926,7 +17973,7 @@
17926
17973
  "default": "\"Center\"",
17927
17974
  "fieldName": "horizontalAlign",
17928
17975
  "type": {
17929
- "text": "\"Left\" | \"Right\" | \"Center\" | \"Stretch\""
17976
+ "text": "\"Start\" | \"End\" | \"Center\" | \"Stretch\""
17930
17977
  },
17931
17978
  "inheritedFrom": {
17932
17979
  "name": "Popover",
@@ -21890,17 +21937,10 @@
21890
21937
  "_ui5privacy": "public"
21891
21938
  },
21892
21939
  {
21893
- "name": "subTabs",
21940
+ "name": "items",
21894
21941
  "description": "Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.",
21895
21942
  "_ui5type": {
21896
- "text": "Array<ITab>",
21897
- "references": [
21898
- {
21899
- "name": "ITab",
21900
- "package": "@ui5/webcomponents",
21901
- "module": "dist/TabContainer.js"
21902
- }
21903
- ]
21943
+ "text": "Array<Tab | TabSeparator>"
21904
21944
  },
21905
21945
  "_ui5privacy": "public"
21906
21946
  }
@@ -21981,20 +22021,13 @@
21981
22021
  },
21982
22022
  {
21983
22023
  "kind": "method",
21984
- "name": "getTabInStripDomRef",
22024
+ "name": "getDomRefInStrip",
21985
22025
  "return": {
21986
22026
  "type": {
21987
- "text": "ITab | null",
21988
- "references": [
21989
- {
21990
- "name": "ITab",
21991
- "package": "@ui5/webcomponents",
21992
- "module": "dist/TabContainer.js"
21993
- }
21994
- ]
22027
+ "text": "HTMLElement | undefined"
21995
22028
  }
21996
22029
  },
21997
- "description": "Returns the DOM reference of the tab that is placed in the header.\n\n**Note:** Tabs, placed in the `subTabs` slot of other tabs are not shown in the header. Calling this method on such tabs will return `null`.\n\n**Note:** If you need a DOM ref to the tab content please use the `getDomRef` method.",
22030
+ "description": "Returns the DOM reference of the tab that is placed in the header.\n\n**Note:** Tabs, placed in the `items` slot of other tabs are not shown in the header. Calling this method on such tabs will return `undefined`.\n\n**Note:** If you need a DOM ref to the tab content please use the `getDomRef` method.",
21998
22031
  "privacy": "public",
21999
22032
  "_ui5since": "1.0.0-rc.16"
22000
22033
  }
@@ -22063,14 +22096,7 @@
22063
22096
  "tagName": "ui5-tab",
22064
22097
  "customElement": true,
22065
22098
  "_ui5privacy": "public",
22066
- "_ui5abstract": true,
22067
- "_ui5implements": [
22068
- {
22069
- "name": "ITab",
22070
- "package": "@ui5/webcomponents",
22071
- "module": "dist/TabContainer.js"
22072
- }
22073
- ]
22099
+ "_ui5abstract": true
22074
22100
  }
22075
22101
  ],
22076
22102
  "exports": [
@@ -22096,12 +22122,6 @@
22096
22122
  "kind": "javascript-module",
22097
22123
  "path": "dist/TabContainer.js",
22098
22124
  "declarations": [
22099
- {
22100
- "kind": "interface",
22101
- "name": "ITab",
22102
- "description": "Interface for components that may be slotted inside `ui5-tabcontainer` as items",
22103
- "_ui5privacy": "public"
22104
- },
22105
22125
  {
22106
22126
  "kind": "class",
22107
22127
  "description": "### Overview\n\nThe `ui5-tabcontainer` represents a collection of tabs with associated content.\nNavigation through the tabs changes the content display of the currently active content area.\nA tab can be labeled with text only, or icons with text.\n\n### Structure\n\nThe `ui5-tabcontainer` can hold two types of entities:\n\n- `ui5-tab` - contains all the information on an item (text and icon)\n- `ui5-tab-separator` - used to separate tabs with a line\n\n### Hierarchies\nMultiple sub tabs could be placed underneath one main tab. Nesting allows deeper hierarchies with indentations\nto indicate the level of each nested tab. When a tab has both sub tabs and own content its click area is split\nto allow the user to display the content or alternatively to expand / collapse the list of sub tabs.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TabContainer.js\";`\n\n`import \"@ui5/webcomponents/dist/Tab.js\";` (for `ui5-tab`)\n\n`import \"@ui5/webcomponents/dist/TabSeparator.js\";` (for `ui5-tab-separator`)",
@@ -22122,14 +22142,7 @@
22122
22142
  "description": "Defines the tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.",
22123
22143
  "_ui5propertyName": "items",
22124
22144
  "_ui5type": {
22125
- "text": "Array<ITab>",
22126
- "references": [
22127
- {
22128
- "name": "ITab",
22129
- "package": "@ui5/webcomponents",
22130
- "module": "dist/TabContainer.js"
22131
- }
22132
- ]
22145
+ "text": "Array<Tab | TabSeparator>"
22133
22146
  },
22134
22147
  "_ui5privacy": "public"
22135
22148
  },
@@ -22167,17 +22180,6 @@
22167
22180
  }
22168
22181
  ],
22169
22182
  "members": [
22170
- {
22171
- "kind": "field",
22172
- "name": "fixed",
22173
- "type": {
22174
- "text": "boolean"
22175
- },
22176
- "description": "Defines whether the tabs are in a fixed state that is not\nexpandable/collapsible by user interaction.",
22177
- "default": "false",
22178
- "privacy": "public",
22179
- "_ui5validator": "Boolean"
22180
- },
22181
22183
  {
22182
22184
  "kind": "field",
22183
22185
  "name": "collapsed",
@@ -22189,18 +22191,6 @@
22189
22191
  "privacy": "public",
22190
22192
  "_ui5validator": "Boolean"
22191
22193
  },
22192
- {
22193
- "kind": "field",
22194
- "name": "showOverflow",
22195
- "type": {
22196
- "text": "boolean"
22197
- },
22198
- "description": "Defines whether the overflow select list is displayed.\n\nThe overflow select list represents a list, where all tabs are displayed\nso that it's easier for the user to select a specific tab.",
22199
- "default": "false",
22200
- "privacy": "public",
22201
- "deprecated": "Since the introduction of TabsOverflowMode, overflows will always be visible if there is not enough space for all tabs,\nall hidden tabs are moved to a select list in the respective overflows and are accessible via the `overflowButton` and / or `startOverflowButton` slots.",
22202
- "_ui5validator": "Boolean"
22203
- },
22204
22194
  {
22205
22195
  "kind": "field",
22206
22196
  "name": "tabLayout",
@@ -22221,14 +22211,14 @@
22221
22211
  },
22222
22212
  {
22223
22213
  "kind": "field",
22224
- "name": "tabsOverflowMode",
22214
+ "name": "overflowMode",
22225
22215
  "type": {
22226
- "text": "TabsOverflowMode",
22216
+ "text": "OverflowMode",
22227
22217
  "references": [
22228
22218
  {
22229
- "name": "TabsOverflowMode",
22219
+ "name": "OverflowMode",
22230
22220
  "package": "@ui5/webcomponents",
22231
- "module": "dist/types/TabsOverflowMode.js"
22221
+ "module": "dist/types/OverflowMode.js"
22232
22222
  }
22233
22223
  ]
22234
22224
  },
@@ -22236,18 +22226,18 @@
22236
22226
  "default": "\"End\"",
22237
22227
  "privacy": "public",
22238
22228
  "_ui5since": "1.1.0",
22239
- "_ui5validator": "TabsOverflowMode"
22229
+ "_ui5validator": "OverflowMode"
22240
22230
  },
22241
22231
  {
22242
22232
  "kind": "field",
22243
22233
  "name": "headerBackgroundDesign",
22244
22234
  "type": {
22245
- "text": "TabContainerBackgroundDesign",
22235
+ "text": "BackgroundDesign",
22246
22236
  "references": [
22247
22237
  {
22248
- "name": "TabContainerBackgroundDesign",
22238
+ "name": "BackgroundDesign",
22249
22239
  "package": "@ui5/webcomponents",
22250
- "module": "dist/types/TabContainerBackgroundDesign.js"
22240
+ "module": "dist/types/BackgroundDesign.js"
22251
22241
  }
22252
22242
  ]
22253
22243
  },
@@ -22255,18 +22245,18 @@
22255
22245
  "default": "\"Solid\"",
22256
22246
  "privacy": "public",
22257
22247
  "_ui5since": "1.10.0",
22258
- "_ui5validator": "TabContainerBackgroundDesign"
22248
+ "_ui5validator": "BackgroundDesign"
22259
22249
  },
22260
22250
  {
22261
22251
  "kind": "field",
22262
22252
  "name": "contentBackgroundDesign",
22263
22253
  "type": {
22264
- "text": "TabContainerBackgroundDesign",
22254
+ "text": "BackgroundDesign",
22265
22255
  "references": [
22266
22256
  {
22267
- "name": "TabContainerBackgroundDesign",
22257
+ "name": "BackgroundDesign",
22268
22258
  "package": "@ui5/webcomponents",
22269
- "module": "dist/types/TabContainerBackgroundDesign.js"
22259
+ "module": "dist/types/BackgroundDesign.js"
22270
22260
  }
22271
22261
  ]
22272
22262
  },
@@ -22274,20 +22264,13 @@
22274
22264
  "default": "\"Solid\"",
22275
22265
  "privacy": "public",
22276
22266
  "_ui5since": "1.10.0",
22277
- "_ui5validator": "TabContainerBackgroundDesign"
22267
+ "_ui5validator": "BackgroundDesign"
22278
22268
  },
22279
22269
  {
22280
22270
  "kind": "field",
22281
22271
  "name": "allItems",
22282
22272
  "type": {
22283
- "text": "Array<ITab>",
22284
- "references": [
22285
- {
22286
- "name": "ITab",
22287
- "package": "@ui5/webcomponents",
22288
- "module": "dist/TabContainer.js"
22289
- }
22290
- ]
22273
+ "text": "Array<Tab | TabSeparator>"
22291
22274
  },
22292
22275
  "description": "Returns all slotted tabs and their subTabs in a flattened array.\nThe order of tabs is depth-first.",
22293
22276
  "privacy": "public",
@@ -22314,12 +22297,12 @@
22314
22297
  "_ui5parameters": [
22315
22298
  {
22316
22299
  "type": {
22317
- "text": "ITab",
22300
+ "text": "Tab",
22318
22301
  "references": [
22319
22302
  {
22320
- "name": "ITab",
22303
+ "name": "Tab",
22321
22304
  "package": "@ui5/webcomponents",
22322
- "module": "dist/TabContainer.js"
22305
+ "module": "dist/Tab.js"
22323
22306
  }
22324
22307
  ]
22325
22308
  },
@@ -22346,15 +22329,6 @@
22346
22329
  }
22347
22330
  ],
22348
22331
  "attributes": [
22349
- {
22350
- "description": "Defines whether the tabs are in a fixed state that is not\nexpandable/collapsible by user interaction.",
22351
- "name": "fixed",
22352
- "default": "false",
22353
- "fieldName": "fixed",
22354
- "type": {
22355
- "text": "boolean"
22356
- }
22357
- },
22358
22332
  {
22359
22333
  "description": "Defines whether the tab content is collapsed.",
22360
22334
  "name": "collapsed",
@@ -22364,16 +22338,6 @@
22364
22338
  "text": "boolean"
22365
22339
  }
22366
22340
  },
22367
- {
22368
- "description": "Defines whether the overflow select list is displayed.\n\nThe overflow select list represents a list, where all tabs are displayed\nso that it's easier for the user to select a specific tab.",
22369
- "name": "show-overflow",
22370
- "default": "false",
22371
- "fieldName": "showOverflow",
22372
- "type": {
22373
- "text": "boolean"
22374
- },
22375
- "deprecated": "Since the introduction of TabsOverflowMode, overflows will always be visible if there is not enough space for all tabs,\nall hidden tabs are moved to a select list in the respective overflows and are accessible via the `overflowButton` and / or `startOverflowButton` slots."
22376
- },
22377
22341
  {
22378
22342
  "description": "Defines the alignment of the content and the `additionalText` of a tab.\n\n**Note:**\nThe content and the `additionalText` would be displayed vertically by default,\nbut when set to `Inline`, they would be displayed horizontally.",
22379
22343
  "name": "tab-layout",
@@ -22385,9 +22349,9 @@
22385
22349
  },
22386
22350
  {
22387
22351
  "description": "Defines the overflow mode of the header (the tab strip). If you have a large number of tabs, only the tabs that can fit on screen will be visible.\nAll other tabs that can 't fit on the screen are available in an overflow tab \"More\".\n\n**Note:**\nOnly one overflow at the end would be displayed by default,\nbut when set to `StartAndEnd`, there will be two overflows on both ends, and tab order will not change on tab selection.",
22388
- "name": "tabs-overflow-mode",
22352
+ "name": "overflow-mode",
22389
22353
  "default": "\"End\"",
22390
- "fieldName": "tabsOverflowMode",
22354
+ "fieldName": "overflowMode",
22391
22355
  "type": {
22392
22356
  "text": "\"End\" | \"StartAndEnd\""
22393
22357
  }
@@ -22460,20 +22424,13 @@
22460
22424
  "members": [
22461
22425
  {
22462
22426
  "kind": "method",
22463
- "name": "getTabInStripDomRef",
22427
+ "name": "getDomRefInStrip",
22464
22428
  "return": {
22465
22429
  "type": {
22466
- "text": "ITab | null",
22467
- "references": [
22468
- {
22469
- "name": "ITab",
22470
- "package": "@ui5/webcomponents",
22471
- "module": "dist/TabContainer.js"
22472
- }
22473
- ]
22430
+ "text": "HTMLElement | undefined"
22474
22431
  }
22475
22432
  },
22476
- "description": "Returns the DOM reference of the separator that is placed in the header.\n\n**Note:** Tabs and separators, placed in the `subTabs` slot of other tabs are not shown in the header. Calling this method on such tabs or separators will return `null`.",
22433
+ "description": "Returns the DOM reference of the separator that is placed in the header.\n\n**Note:** Separators, placed in the `items` slot of other tabs are not shown in the header. Calling this method on such separators will return `undefined`.",
22477
22434
  "privacy": "public"
22478
22435
  }
22479
22436
  ],
@@ -22485,14 +22442,7 @@
22485
22442
  "tagName": "ui5-tab-separator",
22486
22443
  "customElement": true,
22487
22444
  "_ui5privacy": "public",
22488
- "_ui5abstract": true,
22489
- "_ui5implements": [
22490
- {
22491
- "name": "ITab",
22492
- "package": "@ui5/webcomponents",
22493
- "module": "dist/TabContainer.js"
22494
- }
22495
- ]
22445
+ "_ui5abstract": true
22496
22446
  }
22497
22447
  ],
22498
22448
  "exports": [
@@ -23841,7 +23791,7 @@
23841
23791
  "name": "openPicker",
23842
23792
  "return": {
23843
23793
  "type": {
23844
- "text": "Promise<void>"
23794
+ "text": "void"
23845
23795
  },
23846
23796
  "description": "Resolves when the picker is open"
23847
23797
  },
@@ -23857,7 +23807,7 @@
23857
23807
  "name": "closePicker",
23858
23808
  "return": {
23859
23809
  "type": {
23860
- "text": "Promise<void>"
23810
+ "text": "void"
23861
23811
  },
23862
23812
  "description": "Resolves when the picker is closed"
23863
23813
  },
@@ -24200,7 +24150,7 @@
24200
24150
  "name": "openPicker",
24201
24151
  "return": {
24202
24152
  "type": {
24203
- "text": "Promise<void>"
24153
+ "text": "void"
24204
24154
  },
24205
24155
  "description": "Resolves when the picker is open"
24206
24156
  },
@@ -24212,7 +24162,7 @@
24212
24162
  "name": "closePicker",
24213
24163
  "return": {
24214
24164
  "type": {
24215
- "text": "Promise<void>"
24165
+ "text": "void"
24216
24166
  },
24217
24167
  "description": "Resolves when the picker is closed"
24218
24168
  },
@@ -25336,7 +25286,7 @@
25336
25286
  "name": "isOverflowOpen",
25337
25287
  "return": {
25338
25288
  "type": {
25339
- "text": "Promise<boolean>"
25289
+ "text": "boolean"
25340
25290
  }
25341
25291
  },
25342
25292
  "description": "Returns if the overflow popup is open.",
@@ -25350,7 +25300,7 @@
25350
25300
  "default": "\"End\"",
25351
25301
  "fieldName": "alignContent",
25352
25302
  "type": {
25353
- "text": "\"End\" | \"Start\""
25303
+ "text": "\"Start\" | \"End\""
25354
25304
  }
25355
25305
  },
25356
25306
  {
@@ -26397,7 +26347,7 @@
26397
26347
  "declarations": [
26398
26348
  {
26399
26349
  "kind": "class",
26400
- "description": "### Overview\nThe `ui5-tree` component provides a tree structure for displaying data in a hierarchy.\n\n### Usage\n\n#### When to use:\n\n- To display hierarchically structured items.\n- To select one or more items out of a set of hierarchically structured items.\n\n#### When not to use:\n\n- To display items not hierarchically structured. In this case, use the List component.\n- To select one item from a very small number of non-hierarchical items. Select or ComboBox might be more appropriate.\n- The hierarchy turns out to have only two levels. In this case, use List with group items.\n\n### Keyboard Handling\n\nThe `ui5-tree` provides advanced keyboard handling.\nThe user can use the following keyboard shortcuts in order to navigate trough the tree:\n\n- [Up] or [Down] - Navigates up and down the tree items that are currently visible.\n- [Right] - Drills down the tree by expanding the tree nodes.\n- [Left] - Goes up the tree and collapses the tree nodes.\n\nThe user can use the following keyboard shortcuts to perform selection,\nwhen the `mode` property is in use:\n\n- [Space] - Selects the currently focused item upon keyup.\n- [Enter] - Selects the currently focused item upon keydown.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Tree.js\";`\n\n`import \"@ui5/webcomponents/dist/TreeItem.js\";`",
26350
+ "description": "### Overview\nThe `ui5-tree` component provides a tree structure for displaying data in a hierarchy.\n\n### Usage\n\n#### When to use:\n\n- To display hierarchically structured items.\n- To select one or more items out of a set of hierarchically structured items.\n\n#### When not to use:\n\n- To display items not hierarchically structured. In this case, use the List component.\n- To select one item from a very small number of non-hierarchical items. Select or ComboBox might be more appropriate.\n- The hierarchy turns out to have only two levels. In this case, use List with group items.\n\n### Keyboard Handling\n\nThe `ui5-tree` provides advanced keyboard handling.\nThe user can use the following keyboard shortcuts in order to navigate trough the tree:\n\n- [Up] or [Down] - Navigates up and down the tree items that are currently visible.\n- [Right] - Drills down the tree by expanding the tree nodes.\n- [Left] - Goes up the tree and collapses the tree nodes.\n\nThe user can use the following keyboard shortcuts to perform selection,\nwhen the `selectionMode` property is in use:\n\n- [Space] - Selects the currently focused item upon keyup.\n- [Enter] - Selects the currently focused item upon keydown.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Tree.js\";`\n\n`import \"@ui5/webcomponents/dist/TreeItem.js\";`",
26401
26351
  "name": "Tree",
26402
26352
  "slots": [
26403
26353
  {
@@ -26428,21 +26378,21 @@
26428
26378
  "members": [
26429
26379
  {
26430
26380
  "kind": "field",
26431
- "name": "mode",
26381
+ "name": "selectionMode",
26432
26382
  "type": {
26433
- "text": "ListMode",
26383
+ "text": "ListSelectionMode",
26434
26384
  "references": [
26435
26385
  {
26436
- "name": "ListMode",
26386
+ "name": "ListSelectionMode",
26437
26387
  "package": "@ui5/webcomponents",
26438
- "module": "dist/types/ListMode.js"
26388
+ "module": "dist/types/ListSelectionMode.js"
26439
26389
  }
26440
26390
  ]
26441
26391
  },
26442
- "description": "Defines the mode of the component. Since the tree uses a `ui5-list` to display its structure,\nthe tree modes are exactly the same as the list modes, and are all applicable.",
26392
+ "description": "Defines the selection mode of the component. Since the tree uses a `ui5-list` to display its structure,\nthe tree modes are exactly the same as the list modes, and are all applicable.",
26443
26393
  "privacy": "public",
26444
26394
  "default": "\"None\"",
26445
- "_ui5validator": "ListMode"
26395
+ "_ui5validator": "ListSelectionMode"
26446
26396
  },
26447
26397
  {
26448
26398
  "kind": "field",
@@ -26648,7 +26598,7 @@
26648
26598
  }
26649
26599
  ]
26650
26600
  },
26651
- "description": "Fired when the Delete button of any tree item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `mode` property is set to `Delete`.",
26601
+ "description": "Fired when the Delete button of any tree item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `selectionMode` property is set to `Delete`.",
26652
26602
  "_ui5parameters": [
26653
26603
  {
26654
26604
  "type": {
@@ -26673,7 +26623,7 @@
26673
26623
  }
26674
26624
  ]
26675
26625
  },
26676
- "description": "Fired when selection is changed by user interaction\nin `SingleSelect`, `SingleSelectBegin`, `SingleSelectEnd` and `MultiSelect` modes.",
26626
+ "description": "Fired when selection is changed by user interaction\nin `Single`, `SingleStart`, `SingleEnd` and `Multiple` modes.",
26677
26627
  "_ui5parameters": [
26678
26628
  {
26679
26629
  "type": {
@@ -26704,12 +26654,12 @@
26704
26654
  ],
26705
26655
  "attributes": [
26706
26656
  {
26707
- "description": "Defines the mode of the component. Since the tree uses a `ui5-list` to display its structure,\nthe tree modes are exactly the same as the list modes, and are all applicable.",
26708
- "name": "mode",
26657
+ "description": "Defines the selection mode of the component. Since the tree uses a `ui5-list` to display its structure,\nthe tree modes are exactly the same as the list modes, and are all applicable.",
26658
+ "name": "selection-mode",
26709
26659
  "default": "\"None\"",
26710
- "fieldName": "mode",
26660
+ "fieldName": "selectionMode",
26711
26661
  "type": {
26712
- "text": "\"None\" | \"SingleSelect\" | \"SingleSelectBegin\" | \"SingleSelectEnd\" | \"SingleSelectAuto\" | \"MultiSelect\" | \"Delete\""
26662
+ "text": "\"None\" | \"Single\" | \"Multiple\" | \"SingleStart\" | \"SingleEnd\" | \"SingleAuto\" | \"Delete\""
26713
26663
  }
26714
26664
  },
26715
26665
  {
@@ -26870,7 +26820,7 @@
26870
26820
  "type": {
26871
26821
  "text": "boolean"
26872
26822
  },
26873
- "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
26823
+ "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
26874
26824
  "default": "false",
26875
26825
  "privacy": "public",
26876
26826
  "_ui5since": "1.1.0",
@@ -27111,7 +27061,7 @@
27111
27061
  }
27112
27062
  },
27113
27063
  {
27114
- "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
27064
+ "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
27115
27065
  "name": "indeterminate",
27116
27066
  "default": "false",
27117
27067
  "fieldName": "indeterminate",
@@ -27327,7 +27277,7 @@
27327
27277
  "type": {
27328
27278
  "text": "boolean"
27329
27279
  },
27330
- "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
27280
+ "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
27331
27281
  "default": "false",
27332
27282
  "privacy": "public",
27333
27283
  "_ui5since": "1.1.0",
@@ -27522,7 +27472,7 @@
27522
27472
  }
27523
27473
  },
27524
27474
  {
27525
- "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
27475
+ "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
27526
27476
  "name": "indeterminate",
27527
27477
  "default": "false",
27528
27478
  "fieldName": "indeterminate",
@@ -27738,7 +27688,7 @@
27738
27688
  "type": {
27739
27689
  "text": "boolean"
27740
27690
  },
27741
- "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
27691
+ "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
27742
27692
  "default": "false",
27743
27693
  "privacy": "public",
27744
27694
  "_ui5since": "1.1.0",
@@ -27970,7 +27920,7 @@
27970
27920
  }
27971
27921
  },
27972
27922
  {
27973
- "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
27923
+ "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.",
27974
27924
  "name": "indeterminate",
27975
27925
  "default": "false",
27976
27926
  "fieldName": "indeterminate",