@ui5/webcomponents 2.27.2 → 2.28.1

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 (590) hide show
  1. package/CHANGELOG.md +47 -2
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/Avatar.d.ts +13 -7
  4. package/dist/Avatar.js +10 -6
  5. package/dist/Avatar.js.map +1 -1
  6. package/dist/AvatarGroup.d.ts +2 -2
  7. package/dist/AvatarGroup.js +3 -3
  8. package/dist/AvatarGroup.js.map +1 -1
  9. package/dist/Bar.d.ts +12 -9
  10. package/dist/Bar.js +12 -10
  11. package/dist/Bar.js.map +1 -1
  12. package/dist/Breadcrumbs.d.ts +2 -1
  13. package/dist/Breadcrumbs.js +2 -1
  14. package/dist/Breadcrumbs.js.map +1 -1
  15. package/dist/BreadcrumbsItem.d.ts +1 -1
  16. package/dist/BreadcrumbsItem.js +1 -1
  17. package/dist/BreadcrumbsItem.js.map +1 -1
  18. package/dist/BusyIndicator.d.ts +2 -2
  19. package/dist/BusyIndicator.js +1 -1
  20. package/dist/BusyIndicator.js.map +1 -1
  21. package/dist/Button.d.ts +4 -3
  22. package/dist/Button.js +3 -2
  23. package/dist/Button.js.map +1 -1
  24. package/dist/Calendar.d.ts +4 -1
  25. package/dist/Calendar.js +4 -1
  26. package/dist/Calendar.js.map +1 -1
  27. package/dist/CalendarLegend.d.ts +1 -0
  28. package/dist/CalendarLegend.js +1 -0
  29. package/dist/CalendarLegend.js.map +1 -1
  30. package/dist/Card.d.ts +4 -3
  31. package/dist/Card.js +1 -0
  32. package/dist/Card.js.map +1 -1
  33. package/dist/CardHeader.d.ts +1 -1
  34. package/dist/CardHeader.js +1 -1
  35. package/dist/CardHeader.js.map +1 -1
  36. package/dist/Carousel.d.ts +13 -13
  37. package/dist/Carousel.js +12 -12
  38. package/dist/Carousel.js.map +1 -1
  39. package/dist/CheckBox.d.ts +1 -1
  40. package/dist/CheckBox.js +1 -1
  41. package/dist/CheckBox.js.map +1 -1
  42. package/dist/ColorPalette.d.ts +9 -5
  43. package/dist/ColorPalette.js +12 -5
  44. package/dist/ColorPalette.js.map +1 -1
  45. package/dist/ColorPaletteItem.d.ts +2 -2
  46. package/dist/ColorPaletteItem.js +2 -2
  47. package/dist/ColorPaletteItem.js.map +1 -1
  48. package/dist/ColorPalettePopover.d.ts +2 -2
  49. package/dist/ColorPalettePopover.js +2 -2
  50. package/dist/ColorPalettePopover.js.map +1 -1
  51. package/dist/ColorPicker.d.ts +3 -1
  52. package/dist/ColorPicker.js +7 -1
  53. package/dist/ColorPicker.js.map +1 -1
  54. package/dist/ComboBox.d.ts +35 -7
  55. package/dist/ComboBox.js +135 -8
  56. package/dist/ComboBox.js.map +1 -1
  57. package/dist/ComboBoxItem.d.ts +1 -1
  58. package/dist/ComboBoxItem.js.map +1 -1
  59. package/dist/ComboBoxItemGroup.d.ts +1 -1
  60. package/dist/ComboBoxItemGroup.js +1 -1
  61. package/dist/ComboBoxItemGroup.js.map +1 -1
  62. package/dist/ComboBoxPopoverTemplate.js +43 -20
  63. package/dist/ComboBoxPopoverTemplate.js.map +1 -1
  64. package/dist/ComboBoxTemplate.js +4 -2
  65. package/dist/ComboBoxTemplate.js.map +1 -1
  66. package/dist/DateComponentBase.d.ts +3 -3
  67. package/dist/DateComponentBase.js +2 -2
  68. package/dist/DateComponentBase.js.map +1 -1
  69. package/dist/DatePicker.d.ts +5 -5
  70. package/dist/DatePicker.js +2 -2
  71. package/dist/DatePicker.js.map +1 -1
  72. package/dist/DateRangePicker.d.ts +1 -1
  73. package/dist/DateRangePicker.js +1 -1
  74. package/dist/DateRangePicker.js.map +1 -1
  75. package/dist/DateTimePicker.d.ts +1 -1
  76. package/dist/DateTimePicker.js +1 -1
  77. package/dist/DateTimePicker.js.map +1 -1
  78. package/dist/DayPicker.d.ts +1 -1
  79. package/dist/DayPicker.js +4 -3
  80. package/dist/DayPicker.js.map +1 -1
  81. package/dist/Dialog.d.ts +3 -3
  82. package/dist/Dialog.js +3 -3
  83. package/dist/Dialog.js.map +1 -1
  84. package/dist/FileUploader.d.ts +2 -2
  85. package/dist/FileUploader.js +1 -1
  86. package/dist/FileUploader.js.map +1 -1
  87. package/dist/Form.d.ts +2 -0
  88. package/dist/Form.js +2 -0
  89. package/dist/Form.js.map +1 -1
  90. package/dist/FormTemplate.js +2 -2
  91. package/dist/FormTemplate.js.map +1 -1
  92. package/dist/GridWalker.d.ts +1 -0
  93. package/dist/GridWalker.js +3 -0
  94. package/dist/GridWalker.js.map +1 -1
  95. package/dist/Input.d.ts +10 -6
  96. package/dist/Input.js +7 -3
  97. package/dist/Input.js.map +1 -1
  98. package/dist/InputIcon.d.ts +1 -1
  99. package/dist/InputIcon.js.map +1 -1
  100. package/dist/Link.d.ts +17 -2
  101. package/dist/Link.js +16 -1
  102. package/dist/Link.js.map +1 -1
  103. package/dist/List.d.ts +9 -6
  104. package/dist/List.js +9 -6
  105. package/dist/List.js.map +1 -1
  106. package/dist/ListItem.d.ts +1 -1
  107. package/dist/ListItem.js +1 -1
  108. package/dist/ListItem.js.map +1 -1
  109. package/dist/ListItemBase.d.ts +1 -1
  110. package/dist/ListItemBase.js +1 -1
  111. package/dist/ListItemBase.js.map +1 -1
  112. package/dist/ListItemCustom.d.ts +1 -1
  113. package/dist/ListItemCustom.js.map +1 -1
  114. package/dist/ListItemStandard.d.ts +4 -4
  115. package/dist/ListItemStandard.js +1 -1
  116. package/dist/ListItemStandard.js.map +1 -1
  117. package/dist/Menu.d.ts +3 -0
  118. package/dist/Menu.js +3 -0
  119. package/dist/Menu.js.map +1 -1
  120. package/dist/MessageStrip.d.ts +3 -3
  121. package/dist/MessageStrip.js +3 -3
  122. package/dist/MessageStrip.js.map +1 -1
  123. package/dist/MonthPicker.js +1 -1
  124. package/dist/MonthPicker.js.map +1 -1
  125. package/dist/MultiComboBox.d.ts +7 -4
  126. package/dist/MultiComboBox.js +5 -2
  127. package/dist/MultiComboBox.js.map +1 -1
  128. package/dist/MultiInput.d.ts +1 -1
  129. package/dist/MultiInput.js +1 -1
  130. package/dist/MultiInput.js.map +1 -1
  131. package/dist/{NumberInput.d.ts → NumericInput.d.ts} +10 -10
  132. package/dist/{NumberInput.js → NumericInput.js} +50 -50
  133. package/dist/NumericInput.js.map +1 -0
  134. package/dist/NumericInputTemplate.d.ts +2 -0
  135. package/dist/{NumberInputTemplate.js → NumericInputTemplate.js} +6 -6
  136. package/dist/NumericInputTemplate.js.map +1 -0
  137. package/dist/Option.d.ts +1 -1
  138. package/dist/Option.js.map +1 -1
  139. package/dist/Panel.d.ts +3 -3
  140. package/dist/Panel.js +2 -2
  141. package/dist/Panel.js.map +1 -1
  142. package/dist/Popover.d.ts +13 -2
  143. package/dist/Popover.js +50 -3
  144. package/dist/Popover.js.map +1 -1
  145. package/dist/PopoverResize.d.ts +3 -0
  146. package/dist/PopoverResize.js +53 -23
  147. package/dist/PopoverResize.js.map +1 -1
  148. package/dist/PopoverTemplate.js +3 -1
  149. package/dist/PopoverTemplate.js.map +1 -1
  150. package/dist/Popup.d.ts +2 -2
  151. package/dist/Popup.js +2 -2
  152. package/dist/Popup.js.map +1 -1
  153. package/dist/ProgressIndicator.d.ts +1 -1
  154. package/dist/ProgressIndicator.js +1 -1
  155. package/dist/ProgressIndicator.js.map +1 -1
  156. package/dist/RadioButton.d.ts +1 -1
  157. package/dist/RadioButton.js +2 -2
  158. package/dist/RadioButton.js.map +1 -1
  159. package/dist/RangeSlider.d.ts +1 -1
  160. package/dist/RangeSlider.js +5 -4
  161. package/dist/RangeSlider.js.map +1 -1
  162. package/dist/RangeSliderTemplate.js +3 -3
  163. package/dist/RangeSliderTemplate.js.map +1 -1
  164. package/dist/RatingIndicator.d.ts +5 -5
  165. package/dist/RatingIndicator.js +4 -4
  166. package/dist/RatingIndicator.js.map +1 -1
  167. package/dist/ResponsivePopover.d.ts +2 -2
  168. package/dist/ResponsivePopover.js +2 -2
  169. package/dist/ResponsivePopover.js.map +1 -1
  170. package/dist/SegmentedButton.d.ts +2 -1
  171. package/dist/SegmentedButton.js +2 -1
  172. package/dist/SegmentedButton.js.map +1 -1
  173. package/dist/SegmentedButtonItem.d.ts +1 -1
  174. package/dist/SegmentedButtonItem.js.map +1 -1
  175. package/dist/Select.d.ts +7 -4
  176. package/dist/Select.js +5 -2
  177. package/dist/Select.js.map +1 -1
  178. package/dist/Slider.d.ts +2 -1
  179. package/dist/Slider.js +5 -1
  180. package/dist/Slider.js.map +1 -1
  181. package/dist/SliderBase.d.ts +1 -0
  182. package/dist/SliderBase.js +7 -1
  183. package/dist/SliderBase.js.map +1 -1
  184. package/dist/SliderHandle.d.ts +4 -0
  185. package/dist/SliderHandle.js +7 -0
  186. package/dist/SliderHandle.js.map +1 -1
  187. package/dist/SliderScale.d.ts +4 -0
  188. package/dist/SliderScale.js +13 -0
  189. package/dist/SliderScale.js.map +1 -1
  190. package/dist/SliderScaleTemplate.js +1 -1
  191. package/dist/SliderScaleTemplate.js.map +1 -1
  192. package/dist/SliderTemplate.js +1 -1
  193. package/dist/SliderTemplate.js.map +1 -1
  194. package/dist/StepInput.d.ts +8 -7
  195. package/dist/StepInput.js +6 -2
  196. package/dist/StepInput.js.map +1 -1
  197. package/dist/StepInputTemplate.js +2 -2
  198. package/dist/StepInputTemplate.js.map +1 -1
  199. package/dist/SuggestionItem.d.ts +1 -1
  200. package/dist/SuggestionItem.js.map +1 -1
  201. package/dist/SuggestionListItem.d.ts +1 -1
  202. package/dist/SuggestionListItem.js.map +1 -1
  203. package/dist/Switch.d.ts +1 -1
  204. package/dist/Switch.js +1 -1
  205. package/dist/Switch.js.map +1 -1
  206. package/dist/Tab.d.ts +1 -1
  207. package/dist/Tab.js +1 -1
  208. package/dist/Tab.js.map +1 -1
  209. package/dist/TabContainer.d.ts +4 -2
  210. package/dist/TabContainer.js +3 -1
  211. package/dist/TabContainer.js.map +1 -1
  212. package/dist/Table.d.ts +16 -3
  213. package/dist/Table.js +40 -4
  214. package/dist/Table.js.map +1 -1
  215. package/dist/TableGrowing.d.ts +1 -0
  216. package/dist/TableGrowing.js +12 -10
  217. package/dist/TableGrowing.js.map +1 -1
  218. package/dist/TableHeaderRow.d.ts +0 -6
  219. package/dist/TableHeaderRow.js +1 -19
  220. package/dist/TableHeaderRow.js.map +1 -1
  221. package/dist/TableHeaderRowTemplate.js +2 -12
  222. package/dist/TableHeaderRowTemplate.js.map +1 -1
  223. package/dist/TableNavigation.d.ts +1 -0
  224. package/dist/TableNavigation.js +7 -2
  225. package/dist/TableNavigation.js.map +1 -1
  226. package/dist/TableRow.js +2 -11
  227. package/dist/TableRow.js.map +1 -1
  228. package/dist/TableRowBase.d.ts +3 -7
  229. package/dist/TableRowBase.js +10 -26
  230. package/dist/TableRowBase.js.map +1 -1
  231. package/dist/TableRowTemplate.js +1 -3
  232. package/dist/TableRowTemplate.js.map +1 -1
  233. package/dist/TableSelection.d.ts +5 -6
  234. package/dist/TableSelection.js +28 -12
  235. package/dist/TableSelection.js.map +1 -1
  236. package/dist/TableSelectionBase.d.ts +15 -10
  237. package/dist/TableSelectionBase.js +33 -20
  238. package/dist/TableSelectionBase.js.map +1 -1
  239. package/dist/TableSelectionMulti.d.ts +5 -7
  240. package/dist/TableSelectionMulti.js +14 -10
  241. package/dist/TableSelectionMulti.js.map +1 -1
  242. package/dist/TableSelectionSingle.d.ts +3 -2
  243. package/dist/TableSelectionSingle.js +8 -2
  244. package/dist/TableSelectionSingle.js.map +1 -1
  245. package/dist/TableUtils.d.ts +3 -1
  246. package/dist/TableUtils.js +4 -1
  247. package/dist/TableUtils.js.map +1 -1
  248. package/dist/TextArea.d.ts +52 -5
  249. package/dist/TextArea.js +67 -6
  250. package/dist/TextArea.js.map +1 -1
  251. package/dist/TextAreaTemplate.js +2 -2
  252. package/dist/TextAreaTemplate.js.map +1 -1
  253. package/dist/TimePicker.d.ts +2 -2
  254. package/dist/TimePicker.js +1 -1
  255. package/dist/TimePicker.js.map +1 -1
  256. package/dist/Toast.d.ts +1 -1
  257. package/dist/Toast.js +1 -1
  258. package/dist/Toast.js.map +1 -1
  259. package/dist/Token.d.ts +2 -2
  260. package/dist/Token.js +1 -1
  261. package/dist/Token.js.map +1 -1
  262. package/dist/Tokenizer.d.ts +1 -0
  263. package/dist/Tokenizer.js +18 -1
  264. package/dist/Tokenizer.js.map +1 -1
  265. package/dist/Toolbar.d.ts +6 -0
  266. package/dist/Toolbar.js +6 -0
  267. package/dist/Toolbar.js.map +1 -1
  268. package/dist/Tree.d.ts +3 -1
  269. package/dist/Tree.js +5 -3
  270. package/dist/Tree.js.map +1 -1
  271. package/dist/TreeItem.d.ts +2 -2
  272. package/dist/TreeItem.js +1 -1
  273. package/dist/TreeItem.js.map +1 -1
  274. package/dist/TreeItemBase.d.ts +3 -3
  275. package/dist/TreeItemBase.js +3 -3
  276. package/dist/TreeItemBase.js.map +1 -1
  277. package/dist/YearPicker.js +1 -1
  278. package/dist/YearPicker.js.map +1 -1
  279. package/dist/bundle.esm.js +1 -1
  280. package/dist/bundle.esm.js.map +1 -1
  281. package/dist/css/themes/Avatar.css +1 -1
  282. package/dist/css/themes/AvatarGroup.css +1 -1
  283. package/dist/css/themes/ComboBox.css +1 -1
  284. package/dist/css/themes/ComboBoxPopover.css +1 -1
  285. package/dist/css/themes/FileUploader.css +1 -1
  286. package/dist/css/themes/Form.css +1 -1
  287. package/dist/css/themes/FormItem.css +1 -1
  288. package/dist/css/themes/FormItemSpan.css +1 -1
  289. package/dist/css/themes/Input.css +1 -1
  290. package/dist/css/themes/MultiComboBox.css +1 -1
  291. package/dist/css/themes/NumericInput.css +1 -0
  292. package/dist/css/themes/Popover.css +1 -1
  293. package/dist/css/themes/RatingIndicator.css +1 -1
  294. package/dist/css/themes/Select.css +1 -1
  295. package/dist/css/themes/SliderHandle.css +1 -1
  296. package/dist/css/themes/SliderScale.css +1 -1
  297. package/dist/css/themes/SplitButton.css +1 -1
  298. package/dist/css/themes/TextArea.css +1 -1
  299. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -2
  300. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -2
  301. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -2
  302. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -2
  303. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  304. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +786 -513
  305. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  306. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +742 -494
  307. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  308. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  309. package/dist/custom-elements-internal.json +2715 -265
  310. package/dist/custom-elements.json +2399 -103
  311. package/dist/features/ColorPaletteMoreColorsTemplate.js +1 -1
  312. package/dist/features/ColorPaletteMoreColorsTemplate.js.map +1 -1
  313. package/dist/features/ComboBoxLazyLoading.d.ts +26 -0
  314. package/dist/features/ComboBoxLazyLoading.js +48 -0
  315. package/dist/features/ComboBoxLazyLoading.js.map +1 -0
  316. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  317. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  318. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  319. package/dist/generated/assets/i18n/messagebundle_cnr.json +1 -1
  320. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  321. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  322. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  323. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  324. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  325. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  326. package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
  327. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  328. package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
  329. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  330. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  331. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  332. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  333. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  334. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  335. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  336. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  337. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  338. package/dist/generated/assets/i18n/messagebundle_id.json +1 -1
  339. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  340. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  341. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  342. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  343. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  344. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  345. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  346. package/dist/generated/assets/i18n/messagebundle_mk.json +1 -1
  347. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  348. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  349. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  350. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  351. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  352. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  353. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  354. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  355. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  356. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  357. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  358. package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
  359. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  360. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  361. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  362. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  363. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  364. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  365. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  366. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  367. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  368. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  369. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  370. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  371. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  372. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  373. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
  374. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  375. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  376. package/dist/generated/i18n/i18n-defaults.d.ts +9 -1
  377. package/dist/generated/i18n/i18n-defaults.js +10 -2
  378. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  379. package/dist/generated/themes/Avatar.css.d.ts +1 -1
  380. package/dist/generated/themes/Avatar.css.js +1 -1
  381. package/dist/generated/themes/Avatar.css.js.map +1 -1
  382. package/dist/generated/themes/AvatarGroup.css.d.ts +1 -1
  383. package/dist/generated/themes/AvatarGroup.css.js +1 -1
  384. package/dist/generated/themes/AvatarGroup.css.js.map +1 -1
  385. package/dist/generated/themes/ComboBox.css.d.ts +1 -1
  386. package/dist/generated/themes/ComboBox.css.js +1 -1
  387. package/dist/generated/themes/ComboBox.css.js.map +1 -1
  388. package/dist/generated/themes/ComboBoxPopover.css.d.ts +1 -1
  389. package/dist/generated/themes/ComboBoxPopover.css.js +1 -1
  390. package/dist/generated/themes/ComboBoxPopover.css.js.map +1 -1
  391. package/dist/generated/themes/FileUploader.css.d.ts +1 -1
  392. package/dist/generated/themes/FileUploader.css.js +1 -1
  393. package/dist/generated/themes/FileUploader.css.js.map +1 -1
  394. package/dist/generated/themes/Form.css.d.ts +1 -1
  395. package/dist/generated/themes/Form.css.js +1 -1
  396. package/dist/generated/themes/Form.css.js.map +1 -1
  397. package/dist/generated/themes/FormItem.css.d.ts +1 -1
  398. package/dist/generated/themes/FormItem.css.js +1 -1
  399. package/dist/generated/themes/FormItem.css.js.map +1 -1
  400. package/dist/generated/themes/FormItemSpan.css.d.ts +1 -1
  401. package/dist/generated/themes/FormItemSpan.css.js +1 -1
  402. package/dist/generated/themes/FormItemSpan.css.js.map +1 -1
  403. package/dist/generated/themes/Input.css.d.ts +1 -1
  404. package/dist/generated/themes/Input.css.js +1 -1
  405. package/dist/generated/themes/Input.css.js.map +1 -1
  406. package/dist/generated/themes/MultiComboBox.css.d.ts +1 -1
  407. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  408. package/dist/generated/themes/MultiComboBox.css.js.map +1 -1
  409. package/dist/generated/themes/NumericInput.css.d.ts +2 -0
  410. package/dist/generated/themes/NumericInput.css.js +8 -0
  411. package/dist/generated/themes/NumericInput.css.js.map +1 -0
  412. package/dist/generated/themes/Popover.css.d.ts +1 -1
  413. package/dist/generated/themes/Popover.css.js +1 -1
  414. package/dist/generated/themes/Popover.css.js.map +1 -1
  415. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  416. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  417. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  418. package/dist/generated/themes/Select.css.d.ts +1 -1
  419. package/dist/generated/themes/Select.css.js +1 -1
  420. package/dist/generated/themes/Select.css.js.map +1 -1
  421. package/dist/generated/themes/SliderHandle.css.d.ts +1 -1
  422. package/dist/generated/themes/SliderHandle.css.js +1 -1
  423. package/dist/generated/themes/SliderHandle.css.js.map +1 -1
  424. package/dist/generated/themes/SliderScale.css.d.ts +1 -1
  425. package/dist/generated/themes/SliderScale.css.js +1 -1
  426. package/dist/generated/themes/SliderScale.css.js.map +1 -1
  427. package/dist/generated/themes/SplitButton.css.d.ts +1 -1
  428. package/dist/generated/themes/SplitButton.css.js +1 -1
  429. package/dist/generated/themes/SplitButton.css.js.map +1 -1
  430. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  431. package/dist/generated/themes/TextArea.css.js +1 -1
  432. package/dist/generated/themes/TextArea.css.js.map +1 -1
  433. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  434. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -2
  435. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  436. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  437. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -2
  438. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  439. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  440. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -2
  441. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  442. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  443. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -2
  444. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  445. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  446. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  447. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  448. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  449. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +786 -513
  450. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  451. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  452. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  453. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  454. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
  455. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +742 -494
  456. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
  457. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  458. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  459. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  460. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  461. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  462. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  463. package/dist/types/BarAccessibleRole.d.ts +2 -1
  464. package/dist/types/BarAccessibleRole.js +2 -1
  465. package/dist/types/BarAccessibleRole.js.map +1 -1
  466. package/dist/types/ButtonAccessibleRole.d.ts +1 -1
  467. package/dist/types/ButtonAccessibleRole.js +1 -1
  468. package/dist/types/ButtonAccessibleRole.js.map +1 -1
  469. package/dist/types/TableSelectionBehavior.d.ts +1 -1
  470. package/dist/types/TableSelectionBehavior.js +1 -1
  471. package/dist/types/TableSelectionBehavior.js.map +1 -1
  472. package/dist/types/TableSelectionMultiHeaderSelector.d.ts +1 -1
  473. package/dist/types/TableSelectionMultiHeaderSelector.js +1 -1
  474. package/dist/types/TableSelectionMultiHeaderSelector.js.map +1 -1
  475. package/dist/types/TextAreaCounterMode.d.ts +27 -0
  476. package/dist/types/TextAreaCounterMode.js +29 -0
  477. package/dist/types/TextAreaCounterMode.js.map +1 -0
  478. package/dist/vscode.html-custom-data.json +24 -10
  479. package/dist/web-types.json +48 -17
  480. package/package.json +9 -9
  481. package/src/ComboBoxPopoverTemplate.tsx +140 -106
  482. package/src/ComboBoxTemplate.tsx +4 -2
  483. package/src/FormTemplate.tsx +2 -2
  484. package/src/{NumberInputTemplate.tsx → NumericInputTemplate.tsx} +6 -6
  485. package/src/PopoverTemplate.tsx +19 -0
  486. package/src/RangeSliderTemplate.tsx +3 -0
  487. package/src/SliderScaleTemplate.tsx +1 -1
  488. package/src/SliderTemplate.tsx +1 -0
  489. package/src/StepInputTemplate.tsx +3 -3
  490. package/src/TableHeaderRowTemplate.tsx +1 -26
  491. package/src/TableRowTemplate.tsx +1 -9
  492. package/src/TableSelection.tsx +464 -0
  493. package/src/TableSelectionMulti.tsx +396 -0
  494. package/src/TableSelectionSingle.tsx +91 -0
  495. package/src/TextAreaTemplate.tsx +2 -2
  496. package/src/features/ColorPaletteMoreColorsTemplate.tsx +1 -1
  497. package/src/i18n/messagebundle.properties +25 -1
  498. package/src/i18n/messagebundle_ar.properties +1 -1
  499. package/src/i18n/messagebundle_bg.properties +1 -1
  500. package/src/i18n/messagebundle_ca.properties +1 -1
  501. package/src/i18n/messagebundle_cnr.properties +1 -1
  502. package/src/i18n/messagebundle_cy.properties +1 -1
  503. package/src/i18n/messagebundle_da.properties +1 -1
  504. package/src/i18n/messagebundle_de.properties +1 -1
  505. package/src/i18n/messagebundle_el.properties +1 -1
  506. package/src/i18n/messagebundle_en.properties +1 -1
  507. package/src/i18n/messagebundle_en_GB.properties +1 -1
  508. package/src/i18n/messagebundle_en_US_sappsd.properties +1 -1
  509. package/src/i18n/messagebundle_en_US_saprigi.properties +17 -1
  510. package/src/i18n/messagebundle_en_US_saptrc.properties +1 -1
  511. package/src/i18n/messagebundle_es.properties +1 -1
  512. package/src/i18n/messagebundle_es_MX.properties +1 -1
  513. package/src/i18n/messagebundle_et.properties +1 -1
  514. package/src/i18n/messagebundle_fi.properties +1 -1
  515. package/src/i18n/messagebundle_fr.properties +1 -1
  516. package/src/i18n/messagebundle_fr_CA.properties +1 -1
  517. package/src/i18n/messagebundle_hi.properties +1 -1
  518. package/src/i18n/messagebundle_hr.properties +1 -1
  519. package/src/i18n/messagebundle_hu.properties +1 -1
  520. package/src/i18n/messagebundle_id.properties +1 -1
  521. package/src/i18n/messagebundle_it.properties +1 -1
  522. package/src/i18n/messagebundle_iw.properties +1 -1
  523. package/src/i18n/messagebundle_ja.properties +1 -1
  524. package/src/i18n/messagebundle_kk.properties +1 -1
  525. package/src/i18n/messagebundle_ko.properties +1 -1
  526. package/src/i18n/messagebundle_lt.properties +1 -1
  527. package/src/i18n/messagebundle_lv.properties +1 -1
  528. package/src/i18n/messagebundle_mk.properties +1 -1
  529. package/src/i18n/messagebundle_ms.properties +1 -1
  530. package/src/i18n/messagebundle_nl.properties +1 -1
  531. package/src/i18n/messagebundle_no.properties +1 -1
  532. package/src/i18n/messagebundle_pl.properties +1 -1
  533. package/src/i18n/messagebundle_pt.properties +2 -2
  534. package/src/i18n/messagebundle_pt_PT.properties +1 -1
  535. package/src/i18n/messagebundle_ro.properties +1 -1
  536. package/src/i18n/messagebundle_ru.properties +1 -1
  537. package/src/i18n/messagebundle_sh.properties +1 -1
  538. package/src/i18n/messagebundle_sk.properties +1 -1
  539. package/src/i18n/messagebundle_sl.properties +1 -1
  540. package/src/i18n/messagebundle_sr.properties +1 -1
  541. package/src/i18n/messagebundle_sv.properties +1 -1
  542. package/src/i18n/messagebundle_th.properties +1 -1
  543. package/src/i18n/messagebundle_tr.properties +1 -1
  544. package/src/i18n/messagebundle_uk.properties +1 -1
  545. package/src/i18n/messagebundle_vi.properties +1 -1
  546. package/src/i18n/messagebundle_zh_CN.properties +1 -1
  547. package/src/i18n/messagebundle_zh_TW.properties +1 -1
  548. package/src/themes/Avatar.css +1 -0
  549. package/src/themes/AvatarGroup.css +21 -0
  550. package/src/themes/ComboBox.css +5 -0
  551. package/src/themes/ComboBoxPopover.css +6 -0
  552. package/src/themes/Form.css +5 -3
  553. package/src/themes/FormItem.css +4 -0
  554. package/src/themes/FormItemSpan.css +5 -0
  555. package/src/themes/Input.css +1 -1
  556. package/src/themes/{NumberInput.css → NumericInput.css} +63 -58
  557. package/src/themes/Popover.css +47 -14
  558. package/src/themes/RatingIndicator.css +1 -0
  559. package/src/themes/SliderHandle.css +12 -7
  560. package/src/themes/SliderScale.css +4 -2
  561. package/src/themes/SplitButton.css +4 -1
  562. package/src/themes/TextArea.css +17 -1
  563. package/src/themes/base/NumericInput-parameters.css +31 -0
  564. package/src/themes/base/Popover-parameters.css +5 -0
  565. package/src/themes/base/sizes-parameters.css +3 -3
  566. package/src/themes/sap_fiori_3/parameters-bundle.css +1 -1
  567. package/src/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  568. package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  569. package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  570. package/src/themes/sap_horizon/AvatarGroup-parameters.css +7 -19
  571. package/src/themes/sap_horizon/NumericInput-parameters.css +26 -0
  572. package/src/themes/sap_horizon/parameters-bundle.css +1 -1
  573. package/src/themes/sap_horizon_dark/NumericInput-parameters.css +26 -0
  574. package/src/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  575. package/src/themes/sap_horizon_hcb/NumericInput-parameters.css +14 -0
  576. package/src/themes/sap_horizon_hcb/parameters-bundle.css +2 -2
  577. package/src/themes/sap_horizon_hcw/NumericInput-parameters.css +14 -0
  578. package/src/themes/sap_horizon_hcw/parameters-bundle.css +2 -2
  579. package/dist/NumberInput.js.map +0 -1
  580. package/dist/NumberInputTemplate.d.ts +0 -2
  581. package/dist/NumberInputTemplate.js.map +0 -1
  582. package/dist/css/themes/NumberInput.css +0 -1
  583. package/dist/generated/themes/NumberInput.css.d.ts +0 -2
  584. package/dist/generated/themes/NumberInput.css.js +0 -8
  585. package/dist/generated/themes/NumberInput.css.js.map +0 -1
  586. package/src/themes/base/NumberInput-parameters.css +0 -31
  587. package/src/themes/sap_horizon/NumberInput-parameters.css +0 -26
  588. package/src/themes/sap_horizon_dark/NumberInput-parameters.css +0 -26
  589. package/src/themes/sap_horizon_hcb/NumberInput-parameters.css +0 -14
  590. package/src/themes/sap_horizon_hcw/NumberInput-parameters.css +0 -14
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
1
+ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
2
2
  import Icon from "./Icon.js";
3
3
  import Button from "./Button.js";
4
4
  import List from "./List.js";
@@ -10,29 +10,52 @@ import ResponsivePopover from "./ResponsivePopover.js";
10
10
  import BusyIndicator from "./BusyIndicator.js";
11
11
  import SuggestionItem from "./SuggestionItem.js";
12
12
  import generateHighlightedMarkupFirstMatch from "@ui5/webcomponents-base/dist/util/generateHighlightedMarkupFirstMatch.js";
13
+ import { LOADING_DELAY } from "./features/ComboBoxLazyLoading.js";
13
14
  export default function ComboBoxPopoverTemplate() {
14
- return (_jsxs(_Fragment, { children: [_jsxs(ResponsivePopover, { id: this.responsivePopoverId, class: this.classes.popover, style: this.styles.suggestionsPopover, tabindex: -1, open: this.open, opener: this, hideArrow: true, preventFocusRestore: true, preventInitialFocus: true, placement: "Bottom", horizontalAlign: "Start", accessibleName: this._popupLabel, onBeforeOpen: this._beforeOpenPopover, onOpen: this._afterOpenPopover, onClose: this._afterClosePopover, onKeyDown: this._handlePopoverKeydown, onFocusOut: this._handlePopoverFocusout, children: [this.loading &&
15
- _jsx(BusyIndicator, { active: true, class: "ui5-combobox-busy" }), !this.loading && this._isPhone &&
16
- _jsxs(_Fragment, { children: [_jsxs("div", { slot: "header", class: "ui5-responsive-popover-header", children: [_jsx("div", { class: "row", children: _jsx(Title, { level: "H1", wrappingType: "None", class: "ui5-responsive-popover-header-text", children: this._headerTitleText }) }), _jsx("div", { class: "row", children: _jsx(Input, { open: this.openOnMobile, placeholder: this.placeholder, valueState: this.valueState, showClearIcon: this.showClearIcon, noTypeahead: this.noTypeahead, onKeyDown: this._handleMobileKeydown, onInput: this._handleMobileInput, onChange: this._inputChange, children: this._filteredItems.flatMap(item => {
17
- if (item.isGroupItem && item.items) {
18
- // For group items, return all nested items
19
- return item.items
20
- .filter(nestedItem => !!nestedItem)
21
- .map(nestedItem => _jsx(SuggestionItem, { text: nestedItem.text, additionalText: nestedItem.additionalText, markupText: generateHighlightedMarkupFirstMatch(nestedItem.text || "", this.filterValue) }));
22
- }
23
- // For regular items
24
- return _jsx(SuggestionItem, { text: item.text, additionalText: item.additionalText, markupText: generateHighlightedMarkupFirstMatch(item.text || "", this.filterValue) });
25
- }) }) })] }), this.hasValueStateText &&
26
- _jsxs("div", { class: this.classes.popoverValueState, style: this.styles.popoverValueStateMessage, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: this._valueStateMessageIcon }), this.open && valueStateMessage.call(this)] })] }), !this._isPhone && this.hasValueStateText &&
27
- _jsxs("div", { slot: "header", class: {
28
- "ui5-responsive-popover-header": true,
29
- ...this.classes.popoverValueState,
30
- }, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: this._valueStateMessageIcon }), this.open && valueStateMessage.call(this)] }), !this.loading && !!this._filteredItems.length &&
31
- _jsx(List, { class: "ui5-combobox-items-list", separators: "None", accessibleRole: "ListBox", selectionMode: "Single", onItemClick: this._selectItem, onItemFocused: this._onItemFocus, onMouseDown: this._itemMousedown, children: this._filteredItems.map(item => _jsx("slot", { name: item._individualSlot })) }), this._isPhone &&
32
- _jsxs("div", { slot: "footer", class: "ui5-responsive-popover-footer", children: [_jsx(Button, { design: "Emphasized", onClick: this._closeRespPopover, children: this._dialogOkButtonText }), _jsx(Button, { class: "ui5-responsive-popover-close-btn", design: "Transparent", onClick: this._closeRespPopover, children: this._dialogCancelButtonText })] })] }), this.shouldOpenValueStateMessagePopover &&
15
+ return (_jsxs(_Fragment, { children: [_jsxs(ResponsivePopover, { id: this.responsivePopoverId, class: this.classes.popover, style: this.styles.suggestionsPopover, tabindex: -1, open: this.open, opener: this, hideArrow: true, preventFocusRestore: true, preventInitialFocus: true, placement: "Bottom", horizontalAlign: "Start", accessibleName: this._popupLabel, onBeforeOpen: this._beforeOpenPopover, onOpen: this._afterOpenPopover, onClose: this._afterClosePopover, onKeyDown: this._handlePopoverKeydown, onFocusOut: this._handlePopoverFocusout, children: [this._isPhone && dialogHeader.call(this), valueStateHeader.call(this), content.call(this), this._isPhone && dialogFooter.call(this)] }), this.shouldOpenValueStateMessagePopover &&
33
16
  _jsx(Popover, { preventFocusRestore: true, preventInitialFocus: true, hideArrow: true, tabindex: -1, class: "ui5-valuestatemessage-popover", horizontalAlign: PopoverHorizontalAlign.Start, placement: "Bottom", opener: this, open: this.valueStateOpen, onClose: this._handleValueStatePopoverAfterClose, onFocusOut: this._handleValueStatePopoverFocusout, children: _jsxs("div", { slot: "header", class: this.classes.popoverValueState, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: this._valueStateMessageIcon }), valueStateMessage.call(this)] }) })] }));
34
17
  }
35
18
  function valueStateMessage() {
36
19
  return (_jsx(_Fragment, { children: this.shouldDisplayDefaultValueStateMessage ? this.valueStateDefaultText : _jsx("slot", { name: "valueStateMessage" }) }));
37
20
  }
21
+ function valueStateHeader() {
22
+ if (!this.hasValueStateText) {
23
+ return;
24
+ }
25
+ if (this._isPhone) {
26
+ return (_jsxs("div", { class: this.classes.popoverValueState, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: this._valueStateMessageIcon }), this.open && valueStateMessage.call(this)] }));
27
+ }
28
+ return (_jsxs("div", { slot: "header", class: {
29
+ "ui5-responsive-popover-header": true,
30
+ ...this.classes.popoverValueState,
31
+ }, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: this._valueStateMessageIcon }), this.open && valueStateMessage.call(this)] }));
32
+ }
33
+ function content() {
34
+ if (this.loading && (this._isPhone || !this.hasValueState)) {
35
+ return _jsx(BusyIndicator, { active: true, class: "ui5-combobox-busy", delay: LOADING_DELAY });
36
+ }
37
+ const loadingOnDesktopWithValueState = this.loading && !this._isPhone && this.hasValueState;
38
+ const hasFilteredItems = !this.loading && !!this._filteredItems?.length;
39
+ if (!loadingOnDesktopWithValueState && !hasFilteredItems) {
40
+ return;
41
+ }
42
+ return (_jsxs(_Fragment, { children: [loadingOnDesktopWithValueState &&
43
+ _jsx("div", { class: "ui5-combobox-busy-container", children: _jsx(BusyIndicator, { active: true, class: "ui5-combobox-busy", delay: LOADING_DELAY }) }), hasFilteredItems &&
44
+ _jsx(List, { class: "ui5-combobox-items-list", separators: "None", accessibleRole: "ListBox", selectionMode: "Single", onItemClick: this._selectItem, onItemFocused: this._onItemFocus, onMouseDown: this._itemMousedown, children: this._filteredItems.map(item => _jsx("slot", { name: item._individualSlot })) })] }));
45
+ }
46
+ function dialogFooter() {
47
+ return (_jsxs("div", { slot: "footer", class: "ui5-responsive-popover-footer", children: [_jsx(Button, { design: "Emphasized", onClick: this._closeRespPopover, children: this._dialogOkButtonText }), _jsx(Button, { class: "ui5-responsive-popover-close-btn", design: "Transparent", onClick: this._closeRespPopover, children: this._dialogCancelButtonText })] }));
48
+ }
49
+ function dialogHeader() {
50
+ return _jsx(_Fragment, { children: _jsxs("div", { slot: "header", class: "ui5-responsive-popover-header", children: [_jsx("div", { class: "row", children: _jsx(Title, { level: "H1", wrappingType: "None", class: "ui5-responsive-popover-header-text", children: this._headerTitleText }) }), _jsx("div", { class: "row", children: _jsx(Input, { open: this.openOnMobile, placeholder: this.placeholder, valueState: this.valueState, showClearIcon: this.showClearIcon, noTypeahead: this.noTypeahead, onKeyDown: this._handleMobileKeydown, onInput: this._handleMobileInput, onChange: this._inputChange, children: !this.loading && this._filteredItems.flatMap(item => {
51
+ if (item.isGroupItem && item.items) {
52
+ // For group items, return all nested items
53
+ return item.items
54
+ .filter(nestedItem => !!nestedItem)
55
+ .map(nestedItem => _jsx(SuggestionItem, { text: nestedItem.text, additionalText: nestedItem.additionalText, markupText: generateHighlightedMarkupFirstMatch(nestedItem.text || "", this.filterValue) }));
56
+ }
57
+ // For regular items
58
+ return _jsx(SuggestionItem, { text: item.text, additionalText: item.additionalText, markupText: generateHighlightedMarkupFirstMatch(item.text || "", this.filterValue) });
59
+ }) }) })] }) });
60
+ }
38
61
  //# sourceMappingURL=ComboBoxPopoverTemplate.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ComboBoxPopoverTemplate.js","sourceRoot":"","sources":["../src/ComboBoxPopoverTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,sBAAsB,MAAM,mCAAmC,CAAC;AACvE,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,mCAAmC,MAAM,0EAA0E,CAAC;AAG3H,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC9C,OAAO,CACN,8BACC,MAAC,iBAAiB,IACjB,EAAE,EAAE,IAAI,CAAC,mBAAmB,EAC5B,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAC3B,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,EACrC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,IAAI,EACf,mBAAmB,EAAE,IAAI,EACzB,mBAAmB,EAAE,IAAI,EACzB,SAAS,EAAC,QAAQ,EAClB,eAAe,EAAC,OAAO,EACvB,cAAc,EAAE,IAAI,CAAC,WAAW,EAChC,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,CAAC,qBAAqB,EACrC,UAAU,EAAE,IAAI,CAAC,sBAAsB,aAEtC,IAAI,CAAC,OAAO;wBACZ,KAAC,aAAa,IAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,mBAAmB,GAAE,EAGxD,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ;wBAC/B,8BACC,eAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,+BAA+B,aACvD,cAAK,KAAK,EAAC,KAAK,YACf,KAAC,KAAK,IACL,KAAK,EAAC,IAAI,EACV,YAAY,EAAC,MAAM,EACnB,KAAK,EAAC,oCAAoC,YAEzC,IAAI,CAAC,gBAAgB,GACf,GACH,EAEN,cAAK,KAAK,EAAC,KAAK,YACf,KAAC,KAAK,IACL,IAAI,EAAE,IAAI,CAAC,YAAY,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,oBAAoB,EACpC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,QAAQ,EAAE,IAAI,CAAC,YAAY,YAEzB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oDACpC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;wDACpC,2CAA2C;wDAC3C,OAAO,IAAI,CAAC,KAAK;6DACf,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;6DAClC,GAAG,CAAC,UAAU,CAAC,EAAE,CACjB,KAAC,cAAc,IAAC,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,cAAc,EAAE,UAAU,CAAC,cAAc,EAAE,UAAU,EAAE,mCAAmC,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG,CAC7K,CAAC;oDACJ,CAAC;oDACD,oBAAoB;oDACpB,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,mCAAmC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;gDACpK,CAAC,CAAC,GACK,GACH,IACD,EAEL,IAAI,CAAC,iBAAiB;oCACvB,eAAK,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,wBAAwB,aACtF,KAAC,IAAI,IAAC,KAAK,EAAC,oCAAoC,EAAC,IAAI,EAAE,IAAI,CAAC,sBAAsB,GAAG,EACnF,IAAI,CAAC,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IACtC,IAEJ,EAGF,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,iBAAiB;wBACzC,eACC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gCACN,+BAA+B,EAAE,IAAI;gCACrC,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB;6BACjC,EACD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,uBAAuB,aAE1C,KAAC,IAAI,IAAC,KAAK,EAAC,oCAAoC,EAAC,IAAI,EAAE,IAAI,CAAC,sBAAsB,GAAG,EACnF,IAAI,CAAC,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IACtC,EAGL,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM;wBAC9C,KAAC,IAAI,IACJ,KAAK,EAAC,yBAAyB,EAC/B,UAAU,EAAC,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,aAAa,EAAE,IAAI,CAAC,YAAY,EAChC,WAAW,EAAE,IAAI,CAAC,cAAc,YAE9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,CAAC,GACtE,EAGN,IAAI,CAAC,QAAQ;wBACf,eAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,+BAA+B,aACvD,KAAC,MAAM,IACN,MAAM,EAAC,YAAY,EACnB,OAAO,EAAE,IAAI,CAAC,iBAAiB,YAC9B,IAAI,CAAC,mBAAmB,GAAU,EACpC,KAAC,MAAM,IACN,KAAK,EAAC,kCAAkC,EACxC,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,iBAAiB,YAE9B,IAAI,CAAC,uBAAuB,GACrB,IACJ,IAEc,EAEnB,IAAI,CAAC,kCAAkC;gBACzC,KAAC,OAAO,IACP,mBAAmB,EAAE,IAAI,EACzB,mBAAmB,EAAE,IAAI,EACzB,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAC,+BAA+B,EACrC,eAAe,EAAE,sBAAsB,CAAC,KAAK,EAC7C,SAAS,EAAC,QAAQ,EAClB,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,CAAC,cAAc,EACzB,OAAO,EAAE,IAAI,CAAC,kCAAkC,EAChD,UAAU,EAAE,IAAI,CAAC,gCAAgC,YAEjD,eAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,iBAAiB,aACvD,KAAC,IAAI,IAAC,KAAK,EAAC,oCAAoC,EAAC,IAAI,EAAE,IAAI,CAAC,sBAAsB,GAAG,EACnF,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IACzB,GACG,IAEP,CACH,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB;IACzB,OAAO,CACN,4BACG,IAAI,CAAC,qCAAqC,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAM,IAAI,EAAC,mBAAmB,GAAQ,GAChH,CACH,CAAC;AACH,CAAC","sourcesContent":["import Icon from \"./Icon.js\";\nimport Button from \"./Button.js\";\nimport List from \"./List.js\";\nimport Input from \"./Input.js\";\nimport Title from \"./Title.js\";\nimport PopoverHorizontalAlign from \"./types/PopoverHorizontalAlign.js\";\nimport Popover from \"./Popover.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport BusyIndicator from \"./BusyIndicator.js\";\nimport SuggestionItem from \"./SuggestionItem.js\";\nimport generateHighlightedMarkupFirstMatch from \"@ui5/webcomponents-base/dist/util/generateHighlightedMarkupFirstMatch.js\";\nimport type ComboBox from \"./ComboBox.js\";\n\nexport default function ComboBoxPopoverTemplate(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t<ResponsivePopover\n\t\t\t\tid={this.responsivePopoverId}\n\t\t\t\tclass={this.classes.popover}\n\t\t\t\tstyle={this.styles.suggestionsPopover}\n\t\t\t\ttabindex={-1}\n\t\t\t\topen={this.open}\n\t\t\t\topener={this}\n\t\t\t\thideArrow={true}\n\t\t\t\tpreventFocusRestore={true}\n\t\t\t\tpreventInitialFocus={true}\n\t\t\t\tplacement=\"Bottom\"\n\t\t\t\thorizontalAlign=\"Start\"\n\t\t\t\taccessibleName={this._popupLabel}\n\t\t\t\tonBeforeOpen={this._beforeOpenPopover}\n\t\t\t\tonOpen={this._afterOpenPopover}\n\t\t\t\tonClose={this._afterClosePopover}\n\t\t\t\tonKeyDown={this._handlePopoverKeydown}\n\t\t\t\tonFocusOut={this._handlePopoverFocusout}\n\t\t\t>\n\t\t\t\t{this.loading &&\n\t\t\t\t\t<BusyIndicator active={true} class=\"ui5-combobox-busy\"/>\n\t\t\t\t}\n\n\t\t\t\t{!this.loading && this._isPhone &&\n\t\t\t\t<>\n\t\t\t\t\t<div slot=\"header\" class=\"ui5-responsive-popover-header\">\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<Title\n\t\t\t\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\t\t\t\tclass=\"ui5-responsive-popover-header-text\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._headerTitleText}\n\t\t\t\t\t\t\t</Title>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\topen={this.openOnMobile}\n\t\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\t\tvalueState={this.valueState}\n\t\t\t\t\t\t\t\tshowClearIcon={this.showClearIcon}\n\t\t\t\t\t\t\t\tnoTypeahead={this.noTypeahead}\n\t\t\t\t\t\t\t\tonKeyDown={this._handleMobileKeydown}\n\t\t\t\t\t\t\t\tonInput={this._handleMobileInput}\n\t\t\t\t\t\t\t\tonChange={this._inputChange}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ this._filteredItems.flatMap(item => {\n\t\t\t\t\t\t\t\t\tif (item.isGroupItem && item.items) {\n\t\t\t\t\t\t\t\t\t\t// For group items, return all nested items\n\t\t\t\t\t\t\t\t\t\treturn item.items\n\t\t\t\t\t\t\t\t\t\t\t.filter(nestedItem => !!nestedItem)\n\t\t\t\t\t\t\t\t\t\t\t.map(nestedItem =>\n\t\t\t\t\t\t\t\t\t\t\t\t<SuggestionItem text={nestedItem.text} additionalText={nestedItem.additionalText} markupText={generateHighlightedMarkupFirstMatch(nestedItem.text || \"\", this.filterValue)}/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// For regular items\n\t\t\t\t\t\t\t\t\treturn <SuggestionItem text={item.text} additionalText={item.additionalText} markupText={generateHighlightedMarkupFirstMatch(item.text || \"\", this.filterValue)}/>;\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.hasValueStateText &&\n\t\t\t\t\t<div class={this.classes.popoverValueState} style={this.styles.popoverValueStateMessage}>\n\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon}/>\n\t\t\t\t\t\t{ this.open && valueStateMessage.call(this) }\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</>\n\t\t\t\t}\n\n\t\t\t\t{!this._isPhone && this.hasValueStateText &&\n\t\t\t\t<div\n\t\t\t\t\tslot=\"header\"\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t\"ui5-responsive-popover-header\": true,\n\t\t\t\t\t\t...this.classes.popoverValueState,\n\t\t\t\t\t}}\n\t\t\t\t\tstyle={this.styles.suggestionPopoverHeader}\n\t\t\t\t>\n\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon}/>\n\t\t\t\t\t{ this.open && valueStateMessage.call(this) }\n\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{!this.loading && !!this._filteredItems.length &&\n\t\t\t\t<List\n\t\t\t\t\tclass=\"ui5-combobox-items-list\"\n\t\t\t\t\tseparators=\"None\"\n\t\t\t\t\taccessibleRole=\"ListBox\"\n\t\t\t\t\tselectionMode=\"Single\"\n\t\t\t\t\tonItemClick={this._selectItem}\n\t\t\t\t\tonItemFocused={this._onItemFocus}\n\t\t\t\t\tonMouseDown={this._itemMousedown}\n\t\t\t\t>\n\t\t\t\t\t{ this._filteredItems.map(item => <slot name={item._individualSlot}></slot>)}\n\t\t\t\t</List>\n\t\t\t\t}\n\n\t\t\t\t{this._isPhone &&\n\t\t\t<div slot=\"footer\" class=\"ui5-responsive-popover-footer\">\n\t\t\t\t<Button\n\t\t\t\t\tdesign=\"Emphasized\"\n\t\t\t\t\tonClick={this._closeRespPopover}\n\t\t\t\t>{this._dialogOkButtonText}</Button>\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"ui5-responsive-popover-close-btn\"\n\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\tonClick={this._closeRespPopover}\n\t\t\t\t>\n\t\t\t\t\t{this._dialogCancelButtonText}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ResponsivePopover>\n\n\t\t\t{this.shouldOpenValueStateMessagePopover &&\n\t\t<Popover\n\t\t\tpreventFocusRestore={true}\n\t\t\tpreventInitialFocus={true}\n\t\t\thideArrow={true}\n\t\t\ttabindex={-1}\n\t\t\tclass=\"ui5-valuestatemessage-popover\"\n\t\t\thorizontalAlign={PopoverHorizontalAlign.Start}\n\t\t\tplacement=\"Bottom\"\n\t\t\topener={this}\n\t\t\topen={this.valueStateOpen}\n\t\t\tonClose={this._handleValueStatePopoverAfterClose}\n\t\t\tonFocusOut={this._handleValueStatePopoverFocusout}\n\t\t>\n\t\t\t<div slot=\"header\" class={this.classes.popoverValueState}>\n\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon}/>\n\t\t\t\t{ valueStateMessage.call(this) }\n\t\t\t</div>\n\t\t</Popover>\n\t\t\t}\n\t\t</>\n\t);\n}\n\nfunction valueStateMessage(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t{ this.shouldDisplayDefaultValueStateMessage ? this.valueStateDefaultText : <slot name=\"valueStateMessage\"></slot> }\n\t\t</>\n\t);\n}\n"]}
1
+ {"version":3,"file":"ComboBoxPopoverTemplate.js","sourceRoot":"","sources":["../src/ComboBoxPopoverTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon from \"./Icon.js\";\nimport Button from \"./Button.js\";\nimport List from \"./List.js\";\nimport Input from \"./Input.js\";\nimport Title from \"./Title.js\";\nimport PopoverHorizontalAlign from \"./types/PopoverHorizontalAlign.js\";\nimport Popover from \"./Popover.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport BusyIndicator from \"./BusyIndicator.js\";\nimport SuggestionItem from \"./SuggestionItem.js\";\nimport generateHighlightedMarkupFirstMatch from \"@ui5/webcomponents-base/dist/util/generateHighlightedMarkupFirstMatch.js\";\nimport type ComboBox from \"./ComboBox.js\";\nimport { LOADING_DELAY } from \"./features/ComboBoxLazyLoading.js\";\n\nexport default function ComboBoxPopoverTemplate(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t<ResponsivePopover\n\t\t\t\tid={this.responsivePopoverId}\n\t\t\t\tclass={this.classes.popover}\n\t\t\t\tstyle={this.styles.suggestionsPopover}\n\t\t\t\ttabindex={-1}\n\t\t\t\topen={this.open}\n\t\t\t\topener={this}\n\t\t\t\thideArrow={true}\n\t\t\t\tpreventFocusRestore={true}\n\t\t\t\tpreventInitialFocus={true}\n\t\t\t\tplacement=\"Bottom\"\n\t\t\t\thorizontalAlign=\"Start\"\n\t\t\t\taccessibleName={this._popupLabel}\n\t\t\t\tonBeforeOpen={this._beforeOpenPopover}\n\t\t\t\tonOpen={this._afterOpenPopover}\n\t\t\t\tonClose={this._afterClosePopover}\n\t\t\t\tonKeyDown={this._handlePopoverKeydown}\n\t\t\t\tonFocusOut={this._handlePopoverFocusout}\n\t\t\t>\n\t\t\t\t{this._isPhone && dialogHeader.call(this)}\n\t\t\t\t{valueStateHeader.call(this)}\n\t\t\t\t{content.call(this)}\n\t\t\t\t{this._isPhone && dialogFooter.call(this)}\n\t\t\t</ResponsivePopover>\n\n\t\t\t{this.shouldOpenValueStateMessagePopover &&\n\t\t\t\t<Popover\n\t\t\t\t\tpreventFocusRestore={true}\n\t\t\t\t\tpreventInitialFocus={true}\n\t\t\t\t\thideArrow={true}\n\t\t\t\t\ttabindex={-1}\n\t\t\t\t\tclass=\"ui5-valuestatemessage-popover\"\n\t\t\t\t\thorizontalAlign={PopoverHorizontalAlign.Start}\n\t\t\t\t\tplacement=\"Bottom\"\n\t\t\t\t\topener={this}\n\t\t\t\t\topen={this.valueStateOpen}\n\t\t\t\t\tonClose={this._handleValueStatePopoverAfterClose}\n\t\t\t\t\tonFocusOut={this._handleValueStatePopoverFocusout}\n\t\t\t\t>\n\t\t\t\t\t<div slot=\"header\" class={this.classes.popoverValueState}>\n\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t\t\t\t{valueStateMessage.call(this)}\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t}\n\t\t</>\n\t);\n}\n\nfunction valueStateMessage(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t{this.shouldDisplayDefaultValueStateMessage ? this.valueStateDefaultText : <slot name=\"valueStateMessage\"></slot>}\n\t\t</>\n\t);\n}\n\nfunction valueStateHeader(this: ComboBox) {\n\tif (!this.hasValueStateText) {\n\t\treturn;\n\t}\n\n\tif (this._isPhone) {\n\t\treturn (\n\t\t\t<div class={this.classes.popoverValueState} style={this.styles.suggestionPopoverHeader}>\n\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t\t{this.open && valueStateMessage.call(this)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tslot=\"header\"\n\t\t\tclass={{\n\t\t\t\t\"ui5-responsive-popover-header\": true,\n\t\t\t\t...this.classes.popoverValueState,\n\t\t\t}}\n\t\t\tstyle={this.styles.suggestionPopoverHeader}\n\t\t>\n\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t{this.open && valueStateMessage.call(this)}\n\t\t</div>\n\t);\n}\n\nfunction content(this: ComboBox) {\n\tif (this.loading && (this._isPhone || !this.hasValueState)) {\n\t\treturn <BusyIndicator active={true} class=\"ui5-combobox-busy\" delay={LOADING_DELAY} />;\n\t}\n\n\tconst loadingOnDesktopWithValueState = this.loading && !this._isPhone && this.hasValueState;\n\tconst hasFilteredItems = !this.loading && !!this._filteredItems?.length;\n\n\tif (!loadingOnDesktopWithValueState && !hasFilteredItems) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{loadingOnDesktopWithValueState &&\n\t\t\t\t<div class=\"ui5-combobox-busy-container\">\n\t\t\t\t\t<BusyIndicator active={true} class=\"ui5-combobox-busy\" delay={LOADING_DELAY} />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t{hasFilteredItems &&\n\t\t\t\t<List\n\t\t\t\t\tclass=\"ui5-combobox-items-list\"\n\t\t\t\t\tseparators=\"None\"\n\t\t\t\t\taccessibleRole=\"ListBox\"\n\t\t\t\t\tselectionMode=\"Single\"\n\t\t\t\t\tonItemClick={this._selectItem}\n\t\t\t\t\tonItemFocused={this._onItemFocus}\n\t\t\t\t\tonMouseDown={this._itemMousedown}\n\t\t\t\t>\n\t\t\t\t\t{this._filteredItems.map(item => <slot name={item._individualSlot}></slot>)}\n\t\t\t\t</List>\n\t\t\t}\n\t\t</>\n\t);\n}\n\nfunction dialogFooter(this: ComboBox) {\n\treturn (\n\t\t<div slot=\"footer\" class=\"ui5-responsive-popover-footer\">\n\t\t\t<Button\n\t\t\t\tdesign=\"Emphasized\"\n\t\t\t\tonClick={this._closeRespPopover}\n\t\t\t>{this._dialogOkButtonText}</Button>\n\t\t\t<Button\n\t\t\t\tclass=\"ui5-responsive-popover-close-btn\"\n\t\t\t\tdesign=\"Transparent\"\n\t\t\t\tonClick={this._closeRespPopover}\n\t\t\t>\n\t\t\t\t{this._dialogCancelButtonText}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction dialogHeader(this: ComboBox) {\n\treturn <>\n\t\t<div slot=\"header\" class=\"ui5-responsive-popover-header\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<Title\n\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\tclass=\"ui5-responsive-popover-header-text\"\n\t\t\t\t>\n\t\t\t\t\t{this._headerTitleText}\n\t\t\t\t</Title>\n\t\t\t</div>\n\n\t\t\t<div class=\"row\">\n\t\t\t\t<Input\n\t\t\t\t\topen={this.openOnMobile}\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tvalueState={this.valueState}\n\t\t\t\t\tshowClearIcon={this.showClearIcon}\n\t\t\t\t\tnoTypeahead={this.noTypeahead}\n\t\t\t\t\tonKeyDown={this._handleMobileKeydown}\n\t\t\t\t\tonInput={this._handleMobileInput}\n\t\t\t\t\tonChange={this._inputChange}\n\t\t\t\t>\n\t\t\t\t\t{!this.loading && this._filteredItems.flatMap(item => {\n\t\t\t\t\t\tif (item.isGroupItem && item.items) {\n\t\t\t\t\t\t\t// For group items, return all nested items\n\t\t\t\t\t\t\treturn item.items\n\t\t\t\t\t\t\t\t.filter(nestedItem => !!nestedItem)\n\t\t\t\t\t\t\t\t.map(nestedItem =>\n\t\t\t\t\t\t\t\t\t<SuggestionItem text={nestedItem.text} additionalText={nestedItem.additionalText} markupText={generateHighlightedMarkupFirstMatch(nestedItem.text || \"\", this.filterValue)} />\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// For regular items\n\t\t\t\t\t\treturn <SuggestionItem text={item.text} additionalText={item.additionalText} markupText={generateHighlightedMarkupFirstMatch(item.text || \"\", this.filterValue)} />;\n\t\t\t\t\t})}\n\t\t\t\t</Input>\n\t\t\t</div>\n\t\t</div>\n\t</>;\n}\n"]}
@@ -1,10 +1,12 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
2
2
  import Icon from "./Icon.js";
3
3
  import decline from "@ui5/webcomponents-icons/dist/decline.js";
4
4
  import slimArrowDown from "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
5
5
  import ComboBoxPopoverTemplate from "./ComboBoxPopoverTemplate.js";
6
+ import BusyIndicator from "./BusyIndicator.js";
6
7
  export default function ComboBoxTemplate() {
7
- return (_jsxs(_Fragment, { children: [_jsxs("div", { class: "ui5-combobox-root ui5-input-focusable-element", children: [this.hasValueState &&
8
+ const inlineLoading = this.loading && !this.open && !this._isPhone;
9
+ return (_jsxs(BusyIndicator, { class: "ui5-combobox-busy-indicator", active: inlineLoading, children: [_jsxs("div", { class: "ui5-combobox-root ui5-input-focusable-element", children: [this.hasValueState &&
8
10
  _jsx("span", { id: "value-state-description", class: "ui5-hidden-text", children: this.ariaValueStateHiddenText }), this.linksInAriaValueStateHiddenText.length > 0 &&
9
11
  _jsx("span", { id: "hiddenText-value-state-link-shortcut", class: "ui5-hidden-text", children: this.valueStateLinksShortcutsTextAcc }), _jsx("input", { id: "ui5-combobox-input", value: this.value, "inner-input": true, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, "value-state": this.valueState, onKeyDown: this._keydown, onInput: this._input, onChange: this._inputChange, onClick: this._click, onKeyUp: this._keyup, onFocusIn: this._focusin, onFocusOut: this._focusout, "aria-expanded": this.open, role: "combobox", "aria-haspopup": "dialog", "aria-autocomplete": "both", "aria-describedby": this.ariaDescribedByText, "aria-label": this.ariaLabelText, "aria-required": this.required, "aria-controls": this.responsivePopoverId, autocomplete: "off", "data-sap-focus-ref": true }), this._effectiveShowClearIcon &&
10
12
  _jsx("div", { onClick: this._clear, class: "ui5-input-clear-icon-wrapper inputIcon", tabindex: -1, children: _jsx(Icon, { tabindex: -1, class: "ui5-input-clear-icon", name: decline, accessibleName: this.clearIconAccessibleName }) }), this.icon &&
@@ -1 +1 @@
1
- {"version":3,"file":"ComboBoxTemplate.js","sourceRoot":"","sources":["../src/ComboBoxTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,OAAO,MAAM,0CAA0C,CAAC;AAC/D,OAAO,aAAa,MAAM,kDAAkD,CAAC;AAC7E,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACvC,OAAO,CACN,8BACC,eAAK,KAAK,EAAC,+CAA+C,aACxD,IAAI,CAAC,aAAa;wBACnB,eAAM,EAAE,EAAC,yBAAyB,EAAC,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,wBAAwB,GAAQ,EAEhG,IAAI,CAAC,+BAA+B,CAAC,MAAM,GAAG,CAAC;wBAC9C,eAAM,EAAE,EAAC,sCAAsC,EAAC,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,+BAA+B,GAAQ,EAGvH,gBAAO,EAAE,EAAC,oBAAoB,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,uBAEjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,iBAEV,IAAI,CAAC,UAAU,EAC5B,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,UAAU,EAAE,IAAI,CAAC,SAAS,mBACX,IAAI,CAAC,IAAI,EACxB,IAAI,EAAC,UAAU,mBACD,QAAQ,uBACJ,MAAM,sBACN,IAAI,CAAC,mBAAmB,gBAC9B,IAAI,CAAC,aAAa,mBACf,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,mBAAmB,EACvC,YAAY,EAAC,KAAK,+BAEjB,EAED,IAAI,CAAC,uBAAuB;wBAC7B,cAAK,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,wCAAwC,EAAC,QAAQ,EAAE,CAAC,CAAC,YACrF,KAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,uBAAuB,GAAG,GAC1G,EAGL,IAAI,CAAC,IAAI;wBACV,eAAM,IAAI,EAAC,MAAM,GAAQ,EAGxB,CAAC,IAAI,CAAC,QAAQ;wBACf,KAAC,IAAI,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE;gCACN,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI,CAAC,YAAY;6BACvC,EACD,cAAc,EAAE,IAAI,CAAC,uBAAuB,EAC5C,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,OAAO,EAAE,IAAI,CAAC,WAAW,GACxB,IAEG,EAEJ,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,IAClC,CACH,CAAC;AACH,CAAC","sourcesContent":["import type ComboBox from \"./ComboBox.js\";\nimport Icon from \"./Icon.js\";\nimport decline from \"@ui5/webcomponents-icons/dist/decline.js\";\nimport slimArrowDown from \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport ComboBoxPopoverTemplate from \"./ComboBoxPopoverTemplate.js\";\n\nexport default function ComboBoxTemplate(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t<div class=\"ui5-combobox-root ui5-input-focusable-element\">\n\t\t\t\t{this.hasValueState &&\n\t\t\t\t<span id=\"value-state-description\" class=\"ui5-hidden-text\">{this.ariaValueStateHiddenText}</span>\n\t\t\t\t}\n\t\t\t\t{this.linksInAriaValueStateHiddenText.length > 0 &&\n\t\t\t\t\t\t<span id=\"hiddenText-value-state-link-shortcut\" class=\"ui5-hidden-text\">{this.valueStateLinksShortcutsTextAcc}</span>\n\t\t\t\t}\n\n\t\t\t\t<input id=\"ui5-combobox-input\"\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tinner-input\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t// check this value-state\n\t\t\t\t\tvalue-state={this.valueState}\n\t\t\t\t\tonKeyDown={this._keydown}\n\t\t\t\t\tonInput={this._input}\n\t\t\t\t\tonChange={this._inputChange}\n\t\t\t\t\tonClick={this._click}\n\t\t\t\t\tonKeyUp={this._keyup}\n\t\t\t\t\tonFocusIn={this._focusin}\n\t\t\t\t\tonFocusOut={this._focusout}\n\t\t\t\t\taria-expanded={this.open}\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\taria-autocomplete=\"both\"\n\t\t\t\t\taria-describedby={this.ariaDescribedByText}\n\t\t\t\t\taria-label={this.ariaLabelText}\n\t\t\t\t\taria-required={this.required}\n\t\t\t\t\taria-controls={this.responsivePopoverId}\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t/>\n\n\t\t\t\t{this._effectiveShowClearIcon &&\n\t\t\t\t<div onClick={this._clear} class=\"ui5-input-clear-icon-wrapper inputIcon\" tabindex={-1}>\n\t\t\t\t\t<Icon tabindex={-1} class=\"ui5-input-clear-icon\" name={decline} accessibleName={this.clearIconAccessibleName}/>\n\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{this.icon &&\n\t\t\t\t<slot name=\"icon\"></slot>\n\t\t\t\t}\n\n\t\t\t\t{!this.readonly &&\n\t\t\t\t<Icon\n\t\t\t\t\tslot=\"icon\"\n\t\t\t\t\tname={slimArrowDown}\n\t\t\t\t\ttabindex={-1}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t\"inputIcon\": true,\n\t\t\t\t\t\t\"inputIcon--pressed\": this._iconPressed,\n\t\t\t\t\t}}\n\t\t\t\t\taccessibleName={this._iconAccessibleNameText}\n\t\t\t\t\tonMouseDown={this._arrowMouseDown}\n\t\t\t\t\tonClick={this._arrowClick}\n\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t{ ComboBoxPopoverTemplate.call(this) }\n\t\t</>\n\t);\n}\n"]}
1
+ {"version":3,"file":"ComboBoxTemplate.js","sourceRoot":"","sources":["../src/ComboBoxTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,OAAO,MAAM,0CAA0C,CAAC;AAC/D,OAAO,aAAa,MAAM,kDAAkD,CAAC;AAC7E,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACvC,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IACnE,OAAO,CACN,MAAC,aAAa,IAAC,KAAK,EAAC,6BAA6B,EAAC,MAAM,EAAE,aAAa,aACvE,eAAK,KAAK,EAAC,+CAA+C,aACxD,IAAI,CAAC,aAAa;wBACnB,eAAM,EAAE,EAAC,yBAAyB,EAAC,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,wBAAwB,GAAQ,EAEhG,IAAI,CAAC,+BAA+B,CAAC,MAAM,GAAG,CAAC;wBAC9C,eAAM,EAAE,EAAC,sCAAsC,EAAC,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,+BAA+B,GAAQ,EAGvH,gBAAO,EAAE,EAAC,oBAAoB,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,uBAEjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,iBAEV,IAAI,CAAC,UAAU,EAC5B,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,UAAU,EAAE,IAAI,CAAC,SAAS,mBACX,IAAI,CAAC,IAAI,EACxB,IAAI,EAAC,UAAU,mBACD,QAAQ,uBACJ,MAAM,sBACN,IAAI,CAAC,mBAAmB,gBAC9B,IAAI,CAAC,aAAa,mBACf,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,mBAAmB,EACvC,YAAY,EAAC,KAAK,+BAEjB,EAED,IAAI,CAAC,uBAAuB;wBAC7B,cAAK,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,wCAAwC,EAAC,QAAQ,EAAE,CAAC,CAAC,YACrF,KAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,uBAAuB,GAAG,GAC1G,EAGL,IAAI,CAAC,IAAI;wBACV,eAAM,IAAI,EAAC,MAAM,GAAQ,EAGxB,CAAC,IAAI,CAAC,QAAQ;wBACf,KAAC,IAAI,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE;gCACN,WAAW,EAAE,IAAI;gCACjB,oBAAoB,EAAE,IAAI,CAAC,YAAY;6BACvC,EACD,cAAc,EAAE,IAAI,CAAC,uBAAuB,EAC5C,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,OAAO,EAAE,IAAI,CAAC,WAAW,GACxB,IAEG,EAEJ,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,IACrB,CAChB,CAAC;AACH,CAAC","sourcesContent":["import type ComboBox from \"./ComboBox.js\";\nimport Icon from \"./Icon.js\";\nimport decline from \"@ui5/webcomponents-icons/dist/decline.js\";\nimport slimArrowDown from \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport ComboBoxPopoverTemplate from \"./ComboBoxPopoverTemplate.js\";\nimport BusyIndicator from \"./BusyIndicator.js\";\n\nexport default function ComboBoxTemplate(this: ComboBox) {\n\tconst inlineLoading = this.loading && !this.open && !this._isPhone;\n\treturn (\n\t\t<BusyIndicator class=\"ui5-combobox-busy-indicator\" active={inlineLoading}>\n\t\t\t<div class=\"ui5-combobox-root ui5-input-focusable-element\">\n\t\t\t\t{this.hasValueState &&\n\t\t\t\t<span id=\"value-state-description\" class=\"ui5-hidden-text\">{this.ariaValueStateHiddenText}</span>\n\t\t\t\t}\n\t\t\t\t{this.linksInAriaValueStateHiddenText.length > 0 &&\n\t\t\t\t\t\t<span id=\"hiddenText-value-state-link-shortcut\" class=\"ui5-hidden-text\">{this.valueStateLinksShortcutsTextAcc}</span>\n\t\t\t\t}\n\n\t\t\t\t<input id=\"ui5-combobox-input\"\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tinner-input\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t// check this value-state\n\t\t\t\t\tvalue-state={this.valueState}\n\t\t\t\t\tonKeyDown={this._keydown}\n\t\t\t\t\tonInput={this._input}\n\t\t\t\t\tonChange={this._inputChange}\n\t\t\t\t\tonClick={this._click}\n\t\t\t\t\tonKeyUp={this._keyup}\n\t\t\t\t\tonFocusIn={this._focusin}\n\t\t\t\t\tonFocusOut={this._focusout}\n\t\t\t\t\taria-expanded={this.open}\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\taria-autocomplete=\"both\"\n\t\t\t\t\taria-describedby={this.ariaDescribedByText}\n\t\t\t\t\taria-label={this.ariaLabelText}\n\t\t\t\t\taria-required={this.required}\n\t\t\t\t\taria-controls={this.responsivePopoverId}\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t/>\n\n\t\t\t\t{this._effectiveShowClearIcon &&\n\t\t\t\t<div onClick={this._clear} class=\"ui5-input-clear-icon-wrapper inputIcon\" tabindex={-1}>\n\t\t\t\t\t<Icon tabindex={-1} class=\"ui5-input-clear-icon\" name={decline} accessibleName={this.clearIconAccessibleName}/>\n\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{this.icon &&\n\t\t\t\t<slot name=\"icon\"></slot>\n\t\t\t\t}\n\n\t\t\t\t{!this.readonly &&\n\t\t\t\t<Icon\n\t\t\t\t\tslot=\"icon\"\n\t\t\t\t\tname={slimArrowDown}\n\t\t\t\t\ttabindex={-1}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t\"inputIcon\": true,\n\t\t\t\t\t\t\"inputIcon--pressed\": this._iconPressed,\n\t\t\t\t\t}}\n\t\t\t\t\taccessibleName={this._iconAccessibleNameText}\n\t\t\t\t\tonMouseDown={this._arrowMouseDown}\n\t\t\t\t\tonClick={this._arrowClick}\n\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t{ ComboBoxPopoverTemplate.call(this) }\n\t\t</BusyIndicator>\n\t);\n}\n"]}
@@ -28,7 +28,7 @@ declare class DateComponentBase extends UI5Element {
28
28
  /**
29
29
  * Defines the secondary calendar type.
30
30
  * If not set, the calendar will only show the primary calendar type.
31
- * @since 1.0.0-rc.16
31
+ * @since 1.0.0
32
32
  * @default undefined
33
33
  * @public
34
34
  */
@@ -59,7 +59,7 @@ declare class DateComponentBase extends UI5Element {
59
59
  *
60
60
  * **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).
61
61
  * @default ""
62
- * @since 1.0.0-rc.6
62
+ * @since 1.0.0
63
63
  * @public
64
64
  */
65
65
  minDate: string;
@@ -68,7 +68,7 @@ declare class DateComponentBase extends UI5Element {
68
68
  *
69
69
  * **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).
70
70
  * @default ""
71
- * @since 1.0.0-rc.6
71
+ * @since 1.0.0
72
72
  * @public
73
73
  */
74
74
  maxDate: string;
@@ -37,7 +37,7 @@ let DateComponentBase = class DateComponentBase extends UI5Element {
37
37
  *
38
38
  * **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).
39
39
  * @default ""
40
- * @since 1.0.0-rc.6
40
+ * @since 1.0.0
41
41
  * @public
42
42
  */
43
43
  this.minDate = "";
@@ -46,7 +46,7 @@ let DateComponentBase = class DateComponentBase extends UI5Element {
46
46
  *
47
47
  * **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).
48
48
  * @default ""
49
- * @since 1.0.0-rc.6
49
+ * @since 1.0.0
50
50
  * @public
51
51
  */
52
52
  this.maxDate = "";
@@ -1 +1 @@
1
- {"version":3,"file":"DateComponentBase.js","sourceRoot":"","sources":["../src/DateComponentBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getCalendarType, getSecondaryCalendarType } from \"@ui5/webcomponents-base/dist/config/CalendarType.js\";\nimport DateFormat from \"@ui5/webcomponents-localization/dist/DateFormat.js\";\nimport getCachedLocaleDataInstance from \"@ui5/webcomponents-localization/dist/getCachedLocaleDataInstance.js\";\nimport type CalendarType from \"@ui5/webcomponents-base/dist/types/CalendarType.js\";\nimport getLocale from \"@ui5/webcomponents-base/dist/locale/getLocale.js\";\nimport CalendarDate from \"@ui5/webcomponents-localization/dist/dates/CalendarDate.js\";\nimport { getMaxCalendarDate, getMinCalendarDate } from \"@ui5/webcomponents-localization/dist/dates/ExtremeDates.js\";\nimport UI5Date from \"@ui5/webcomponents-localization/dist/dates/UI5Date.js\";\nimport type CalendarWeekNumbering from \"./types/CalendarWeekNumbering.js\";\n\n/**\n * @class\n *\n * Abstract class that provides common functionality for date-related components (day picker, month picker, year picker, calendar, date picker, date range picker, date time picker)\n * This includes:\n * - \"languageAware: true\" metadata setting, CLDR fetch and i18n initialization\n * - common properties (primaryCalendar, minDate, maxDate and formatPattern) declaration and methods that operate on them\n * - additional common methods\n * @constructor\n * @abstract\n * @extends UI5Element\n * @public\n */\n@customElement({\n\tlanguageAware: true,\n\tcldr: true,\n\trenderer: jsxRenderer,\n})\nclass DateComponentBase extends UI5Element {\n\t/**\n\t * Sets a calendar type used for display.\n\t * If not set, the calendar type of the global configuration is used.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tprimaryCalendarType?: `${CalendarType}`;\n\n\t/**\n\t * Defines the secondary calendar type.\n\t * If not set, the calendar will only show the primary calendar type.\n\t * @since 1.0.0-rc.16\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tsecondaryCalendarType?: `${CalendarType}`;\n\n\t/**\n\t * Determines the format, displayed in the input field.\n\t * @default undefined\n\t * @deprecated Use displayFormat and valueFormat instead\n\t * @public\n\t */\n\t@property()\n\tformatPattern?: string;\n\n\t/**\n\t * Determines the format, displayed in the input field.\n\t * @default undefined\n\t * @since 2.14.0\n\t * @public\n\t */\n\t@property()\n\tdisplayFormat?: string;\n\n\t/**\n\t * Determines the format, used for the value attribute.\n\t * @default undefined\n\t * @since 2.14.0\n\t * @public\n\t */\n\t@property()\n\tvalueFormat?: string;\n\n\t/**\n\t * Determines the minimum date available for selection.\n\t *\n\t * **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).\n\t * @default \"\"\n\t * @since 1.0.0-rc.6\n\t * @public\n\t */\n\t@property()\n\tminDate = \"\";\n\n\t/**\n\t * Determines the maximum date available for selection.\n\t *\n\t * **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).\n\t * @default \"\"\n\t * @since 1.0.0-rc.6\n\t * @public\n\t */\n\t@property()\n\tmaxDate = \"\";\n\n\t/**\n\t * Defines how to calculate calendar weeks and first day of the week.\n\t * If not set, the calendar will be displayed according to the currently set global configuration.\n\t * @default \"Default\"\n\t * @since 2.2.0\n\t * @public\n\t */\n\t@property()\n\tcalendarWeekNumbering: `${CalendarWeekNumbering}` = \"Default\";\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle?: I18nBundle;\n\n\t/**\n\t * Cached instance of DateFormat with a format pattern of \"yyyy-MM-dd\".\n\t * Used by the getISOFormat method to avoid creating a new DateFormat instance on each call.\n\t * @private\n\t */\n\t_isoFormatInstance?: DateFormat;\n\n\t_cachedMinDate?: { key: string, value: CalendarDate };\n\t_cachedMaxDate?: { key: string, value: CalendarDate };\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget _primaryCalendarType() {\n\t\tconst localeData = getCachedLocaleDataInstance(getLocale());\n\t\treturn this.primaryCalendarType || getCalendarType() || localeData.getPreferredCalendarType();\n\t}\n\n\tget _secondaryCalendarType() {\n\t\treturn this.secondaryCalendarType || getSecondaryCalendarType();\n\t}\n\n\tget _minDate() {\n\t\tconst key = `${this.minDate}__${this._primaryCalendarType}`;\n\t\tif (!this._cachedMinDate || this._cachedMinDate.key !== key) {\n\t\t\tconst parsed = this.minDate ? this._getMinMaxCalendarDateFromString(this.minDate) : undefined;\n\t\t\tthis._cachedMinDate = { key, value: parsed || getMinCalendarDate(this._primaryCalendarType) };\n\t\t}\n\t\treturn this._cachedMinDate.value;\n\t}\n\n\tget _maxDate() {\n\t\tconst key = `${this.maxDate}__${this._primaryCalendarType}`;\n\t\tif (!this._cachedMaxDate || this._cachedMaxDate.key !== key) {\n\t\t\tconst parsed = this.maxDate ? this._getMinMaxCalendarDateFromString(this.maxDate) : undefined;\n\t\t\tthis._cachedMaxDate = { key, value: parsed || getMaxCalendarDate(this._primaryCalendarType) };\n\t\t}\n\t\treturn this._cachedMaxDate.value;\n\t}\n\n\tget _formatPattern() {\n\t\treturn this.formatPattern || this.valueFormat; // get from config\n\t}\n\n\tget _isPattern() {\n\t\treturn this._formatPattern !== \"medium\" && this._formatPattern !== \"short\" && this._formatPattern !== \"long\";\n\t}\n\n\tget _isValueFormatPattern() {\n\t\treturn this._valueFormat !== \"medium\" && this._valueFormat !== \"short\" && this._valueFormat !== \"long\";\n\t}\n\n\tget _isDisplayFormatPattern() {\n\t\treturn this._displayFormat !== \"medium\" && this._displayFormat !== \"short\" && this._displayFormat !== \"long\";\n\t}\n\n\tget initialFocusId(): string {\n\t\treturn `${this._id}-calendar`;\n\t}\n\n\tget hasSecondaryCalendarType() {\n\t\treturn !!this.secondaryCalendarType && this.secondaryCalendarType !== this.primaryCalendarType;\n\t}\n\n\t_getMinMaxCalendarDateFromString(date: string) {\n\t\tif (this.getFormat().parse(date)) {\n\t\t\treturn this._getCalendarDateFromString(date);\n\t\t}\n\n\t\tconst jsDate = this.getISOFormat().parse(date) as Date;\n\t\tif (jsDate) {\n\t\t\treturn CalendarDate.fromLocalJSDate(jsDate, this._primaryCalendarType);\n\t\t}\n\t}\n\n\t_getCalendarDateFromString(value: string) {\n\t\tconst jsDate = this.getValueFormat().parse(value) as Date;\n\t\tif (jsDate) {\n\t\t\treturn CalendarDate.fromLocalJSDate(jsDate, this._primaryCalendarType);\n\t\t}\n\t}\n\n\t_getCalendarDateFromStringDisplayValue(value: string) {\n\t\tconst jsDate = this.getDisplayFormat().parse(value) as Date;\n\t\tif (jsDate) {\n\t\t\treturn CalendarDate.fromLocalJSDate(jsDate, this._primaryCalendarType);\n\t\t}\n\t}\n\n\t_getTimeStampFromString(value: string) {\n\t\tconst calDate = this._getCalendarDateFromString(value);\n\t\tif (calDate) {\n\t\t\treturn calDate.toUTCJSDate().valueOf();\n\t\t}\n\t}\n\n\t_getStringFromTimestamp(timestamp: number) {\n\t\tif (!timestamp) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst localDate = UI5Date.getInstance(timestamp);\n\t\treturn this.getFormat().format(localDate, true);\n\t}\n\n\t_getDisplayStringFromTimestamp(timestamp: number) {\n\t\tif (!timestamp) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst localDate = UI5Date.getInstance(timestamp);\n\t\treturn this.getDisplayFormat().format(localDate, true);\n\t}\n\n\t_getValueStringFromTimestamp(timestamp: number) {\n\t\tif (!timestamp) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst localDate = UI5Date.getInstance(timestamp);\n\t\treturn this.getValueFormat().format(localDate, true);\n\t}\n\n\tgetFormat() {\n\t\treturn this._isPattern\n\t\t\t? DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tpattern: this._formatPattern,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t})\n\t\t\t: DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tstyle: this._formatPattern,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t});\n\t}\n\n\tget _displayFormat() {\n\t\tif (this.displayFormat) {\n\t\t\treturn this.displayFormat;\n\t\t}\n\n\t\treturn this._formatPattern;\n\t}\n\n\tget _valueFormat() {\n\t\tif (this.valueFormat) {\n\t\t\treturn this.valueFormat;\n\t\t}\n\n\t\tif (this._formatPattern) {\n\t\t\treturn this._formatPattern;\n\t\t}\n\n\t\treturn \"\";\n\t}\n\n\tgetDisplayFormat() {\n\t\treturn this._isDisplayFormatPattern\n\t\t\t? DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tpattern: this._displayFormat,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t})\n\t\t\t: DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tstyle: this._displayFormat,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t});\n\t}\n\n\tgetValueFormat() {\n\t\tif (!this._valueFormat) {\n\t\t\treturn this.getISOFormat();\n\t\t}\n\n\t\treturn this._isValueFormatPattern\n\t\t\t? DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tpattern: this._valueFormat,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t})\n\t\t\t: DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tstyle: this._valueFormat,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t});\n\t}\n\n\tgetISOFormat() {\n\t\tif (!this._isoFormatInstance) {\n\t\t\tthis._isoFormatInstance = DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tpattern: \"yyyy-MM-dd\",\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t});\n\t\t}\n\t\treturn this._isoFormatInstance;\n\t}\n}\n\nexport default DateComponentBase;\n"]}
1
+ {"version":3,"file":"DateComponentBase.js","sourceRoot":"","sources":["../src/DateComponentBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getCalendarType, getSecondaryCalendarType } from \"@ui5/webcomponents-base/dist/config/CalendarType.js\";\nimport DateFormat from \"@ui5/webcomponents-localization/dist/DateFormat.js\";\nimport getCachedLocaleDataInstance from \"@ui5/webcomponents-localization/dist/getCachedLocaleDataInstance.js\";\nimport type CalendarType from \"@ui5/webcomponents-base/dist/types/CalendarType.js\";\nimport getLocale from \"@ui5/webcomponents-base/dist/locale/getLocale.js\";\nimport CalendarDate from \"@ui5/webcomponents-localization/dist/dates/CalendarDate.js\";\nimport { getMaxCalendarDate, getMinCalendarDate } from \"@ui5/webcomponents-localization/dist/dates/ExtremeDates.js\";\nimport UI5Date from \"@ui5/webcomponents-localization/dist/dates/UI5Date.js\";\nimport type CalendarWeekNumbering from \"./types/CalendarWeekNumbering.js\";\n\n/**\n * @class\n *\n * Abstract class that provides common functionality for date-related components (day picker, month picker, year picker, calendar, date picker, date range picker, date time picker)\n * This includes:\n * - \"languageAware: true\" metadata setting, CLDR fetch and i18n initialization\n * - common properties (primaryCalendar, minDate, maxDate and formatPattern) declaration and methods that operate on them\n * - additional common methods\n * @constructor\n * @abstract\n * @extends UI5Element\n * @public\n */\n@customElement({\n\tlanguageAware: true,\n\tcldr: true,\n\trenderer: jsxRenderer,\n})\nclass DateComponentBase extends UI5Element {\n\t/**\n\t * Sets a calendar type used for display.\n\t * If not set, the calendar type of the global configuration is used.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tprimaryCalendarType?: `${CalendarType}`;\n\n\t/**\n\t * Defines the secondary calendar type.\n\t * If not set, the calendar will only show the primary calendar type.\n\t * @since 1.0.0\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tsecondaryCalendarType?: `${CalendarType}`;\n\n\t/**\n\t * Determines the format, displayed in the input field.\n\t * @default undefined\n\t * @deprecated Use displayFormat and valueFormat instead\n\t * @public\n\t */\n\t@property()\n\tformatPattern?: string;\n\n\t/**\n\t * Determines the format, displayed in the input field.\n\t * @default undefined\n\t * @since 2.14.0\n\t * @public\n\t */\n\t@property()\n\tdisplayFormat?: string;\n\n\t/**\n\t * Determines the format, used for the value attribute.\n\t * @default undefined\n\t * @since 2.14.0\n\t * @public\n\t */\n\t@property()\n\tvalueFormat?: string;\n\n\t/**\n\t * Determines the minimum date available for selection.\n\t *\n\t * **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).\n\t * @default \"\"\n\t * @since 1.0.0\n\t * @public\n\t */\n\t@property()\n\tminDate = \"\";\n\n\t/**\n\t * Determines the maximum date available for selection.\n\t *\n\t * **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).\n\t * @default \"\"\n\t * @since 1.0.0\n\t * @public\n\t */\n\t@property()\n\tmaxDate = \"\";\n\n\t/**\n\t * Defines how to calculate calendar weeks and first day of the week.\n\t * If not set, the calendar will be displayed according to the currently set global configuration.\n\t * @default \"Default\"\n\t * @since 2.2.0\n\t * @public\n\t */\n\t@property()\n\tcalendarWeekNumbering: `${CalendarWeekNumbering}` = \"Default\";\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle?: I18nBundle;\n\n\t/**\n\t * Cached instance of DateFormat with a format pattern of \"yyyy-MM-dd\".\n\t * Used by the getISOFormat method to avoid creating a new DateFormat instance on each call.\n\t * @private\n\t */\n\t_isoFormatInstance?: DateFormat;\n\n\t_cachedMinDate?: { key: string, value: CalendarDate };\n\t_cachedMaxDate?: { key: string, value: CalendarDate };\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget _primaryCalendarType() {\n\t\tconst localeData = getCachedLocaleDataInstance(getLocale());\n\t\treturn this.primaryCalendarType || getCalendarType() || localeData.getPreferredCalendarType();\n\t}\n\n\tget _secondaryCalendarType() {\n\t\treturn this.secondaryCalendarType || getSecondaryCalendarType();\n\t}\n\n\tget _minDate() {\n\t\tconst key = `${this.minDate}__${this._primaryCalendarType}`;\n\t\tif (!this._cachedMinDate || this._cachedMinDate.key !== key) {\n\t\t\tconst parsed = this.minDate ? this._getMinMaxCalendarDateFromString(this.minDate) : undefined;\n\t\t\tthis._cachedMinDate = { key, value: parsed || getMinCalendarDate(this._primaryCalendarType) };\n\t\t}\n\t\treturn this._cachedMinDate.value;\n\t}\n\n\tget _maxDate() {\n\t\tconst key = `${this.maxDate}__${this._primaryCalendarType}`;\n\t\tif (!this._cachedMaxDate || this._cachedMaxDate.key !== key) {\n\t\t\tconst parsed = this.maxDate ? this._getMinMaxCalendarDateFromString(this.maxDate) : undefined;\n\t\t\tthis._cachedMaxDate = { key, value: parsed || getMaxCalendarDate(this._primaryCalendarType) };\n\t\t}\n\t\treturn this._cachedMaxDate.value;\n\t}\n\n\tget _formatPattern() {\n\t\treturn this.formatPattern || this.valueFormat; // get from config\n\t}\n\n\tget _isPattern() {\n\t\treturn this._formatPattern !== \"medium\" && this._formatPattern !== \"short\" && this._formatPattern !== \"long\";\n\t}\n\n\tget _isValueFormatPattern() {\n\t\treturn this._valueFormat !== \"medium\" && this._valueFormat !== \"short\" && this._valueFormat !== \"long\";\n\t}\n\n\tget _isDisplayFormatPattern() {\n\t\treturn this._displayFormat !== \"medium\" && this._displayFormat !== \"short\" && this._displayFormat !== \"long\";\n\t}\n\n\tget initialFocusId(): string {\n\t\treturn `${this._id}-calendar`;\n\t}\n\n\tget hasSecondaryCalendarType() {\n\t\treturn !!this.secondaryCalendarType && this.secondaryCalendarType !== this.primaryCalendarType;\n\t}\n\n\t_getMinMaxCalendarDateFromString(date: string) {\n\t\tif (this.getFormat().parse(date)) {\n\t\t\treturn this._getCalendarDateFromString(date);\n\t\t}\n\n\t\tconst jsDate = this.getISOFormat().parse(date) as Date;\n\t\tif (jsDate) {\n\t\t\treturn CalendarDate.fromLocalJSDate(jsDate, this._primaryCalendarType);\n\t\t}\n\t}\n\n\t_getCalendarDateFromString(value: string) {\n\t\tconst jsDate = this.getValueFormat().parse(value) as Date;\n\t\tif (jsDate) {\n\t\t\treturn CalendarDate.fromLocalJSDate(jsDate, this._primaryCalendarType);\n\t\t}\n\t}\n\n\t_getCalendarDateFromStringDisplayValue(value: string) {\n\t\tconst jsDate = this.getDisplayFormat().parse(value) as Date;\n\t\tif (jsDate) {\n\t\t\treturn CalendarDate.fromLocalJSDate(jsDate, this._primaryCalendarType);\n\t\t}\n\t}\n\n\t_getTimeStampFromString(value: string) {\n\t\tconst calDate = this._getCalendarDateFromString(value);\n\t\tif (calDate) {\n\t\t\treturn calDate.toUTCJSDate().valueOf();\n\t\t}\n\t}\n\n\t_getStringFromTimestamp(timestamp: number) {\n\t\tif (!timestamp) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst localDate = UI5Date.getInstance(timestamp);\n\t\treturn this.getFormat().format(localDate, true);\n\t}\n\n\t_getDisplayStringFromTimestamp(timestamp: number) {\n\t\tif (!timestamp) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst localDate = UI5Date.getInstance(timestamp);\n\t\treturn this.getDisplayFormat().format(localDate, true);\n\t}\n\n\t_getValueStringFromTimestamp(timestamp: number) {\n\t\tif (!timestamp) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst localDate = UI5Date.getInstance(timestamp);\n\t\treturn this.getValueFormat().format(localDate, true);\n\t}\n\n\tgetFormat() {\n\t\treturn this._isPattern\n\t\t\t? DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tpattern: this._formatPattern,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t})\n\t\t\t: DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tstyle: this._formatPattern,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t});\n\t}\n\n\tget _displayFormat() {\n\t\tif (this.displayFormat) {\n\t\t\treturn this.displayFormat;\n\t\t}\n\n\t\treturn this._formatPattern;\n\t}\n\n\tget _valueFormat() {\n\t\tif (this.valueFormat) {\n\t\t\treturn this.valueFormat;\n\t\t}\n\n\t\tif (this._formatPattern) {\n\t\t\treturn this._formatPattern;\n\t\t}\n\n\t\treturn \"\";\n\t}\n\n\tgetDisplayFormat() {\n\t\treturn this._isDisplayFormatPattern\n\t\t\t? DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tpattern: this._displayFormat,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t})\n\t\t\t: DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tstyle: this._displayFormat,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t});\n\t}\n\n\tgetValueFormat() {\n\t\tif (!this._valueFormat) {\n\t\t\treturn this.getISOFormat();\n\t\t}\n\n\t\treturn this._isValueFormatPattern\n\t\t\t? DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tpattern: this._valueFormat,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t})\n\t\t\t: DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tstyle: this._valueFormat,\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t});\n\t}\n\n\tgetISOFormat() {\n\t\tif (!this._isoFormatInstance) {\n\t\t\tthis._isoFormatInstance = DateFormat.getDateInstance({\n\t\t\t\tstrictParsing: true,\n\t\t\t\tpattern: \"yyyy-MM-dd\",\n\t\t\t\tcalendarType: this._primaryCalendarType,\n\t\t\t});\n\t\t}\n\t\treturn this._isoFormatInstance;\n\t}\n}\n\nexport default DateComponentBase;\n"]}
@@ -148,7 +148,7 @@ declare class DatePicker extends DateComponentBase implements IFormInputElement
148
148
  valueState: `${ValueState}`;
149
149
  /**
150
150
  * Defines whether the component is required.
151
- * @since 1.0.0-rc.9
151
+ * @since 1.0.0
152
152
  * @default false
153
153
  * @public
154
154
  */
@@ -190,7 +190,7 @@ declare class DatePicker extends DateComponentBase implements IFormInputElement
190
190
  * the week numbers are not displayed regardless of what is set.
191
191
  * @default false
192
192
  * @public
193
- * @since 1.0.0-rc.8
193
+ * @since 1.0.0
194
194
  */
195
195
  hideWeekNumbers: boolean;
196
196
  /**
@@ -204,14 +204,14 @@ declare class DatePicker extends DateComponentBase implements IFormInputElement
204
204
  * Defines the aria-label attribute for the component.
205
205
  * @default undefined
206
206
  * @public
207
- * @since 1.0.0-rc.15
207
+ * @since 1.0.0
208
208
  */
209
209
  accessibleName?: string;
210
210
  /**
211
211
  * Receives id(or many ids) of the elements that label the component.
212
212
  * @default undefined
213
213
  * @public
214
- * @since 1.0.0-rc.15
214
+ * @since 1.0.0
215
215
  */
216
216
  accessibleNameRef?: string;
217
217
  /**
@@ -246,7 +246,7 @@ declare class DatePicker extends DateComponentBase implements IFormInputElement
246
246
  *
247
247
  * **Note:** The `valueStateMessage` would be displayed,
248
248
  * when the component is in `Information`, `Critical` or `Negative` value state.
249
- * @since 1.0.0-rc.7
249
+ * @since 1.0.0
250
250
  * @public
251
251
  */
252
252
  valueStateMessage: Slot<HTMLElement>;
@@ -150,7 +150,7 @@ let DatePicker = DatePicker_1 = class DatePicker extends DateComponentBase {
150
150
  this.valueState = "None";
151
151
  /**
152
152
  * Defines whether the component is required.
153
- * @since 1.0.0-rc.9
153
+ * @since 1.0.0
154
154
  * @default false
155
155
  * @public
156
156
  */
@@ -174,7 +174,7 @@ let DatePicker = DatePicker_1 = class DatePicker extends DateComponentBase {
174
174
  * the week numbers are not displayed regardless of what is set.
175
175
  * @default false
176
176
  * @public
177
- * @since 1.0.0-rc.8
177
+ * @since 1.0.0
178
178
  */
179
179
  this.hideWeekNumbers = false;
180
180
  /**