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

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 (843) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/Assets-node.d.ts +16 -0
  4. package/dist/Assets-node.js +19 -0
  5. package/dist/Assets-node.js.map +1 -0
  6. package/dist/Avatar.d.ts +4 -0
  7. package/dist/Avatar.js +9 -4
  8. package/dist/Avatar.js.map +1 -1
  9. package/dist/Breadcrumbs.js +2 -2
  10. package/dist/Breadcrumbs.js.map +1 -1
  11. package/dist/Calendar.d.ts +31 -8
  12. package/dist/Calendar.js +100 -26
  13. package/dist/Calendar.js.map +1 -1
  14. package/dist/CalendarHeaderTemplate.js +1 -1
  15. package/dist/CalendarHeaderTemplate.js.map +1 -1
  16. package/dist/CalendarTemplate.js +3 -1
  17. package/dist/CalendarTemplate.js.map +1 -1
  18. package/dist/CheckBoxTemplate.js +1 -1
  19. package/dist/CheckBoxTemplate.js.map +1 -1
  20. package/dist/ComboBox.d.ts +1 -0
  21. package/dist/ComboBox.js +4 -1
  22. package/dist/ComboBox.js.map +1 -1
  23. package/dist/ComboBoxPopoverTemplate.js +1 -1
  24. package/dist/ComboBoxPopoverTemplate.js.map +1 -1
  25. package/dist/DynamicDateRange.d.ts +133 -0
  26. package/dist/DynamicDateRange.js +291 -0
  27. package/dist/DynamicDateRange.js.map +1 -0
  28. package/dist/DynamicDateRangeInputTemplate.d.ts +2 -0
  29. package/dist/DynamicDateRangeInputTemplate.js +13 -0
  30. package/dist/DynamicDateRangeInputTemplate.js.map +1 -0
  31. package/dist/DynamicDateRangePopoverTemplate.d.ts +2 -0
  32. package/dist/DynamicDateRangePopoverTemplate.js +18 -0
  33. package/dist/DynamicDateRangePopoverTemplate.js.map +1 -0
  34. package/dist/DynamicDateRangeTemplate.d.ts +2 -0
  35. package/dist/DynamicDateRangeTemplate.js +9 -0
  36. package/dist/DynamicDateRangeTemplate.js.map +1 -0
  37. package/dist/Icon.js +2 -2
  38. package/dist/Icon.js.map +1 -1
  39. package/dist/Input.d.ts +1 -0
  40. package/dist/Input.js +4 -1
  41. package/dist/Input.js.map +1 -1
  42. package/dist/Tab.d.ts +2 -1
  43. package/dist/Tab.js +2 -1
  44. package/dist/Tab.js.map +1 -1
  45. package/dist/TabContainer.js +2 -2
  46. package/dist/TabContainer.js.map +1 -1
  47. package/dist/Table.d.ts +0 -6
  48. package/dist/Table.js +3 -6
  49. package/dist/Table.js.map +1 -1
  50. package/dist/TableCell.d.ts +0 -1
  51. package/dist/TableCell.js +0 -1
  52. package/dist/TableCell.js.map +1 -1
  53. package/dist/TableGrowing.d.ts +0 -1
  54. package/dist/TableGrowing.js +0 -1
  55. package/dist/TableGrowing.js.map +1 -1
  56. package/dist/TableHeaderCell.d.ts +0 -1
  57. package/dist/TableHeaderCell.js +0 -1
  58. package/dist/TableHeaderCell.js.map +1 -1
  59. package/dist/TableHeaderCellActionAI.d.ts +0 -1
  60. package/dist/TableHeaderCellActionAI.js +0 -1
  61. package/dist/TableHeaderCellActionAI.js.map +1 -1
  62. package/dist/TableHeaderRow.d.ts +0 -1
  63. package/dist/TableHeaderRow.js +0 -1
  64. package/dist/TableHeaderRow.js.map +1 -1
  65. package/dist/TableRow.d.ts +1 -2
  66. package/dist/TableRow.js +9 -5
  67. package/dist/TableRow.js.map +1 -1
  68. package/dist/TableRowAction.d.ts +0 -1
  69. package/dist/TableRowAction.js +0 -1
  70. package/dist/TableRowAction.js.map +1 -1
  71. package/dist/TableRowActionNavigation.d.ts +0 -1
  72. package/dist/TableRowActionNavigation.js +0 -1
  73. package/dist/TableRowActionNavigation.js.map +1 -1
  74. package/dist/TableSelection.d.ts +1 -1
  75. package/dist/TableSelection.js +1 -1
  76. package/dist/TableSelection.js.map +1 -1
  77. package/dist/TableSelectionBase.d.ts +9 -2
  78. package/dist/TableSelectionBase.js +14 -3
  79. package/dist/TableSelectionBase.js.map +1 -1
  80. package/dist/TableSelectionMulti.d.ts +0 -1
  81. package/dist/TableSelectionMulti.js +0 -5
  82. package/dist/TableSelectionMulti.js.map +1 -1
  83. package/dist/Tokenizer.d.ts +2 -0
  84. package/dist/Tokenizer.js +7 -1
  85. package/dist/Tokenizer.js.map +1 -1
  86. package/dist/TokenizerPopoverTemplate.js +1 -1
  87. package/dist/TokenizerPopoverTemplate.js.map +1 -1
  88. package/dist/Toolbar.d.ts +3 -22
  89. package/dist/Toolbar.js +12 -45
  90. package/dist/Toolbar.js.map +1 -1
  91. package/dist/ToolbarButton.d.ts +10 -11
  92. package/dist/ToolbarButton.js +14 -23
  93. package/dist/ToolbarButton.js.map +1 -1
  94. package/dist/ToolbarButtonTemplate.js +2 -3
  95. package/dist/ToolbarButtonTemplate.js.map +1 -1
  96. package/dist/ToolbarItem.d.ts +13 -17
  97. package/dist/ToolbarItem.js +18 -22
  98. package/dist/ToolbarItem.js.map +1 -1
  99. package/dist/ToolbarSelect.d.ts +0 -4
  100. package/dist/ToolbarSelect.js +5 -9
  101. package/dist/ToolbarSelect.js.map +1 -1
  102. package/dist/ToolbarSelectTemplate.js +1 -1
  103. package/dist/ToolbarSelectTemplate.js.map +1 -1
  104. package/dist/ToolbarSeparator.d.ts +0 -4
  105. package/dist/ToolbarSeparator.js +6 -9
  106. package/dist/ToolbarSeparator.js.map +1 -1
  107. package/dist/ToolbarSpacer.d.ts +0 -3
  108. package/dist/ToolbarSpacer.js +2 -9
  109. package/dist/ToolbarSpacer.js.map +1 -1
  110. package/dist/ToolbarTemplate.js +15 -3
  111. package/dist/ToolbarTemplate.js.map +1 -1
  112. package/dist/Tree.js +20 -2
  113. package/dist/Tree.js.map +1 -1
  114. package/dist/YearPicker.d.ts +2 -3
  115. package/dist/YearPicker.js +7 -33
  116. package/dist/YearPicker.js.map +1 -1
  117. package/dist/YearRangePicker.d.ts +144 -0
  118. package/dist/YearRangePicker.js +418 -0
  119. package/dist/YearRangePicker.js.map +1 -0
  120. package/dist/YearRangePickerTemplate.d.ts +2 -0
  121. package/dist/YearRangePickerTemplate.js +6 -0
  122. package/dist/YearRangePickerTemplate.js.map +1 -0
  123. package/dist/bundle.esm.js +6 -0
  124. package/dist/bundle.esm.js.map +1 -1
  125. package/dist/css/themes/Avatar.css +1 -1
  126. package/dist/css/themes/AvatarGroup.css +1 -1
  127. package/dist/css/themes/Bar.css +1 -1
  128. package/dist/css/themes/Breadcrumbs.css +1 -1
  129. package/dist/css/themes/BusyIndicator.css +1 -1
  130. package/dist/css/themes/Button.css +1 -1
  131. package/dist/css/themes/ButtonBadge.css +1 -1
  132. package/dist/css/themes/Calendar.css +1 -1
  133. package/dist/css/themes/CalendarHeader.css +1 -1
  134. package/dist/css/themes/CalendarLegend.css +1 -1
  135. package/dist/css/themes/CalendarLegendItem.css +1 -1
  136. package/dist/css/themes/Card.css +1 -1
  137. package/dist/css/themes/CardHeader.css +1 -1
  138. package/dist/css/themes/Carousel.css +1 -1
  139. package/dist/css/themes/CheckBox.css +1 -1
  140. package/dist/css/themes/ColorPalette.css +1 -1
  141. package/dist/css/themes/ColorPaletteItem.css +1 -1
  142. package/dist/css/themes/ColorPalettePopover.css +1 -1
  143. package/dist/css/themes/ColorPicker.css +1 -1
  144. package/dist/css/themes/ComboBox.css +1 -1
  145. package/dist/css/themes/ComboBoxItem.css +1 -1
  146. package/dist/css/themes/DatePicker.css +1 -1
  147. package/dist/css/themes/DateTimePickerPopover.css +1 -1
  148. package/dist/css/themes/DayPicker.css +1 -1
  149. package/dist/css/themes/Dialog.css +1 -1
  150. package/dist/css/themes/DynamicDateRange.css +1 -0
  151. package/dist/css/themes/DynamicDateRangePopover.css +1 -0
  152. package/dist/css/themes/FileUploader.css +1 -1
  153. package/dist/css/themes/Form.css +1 -1
  154. package/dist/css/themes/FormItem.css +1 -1
  155. package/dist/css/themes/FormItemSpan.css +1 -1
  156. package/dist/css/themes/GrowingButton.css +1 -1
  157. package/dist/css/themes/Icon.css +1 -1
  158. package/dist/css/themes/Input.css +1 -1
  159. package/dist/css/themes/InputIcon.css +1 -1
  160. package/dist/css/themes/InputSharedStyles.css +1 -1
  161. package/dist/css/themes/Link.css +1 -1
  162. package/dist/css/themes/List.css +1 -1
  163. package/dist/css/themes/ListItem.css +1 -1
  164. package/dist/css/themes/ListItemBase.css +1 -1
  165. package/dist/css/themes/ListItemCustom.css +1 -1
  166. package/dist/css/themes/ListItemGroup.css +1 -1
  167. package/dist/css/themes/ListItemGroupHeader.css +1 -1
  168. package/dist/css/themes/ListItemIcon.css +1 -1
  169. package/dist/css/themes/Menu.css +1 -1
  170. package/dist/css/themes/MenuItem.css +1 -1
  171. package/dist/css/themes/MessageStrip.css +1 -1
  172. package/dist/css/themes/MonthPicker.css +1 -1
  173. package/dist/css/themes/MultiComboBox.css +1 -1
  174. package/dist/css/themes/MultiComboBoxItem.css +1 -1
  175. package/dist/css/themes/MultiComboBoxPopover.css +1 -1
  176. package/dist/css/themes/MultiInput.css +1 -1
  177. package/dist/css/themes/OptionBase.css +1 -1
  178. package/dist/css/themes/Panel.css +1 -1
  179. package/dist/css/themes/Popover.css +1 -1
  180. package/dist/css/themes/PopupsCommon.css +1 -1
  181. package/dist/css/themes/ProgressIndicator.css +1 -1
  182. package/dist/css/themes/RadioButton.css +1 -1
  183. package/dist/css/themes/RangeSlider.css +1 -1
  184. package/dist/css/themes/RatingIndicator.css +1 -1
  185. package/dist/css/themes/ResponsivePopover.css +1 -1
  186. package/dist/css/themes/ResponsivePopoverCommon.css +1 -1
  187. package/dist/css/themes/SegmentedButton.css +1 -1
  188. package/dist/css/themes/SegmentedButtonItem.css +1 -1
  189. package/dist/css/themes/Select.css +1 -1
  190. package/dist/css/themes/SliderBase.css +1 -1
  191. package/dist/css/themes/SplitButton.css +1 -1
  192. package/dist/css/themes/StepInput.css +1 -1
  193. package/dist/css/themes/SuggestionItem.css +1 -1
  194. package/dist/css/themes/SuggestionItemCustom.css +1 -1
  195. package/dist/css/themes/Switch.css +1 -1
  196. package/dist/css/themes/TabContainer.css +1 -1
  197. package/dist/css/themes/TabInOverflow.css +1 -1
  198. package/dist/css/themes/TabInStrip.css +1 -1
  199. package/dist/css/themes/TabSemanticIcon.css +1 -1
  200. package/dist/css/themes/TabSeparatorInOverflow.css +1 -1
  201. package/dist/css/themes/TableCellBase.css +1 -1
  202. package/dist/css/themes/TableHeaderRow.css +1 -1
  203. package/dist/css/themes/TableRow.css +1 -1
  204. package/dist/css/themes/TableRowActionBase.css +1 -1
  205. package/dist/css/themes/TableRowBase.css +1 -1
  206. package/dist/css/themes/Tag.css +1 -1
  207. package/dist/css/themes/Text.css +1 -1
  208. package/dist/css/themes/TextArea.css +1 -1
  209. package/dist/css/themes/TimePicker.css +1 -1
  210. package/dist/css/themes/Toast.css +1 -1
  211. package/dist/css/themes/ToggleButton.css +1 -1
  212. package/dist/css/themes/Token.css +1 -1
  213. package/dist/css/themes/Tokenizer.css +1 -1
  214. package/dist/css/themes/TokenizerPopover.css +1 -1
  215. package/dist/css/themes/Toolbar.css +1 -1
  216. package/dist/css/themes/ToolbarPopover.css +1 -1
  217. package/dist/css/themes/ToolbarSelect.css +1 -1
  218. package/dist/css/themes/ToolbarSeparator.css +1 -0
  219. package/dist/css/themes/TreeItem.css +1 -1
  220. package/dist/css/themes/ValueStateMessage.css +1 -1
  221. package/dist/css/themes/YearPicker.css +1 -1
  222. package/dist/css/themes/YearRangePicker.css +1 -0
  223. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  224. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  225. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  226. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  227. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  228. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  229. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  230. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  231. package/dist/custom-elements-internal.json +523 -17
  232. package/dist/custom-elements.json +414 -8
  233. package/dist/dynamic-date-range-options/DateRange.d.ts +23 -0
  234. package/dist/dynamic-date-range-options/DateRange.js +71 -0
  235. package/dist/dynamic-date-range-options/DateRange.js.map +1 -0
  236. package/dist/dynamic-date-range-options/DateRangeTemplate.d.ts +2 -0
  237. package/dist/dynamic-date-range-options/DateRangeTemplate.js +11 -0
  238. package/dist/dynamic-date-range-options/DateRangeTemplate.js.map +1 -0
  239. package/dist/dynamic-date-range-options/SingleDate.d.ts +23 -0
  240. package/dist/dynamic-date-range-options/SingleDate.js +67 -0
  241. package/dist/dynamic-date-range-options/SingleDate.js.map +1 -0
  242. package/dist/dynamic-date-range-options/SingleDateTemplate.d.ts +2 -0
  243. package/dist/dynamic-date-range-options/SingleDateTemplate.js +7 -0
  244. package/dist/dynamic-date-range-options/SingleDateTemplate.js.map +1 -0
  245. package/dist/dynamic-date-range-options/Today.d.ts +17 -0
  246. package/dist/dynamic-date-range-options/Today.js +37 -0
  247. package/dist/dynamic-date-range-options/Today.js.map +1 -0
  248. package/dist/dynamic-date-range-options/Tomorrow.d.ts +17 -0
  249. package/dist/dynamic-date-range-options/Tomorrow.js +37 -0
  250. package/dist/dynamic-date-range-options/Tomorrow.js.map +1 -0
  251. package/dist/dynamic-date-range-options/Yesterday.d.ts +17 -0
  252. package/dist/dynamic-date-range-options/Yesterday.js +37 -0
  253. package/dist/dynamic-date-range-options/Yesterday.js.map +1 -0
  254. package/dist/dynamic-date-range-options/toDates.d.ts +7 -0
  255. package/dist/dynamic-date-range-options/toDates.js +41 -0
  256. package/dist/dynamic-date-range-options/toDates.js.map +1 -0
  257. package/dist/features/InputSuggestionsTemplate.js +1 -1
  258. package/dist/features/InputSuggestionsTemplate.js.map +1 -1
  259. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  260. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  261. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  262. package/dist/generated/assets/i18n/messagebundle_cnr.json +1 -1
  263. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  264. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  265. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  266. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  267. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  268. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  269. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  270. package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
  271. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  272. package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
  273. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  274. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  275. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  276. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  277. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  278. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  279. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  280. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  281. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  282. package/dist/generated/assets/i18n/messagebundle_id.json +1 -1
  283. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  284. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  285. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  286. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  287. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  288. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  289. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  290. package/dist/generated/assets/i18n/messagebundle_mk.json +1 -1
  291. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  292. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  293. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  294. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  295. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  296. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  297. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  298. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  299. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  300. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  301. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  302. package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
  303. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  304. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  305. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  306. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  307. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  308. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  309. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  310. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  311. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  312. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  313. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  314. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  315. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  316. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  317. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  318. package/dist/generated/i18n/i18n-defaults.d.ts +14 -1
  319. package/dist/generated/i18n/i18n-defaults.js +14 -1
  320. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  321. package/dist/generated/json-imports/Themes-node.d.ts +1 -0
  322. package/dist/generated/json-imports/Themes-node.js +25 -0
  323. package/dist/generated/json-imports/Themes-node.js.map +1 -0
  324. package/dist/generated/json-imports/i18n-node.d.ts +1 -0
  325. package/dist/generated/json-imports/i18n-node.js +120 -0
  326. package/dist/generated/json-imports/i18n-node.js.map +1 -0
  327. package/dist/generated/themes/Avatar.css.d.ts +1 -1
  328. package/dist/generated/themes/Avatar.css.js +1 -1
  329. package/dist/generated/themes/Avatar.css.js.map +1 -1
  330. package/dist/generated/themes/AvatarGroup.css.d.ts +1 -1
  331. package/dist/generated/themes/AvatarGroup.css.js +1 -1
  332. package/dist/generated/themes/AvatarGroup.css.js.map +1 -1
  333. package/dist/generated/themes/Bar.css.d.ts +1 -1
  334. package/dist/generated/themes/Bar.css.js +1 -1
  335. package/dist/generated/themes/Bar.css.js.map +1 -1
  336. package/dist/generated/themes/Breadcrumbs.css.d.ts +1 -1
  337. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  338. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  339. package/dist/generated/themes/BusyIndicator.css.d.ts +1 -1
  340. package/dist/generated/themes/BusyIndicator.css.js +1 -1
  341. package/dist/generated/themes/BusyIndicator.css.js.map +1 -1
  342. package/dist/generated/themes/Button.css.d.ts +1 -1
  343. package/dist/generated/themes/Button.css.js +1 -1
  344. package/dist/generated/themes/Button.css.js.map +1 -1
  345. package/dist/generated/themes/ButtonBadge.css.d.ts +1 -1
  346. package/dist/generated/themes/ButtonBadge.css.js +1 -1
  347. package/dist/generated/themes/ButtonBadge.css.js.map +1 -1
  348. package/dist/generated/themes/Calendar.css.d.ts +1 -1
  349. package/dist/generated/themes/Calendar.css.js +1 -1
  350. package/dist/generated/themes/Calendar.css.js.map +1 -1
  351. package/dist/generated/themes/CalendarHeader.css.d.ts +1 -1
  352. package/dist/generated/themes/CalendarHeader.css.js +1 -1
  353. package/dist/generated/themes/CalendarHeader.css.js.map +1 -1
  354. package/dist/generated/themes/CalendarLegend.css.d.ts +1 -1
  355. package/dist/generated/themes/CalendarLegend.css.js +1 -1
  356. package/dist/generated/themes/CalendarLegend.css.js.map +1 -1
  357. package/dist/generated/themes/CalendarLegendItem.css.d.ts +1 -1
  358. package/dist/generated/themes/CalendarLegendItem.css.js +1 -1
  359. package/dist/generated/themes/CalendarLegendItem.css.js.map +1 -1
  360. package/dist/generated/themes/Card.css.d.ts +1 -1
  361. package/dist/generated/themes/Card.css.js +1 -1
  362. package/dist/generated/themes/Card.css.js.map +1 -1
  363. package/dist/generated/themes/CardHeader.css.d.ts +1 -1
  364. package/dist/generated/themes/CardHeader.css.js +1 -1
  365. package/dist/generated/themes/CardHeader.css.js.map +1 -1
  366. package/dist/generated/themes/Carousel.css.d.ts +1 -1
  367. package/dist/generated/themes/Carousel.css.js +1 -1
  368. package/dist/generated/themes/Carousel.css.js.map +1 -1
  369. package/dist/generated/themes/CheckBox.css.d.ts +1 -1
  370. package/dist/generated/themes/CheckBox.css.js +1 -1
  371. package/dist/generated/themes/CheckBox.css.js.map +1 -1
  372. package/dist/generated/themes/ColorPalette.css.d.ts +1 -1
  373. package/dist/generated/themes/ColorPalette.css.js +1 -1
  374. package/dist/generated/themes/ColorPalette.css.js.map +1 -1
  375. package/dist/generated/themes/ColorPaletteItem.css.d.ts +1 -1
  376. package/dist/generated/themes/ColorPaletteItem.css.js +1 -1
  377. package/dist/generated/themes/ColorPaletteItem.css.js.map +1 -1
  378. package/dist/generated/themes/ColorPalettePopover.css.d.ts +1 -1
  379. package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
  380. package/dist/generated/themes/ColorPalettePopover.css.js.map +1 -1
  381. package/dist/generated/themes/ColorPicker.css.d.ts +1 -1
  382. package/dist/generated/themes/ColorPicker.css.js +1 -1
  383. package/dist/generated/themes/ColorPicker.css.js.map +1 -1
  384. package/dist/generated/themes/ComboBox.css.d.ts +1 -1
  385. package/dist/generated/themes/ComboBox.css.js +1 -1
  386. package/dist/generated/themes/ComboBox.css.js.map +1 -1
  387. package/dist/generated/themes/ComboBoxItem.css.d.ts +1 -1
  388. package/dist/generated/themes/ComboBoxItem.css.js +1 -1
  389. package/dist/generated/themes/ComboBoxItem.css.js.map +1 -1
  390. package/dist/generated/themes/DatePicker.css.d.ts +1 -1
  391. package/dist/generated/themes/DatePicker.css.js +1 -1
  392. package/dist/generated/themes/DatePicker.css.js.map +1 -1
  393. package/dist/generated/themes/DateTimePickerPopover.css.d.ts +1 -1
  394. package/dist/generated/themes/DateTimePickerPopover.css.js +1 -1
  395. package/dist/generated/themes/DateTimePickerPopover.css.js.map +1 -1
  396. package/dist/generated/themes/DayPicker.css.d.ts +1 -1
  397. package/dist/generated/themes/DayPicker.css.js +1 -1
  398. package/dist/generated/themes/DayPicker.css.js.map +1 -1
  399. package/dist/generated/themes/Dialog.css.d.ts +1 -1
  400. package/dist/generated/themes/Dialog.css.js +1 -1
  401. package/dist/generated/themes/Dialog.css.js.map +1 -1
  402. package/dist/generated/themes/DynamicDateRange.css.d.ts +2 -0
  403. package/dist/generated/themes/DynamicDateRange.css.js +8 -0
  404. package/dist/generated/themes/DynamicDateRange.css.js.map +1 -0
  405. package/dist/generated/themes/DynamicDateRangePopover.css.d.ts +2 -0
  406. package/dist/generated/themes/DynamicDateRangePopover.css.js +8 -0
  407. package/dist/generated/themes/DynamicDateRangePopover.css.js.map +1 -0
  408. package/dist/generated/themes/FileUploader.css.d.ts +1 -1
  409. package/dist/generated/themes/FileUploader.css.js +1 -1
  410. package/dist/generated/themes/FileUploader.css.js.map +1 -1
  411. package/dist/generated/themes/Form.css.d.ts +1 -1
  412. package/dist/generated/themes/Form.css.js +1 -1
  413. package/dist/generated/themes/Form.css.js.map +1 -1
  414. package/dist/generated/themes/FormItem.css.d.ts +1 -1
  415. package/dist/generated/themes/FormItem.css.js +1 -1
  416. package/dist/generated/themes/FormItem.css.js.map +1 -1
  417. package/dist/generated/themes/FormItemSpan.css.d.ts +1 -1
  418. package/dist/generated/themes/FormItemSpan.css.js +1 -1
  419. package/dist/generated/themes/FormItemSpan.css.js.map +1 -1
  420. package/dist/generated/themes/GrowingButton.css.d.ts +1 -1
  421. package/dist/generated/themes/GrowingButton.css.js +1 -1
  422. package/dist/generated/themes/GrowingButton.css.js.map +1 -1
  423. package/dist/generated/themes/Icon.css.d.ts +1 -1
  424. package/dist/generated/themes/Icon.css.js +1 -1
  425. package/dist/generated/themes/Icon.css.js.map +1 -1
  426. package/dist/generated/themes/Input.css.d.ts +1 -1
  427. package/dist/generated/themes/Input.css.js +1 -1
  428. package/dist/generated/themes/Input.css.js.map +1 -1
  429. package/dist/generated/themes/InputIcon.css.d.ts +1 -1
  430. package/dist/generated/themes/InputIcon.css.js +1 -1
  431. package/dist/generated/themes/InputIcon.css.js.map +1 -1
  432. package/dist/generated/themes/InputSharedStyles.css.d.ts +1 -1
  433. package/dist/generated/themes/InputSharedStyles.css.js +1 -1
  434. package/dist/generated/themes/InputSharedStyles.css.js.map +1 -1
  435. package/dist/generated/themes/Link.css.d.ts +1 -1
  436. package/dist/generated/themes/Link.css.js +1 -1
  437. package/dist/generated/themes/Link.css.js.map +1 -1
  438. package/dist/generated/themes/List.css.d.ts +1 -1
  439. package/dist/generated/themes/List.css.js +1 -1
  440. package/dist/generated/themes/List.css.js.map +1 -1
  441. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  442. package/dist/generated/themes/ListItem.css.js +1 -1
  443. package/dist/generated/themes/ListItem.css.js.map +1 -1
  444. package/dist/generated/themes/ListItemBase.css.d.ts +1 -1
  445. package/dist/generated/themes/ListItemBase.css.js +1 -1
  446. package/dist/generated/themes/ListItemBase.css.js.map +1 -1
  447. package/dist/generated/themes/ListItemCustom.css.d.ts +1 -1
  448. package/dist/generated/themes/ListItemCustom.css.js +1 -1
  449. package/dist/generated/themes/ListItemCustom.css.js.map +1 -1
  450. package/dist/generated/themes/ListItemGroup.css.d.ts +1 -1
  451. package/dist/generated/themes/ListItemGroup.css.js +1 -1
  452. package/dist/generated/themes/ListItemGroup.css.js.map +1 -1
  453. package/dist/generated/themes/ListItemGroupHeader.css.d.ts +1 -1
  454. package/dist/generated/themes/ListItemGroupHeader.css.js +1 -1
  455. package/dist/generated/themes/ListItemGroupHeader.css.js.map +1 -1
  456. package/dist/generated/themes/ListItemIcon.css.d.ts +1 -1
  457. package/dist/generated/themes/ListItemIcon.css.js +1 -1
  458. package/dist/generated/themes/ListItemIcon.css.js.map +1 -1
  459. package/dist/generated/themes/Menu.css.d.ts +1 -1
  460. package/dist/generated/themes/Menu.css.js +1 -1
  461. package/dist/generated/themes/Menu.css.js.map +1 -1
  462. package/dist/generated/themes/MenuItem.css.d.ts +1 -1
  463. package/dist/generated/themes/MenuItem.css.js +1 -1
  464. package/dist/generated/themes/MenuItem.css.js.map +1 -1
  465. package/dist/generated/themes/MessageStrip.css.d.ts +1 -1
  466. package/dist/generated/themes/MessageStrip.css.js +1 -1
  467. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  468. package/dist/generated/themes/MonthPicker.css.d.ts +1 -1
  469. package/dist/generated/themes/MonthPicker.css.js +1 -1
  470. package/dist/generated/themes/MonthPicker.css.js.map +1 -1
  471. package/dist/generated/themes/MultiComboBox.css.d.ts +1 -1
  472. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  473. package/dist/generated/themes/MultiComboBox.css.js.map +1 -1
  474. package/dist/generated/themes/MultiComboBoxItem.css.d.ts +1 -1
  475. package/dist/generated/themes/MultiComboBoxItem.css.js +1 -1
  476. package/dist/generated/themes/MultiComboBoxItem.css.js.map +1 -1
  477. package/dist/generated/themes/MultiComboBoxPopover.css.d.ts +1 -1
  478. package/dist/generated/themes/MultiComboBoxPopover.css.js +1 -1
  479. package/dist/generated/themes/MultiComboBoxPopover.css.js.map +1 -1
  480. package/dist/generated/themes/MultiInput.css.d.ts +1 -1
  481. package/dist/generated/themes/MultiInput.css.js +1 -1
  482. package/dist/generated/themes/MultiInput.css.js.map +1 -1
  483. package/dist/generated/themes/OptionBase.css.d.ts +1 -1
  484. package/dist/generated/themes/OptionBase.css.js +1 -1
  485. package/dist/generated/themes/OptionBase.css.js.map +1 -1
  486. package/dist/generated/themes/Panel.css.d.ts +1 -1
  487. package/dist/generated/themes/Panel.css.js +1 -1
  488. package/dist/generated/themes/Panel.css.js.map +1 -1
  489. package/dist/generated/themes/Popover.css.d.ts +1 -1
  490. package/dist/generated/themes/Popover.css.js +1 -1
  491. package/dist/generated/themes/Popover.css.js.map +1 -1
  492. package/dist/generated/themes/PopupsCommon.css.d.ts +1 -1
  493. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  494. package/dist/generated/themes/PopupsCommon.css.js.map +1 -1
  495. package/dist/generated/themes/ProgressIndicator.css.d.ts +1 -1
  496. package/dist/generated/themes/ProgressIndicator.css.js +1 -1
  497. package/dist/generated/themes/ProgressIndicator.css.js.map +1 -1
  498. package/dist/generated/themes/RadioButton.css.d.ts +1 -1
  499. package/dist/generated/themes/RadioButton.css.js +1 -1
  500. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  501. package/dist/generated/themes/RangeSlider.css.d.ts +1 -1
  502. package/dist/generated/themes/RangeSlider.css.js +1 -1
  503. package/dist/generated/themes/RangeSlider.css.js.map +1 -1
  504. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  505. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  506. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  507. package/dist/generated/themes/ResponsivePopover.css.d.ts +1 -1
  508. package/dist/generated/themes/ResponsivePopover.css.js +1 -1
  509. package/dist/generated/themes/ResponsivePopover.css.js.map +1 -1
  510. package/dist/generated/themes/ResponsivePopoverCommon.css.d.ts +1 -1
  511. package/dist/generated/themes/ResponsivePopoverCommon.css.js +1 -1
  512. package/dist/generated/themes/ResponsivePopoverCommon.css.js.map +1 -1
  513. package/dist/generated/themes/SegmentedButton.css.d.ts +1 -1
  514. package/dist/generated/themes/SegmentedButton.css.js +1 -1
  515. package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
  516. package/dist/generated/themes/SegmentedButtonItem.css.d.ts +1 -1
  517. package/dist/generated/themes/SegmentedButtonItem.css.js +1 -1
  518. package/dist/generated/themes/SegmentedButtonItem.css.js.map +1 -1
  519. package/dist/generated/themes/Select.css.d.ts +1 -1
  520. package/dist/generated/themes/Select.css.js +1 -1
  521. package/dist/generated/themes/Select.css.js.map +1 -1
  522. package/dist/generated/themes/SliderBase.css.d.ts +1 -1
  523. package/dist/generated/themes/SliderBase.css.js +1 -1
  524. package/dist/generated/themes/SliderBase.css.js.map +1 -1
  525. package/dist/generated/themes/SplitButton.css.d.ts +1 -1
  526. package/dist/generated/themes/SplitButton.css.js +1 -1
  527. package/dist/generated/themes/SplitButton.css.js.map +1 -1
  528. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  529. package/dist/generated/themes/StepInput.css.js +1 -1
  530. package/dist/generated/themes/StepInput.css.js.map +1 -1
  531. package/dist/generated/themes/SuggestionItem.css.d.ts +1 -1
  532. package/dist/generated/themes/SuggestionItem.css.js +1 -1
  533. package/dist/generated/themes/SuggestionItem.css.js.map +1 -1
  534. package/dist/generated/themes/SuggestionItemCustom.css.d.ts +1 -1
  535. package/dist/generated/themes/SuggestionItemCustom.css.js +1 -1
  536. package/dist/generated/themes/SuggestionItemCustom.css.js.map +1 -1
  537. package/dist/generated/themes/Switch.css.d.ts +1 -1
  538. package/dist/generated/themes/Switch.css.js +1 -1
  539. package/dist/generated/themes/Switch.css.js.map +1 -1
  540. package/dist/generated/themes/TabContainer.css.d.ts +1 -1
  541. package/dist/generated/themes/TabContainer.css.js +1 -1
  542. package/dist/generated/themes/TabContainer.css.js.map +1 -1
  543. package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
  544. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  545. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  546. package/dist/generated/themes/TabInStrip.css.d.ts +1 -1
  547. package/dist/generated/themes/TabInStrip.css.js +1 -1
  548. package/dist/generated/themes/TabInStrip.css.js.map +1 -1
  549. package/dist/generated/themes/TabSemanticIcon.css.d.ts +1 -1
  550. package/dist/generated/themes/TabSemanticIcon.css.js +1 -1
  551. package/dist/generated/themes/TabSemanticIcon.css.js.map +1 -1
  552. package/dist/generated/themes/TabSeparatorInOverflow.css.d.ts +1 -1
  553. package/dist/generated/themes/TabSeparatorInOverflow.css.js +1 -1
  554. package/dist/generated/themes/TabSeparatorInOverflow.css.js.map +1 -1
  555. package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
  556. package/dist/generated/themes/TableCellBase.css.js +1 -1
  557. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  558. package/dist/generated/themes/TableHeaderRow.css.d.ts +1 -1
  559. package/dist/generated/themes/TableHeaderRow.css.js +1 -1
  560. package/dist/generated/themes/TableHeaderRow.css.js.map +1 -1
  561. package/dist/generated/themes/TableRow.css.d.ts +1 -1
  562. package/dist/generated/themes/TableRow.css.js +1 -1
  563. package/dist/generated/themes/TableRow.css.js.map +1 -1
  564. package/dist/generated/themes/TableRowActionBase.css.d.ts +1 -1
  565. package/dist/generated/themes/TableRowActionBase.css.js +1 -1
  566. package/dist/generated/themes/TableRowActionBase.css.js.map +1 -1
  567. package/dist/generated/themes/TableRowBase.css.d.ts +1 -1
  568. package/dist/generated/themes/TableRowBase.css.js +1 -1
  569. package/dist/generated/themes/TableRowBase.css.js.map +1 -1
  570. package/dist/generated/themes/Tag.css.d.ts +1 -1
  571. package/dist/generated/themes/Tag.css.js +1 -1
  572. package/dist/generated/themes/Tag.css.js.map +1 -1
  573. package/dist/generated/themes/Text.css.d.ts +1 -1
  574. package/dist/generated/themes/Text.css.js +1 -1
  575. package/dist/generated/themes/Text.css.js.map +1 -1
  576. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  577. package/dist/generated/themes/TextArea.css.js +1 -1
  578. package/dist/generated/themes/TextArea.css.js.map +1 -1
  579. package/dist/generated/themes/TimePicker.css.d.ts +1 -1
  580. package/dist/generated/themes/TimePicker.css.js +1 -1
  581. package/dist/generated/themes/TimePicker.css.js.map +1 -1
  582. package/dist/generated/themes/Toast.css.d.ts +1 -1
  583. package/dist/generated/themes/Toast.css.js +1 -1
  584. package/dist/generated/themes/Toast.css.js.map +1 -1
  585. package/dist/generated/themes/ToggleButton.css.d.ts +1 -1
  586. package/dist/generated/themes/ToggleButton.css.js +1 -1
  587. package/dist/generated/themes/ToggleButton.css.js.map +1 -1
  588. package/dist/generated/themes/Token.css.d.ts +1 -1
  589. package/dist/generated/themes/Token.css.js +1 -1
  590. package/dist/generated/themes/Token.css.js.map +1 -1
  591. package/dist/generated/themes/Tokenizer.css.d.ts +1 -1
  592. package/dist/generated/themes/Tokenizer.css.js +1 -1
  593. package/dist/generated/themes/Tokenizer.css.js.map +1 -1
  594. package/dist/generated/themes/TokenizerPopover.css.d.ts +1 -1
  595. package/dist/generated/themes/TokenizerPopover.css.js +1 -1
  596. package/dist/generated/themes/TokenizerPopover.css.js.map +1 -1
  597. package/dist/generated/themes/Toolbar.css.d.ts +1 -1
  598. package/dist/generated/themes/Toolbar.css.js +1 -1
  599. package/dist/generated/themes/Toolbar.css.js.map +1 -1
  600. package/dist/generated/themes/ToolbarPopover.css.d.ts +1 -1
  601. package/dist/generated/themes/ToolbarPopover.css.js +1 -1
  602. package/dist/generated/themes/ToolbarPopover.css.js.map +1 -1
  603. package/dist/generated/themes/ToolbarSelect.css.d.ts +1 -1
  604. package/dist/generated/themes/ToolbarSelect.css.js +1 -1
  605. package/dist/generated/themes/ToolbarSelect.css.js.map +1 -1
  606. package/dist/generated/themes/ToolbarSeparator.css.d.ts +2 -0
  607. package/dist/generated/themes/ToolbarSeparator.css.js +8 -0
  608. package/dist/generated/themes/ToolbarSeparator.css.js.map +1 -0
  609. package/dist/generated/themes/TreeItem.css.d.ts +1 -1
  610. package/dist/generated/themes/TreeItem.css.js +1 -1
  611. package/dist/generated/themes/TreeItem.css.js.map +1 -1
  612. package/dist/generated/themes/ValueStateMessage.css.d.ts +1 -1
  613. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  614. package/dist/generated/themes/ValueStateMessage.css.js.map +1 -1
  615. package/dist/generated/themes/YearPicker.css.d.ts +1 -1
  616. package/dist/generated/themes/YearPicker.css.js +1 -1
  617. package/dist/generated/themes/YearPicker.css.js.map +1 -1
  618. package/dist/generated/themes/YearRangePicker.css.d.ts +2 -0
  619. package/dist/generated/themes/YearRangePicker.css.js +8 -0
  620. package/dist/generated/themes/YearRangePicker.css.js.map +1 -0
  621. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  622. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  623. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  624. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  625. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  626. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  627. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  628. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  629. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  630. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  631. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  632. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  633. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  634. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  635. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  636. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  637. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  638. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  639. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  640. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  641. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  642. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  643. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  644. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  645. package/dist/popup-utils/PopoverRegistry.js +14 -2
  646. package/dist/popup-utils/PopoverRegistry.js.map +1 -1
  647. package/dist/types/TableSelectionBehavior.d.ts +22 -0
  648. package/dist/types/TableSelectionBehavior.js +24 -0
  649. package/dist/types/TableSelectionBehavior.js.map +1 -0
  650. package/dist/vscode.html-custom-data.json +42 -5
  651. package/dist/web-types.json +143 -13
  652. package/package.json +9 -9
  653. package/src/CalendarHeaderTemplate.tsx +6 -3
  654. package/src/CalendarTemplate.tsx +21 -0
  655. package/src/CheckBoxTemplate.tsx +1 -0
  656. package/src/ComboBoxPopoverTemplate.tsx +1 -1
  657. package/src/DynamicDateRangeInputTemplate.tsx +38 -0
  658. package/src/DynamicDateRangePopoverTemplate.tsx +75 -0
  659. package/src/DynamicDateRangeTemplate.tsx +11 -0
  660. package/src/TokenizerPopoverTemplate.tsx +2 -2
  661. package/src/ToolbarButtonTemplate.tsx +2 -3
  662. package/src/ToolbarSelectTemplate.tsx +1 -1
  663. package/src/ToolbarTemplate.tsx +43 -6
  664. package/src/YearRangePickerTemplate.tsx +42 -0
  665. package/src/dynamic-date-range-options/DateRangeTemplate.tsx +22 -0
  666. package/src/dynamic-date-range-options/SingleDateTemplate.tsx +13 -0
  667. package/src/features/InputSuggestionsTemplate.tsx +1 -1
  668. package/src/i18n/messagebundle.properties +40 -1
  669. package/src/i18n/messagebundle_ar.properties +6 -0
  670. package/src/i18n/messagebundle_bg.properties +6 -0
  671. package/src/i18n/messagebundle_ca.properties +6 -0
  672. package/src/i18n/messagebundle_cnr.properties +6 -0
  673. package/src/i18n/messagebundle_cs.properties +6 -0
  674. package/src/i18n/messagebundle_cy.properties +6 -0
  675. package/src/i18n/messagebundle_da.properties +6 -0
  676. package/src/i18n/messagebundle_de.properties +7 -1
  677. package/src/i18n/messagebundle_el.properties +6 -0
  678. package/src/i18n/messagebundle_en.properties +4 -217
  679. package/src/i18n/messagebundle_en_GB.properties +6 -0
  680. package/src/i18n/messagebundle_en_US_sappsd.properties +6 -0
  681. package/src/i18n/messagebundle_en_US_saprigi.properties +4 -0
  682. package/src/i18n/messagebundle_en_US_saptrc.properties +6 -0
  683. package/src/i18n/messagebundle_es.properties +6 -0
  684. package/src/i18n/messagebundle_es_MX.properties +6 -0
  685. package/src/i18n/messagebundle_et.properties +6 -0
  686. package/src/i18n/messagebundle_fi.properties +6 -0
  687. package/src/i18n/messagebundle_fr.properties +6 -0
  688. package/src/i18n/messagebundle_fr_CA.properties +6 -0
  689. package/src/i18n/messagebundle_hi.properties +6 -0
  690. package/src/i18n/messagebundle_hr.properties +6 -0
  691. package/src/i18n/messagebundle_hu.properties +6 -0
  692. package/src/i18n/messagebundle_id.properties +6 -0
  693. package/src/i18n/messagebundle_it.properties +10 -4
  694. package/src/i18n/messagebundle_iw.properties +6 -0
  695. package/src/i18n/messagebundle_ja.properties +6 -0
  696. package/src/i18n/messagebundle_kk.properties +6 -0
  697. package/src/i18n/messagebundle_ko.properties +6 -0
  698. package/src/i18n/messagebundle_lt.properties +6 -0
  699. package/src/i18n/messagebundle_lv.properties +6 -0
  700. package/src/i18n/messagebundle_mk.properties +6 -0
  701. package/src/i18n/messagebundle_ms.properties +6 -0
  702. package/src/i18n/messagebundle_nl.properties +6 -0
  703. package/src/i18n/messagebundle_no.properties +6 -0
  704. package/src/i18n/messagebundle_pl.properties +6 -0
  705. package/src/i18n/messagebundle_pt.properties +6 -0
  706. package/src/i18n/messagebundle_pt_PT.properties +6 -0
  707. package/src/i18n/messagebundle_ro.properties +6 -0
  708. package/src/i18n/messagebundle_ru.properties +6 -0
  709. package/src/i18n/messagebundle_sh.properties +6 -0
  710. package/src/i18n/messagebundle_sk.properties +6 -0
  711. package/src/i18n/messagebundle_sl.properties +6 -0
  712. package/src/i18n/messagebundle_sr.properties +6 -0
  713. package/src/i18n/messagebundle_sv.properties +6 -0
  714. package/src/i18n/messagebundle_th.properties +6 -0
  715. package/src/i18n/messagebundle_tr.properties +6 -0
  716. package/src/i18n/messagebundle_uk.properties +7 -1
  717. package/src/i18n/messagebundle_vi.properties +6 -0
  718. package/src/i18n/messagebundle_zh_CN.properties +6 -0
  719. package/src/i18n/messagebundle_zh_TW.properties +6 -0
  720. package/src/themes/Avatar.css +1 -1
  721. package/src/themes/AvatarGroup.css +1 -0
  722. package/src/themes/CalendarHeader.css +0 -10
  723. package/src/themes/CheckBox.css +0 -9
  724. package/src/themes/DatePicker.css +0 -1
  725. package/src/themes/DynamicDateRange.css +7 -0
  726. package/src/themes/DynamicDateRangePopover.css +89 -0
  727. package/src/themes/Toolbar.css +0 -7
  728. package/src/themes/ToolbarPopover.css +5 -0
  729. package/src/themes/ToolbarSelect.css +3 -3
  730. package/src/themes/ToolbarSeparator.css +6 -0
  731. package/src/themes/YearRangePicker.css +118 -0
  732. package/src/themes/base/Avatar-parameters.css +1 -0
  733. package/src/themes/base/AvatarGroup-parameters.css +1 -0
  734. package/src/themes/base/DynamicDateRange-parameters.css +3 -0
  735. package/src/themes/base/rtl-parameters.css +1 -1
  736. package/src/themes/sap_horizon/parameters-bundle.css +1 -0
  737. package/cypress/specs/Avatar.cy.tsx +0 -55
  738. package/cypress/specs/AvatarGroup.cy.tsx +0 -66
  739. package/cypress/specs/Breadcrumbs.mobile.cy.tsx +0 -53
  740. package/cypress/specs/Button.cy.tsx +0 -434
  741. package/cypress/specs/Calendar.cy.tsx +0 -710
  742. package/cypress/specs/CalendarLegend.cy.tsx +0 -77
  743. package/cypress/specs/Card.cy.tsx +0 -338
  744. package/cypress/specs/Carousel.cy.tsx +0 -581
  745. package/cypress/specs/Carousel.mobile.cy.tsx +0 -67
  746. package/cypress/specs/ColorPalette.cy.tsx +0 -213
  747. package/cypress/specs/ColorPicker.cy.tsx +0 -332
  748. package/cypress/specs/ComboBox.cy.tsx +0 -198
  749. package/cypress/specs/DateControlsWithTimezone.cy.tsx +0 -75
  750. package/cypress/specs/DatePicker.cy.tsx +0 -1699
  751. package/cypress/specs/DateRangePicker.cy.tsx +0 -594
  752. package/cypress/specs/DateTimePicker.cy.tsx +0 -568
  753. package/cypress/specs/DayPicker.cy.tsx +0 -81
  754. package/cypress/specs/Dialog.cy.tsx +0 -133
  755. package/cypress/specs/ExpandableText.cy.tsx +0 -393
  756. package/cypress/specs/F6.cy.tsx +0 -977
  757. package/cypress/specs/Form.cy.tsx +0 -1022
  758. package/cypress/specs/FormSupport.cy.tsx +0 -975
  759. package/cypress/specs/Input.cy.tsx +0 -978
  760. package/cypress/specs/Label.cy.tsx +0 -144
  761. package/cypress/specs/Link.cy.tsx +0 -216
  762. package/cypress/specs/List.cy.tsx +0 -309
  763. package/cypress/specs/List.mobile.cy.tsx +0 -31
  764. package/cypress/specs/LitKeyFunction.cy.tsx +0 -58
  765. package/cypress/specs/Menu.cy.tsx +0 -617
  766. package/cypress/specs/MessageStrip.cy.tsx +0 -171
  767. package/cypress/specs/MultiComboBox.cy.tsx +0 -189
  768. package/cypress/specs/MultiInput.cy.tsx +0 -72
  769. package/cypress/specs/Popover.cy.tsx +0 -419
  770. package/cypress/specs/RTL.cy.tsx +0 -18
  771. package/cypress/specs/RadioButton.cy.tsx +0 -499
  772. package/cypress/specs/RangeSlider.cy.tsx +0 -52
  773. package/cypress/specs/RatingIndicator.cy.tsx +0 -279
  774. package/cypress/specs/ResponsivePopover.mobile.cy.tsx +0 -112
  775. package/cypress/specs/SegmentedButton.cy.tsx +0 -215
  776. package/cypress/specs/Select.cy.tsx +0 -241
  777. package/cypress/specs/Slider.cy.tsx +0 -87
  778. package/cypress/specs/StepInput.cy.tsx +0 -32
  779. package/cypress/specs/TabContainer.cy.tsx +0 -78
  780. package/cypress/specs/Table.cy.tsx +0 -1025
  781. package/cypress/specs/TableDragAndDrop.cy.tsx +0 -236
  782. package/cypress/specs/TableGrowing.cy.tsx +0 -336
  783. package/cypress/specs/TableLoading.cy.tsx +0 -48
  784. package/cypress/specs/TableNavigation.cy.tsx +0 -223
  785. package/cypress/specs/TableNavigationFixedHeader.cy.tsx +0 -199
  786. package/cypress/specs/TableRowActions.cy.tsx +0 -239
  787. package/cypress/specs/TableSelection.cy.tsx +0 -275
  788. package/cypress/specs/TableSelections.cy.tsx +0 -332
  789. package/cypress/specs/TableUtils.cy.tsx +0 -63
  790. package/cypress/specs/TableVirtualizer.cy.tsx +0 -243
  791. package/cypress/specs/Tag.cy.tsx +0 -120
  792. package/cypress/specs/Text.cy.tsx +0 -46
  793. package/cypress/specs/TextArea.cy.tsx +0 -735
  794. package/cypress/specs/Title.cy.tsx +0 -36
  795. package/cypress/specs/Toast.cy.tsx +0 -45
  796. package/cypress/specs/Tokenizer.cy.tsx +0 -209
  797. package/cypress/specs/Toolbar.cy.tsx +0 -194
  798. package/cypress/specs/Tree.cy.tsx +0 -72
  799. package/cypress/specs/base/AccessibilityTextsHelper.cy.tsx +0 -468
  800. package/cypress/specs/base/Events.cy.tsx +0 -301
  801. package/cypress/specs/base/IconCollection.cy.tsx +0 -58
  802. package/cypress/specs/base/IgnoreCustomElements.cy.tsx +0 -38
  803. package/cypress/specs/base/InvisibleMessage.cy.tsx +0 -31
  804. package/cypress/specs/base/Tooltips.cy.tsx +0 -64
  805. package/cypress/specs/base/css/redfish.custom.theme.css +0 -13
  806. package/cypress/support/commands/Calendar.commands.ts +0 -21
  807. package/cypress/support/commands/ColorPalette.commands.ts +0 -86
  808. package/cypress/support/commands/ColorPicker.commands.ts +0 -38
  809. package/cypress/support/commands/DatePicker.commands.ts +0 -218
  810. package/cypress/support/commands/DateTimePicker.commands.ts +0 -105
  811. package/cypress/support/commands/Dialog.commands.ts +0 -16
  812. package/cypress/support/commands/Menu.commands.ts +0 -52
  813. package/cypress/support/commands/Popover.commands.ts +0 -16
  814. package/cypress/support/commands/ResponsivePopover.commands.ts +0 -42
  815. package/cypress/support/commands/SegmentedButton.commands.ts +0 -32
  816. package/cypress/support/commands/utils/popup-open.ts +0 -35
  817. package/cypress/support/commands.ts +0 -113
  818. package/cypress/support/component-index.html +0 -12
  819. package/cypress/support/component.ts +0 -20
  820. package/cypress/tsconfig.json +0 -42
  821. package/dist/ToolbarPopoverButtonTemplate.d.ts +0 -2
  822. package/dist/ToolbarPopoverButtonTemplate.js +0 -6
  823. package/dist/ToolbarPopoverButtonTemplate.js.map +0 -1
  824. package/dist/ToolbarPopoverSelectTemplate.d.ts +0 -2
  825. package/dist/ToolbarPopoverSelectTemplate.js +0 -7
  826. package/dist/ToolbarPopoverSelectTemplate.js.map +0 -1
  827. package/dist/ToolbarPopoverSeparatorTemplate.d.ts +0 -2
  828. package/dist/ToolbarPopoverSeparatorTemplate.js +0 -5
  829. package/dist/ToolbarPopoverSeparatorTemplate.js.map +0 -1
  830. package/dist/ToolbarPopoverTemplate.d.ts +0 -2
  831. package/dist/ToolbarPopoverTemplate.js +0 -9
  832. package/dist/ToolbarPopoverTemplate.js.map +0 -1
  833. package/dist/ToolbarRegistry.d.ts +0 -5
  834. package/dist/ToolbarRegistry.js +0 -16
  835. package/dist/ToolbarRegistry.js.map +0 -1
  836. package/dist/ToolbarSpacerTemplate.d.ts +0 -2
  837. package/dist/ToolbarSpacerTemplate.js +0 -5
  838. package/dist/ToolbarSpacerTemplate.js.map +0 -1
  839. package/src/ToolbarPopoverButtonTemplate.tsx +0 -24
  840. package/src/ToolbarPopoverSelectTemplate.tsx +0 -29
  841. package/src/ToolbarPopoverSeparatorTemplate.tsx +0 -10
  842. package/src/ToolbarPopoverTemplate.tsx +0 -25
  843. package/src/ToolbarSpacerTemplate.tsx +0 -12
package/cypress/specs/F6.cy.tsx DELETED
@@ -1,977 +0,0 @@
1
- import "@ui5/webcomponents-base/dist/features/F6Navigation.js";
2
- import Button from "../../src/Button.js";
3
- import Bar from "../../src/Bar.js";
4
-
5
- describe("F6 navigation", () => {
6
- describe("F6 Forward navigation", () => {
7
- it("tests navigation", () => {
8
- cy.mount(
9
- <div>
10
- <div class="section">
11
- <button id="before">Before element</button>
12
- </div>
13
- <div class="section" data-sap-ui-fastnavgroup="true">
14
- <Button id="first">First focusable</Button>
15
- </div>
16
- <div class="section">
17
- <Button>Something focusable</Button>
18
- </div>
19
- <div class="section" data-sap-ui-fastnavgroup="true">
20
- <Button id="second">Second focusable</Button>
21
- </div>
22
- <div class="section">
23
- <Button>Something focusable</Button>
24
- </div>
25
- <div class="section" data-sap-ui-fastnavgroup="true">
26
- <Button id="third">Third focusable</Button>
27
- </div>
28
- <div class="section">
29
- <Button>After Element</Button>
30
- </div>
31
- </div>
32
- );
33
-
34
- // act
35
- cy.get("#before").focus();
36
- cy.realPress("F6");
37
-
38
- // assert 1st group is focused
39
- cy.get("#first")
40
- .should("be.focused");
41
-
42
- // act
43
- cy.realPress("F6");
44
-
45
- // assert 2nd group is focused
46
- cy.get("#second")
47
- .should("be.focused");
48
-
49
- // act
50
- cy.realPress("F6");
51
-
52
- // assert 3rd group is focused
53
- cy.get("#third")
54
- .should("be.focused");
55
-
56
- // act
57
- cy.realPress("F6");
58
-
59
- // assert 1st group is focused agian
60
- cy.get("#first")
61
- .should("be.focused");
62
- });
63
-
64
- it("tests navigation with hidden elements", () => {
65
- cy.mount(<div>
66
- <div class="section">
67
- <button id="before">Before element</button>
68
- </div>
69
- <div class="section" data-sap-ui-fastnavgroup="true">
70
- <Button id="first">First focusable</Button>
71
- </div>
72
- <div class="section" data-sap-ui-fastnavgroup="true">
73
- <Button style={{ visibility: "hidden" }}>Hidden</Button>
74
- </div>
75
- <div class="section" data-sap-ui-fastnavgroup="true" style={{ visibility: "hidden" }}>
76
- <Button>Hidden</Button>
77
- </div>
78
- <div class="section" data-sap-ui-fastnavgroup="true">
79
- <Button style={{ display: "none" }}>Hidden</Button>
80
- </div>
81
- <div class="section" data-sap-ui-fastnavgroup="true" style={{ display: "none" }}>
82
- <Button>Hidden</Button>
83
- </div>
84
- <div class="section">
85
- <Button>Something focusable</Button>
86
- </div>
87
- <div class="section" data-sap-ui-fastnavgroup="true">
88
- <Button id="second">Second focusable</Button>
89
- </div>
90
- <div class="section">
91
- <Button>Something focusable</Button>
92
- </div>
93
- <div class="section" data-sap-ui-fastnavgroup="true">
94
- <Button id="third">Third focusable</Button>
95
- </div>
96
- <div class="section">
97
- <Button>After Element</Button>
98
- </div>
99
- </div>);
100
-
101
- // act
102
- cy.get("#before").focus();
103
- cy.realPress("F6");
104
-
105
- // assert 1st group is focused
106
- cy.get("#first")
107
- .should("be.focused");
108
-
109
- // act
110
- cy.realPress("F6");
111
-
112
- // assert 2nd group is focused
113
- cy.get("#second")
114
- .should("be.focused");
115
-
116
- // act
117
- cy.realPress("F6");
118
-
119
- // assert 3rd group is focused
120
- cy.get("#third")
121
- .should("be.focused");
122
-
123
- // act
124
- cy.realPress("F6");
125
-
126
- // assert 1st group is focused agian
127
- cy.get("#first")
128
- .should("be.focused");
129
- });
130
-
131
- it("tests navigation with empty group", () => {
132
- cy.mount(<div>
133
- <div class="section">
134
- <button id="before">Before element</button>
135
- </div>
136
- <div class="section" data-sap-ui-fastnavgroup="true">
137
- <Button id="first">First focusable</Button>
138
- </div>
139
- <div class="section">
140
- <Button>Something focusable</Button>
141
- </div>
142
- <div class="section" data-sap-ui-fastnavgroup="true">
143
- Group without focusable element
144
- </div>
145
- <div class="section">
146
- <Button>Something focusable</Button>
147
- </div>
148
- <div class="section" data-sap-ui-fastnavgroup="true">
149
- <Button id="second">Second focusable</Button>
150
- </div>
151
- <div class="section">
152
- <Button>After Element</Button>
153
- </div>
154
- </div>);
155
-
156
- // act
157
- cy.get("#before").focus();
158
- cy.realPress("F6");
159
-
160
- // assert 1st group is focused
161
- cy.get("#first")
162
- .should("be.focused");
163
-
164
- // act
165
- cy.realPress("F6");
166
-
167
- // assert 2nd group is focused (an empty group is skipped)
168
- cy.get("#second")
169
- .should("be.focused");
170
-
171
- // act
172
- cy.realPress("F6");
173
-
174
- // assert 1st group is focused agian
175
- cy.get("#first")
176
- .should("be.focused");
177
- });
178
-
179
- it("tests navigation with nested groups", () => {
180
- cy.mount(
181
- <>
182
- <div class="section">
183
- <button id="before">Before element</button>
184
- </div>
185
- <div class="section" data-sap-ui-fastnavgroup="true">
186
- <Button id="first">First focusable</Button>
187
- <div class="section" data-sap-ui-fastnavgroup="true">
188
- <Button id="second">Second focusable</Button>
189
- </div>
190
- </div>
191
- <div class="section">
192
- <Button>Something focusable</Button>
193
- </div>
194
- <div class="section" data-sap-ui-fastnavgroup="true">
195
- <Button id="third">Third focusable</Button>
196
- </div>
197
- <div class="section">
198
- <Button>After Element</Button>
199
- </div>
200
- </>
201
- );
202
-
203
- // act
204
- cy.get("#before").focus();
205
- cy.realPress("F6");
206
-
207
- // assert 1st group is focused
208
- cy.get("#first")
209
- .should("be.focused");
210
-
211
- // act
212
- cy.realPress("F6");
213
-
214
- // assert 2nd group is focused (an empty group is skipped)
215
- cy.get("#second")
216
- .should("be.focused");
217
-
218
- // act
219
- cy.realPress("F6");
220
-
221
- // assert 3rd group is focused
222
- cy.get("#third")
223
- .should("be.focused");
224
-
225
- // act
226
- cy.realPress("F6");
227
-
228
- // assert 1st group is focused agian
229
- cy.get("#first")
230
- .should("be.focused");
231
- });
232
-
233
- it("tests navigation with nesting inside empty fastnav-group parent", () => {
234
- cy.mount(
235
- <>
236
- <div class="section">
237
- <button id="before">Before element</button>
238
- </div>
239
- <div class="section" data-sap-ui-fastnavgroup="true">
240
- <div class="section" data-sap-ui-fastnavgroup="true">
241
- <Button id="first">First focusable</Button>
242
- </div>
243
- </div>
244
- <div class="section">
245
- <Button>Something focusable</Button>
246
- </div>
247
- <div class="section" data-sap-ui-fastnavgroup="true">
248
- <div class="section" data-sap-ui-fastnavgroup="true">
249
- <Button id="second">First focusable</Button>
250
- </div>
251
- </div>
252
- <div class="section">
253
- <Button>Something focusable</Button>
254
- </div>
255
- <div class="section" data-sap-ui-fastnavgroup="true">
256
- <Button id="third">Second focusable</Button>
257
- </div>
258
- <div class="section">
259
- <Button>After Element</Button>
260
- </div>
261
- </>
262
- );
263
-
264
- // act
265
- cy.get("#before").focus();
266
- cy.realPress("F6");
267
-
268
- // assert 1st group is focused
269
- cy.get("#first")
270
- .should("be.focused");
271
-
272
- // act
273
- cy.realPress("F6");
274
-
275
- // assert 2nd group is focused (an empty group is skipped)
276
- cy.get("#second")
277
- .should("be.focused");
278
-
279
- // act
280
- cy.get("#second").realPress("F6");
281
-
282
- // assert 3rd group is focused
283
- cy.get("#third")
284
- .should("be.focused");
285
-
286
- // act
287
- cy.realPress("F6");
288
-
289
- // assert 1st group is focused agian
290
- cy.get("#first")
291
- .should("be.focused");
292
- });
293
-
294
- it("tests navigation with group as a focusable element", () => {
295
- cy.mount(
296
- <>
297
- <div class="section">
298
- <button id="before">Before element</button>
299
- </div>
300
- <div class="section" data-sap-ui-fastnavgroup="true">
301
- <Button id="first">First focusable</Button>
302
- </div>
303
- <div class="section">
304
- <Button>Something focusable</Button>
305
- </div>
306
- <div class="section" tabindex={0} id="second" data-sap-ui-fastnavgroup="true">
307
- Second focusable
308
- </div>
309
- <div class="section">
310
- <Button>Something focusable</Button>
311
- </div>
312
- <div class="section" data-sap-ui-fastnavgroup="true">
313
- <Button id="third">Third focusable</Button>
314
- </div>
315
- <div class="section">
316
- <Button>After Element</Button>
317
- </div>
318
- </>
319
- );
320
-
321
- // act
322
- cy.get("#before").focus();
323
- cy.realPress("F6");
324
-
325
- // assert 1st group is focused
326
- cy.get("#first")
327
- .should("be.focused");
328
-
329
- // act
330
- cy.get("#first").realPress("F6");
331
-
332
- // assert 2nd group is focused (an empty group is skipped)
333
- cy.get("#second")
334
- .should("be.focused");
335
-
336
- // act
337
- cy.realPress("F6");
338
-
339
- // assert 3rd group is focused
340
- cy.get("#third")
341
- .should("be.focused");
342
-
343
- // act
344
- cy.realPress("F6");
345
-
346
- // assert 1st group is focused agian
347
- cy.get("#first")
348
- .should("be.focused");
349
- });
350
-
351
- it("tests navigation without a focusable element", () => {
352
- cy.mount(
353
- <>
354
- <div class="section">
355
- <Button id="first">Before element</Button>
356
- </div>
357
- <div class="section" data-sap-ui-fastnavgroup="true">
358
- Group without focusable element
359
- </div>
360
- <div class="section">
361
- <Button>Something focusable</Button>
362
- </div>
363
- <div class="section" data-sap-ui-fastnavgroup="true">
364
- Group without focusable element
365
- </div>
366
- <div class="section">
367
- <Button>Something focusable</Button>
368
- </div>
369
- <div class="section">
370
- <Button>After Element</Button>
371
- </div>
372
- </>
373
- );
374
-
375
- // act
376
- cy.get("#first")
377
- .realClick();
378
-
379
- // assert clicked btn is also the focused element
380
- cy.get("#first")
381
- .should("be.focused");
382
-
383
- // act
384
- cy.realPress("F6");
385
-
386
- // assert same button remains focused as there is no fasnav group with focusable elements
387
- cy.get("#first")
388
- .should("be.focused");
389
- });
390
-
391
- it("tests navigation with a single group", () => {
392
- cy.mount(
393
- <>
394
- <div class="section">
395
- <button id="before">Before element</button>
396
- </div>
397
- <div class="section" data-sap-ui-fastnavgroup="true">
398
- <Button id="first">Before element</Button>
399
- </div>
400
- <div class="section">
401
- <Button>Something focusable</Button>
402
- </div>
403
- <div class="section">
404
- <Button>Something focusable</Button>
405
- </div>
406
- <div class="section">
407
- <Button>After Element</Button>
408
- </div>
409
- </>
410
- );
411
-
412
- // act
413
- cy.get("#before").focus();
414
- cy.realPress("F6");
415
-
416
- // assert 1st group is focused
417
- cy.get("#first")
418
- .should("be.focused");
419
- });
420
- });
421
-
422
- describe("F6 Backward navigation", () => {
423
- it("tests navigation", () => {
424
- cy.mount(<div>
425
- <div class="section">
426
- <button id="before">Before element</button>
427
- </div>
428
- <div class="section" data-sap-ui-fastnavgroup="true">
429
- <Button id="first">First focusable</Button>
430
- </div>
431
- <div class="section">
432
- <Button>Something focusable</Button>
433
- </div>
434
- <div class="section" data-sap-ui-fastnavgroup="true">
435
- <Button id="second">Second focusable</Button>
436
- </div>
437
- <div class="section">
438
- <Button>Something focusable</Button>
439
- </div>
440
- <div class="section" data-sap-ui-fastnavgroup="true">
441
- <Button id="third">Third focusable</Button>
442
- </div>
443
- <div class="section">
444
- <Button>After Element</Button>
445
- </div>
446
- </div>);
447
-
448
- // act
449
- cy.get("#before").focus();
450
- cy.realPress(["Shift", "F6"]);
451
-
452
- // assert 3rd group is focused
453
- cy.get("#third")
454
- .should("be.focused");
455
-
456
- // act
457
- cy.realPress(["Shift", "F6"]);
458
-
459
- // assert 2nd group is focused
460
- cy.get("#second")
461
- .should("be.focused");
462
-
463
- // act
464
- cy.realPress(["Shift", "F6"]);
465
-
466
- // assert 1st group is focused
467
- cy.get("#first")
468
- .should("be.focused");
469
-
470
- // act
471
- cy.realPress(["Shift", "F6"]);
472
-
473
- // assert 3rd group is focused agian
474
- cy.get("#third")
475
- .should("be.focused");
476
- });
477
-
478
- it("tests navigation with hidden elements", () => {
479
- cy.mount(<div>
480
- <div class="section">
481
- <button id="before">Before element</button>
482
- </div>
483
- <div class="section" data-sap-ui-fastnavgroup="true">
484
- <Button id="first">First focusable</Button>
485
- </div>
486
- <div class="section" data-sap-ui-fastnavgroup="true">
487
- <Button style={{ visibility: "hidden" }}>Hidden</Button>
488
- </div>
489
- <div class="section" data-sap-ui-fastnavgroup="true" style={{ visibility: "hidden" }}>
490
- <Button>Hidden</Button>
491
- </div>
492
- <div class="section" data-sap-ui-fastnavgroup="true">
493
- <Button style={{ display: "none" }}>Hidden</Button>
494
- </div>
495
- <div class="section" data-sap-ui-fastnavgroup="true" style={{ display: "none" }}>
496
- <Button>Hidden</Button>
497
- </div>
498
- <div class="section">
499
- <Button>Something focusable</Button>
500
- </div>
501
- <div class="section" data-sap-ui-fastnavgroup="true">
502
- <Button id="second">Second focusable</Button>
503
- </div>
504
- <div class="section">
505
- <Button>Something focusable</Button>
506
- </div>
507
- <div class="section" data-sap-ui-fastnavgroup="true">
508
- <Button id="third">Third focusable</Button>
509
- </div>
510
- <div class="section">
511
- <Button>After Element</Button>
512
- </div>
513
- </div>);
514
-
515
- // act
516
- cy.get("#before").focus();
517
- cy.realPress(["Shift", "F6"]);
518
-
519
- // assert 3rd group is focused
520
- cy.get("#third")
521
- .should("be.focused");
522
-
523
- // act
524
- cy.realPress(["Shift", "F6"]);
525
-
526
- // assert 2nd group is focused
527
- cy.get("#second")
528
- .should("be.focused");
529
-
530
- // act
531
- cy.realPress(["Shift", "F6"]);
532
-
533
- // assert 1st group is focused
534
- cy.get("#first")
535
- .should("be.focused");
536
-
537
- // act
538
- cy.realPress(["Shift", "F6"]);
539
-
540
- // assert 3rd group is focused agian
541
- cy.get("#third")
542
- .should("be.focused");
543
- });
544
-
545
- it("tests navigation with empty group", () => {
546
- cy.mount(<div>
547
- <div class="section">
548
- <button id="before">Before element</button>
549
- </div>
550
- <div class="section" data-sap-ui-fastnavgroup="true">
551
- <Button id="first">First focusable</Button>
552
- </div>
553
- <div class="section">
554
- <Button>Something focusable</Button>
555
- </div>
556
- <div class="section" data-sap-ui-fastnavgroup="true">
557
- Group without focusable element
558
- </div>
559
- <div class="section">
560
- <Button>Something focusable</Button>
561
- </div>
562
- <div class="section" data-sap-ui-fastnavgroup="true">
563
- <Button id="second">Second focusable</Button>
564
- </div>
565
- <div class="section">
566
- <Button>After Element</Button>
567
- </div>
568
- </div>);
569
-
570
- // act
571
- cy.get("#before").focus();
572
- cy.realPress(["Shift", "F6"]);
573
-
574
- // assert 2nd group is focused
575
- cy.get("#second")
576
- .should("be.focused");
577
-
578
- // act
579
- cy.realPress(["Shift", "F6"]);
580
-
581
- // assert 1st group is focused (an empty group is skipped)
582
- cy.get("#first")
583
- .should("be.focused");
584
-
585
- // act
586
- cy.realPress(["Shift", "F6"]);
587
-
588
- // assert 1st group is focused agian
589
- cy.get("#second")
590
- .should("be.focused");
591
- });
592
-
593
- it("tests navigation with nested groups", () => {
594
- cy.mount(
595
- <>
596
- <div class="section">
597
- <button id="before">Before element</button>
598
- </div>
599
- <div class="section" data-sap-ui-fastnavgroup="true">
600
- <Button id="first">First focusable</Button>
601
- <div class="section" data-sap-ui-fastnavgroup="true">
602
- <Button id="second">Second focusable</Button>
603
- </div>
604
- </div>
605
- <div class="section">
606
- <Button>Something focusable</Button>
607
- </div>
608
- <div class="section" data-sap-ui-fastnavgroup="true">
609
- <Button id="third">Third focusable</Button>
610
- </div>
611
- <div class="section">
612
- <Button>After Element</Button>
613
- </div>
614
- </>
615
- );
616
-
617
- // act
618
- cy.get("#before").focus();
619
- cy.realPress(["Shift", "F6"]);
620
-
621
- // assert 3rd group is focused
622
- cy.get("#third")
623
- .should("be.focused");
624
-
625
- // act
626
- cy.realPress(["Shift", "F6"]);
627
-
628
- // assert 2nd group is focused (an empty group is skipped)
629
- cy.get("#second")
630
- .should("be.focused");
631
-
632
- // act
633
- cy.realPress(["Shift", "F6"]);
634
-
635
- // assert 1st group is focused
636
- cy.get("#first")
637
- .should("be.focused");
638
-
639
- // act
640
- cy.realPress(["Shift", "F6"]);
641
-
642
- // assert 3rd group is focused agian
643
- cy.get("#third")
644
- .should("be.focused");
645
- });
646
-
647
- it("tests navigation with nesting inside empty fastnav-group parent", () => {
648
- cy.mount(
649
- <>
650
- <div class="section">
651
- <button id="before">Before element</button>
652
- </div>
653
- <div class="section" data-sap-ui-fastnavgroup="true">
654
- <div class="section" data-sap-ui-fastnavgroup="true">
655
- <Button id="first">First focusable</Button>
656
- </div>
657
- </div>
658
- <div class="section">
659
- <Button>Something focusable</Button>
660
- </div>
661
- <div class="section" data-sap-ui-fastnavgroup="true">
662
- <div class="section" data-sap-ui-fastnavgroup="true">
663
- <Button id="second">First focusable</Button>
664
- </div>
665
- </div>
666
- <div class="section">
667
- <Button>Something focusable</Button>
668
- </div>
669
- <div class="section" data-sap-ui-fastnavgroup="true">
670
- <Button id="third">Second focusable</Button>
671
- </div>
672
- <div class="section">
673
- <Button>After Element</Button>
674
- </div>
675
- </>
676
- );
677
-
678
- // act
679
- cy.get("#before").focus();
680
- cy.realPress(["Shift", "F6"]);
681
-
682
- // assert 3rd group is focused
683
- cy.get("#third")
684
- .should("be.focused");
685
-
686
- // act
687
- cy.realPress(["Shift", "F6"]);
688
-
689
- // assert 2nd group is focused (an empty group is skipped)
690
- cy.get("#second")
691
- .should("be.focused");
692
-
693
- // act
694
- cy.realPress(["Shift", "F6"]);
695
-
696
- // assert 1st group is focused
697
- cy.get("#first")
698
- .should("be.focused");
699
-
700
- // act
701
- cy.realPress(["Shift", "F6"]);
702
-
703
- // assert 1st group is focused agian
704
- cy.get("#third")
705
- .should("be.focused");
706
- });
707
-
708
- it("tests navigation with group as a focusable element", () => {
709
- cy.mount(
710
- <>
711
- <div class="section">
712
- <button id="before">Before element</button>
713
- </div>
714
- <div class="section" data-sap-ui-fastnavgroup="true">
715
- <Button id="first">First focusable</Button>
716
- </div>
717
- <div class="section">
718
- <Button>Something focusable</Button>
719
- </div>
720
- <div class="section" tabindex={0} id="second" data-sap-ui-fastnavgroup="true">
721
- Second focusable
722
- </div>
723
- <div class="section">
724
- <Button>Something focusable</Button>
725
- </div>
726
- <div class="section" data-sap-ui-fastnavgroup="true">
727
- <Button id="third">Third focusable</Button>
728
- </div>
729
- <div class="section">
730
- <Button>After Element</Button>
731
- </div>
732
- </>
733
- );
734
-
735
- // act
736
- cy.get("#before").focus();
737
- cy.realPress(["Shift", "F6"]);
738
-
739
- // assert 3rd group is focused
740
- cy.get("#third")
741
- .should("be.focused");
742
-
743
- // act
744
- cy.realPress(["Shift", "F6"]);
745
-
746
- // assert 2nd group is focused (an empty group is skipped)
747
- cy.get("#second")
748
- .should("be.focused");
749
-
750
- // act
751
- cy.realPress(["Shift", "F6"]);
752
-
753
- // assert 1st group is focused
754
- cy.get("#first")
755
- .should("be.focused");
756
-
757
- // act
758
- cy.realPress(["Shift", "F6"]);
759
-
760
- // assert 3rd group is focused agian
761
- cy.get("#third")
762
- .should("be.focused");
763
- });
764
-
765
- it("tests navigation without a focusable element", () => {
766
- cy.mount(
767
- <>
768
- <div class="section">
769
- <Button id="first">Before element</Button>
770
- </div>
771
- <div class="section" data-sap-ui-fastnavgroup="true">
772
- Group without focusable element
773
- </div>
774
- <div class="section">
775
- <Button>Something focusable</Button>
776
- </div>
777
- <div class="section" data-sap-ui-fastnavgroup="true">
778
- Group without focusable element
779
- </div>
780
- <div class="section">
781
- <Button>Something focusable</Button>
782
- </div>
783
- <div class="section">
784
- <Button>After Element</Button>
785
- </div>
786
- </>
787
- );
788
-
789
- // act
790
- cy.get("#first")
791
- .realClick();
792
-
793
- // assert clicked btn is also the focused element
794
- cy.get("#first")
795
- .should("be.focused");
796
-
797
- // act
798
- cy.realPress(["Shift", "F6"]);
799
-
800
- // assert same button remains focused as there is no fasnav group with focusable elements
801
- cy.get("#first")
802
- .should("be.focused");
803
- });
804
-
805
- it("tests navigation with a single group", () => {
806
- cy.mount(
807
- <>
808
- <div class="section">
809
- <button id="before">Before element</button>
810
- </div>
811
- <div class="section" data-sap-ui-fastnavgroup="true">
812
- <Button id="first">Before element</Button>
813
- </div>
814
- <div class="section">
815
- <Button>Something focusable</Button>
816
- </div>
817
- <div class="section">
818
- <Button>Something focusable</Button>
819
- </div>
820
- <div class="section">
821
- <Button>After Element</Button>
822
- </div>
823
- </>
824
- );
825
-
826
- // act
827
- cy.get("#before").focus();
828
- cy.realPress(["Shift", "F6"]);
829
-
830
- // assert 1st group is focused
831
- cy.get("#first")
832
- .should("be.focused");
833
- });
834
- });
835
-
836
- describe("Groups in container", () => {
837
- it("tests forward navigation", () => {
838
- cy.mount(
839
- <div>
840
- <div class="section" data-sap-ui-fastnavgroup="true">
841
- <Button>Non group focusable</Button>
842
- </div>
843
- <div data-sap-ui-fastnavgroup-container="true" data-sap-ui-fastnavgroup="true">
844
- <div class="section" data-sap-ui-fastnavgroup="true">
845
- <Button id="first">First group focusable</Button>
846
- </div>
847
- <div class="section" data-sap-ui-fastnavgroup="true">
848
- <Button id="second">Second group focusable</Button>
849
- </div>
850
- </div>
851
- <div class="section" data-sap-ui-fastnavgroup="true">
852
- <Button>Non group focusable</Button>
853
- </div>
854
- </div>
855
- );
856
-
857
- // act
858
- cy.get("#first")
859
- .realClick();
860
-
861
- cy.realPress("F6");
862
-
863
- cy.get("#second")
864
- .should("be.focused");
865
-
866
- cy.realPress("F6");
867
-
868
- cy.get("#first")
869
- .should("be.focused");
870
- });
871
-
872
- it("tests backward navigation", () => {
873
- cy.mount(
874
- <div>
875
- <div class="section" data-sap-ui-fastnavgroup="true">
876
- <Button>Non group focusable</Button>
877
- </div>
878
- <div data-sap-ui-fastnavgroup-container="true">
879
- <div class="section" data-sap-ui-fastnavgroup="true">
880
- <Button id="first">First group focusable</Button>
881
- </div>
882
- <div class="section" data-sap-ui-fastnavgroup="true">
883
- <Button id="second">Second group focusable</Button>
884
- </div>
885
- </div>
886
- <div class="section" data-sap-ui-fastnavgroup="true">
887
- <Button>Non group focusable</Button>
888
- </div>
889
- </div>
890
- );
891
-
892
- // act
893
- cy.get("#first")
894
- .realClick();
895
-
896
- cy.realPress(["Shift", "F6"]);
897
-
898
- cy.get("#second")
899
- .should("be.focused");
900
-
901
- cy.realPress(["Shift", "F6"]);
902
-
903
- cy.get("#first")
904
- .should("be.focused");
905
- });
906
- });
907
-
908
-
909
- describe.only("Bypass groups", () => {
910
- it("Custom defined groups", () => {
911
- cy.mount(
912
- <div>
913
- <div class="section">
914
- <button id="before">Before element</button>
915
- </div>
916
- <div class="section" data-sap-ui-fastnavgroup="false">
917
- <Button>Skipped element</Button>
918
- </div>
919
- <div class="section">
920
- <Button>Something focusable</Button>
921
- </div>
922
- <div class="section" data-sap-ui-fastnavgroup="true">
923
- <Button id="first">First focusable</Button>
924
- </div>
925
- </div>
926
- );
927
-
928
- // act
929
- cy.get("#before").focus();
930
- cy.realPress("F6");
931
-
932
- // assert 1st group is focused
933
- cy.get("#first")
934
- .should("be.focused");
935
- });
936
-
937
- it("Built-in groups", () => {
938
- cy.mount(
939
- <div>
940
- <div class="section">
941
- <button id="before">Before element</button>
942
- </div>
943
- <Bar>
944
- <Button id="first">First focusable element</Button>
945
- </Bar>
946
-
947
- <Bar data-sap-ui-fastnavgroup="false" id="skippedBar">
948
- <Button>Skipped element</Button>
949
- </Bar>
950
- <div class="section">
951
- <Button>Something focusable</Button>
952
- </div>
953
- <div class="section" data-sap-ui-fastnavgroup="true">
954
- <Button id="second">Second focusable</Button>
955
- </div>
956
- </div>
957
- );
958
-
959
- // act
960
- cy.get("#before").focus();
961
- cy.realPress("F6");
962
-
963
- // assert 1st group is focused
964
- cy.get("#first")
965
- .should("be.focused");
966
-
967
- cy.get("#skippedBar")
968
- .should("have.attr", "data-sap-ui-fastnavgroup", "false");
969
-
970
- cy.realPress("F6");
971
-
972
- // assert 2nd group is focused
973
- cy.get("#second")
974
- .should("be.focused");
975
- });
976
- });
977
- });