@ui5/webcomponents 1.1.2 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (574) hide show
  1. package/CHANGELOG.md +100 -0
  2. package/README.md +1 -0
  3. package/dist/Avatar.js +1 -1
  4. package/dist/AvatarGroup.js +2 -2
  5. package/dist/Breadcrumbs.js +11 -4
  6. package/dist/BusyIndicator.js +1 -1
  7. package/dist/Button.js +44 -30
  8. package/dist/Calendar.js +1 -1
  9. package/dist/Card.js +2 -2
  10. package/dist/CheckBox.js +3 -3
  11. package/dist/ColorPalette.js +1 -1
  12. package/dist/ColorPaletteItem.js +2 -2
  13. package/dist/ColorPalettePopover.js +3 -3
  14. package/dist/ColorPicker.js +42 -4
  15. package/dist/ComboBox.js +10 -4
  16. package/dist/DatePicker.js +10 -8
  17. package/dist/DateRangePicker.js +7 -1
  18. package/dist/Dialog.js +35 -5
  19. package/dist/FileUploader.js +2 -1
  20. package/dist/Input.js +87 -19
  21. package/dist/Interfaces.js +1 -1
  22. package/dist/Label.js +7 -1
  23. package/dist/Link.js +16 -5
  24. package/dist/List.js +6 -16
  25. package/dist/ListItem.js +1 -1
  26. package/dist/ListItemBase.js +1 -1
  27. package/dist/MessageStrip.js +0 -8
  28. package/dist/MultiComboBox.js +186 -27
  29. package/dist/Panel.js +7 -8
  30. package/dist/Popover.js +39 -9
  31. package/dist/Popup.js +61 -26
  32. package/dist/ProgressIndicator.js +5 -0
  33. package/dist/RadioButton.js +1 -1
  34. package/dist/RangeSlider.js +6 -1
  35. package/dist/RatingIndicator.js +2 -2
  36. package/dist/ResponsivePopover.js +15 -11
  37. package/dist/SegmentedButton.js +2 -2
  38. package/dist/SegmentedButtonItem.js +7 -2
  39. package/dist/Select.js +14 -5
  40. package/dist/Slider.js +5 -0
  41. package/dist/SliderBase.js +4 -3
  42. package/dist/SplitButton.js +11 -5
  43. package/dist/StepInput.js +4 -4
  44. package/dist/Switch.js +13 -1
  45. package/dist/TabContainer.js +44 -3
  46. package/dist/Table.js +243 -4
  47. package/dist/TableColumn.js +0 -7
  48. package/dist/TableGroupRow.js +4 -0
  49. package/dist/TableRow.js +87 -8
  50. package/dist/TextArea.js +9 -4
  51. package/dist/Tokenizer.js +74 -8
  52. package/dist/Tree.js +5 -1
  53. package/dist/TreeItem.js +2 -2
  54. package/dist/TreeListItem.js +5 -2
  55. package/dist/api.json +129 -68
  56. package/dist/css/themes/Avatar.css +1 -1
  57. package/dist/css/themes/Button.css +1 -1
  58. package/dist/css/themes/Calendar.css +1 -1
  59. package/dist/css/themes/ColorPalettePopover.css +1 -1
  60. package/dist/css/themes/ComboBox.css +1 -1
  61. package/dist/css/themes/DatePickerPopover.css +1 -1
  62. package/dist/css/themes/Dialog.css +1 -1
  63. package/dist/css/themes/Input.css +1 -1
  64. package/dist/css/themes/ListItemBase.css +1 -1
  65. package/dist/css/themes/MultiComboBox.css +1 -1
  66. package/dist/css/themes/PopupGlobal.css +1 -1
  67. package/dist/css/themes/PopupsCommon.css +1 -1
  68. package/dist/css/themes/ResponsivePopover.css +1 -1
  69. package/dist/css/themes/SelectPopover.css +1 -1
  70. package/dist/css/themes/SplitButton.css +1 -1
  71. package/dist/css/themes/Suggestions.css +1 -1
  72. package/dist/css/themes/TabInOverflow.css +1 -1
  73. package/dist/css/themes/TableRow.css +1 -1
  74. package/dist/css/themes/TimePickerPopover.css +1 -1
  75. package/dist/css/themes/TokenizerPopover.css +1 -0
  76. package/dist/css/themes/ValueStateMessage.css +1 -1
  77. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  78. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  79. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  80. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  81. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  82. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  83. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  84. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  85. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  86. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  87. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  88. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  89. package/dist/features/InputSuggestions.js +4 -0
  90. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  91. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  92. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  93. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  94. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  95. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  96. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  97. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  98. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  99. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  100. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  101. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  102. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  103. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  104. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  105. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  106. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  107. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  108. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  109. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  110. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  111. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  112. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  113. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  114. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  115. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  116. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  117. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  118. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  119. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  120. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  121. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  122. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  123. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  124. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  125. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  126. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  127. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  128. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  129. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  130. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  131. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  132. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  133. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  134. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  135. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  136. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  137. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  138. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  139. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  140. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  141. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  142. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  143. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  144. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  145. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  146. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  147. package/dist/generated/i18n/i18n-defaults.js +2 -2
  148. package/dist/generated/json-imports/Themes-static.js +8 -2
  149. package/dist/generated/json-imports/Themes.js +4 -1
  150. package/dist/generated/templates/AvatarGroupTemplate.lit.js +1 -1
  151. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
  152. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +1 -1
  153. package/dist/generated/templates/ButtonTemplate.lit.js +1 -1
  154. package/dist/generated/templates/CalendarTemplate.lit.js +1 -1
  155. package/dist/generated/templates/CarouselTemplate.lit.js +3 -3
  156. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js +1 -1
  157. package/dist/generated/templates/ColorPickerTemplate.lit.js +1 -1
  158. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +1 -1
  159. package/dist/generated/templates/CustomListItemTemplate.lit.js +2 -2
  160. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +1 -1
  161. package/dist/generated/templates/DatePickerTemplate.lit.js +1 -1
  162. package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.js +1 -1
  163. package/dist/generated/templates/DialogTemplate.lit.js +3 -3
  164. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js +5 -4
  165. package/dist/generated/templates/InputPopoverTemplate.lit.js +2 -2
  166. package/dist/generated/templates/InputTemplate.lit.js +6 -5
  167. package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
  168. package/dist/generated/templates/ListTemplate.lit.js +1 -1
  169. package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
  170. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +1 -1
  171. package/dist/generated/templates/MultiInputTemplate.lit.js +7 -6
  172. package/dist/generated/templates/PanelTemplate.lit.js +2 -2
  173. package/dist/generated/templates/PopoverTemplate.lit.js +3 -3
  174. package/dist/generated/templates/PopupTemplate.lit.js +1 -1
  175. package/dist/generated/templates/RatingIndicatorTemplate.lit.js +1 -1
  176. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +5 -5
  177. package/dist/generated/templates/SegmentedButtonItemTemplate.lit.js +1 -1
  178. package/dist/generated/templates/SelectPopoverTemplate.lit.js +1 -1
  179. package/dist/generated/templates/SelectTemplate.lit.js +1 -1
  180. package/dist/generated/templates/StandardListItemTemplate.lit.js +2 -2
  181. package/dist/generated/templates/StepInputTemplate.lit.js +1 -1
  182. package/dist/generated/templates/SuggestionListItemTemplate.lit.js +2 -2
  183. package/dist/generated/templates/SwitchTemplate.lit.js +1 -1
  184. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js +1 -1
  185. package/dist/generated/templates/TabContainerTemplate.lit.js +4 -4
  186. package/dist/generated/templates/TableGroupRowTemplate.lit.js +1 -1
  187. package/dist/generated/templates/TableRowTemplate.lit.js +2 -2
  188. package/dist/generated/templates/TableTemplate.lit.js +3 -3
  189. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js +1 -1
  190. package/dist/generated/templates/TextAreaTemplate.lit.js +1 -1
  191. package/dist/generated/templates/TimePickerPopoverTemplate.lit.js +1 -1
  192. package/dist/generated/templates/ToggleButtonTemplate.lit.js +1 -1
  193. package/dist/generated/templates/TokenizerTemplate.lit.js +1 -1
  194. package/dist/generated/templates/TreeListItemTemplate.lit.js +2 -2
  195. package/dist/generated/themes/Avatar.css.js +1 -1
  196. package/dist/generated/themes/Button.css.js +1 -1
  197. package/dist/generated/themes/Calendar.css.js +1 -1
  198. package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
  199. package/dist/generated/themes/ComboBox.css.js +1 -1
  200. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  201. package/dist/generated/themes/Dialog.css.js +1 -1
  202. package/dist/generated/themes/Input.css.js +1 -1
  203. package/dist/generated/themes/ListItemBase.css.js +1 -1
  204. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  205. package/dist/generated/themes/PopupGlobal.css.js +1 -1
  206. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  207. package/dist/generated/themes/ResponsivePopover.css.js +1 -1
  208. package/dist/generated/themes/SelectPopover.css.js +1 -1
  209. package/dist/generated/themes/SplitButton.css.js +1 -1
  210. package/dist/generated/themes/Suggestions.css.js +1 -1
  211. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  212. package/dist/generated/themes/TableRow.css.js +1 -1
  213. package/dist/generated/themes/TimePickerPopover.css.js +1 -1
  214. package/dist/generated/themes/TokenizerPopover.css.js +8 -0
  215. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  216. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  217. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  218. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  219. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  220. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  221. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  222. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  223. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  224. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -0
  225. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  226. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -0
  227. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -0
  228. package/dist/i18n/messagebundle.properties +6 -0
  229. package/dist/i18n/messagebundle_ar.properties +5 -0
  230. package/dist/i18n/messagebundle_bg.properties +5 -0
  231. package/dist/i18n/messagebundle_ca.properties +5 -0
  232. package/dist/i18n/messagebundle_cs.properties +5 -0
  233. package/dist/i18n/messagebundle_cy.properties +5 -0
  234. package/dist/i18n/messagebundle_da.properties +5 -0
  235. package/dist/i18n/messagebundle_de.properties +5 -0
  236. package/dist/i18n/messagebundle_el.properties +5 -0
  237. package/dist/i18n/messagebundle_en.properties +5 -0
  238. package/dist/i18n/messagebundle_en_GB.properties +5 -0
  239. package/dist/i18n/messagebundle_en_US_saprigi.properties +2 -0
  240. package/dist/i18n/messagebundle_es.properties +5 -0
  241. package/dist/i18n/messagebundle_es_MX.properties +5 -0
  242. package/dist/i18n/messagebundle_et.properties +5 -0
  243. package/dist/i18n/messagebundle_fi.properties +5 -0
  244. package/dist/i18n/messagebundle_fr.properties +5 -0
  245. package/dist/i18n/messagebundle_fr_CA.properties +5 -0
  246. package/dist/i18n/messagebundle_hi.properties +5 -0
  247. package/dist/i18n/messagebundle_hr.properties +5 -0
  248. package/dist/i18n/messagebundle_hu.properties +5 -0
  249. package/dist/i18n/messagebundle_id.properties +5 -0
  250. package/dist/i18n/messagebundle_it.properties +5 -0
  251. package/dist/i18n/messagebundle_iw.properties +5 -0
  252. package/dist/i18n/messagebundle_ja.properties +7 -2
  253. package/dist/i18n/messagebundle_kk.properties +5 -0
  254. package/dist/i18n/messagebundle_ko.properties +5 -0
  255. package/dist/i18n/messagebundle_lt.properties +5 -0
  256. package/dist/i18n/messagebundle_lv.properties +5 -0
  257. package/dist/i18n/messagebundle_ms.properties +5 -0
  258. package/dist/i18n/messagebundle_nl.properties +5 -0
  259. package/dist/i18n/messagebundle_no.properties +5 -0
  260. package/dist/i18n/messagebundle_pl.properties +5 -0
  261. package/dist/i18n/messagebundle_pt.properties +5 -0
  262. package/dist/i18n/messagebundle_pt_PT.properties +5 -0
  263. package/dist/i18n/messagebundle_ro.properties +5 -0
  264. package/dist/i18n/messagebundle_ru.properties +5 -0
  265. package/dist/i18n/messagebundle_sh.properties +5 -0
  266. package/dist/i18n/messagebundle_sk.properties +5 -0
  267. package/dist/i18n/messagebundle_sl.properties +5 -0
  268. package/dist/i18n/messagebundle_sv.properties +5 -0
  269. package/dist/i18n/messagebundle_th.properties +5 -0
  270. package/dist/i18n/messagebundle_tr.properties +5 -0
  271. package/dist/i18n/messagebundle_uk.properties +5 -0
  272. package/dist/i18n/messagebundle_vi.properties +5 -0
  273. package/dist/i18n/messagebundle_zh_CN.properties +5 -0
  274. package/dist/i18n/messagebundle_zh_TW.properties +5 -0
  275. package/package.json +11 -9
  276. package/src/Avatar.js +1 -1
  277. package/src/AvatarGroup.hbs +1 -1
  278. package/src/AvatarGroup.js +2 -2
  279. package/src/Breadcrumbs.hbs +2 -2
  280. package/src/Breadcrumbs.js +11 -4
  281. package/src/BreadcrumbsPopover.hbs +0 -1
  282. package/src/BusyIndicator.js +1 -1
  283. package/src/Button.hbs +4 -4
  284. package/src/Button.js +44 -30
  285. package/src/Calendar.hbs +1 -1
  286. package/src/Calendar.js +1 -1
  287. package/src/Card.js +2 -2
  288. package/src/Carousel.hbs +2 -2
  289. package/src/CheckBox.js +3 -3
  290. package/src/ColorPalette.js +1 -1
  291. package/src/ColorPaletteItem.js +2 -2
  292. package/src/ColorPalettePopover.hbs +1 -1
  293. package/src/ColorPalettePopover.js +3 -3
  294. package/src/ColorPicker.hbs +1 -0
  295. package/src/ColorPicker.js +42 -4
  296. package/src/ComboBox.js +10 -4
  297. package/src/ComboBoxPopover.hbs +0 -1
  298. package/src/DatePicker.hbs +1 -1
  299. package/src/DatePicker.js +10 -8
  300. package/src/DatePickerPopover.hbs +0 -2
  301. package/src/DateRangePicker.js +7 -1
  302. package/src/Dialog.hbs +3 -2
  303. package/src/Dialog.js +35 -5
  304. package/src/FileUploader.js +2 -1
  305. package/src/FileUploaderPopover.hbs +3 -2
  306. package/src/Input.hbs +5 -1
  307. package/src/Input.js +87 -19
  308. package/src/InputPopover.hbs +3 -4
  309. package/src/Interfaces.js +1 -1
  310. package/src/Label.js +7 -1
  311. package/src/Link.js +16 -5
  312. package/src/List.hbs +1 -1
  313. package/src/List.js +6 -16
  314. package/src/ListItem.hbs +1 -1
  315. package/src/ListItem.js +1 -1
  316. package/src/ListItemBase.js +1 -1
  317. package/src/MessageStrip.hbs +1 -1
  318. package/src/MessageStrip.js +0 -8
  319. package/src/MultiComboBox.js +186 -27
  320. package/src/MultiComboBoxPopover.hbs +0 -1
  321. package/src/Panel.hbs +4 -3
  322. package/src/Panel.js +7 -8
  323. package/src/Popover.hbs +2 -2
  324. package/src/Popover.js +39 -9
  325. package/src/Popup.hbs +1 -1
  326. package/src/Popup.js +61 -26
  327. package/src/ProgressIndicator.js +5 -0
  328. package/src/RadioButton.js +1 -1
  329. package/src/RangeSlider.js +6 -1
  330. package/src/RatingIndicator.hbs +2 -0
  331. package/src/RatingIndicator.js +2 -2
  332. package/src/ResponsivePopover.hbs +5 -5
  333. package/src/ResponsivePopover.js +15 -11
  334. package/src/SegmentedButton.js +2 -2
  335. package/src/SegmentedButtonItem.hbs +1 -1
  336. package/src/SegmentedButtonItem.js +7 -2
  337. package/src/Select.hbs +1 -0
  338. package/src/Select.js +14 -5
  339. package/src/SelectPopover.hbs +0 -1
  340. package/src/Slider.js +5 -0
  341. package/src/SliderBase.js +4 -3
  342. package/src/SplitButton.js +11 -5
  343. package/src/StepInput.hbs +4 -3
  344. package/src/StepInput.js +4 -4
  345. package/src/Switch.hbs +1 -1
  346. package/src/Switch.js +13 -1
  347. package/src/TabContainer.hbs +3 -3
  348. package/src/TabContainer.js +44 -3
  349. package/src/TabContainerPopover.hbs +1 -1
  350. package/src/Table.hbs +11 -1
  351. package/src/Table.js +243 -4
  352. package/src/TableColumn.js +0 -7
  353. package/src/TableGroupRow.hbs +1 -0
  354. package/src/TableGroupRow.js +4 -0
  355. package/src/TableRow.hbs +2 -0
  356. package/src/TableRow.js +87 -8
  357. package/src/TextArea.hbs +1 -1
  358. package/src/TextArea.js +9 -4
  359. package/src/TextAreaPopover.hbs +0 -1
  360. package/src/TimePickerPopover.hbs +0 -1
  361. package/src/Tokenizer.hbs +2 -1
  362. package/src/Tokenizer.js +74 -8
  363. package/src/Tree.js +5 -1
  364. package/src/TreeItem.js +2 -2
  365. package/src/TreeListItem.js +5 -2
  366. package/src/features/InputSuggestions.js +4 -0
  367. package/src/i18n/messagebundle.properties +6 -0
  368. package/src/i18n/messagebundle_ar.properties +5 -0
  369. package/src/i18n/messagebundle_bg.properties +5 -0
  370. package/src/i18n/messagebundle_ca.properties +5 -0
  371. package/src/i18n/messagebundle_cs.properties +5 -0
  372. package/src/i18n/messagebundle_cy.properties +5 -0
  373. package/src/i18n/messagebundle_da.properties +5 -0
  374. package/src/i18n/messagebundle_de.properties +5 -0
  375. package/src/i18n/messagebundle_el.properties +5 -0
  376. package/src/i18n/messagebundle_en.properties +5 -0
  377. package/src/i18n/messagebundle_en_GB.properties +5 -0
  378. package/src/i18n/messagebundle_en_US_saprigi.properties +2 -0
  379. package/src/i18n/messagebundle_es.properties +5 -0
  380. package/src/i18n/messagebundle_es_MX.properties +5 -0
  381. package/src/i18n/messagebundle_et.properties +5 -0
  382. package/src/i18n/messagebundle_fi.properties +5 -0
  383. package/src/i18n/messagebundle_fr.properties +5 -0
  384. package/src/i18n/messagebundle_fr_CA.properties +5 -0
  385. package/src/i18n/messagebundle_hi.properties +5 -0
  386. package/src/i18n/messagebundle_hr.properties +5 -0
  387. package/src/i18n/messagebundle_hu.properties +5 -0
  388. package/src/i18n/messagebundle_id.properties +5 -0
  389. package/src/i18n/messagebundle_it.properties +5 -0
  390. package/src/i18n/messagebundle_iw.properties +5 -0
  391. package/src/i18n/messagebundle_ja.properties +7 -2
  392. package/src/i18n/messagebundle_kk.properties +5 -0
  393. package/src/i18n/messagebundle_ko.properties +5 -0
  394. package/src/i18n/messagebundle_lt.properties +5 -0
  395. package/src/i18n/messagebundle_lv.properties +5 -0
  396. package/src/i18n/messagebundle_ms.properties +5 -0
  397. package/src/i18n/messagebundle_nl.properties +5 -0
  398. package/src/i18n/messagebundle_no.properties +5 -0
  399. package/src/i18n/messagebundle_pl.properties +5 -0
  400. package/src/i18n/messagebundle_pt.properties +5 -0
  401. package/src/i18n/messagebundle_pt_PT.properties +5 -0
  402. package/src/i18n/messagebundle_ro.properties +5 -0
  403. package/src/i18n/messagebundle_ru.properties +5 -0
  404. package/src/i18n/messagebundle_sh.properties +5 -0
  405. package/src/i18n/messagebundle_sk.properties +5 -0
  406. package/src/i18n/messagebundle_sl.properties +5 -0
  407. package/src/i18n/messagebundle_sv.properties +5 -0
  408. package/src/i18n/messagebundle_th.properties +5 -0
  409. package/src/i18n/messagebundle_tr.properties +5 -0
  410. package/src/i18n/messagebundle_uk.properties +5 -0
  411. package/src/i18n/messagebundle_vi.properties +5 -0
  412. package/src/i18n/messagebundle_zh_CN.properties +5 -0
  413. package/src/i18n/messagebundle_zh_TW.properties +5 -0
  414. package/src/themes/Avatar.css +1 -0
  415. package/src/themes/Button.css +1 -1
  416. package/src/themes/Calendar.css +6 -1
  417. package/src/themes/ColorPalettePopover.css +6 -5
  418. package/src/themes/DatePickerPopover.css +4 -0
  419. package/src/themes/Dialog.css +1 -5
  420. package/src/themes/Input.css +1 -0
  421. package/src/themes/ListItemBase.css +11 -5
  422. package/src/themes/MultiComboBox.css +0 -1
  423. package/src/themes/Popover.css +1 -1
  424. package/src/themes/PopupGlobal.css +1 -4
  425. package/src/themes/PopupsCommon.css +44 -4
  426. package/src/themes/ResponsivePopover.css +2 -7
  427. package/src/themes/ResponsivePopoverCommon.css +1 -0
  428. package/src/themes/SelectPopover.css +11 -2
  429. package/src/themes/SplitButton.css +1 -1
  430. package/src/themes/Suggestions.css +15 -1
  431. package/src/themes/TabInOverflow.css +5 -1
  432. package/src/themes/TableRow.css +1 -0
  433. package/src/themes/TimePickerPopover.css +4 -0
  434. package/src/themes/Tokenizer.css +1 -0
  435. package/src/themes/TokenizerPopover.css +4 -0
  436. package/src/themes/ValueStateMessage.css +10 -0
  437. package/src/themes/base/Avatar-parameters.css +31 -31
  438. package/src/themes/base/Badge-parameters.css +10 -10
  439. package/src/themes/base/DayPicker-parameters.css +2 -2
  440. package/src/themes/base/Dialog-parameters.css +1 -1
  441. package/src/themes/base/ListItemBase-parameters.css +1 -0
  442. package/src/themes/base/PopupsCommon-parameters.css +6 -1
  443. package/src/themes/base/SliderBase-parameters.css +7 -0
  444. package/src/themes/base/Switch-parameters.css +2 -13
  445. package/src/themes/base/sizes-parameters.css +7 -7
  446. package/src/themes/sap_belize_hcb/Avatar-parameters.css +15 -15
  447. package/src/themes/sap_belize_hcb/Switch-parameters.css +2 -4
  448. package/src/themes/sap_belize_hcw/Avatar-parameters.css +15 -15
  449. package/src/themes/sap_belize_hcw/Switch-parameters.css +2 -4
  450. package/src/themes/sap_fiori_3/Avatar-parameters.css +5 -5
  451. package/src/themes/sap_fiori_3_dark/Avatar-parameters.css +5 -5
  452. package/src/themes/sap_fiori_3_hcb/Avatar-parameters.css +19 -19
  453. package/src/themes/sap_fiori_3_hcb/DayPicker-parameters.css +0 -2
  454. package/src/themes/sap_fiori_3_hcb/Switch-parameters.css +2 -4
  455. package/src/themes/sap_fiori_3_hcw/Avatar-parameters.css +19 -19
  456. package/src/themes/sap_fiori_3_hcw/DayPicker-parameters.css +0 -2
  457. package/src/themes/sap_fiori_3_hcw/Switch-parameters.css +2 -4
  458. package/src/themes/sap_horizon/Dialog-parameters.css +1 -1
  459. package/src/themes/sap_horizon/ListItemBase-parameters.css +1 -2
  460. package/src/themes/sap_horizon/PopupsCommon-parameters.css +0 -1
  461. package/src/themes/sap_horizon/Switch-parameters.css +7 -7
  462. package/src/themes/sap_horizon_dark/Avatar-parameters.css +33 -0
  463. package/src/themes/sap_horizon_dark/BusyIndicator-parameters.css +7 -0
  464. package/src/themes/sap_horizon_dark/Button-parameters.css +20 -0
  465. package/src/themes/sap_horizon_dark/CalendarHeader-parameters.css +19 -0
  466. package/src/themes/sap_horizon_dark/Card-parameters.css +10 -0
  467. package/src/themes/sap_horizon_dark/CheckBox-parameters.css +34 -0
  468. package/src/themes/sap_horizon_dark/ColorPalette-parameters.css +16 -0
  469. package/src/themes/sap_horizon_dark/ColorPicker-parameters.css +10 -0
  470. package/src/themes/sap_horizon_dark/DatePicker-parameters.css +6 -0
  471. package/src/themes/sap_horizon_dark/DayPicker-parameters.css +31 -0
  472. package/src/themes/sap_horizon_dark/Dialog-parameters.css +11 -0
  473. package/src/themes/sap_horizon_dark/GrowingButton-parameters.css +5 -0
  474. package/src/themes/sap_horizon_dark/Input-parameters.css +35 -0
  475. package/src/themes/sap_horizon_dark/InputIcon-parameters.css +17 -0
  476. package/src/themes/sap_horizon_dark/Link-parameters.css +10 -0
  477. package/src/themes/sap_horizon_dark/List-parameters.css +5 -0
  478. package/src/themes/sap_horizon_dark/ListItemBase-parameters.css +7 -0
  479. package/src/themes/sap_horizon_dark/MessageStrip-parameters.css +9 -0
  480. package/src/themes/sap_horizon_dark/MonthPicker-parameters.css +17 -0
  481. package/src/themes/sap_horizon_dark/MultiComboBox-parameters.css +5 -0
  482. package/src/themes/sap_horizon_dark/Panel-parameters.css +12 -0
  483. package/src/themes/sap_horizon_dark/PopupsCommon-parameters.css +10 -0
  484. package/src/themes/sap_horizon_dark/ProgressIndicator-parameters.css +23 -0
  485. package/src/themes/sap_horizon_dark/RadioButton-parameters.css +9 -0
  486. package/src/themes/sap_horizon_dark/RatingIndicator-parameters.css +3 -0
  487. package/src/themes/sap_horizon_dark/SegmentedButtton-parameters.css +10 -0
  488. package/src/themes/sap_horizon_dark/Select-parameters.css +5 -0
  489. package/src/themes/sap_horizon_dark/SelectPopover-parameters.css +4 -0
  490. package/src/themes/sap_horizon_dark/SliderBase-parameters.css +44 -0
  491. package/src/themes/sap_horizon_dark/StepInput-parameters.css +25 -0
  492. package/src/themes/sap_horizon_dark/Suggestions-parameters.css +5 -0
  493. package/src/themes/sap_horizon_dark/Switch-parameters.css +31 -0
  494. package/src/themes/sap_horizon_dark/TabContainer-parameters.css +25 -0
  495. package/src/themes/sap_horizon_dark/Table-parameters.css +8 -0
  496. package/src/themes/sap_horizon_dark/TableColumn-parameters.css +5 -0
  497. package/src/themes/sap_horizon_dark/TableRow-parameters.css +5 -0
  498. package/src/themes/sap_horizon_dark/TextArea-parameters.css +22 -0
  499. package/src/themes/sap_horizon_dark/TimePicker-parameters.css +6 -0
  500. package/src/themes/sap_horizon_dark/ToggleButton-parameters.css +11 -0
  501. package/src/themes/sap_horizon_dark/Token-parameters.css +28 -0
  502. package/src/themes/sap_horizon_dark/Tokenizer-parameters.css +6 -0
  503. package/src/themes/sap_horizon_dark/ValueStateMessage-parameters.css +8 -0
  504. package/src/themes/sap_horizon_dark/WheelSlider-parameters.css +19 -0
  505. package/src/themes/sap_horizon_dark/YearPicker-parameters.css +16 -0
  506. package/src/themes/sap_horizon_dark/parameters-bundle.css +57 -0
  507. package/src/themes/sap_horizon_dark/sizes-parameters.css +8 -0
  508. package/src/themes/sap_horizon_exp/Switch-parameters.css +1 -1
  509. package/src/themes/sap_horizon_hcb/Avatar-parameters.css +24 -0
  510. package/src/themes/sap_horizon_hcb/Badge-parameters.css +43 -0
  511. package/src/themes/sap_horizon_hcb/Button-parameters.css +10 -0
  512. package/src/themes/sap_horizon_hcb/CalendarHeader-parameters.css +11 -0
  513. package/src/themes/sap_horizon_hcb/Card-parameters.css +6 -0
  514. package/src/themes/sap_horizon_hcb/Carousel-parameters.css +9 -0
  515. package/src/themes/sap_horizon_hcb/CheckBox-parameters.css +13 -0
  516. package/src/themes/sap_horizon_hcb/DatePicker-parameters.css +5 -0
  517. package/src/themes/sap_horizon_hcb/DayPicker-parameters.css +17 -0
  518. package/src/themes/sap_horizon_hcb/Dialog-parameters.css +7 -0
  519. package/src/themes/sap_horizon_hcb/GrowingButton-parameters.css +8 -0
  520. package/src/themes/sap_horizon_hcb/Input-parameters.css +21 -0
  521. package/src/themes/sap_horizon_hcb/InputIcon-parameters.css +5 -0
  522. package/src/themes/sap_horizon_hcb/Link-parameters.css +7 -0
  523. package/src/themes/sap_horizon_hcb/MessageStrip-parameters.css +10 -0
  524. package/src/themes/sap_horizon_hcb/MonthPicker-parameters.css +11 -0
  525. package/src/themes/sap_horizon_hcb/Panel-parameters.css +5 -0
  526. package/src/themes/sap_horizon_hcb/ProgressIndicator-parameters.css +11 -0
  527. package/src/themes/sap_horizon_hcb/RadioButton-parameters.css +10 -0
  528. package/src/themes/sap_horizon_hcb/Select-parameters.css +12 -0
  529. package/src/themes/sap_horizon_hcb/SliderBase-parameters.css +14 -0
  530. package/src/themes/sap_horizon_hcb/Switch-parameters.css +43 -0
  531. package/src/themes/sap_horizon_hcb/TabContainer-parameters.css +44 -0
  532. package/src/themes/sap_horizon_hcb/Table-parameters.css +5 -0
  533. package/src/themes/sap_horizon_hcb/TableRow-parameters.css +5 -0
  534. package/src/themes/sap_horizon_hcb/TextArea-parameters.css +10 -0
  535. package/src/themes/sap_horizon_hcb/TimePicker-parameters.css +5 -0
  536. package/src/themes/sap_horizon_hcb/ToggleButton-parameters.css +6 -0
  537. package/src/themes/sap_horizon_hcb/Token-parameters.css +7 -0
  538. package/src/themes/sap_horizon_hcb/ValueStateMessage-parameters.css +5 -0
  539. package/src/themes/sap_horizon_hcb/WheelSlider-parameters.css +17 -0
  540. package/src/themes/sap_horizon_hcb/YearPicker-parameters.css +11 -0
  541. package/src/themes/sap_horizon_hcb/parameters-bundle.css +48 -0
  542. package/src/themes/sap_horizon_hcw/Avatar-parameters.css +24 -0
  543. package/src/themes/sap_horizon_hcw/Badge-parameters.css +43 -0
  544. package/src/themes/sap_horizon_hcw/Button-parameters.css +10 -0
  545. package/src/themes/sap_horizon_hcw/CalendarHeader-parameters.css +11 -0
  546. package/src/themes/sap_horizon_hcw/Card-parameters.css +6 -0
  547. package/src/themes/sap_horizon_hcw/Carousel-parameters.css +9 -0
  548. package/src/themes/sap_horizon_hcw/CheckBox-parameters.css +13 -0
  549. package/src/themes/sap_horizon_hcw/DatePicker-parameters.css +5 -0
  550. package/src/themes/sap_horizon_hcw/DayPicker-parameters.css +17 -0
  551. package/src/themes/sap_horizon_hcw/Dialog-parameters.css +7 -0
  552. package/src/themes/sap_horizon_hcw/GrowingButton-parameters.css +8 -0
  553. package/src/themes/sap_horizon_hcw/Input-parameters.css +21 -0
  554. package/src/themes/sap_horizon_hcw/InputIcon-parameters.css +5 -0
  555. package/src/themes/sap_horizon_hcw/Link-parameters.css +7 -0
  556. package/src/themes/sap_horizon_hcw/MessageStrip-parameters.css +10 -0
  557. package/src/themes/sap_horizon_hcw/MonthPicker-parameters.css +11 -0
  558. package/src/themes/sap_horizon_hcw/Panel-parameters.css +5 -0
  559. package/src/themes/sap_horizon_hcw/ProgressIndicator-parameters.css +11 -0
  560. package/src/themes/sap_horizon_hcw/RadioButton-parameters.css +10 -0
  561. package/src/themes/sap_horizon_hcw/Select-parameters.css +12 -0
  562. package/src/themes/sap_horizon_hcw/SliderBase-parameters.css +13 -0
  563. package/src/themes/sap_horizon_hcw/Switch-parameters.css +43 -0
  564. package/src/themes/sap_horizon_hcw/TabContainer-parameters.css +44 -0
  565. package/src/themes/sap_horizon_hcw/Table-parameters.css +5 -0
  566. package/src/themes/sap_horizon_hcw/TableRow-parameters.css +5 -0
  567. package/src/themes/sap_horizon_hcw/TextArea-parameters.css +10 -0
  568. package/src/themes/sap_horizon_hcw/TimePicker-parameters.css +5 -0
  569. package/src/themes/sap_horizon_hcw/ToggleButton-parameters.css +6 -0
  570. package/src/themes/sap_horizon_hcw/Token-parameters.css +7 -0
  571. package/src/themes/sap_horizon_hcw/ValueStateMessage-parameters.css +5 -0
  572. package/src/themes/sap_horizon_hcw/WheelSlider-parameters.css +17 -0
  573. package/src/themes/sap_horizon_hcw/YearPicker-parameters.css +11 -0
  574. package/src/themes/sap_horizon_hcw/parameters-bundle.css +48 -0
@@ -0,0 +1 @@
1
+ {"_":{"packageName":"@ui5/webcomponents","fileName":"themes/sap_horizon_hcw/parameters-bundle.css","content":":root{--_ui5_calendar_height:24.5rem;--_ui5_calendar_width:20.5rem;--_ui5_calendar_padding:1rem;--_ui5_calendar_left_right_padding:0.5rem;--_ui5_calendar_top_bottom_padding:1rem;--_ui5_calendar_header_height:3rem;--_ui5_calendar_header_arrow_button_width:2.5rem;--_ui5_calendar_header_padding:0.25rem 0;--_ui5_checkbox_root_side_padding:.6875rem;--_ui5_checkbox_icon_size:1rem;--_ui5_checkbox_partially_icon_size:.75rem;--_ui5_custom_list_item_rb_min_width:2.75rem;--_ui5_day_picker_item_width:2.25rem;--_ui5_day_picker_item_height:2.875rem;--_ui5_day_picker_empty_height:3rem;--_ui5_day_picker_item_justify_content:space-between;--_ui5_color-palette-item-height:1.75rem;--_ui5_color-palette-item-hover-height:2.375rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height)/2 - var(--_ui5_color-palette-item-height)/2);--_ui5_color-palette-row-width:12rem;--_ui5_datetime_picker_width:40.0625rem;--_ui5_datetime_picker_height:25rem;--_ui5_datetime_timeview_phonemode_width:19.5rem;--_ui5_datetime_timeview_padding:1rem;--_ui5_dialog_content_min_height:2.75rem;--_ui5_input_inner_padding:0 0.625rem;--_ui5_input_inner_padding_with_icon:0 0.25rem 0 0.625rem;--_ui5_input_value_state_icon_padding:var(--_ui5-input-icon-padding);--_ui5_list_no_data_height:3rem;--_ui5_list_item_cb_margin_right:0;--_ui5_list_item_title_size:var(--sapFontLargeSize);--_ui5_list_item_img_size:3rem;--_ui5_list_item_img_margin:0.5rem 0.75rem 0.5rem 0rem;--_ui5_list_item_dropdown_base_height:2.5rem;--_ui5_list_item_base_height:2.75rem;--_ui5_list_item_icon_size:1.125rem;--_ui5_group_header_list_item_height:2.75rem;--_ui5_list_busy_row_height:3rem;--_ui5_month_picker_item_height:3rem;--_ui5_popup_default_header_height:2.75rem;--_ui5_year_picker_item_height:3rem;--_ui5_tokenizer_root_padding:0.1875rem;--_ui5_token_height:1.625rem;--_ui5_token_icon_padding:0.25rem 0.5rem;--_ui5_token_wrapper_right_padding:0.3125rem;--_ui5_tl_bubble_padding:1rem;--_ui5_tl_indicator_before_bottom:-1.625rem;--_ui5_tl_padding:1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom:1.625rem;--_ui5_switch_focus_width_size_horizon_exp:calc(100% + 4px);--_ui5_switch_focus_height_size_horizon_exp:calc(100% + 4px);--_ui5_switch_text_on_left:calc(-100% + 1.9125rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.875rem);--_ui5_switch_rtl_transform:translateX(1.875rem) translateX(-100%);--_ui5_switch_text_right:calc(-100% + 1.9125rem);--_ui5_tc_item_text:3rem;--_ui5_tc_item_height:4.75rem;--_ui5_tc_item_text_only_height:2.75rem;--_ui5_tc_item_text_only_with_additional_text_height:3.75rem;--_ui5_tc_item_text_line_height:normal;--_ui5_tc_item_icon_circle_size:2.75rem;--_ui5_tc_item_icon_size:1.25rem;--_ui5_tc_item_add_text_margin_top:0.375rem;--_ui5_textarea_padding:0.5625rem 0.6875rem;--_ui5_radio_button_height:2.75rem;--_ui5_radio_button_label_side_padding:.875rem;--_ui5_radio_button_focus_dist:.5rem;--_ui5_radio_button_inner_size:2.75rem;--_ui5_radio_button_svg_size:1.375rem;--_ui5_radio_button_label_width:calc(100% - 2.75rem);--_ui5_radio_button_rtl_focus_right:0.5rem;--_ui5-responsive_popover_header_height:2.75rem;--ui5_side_navigation_item_height:2.75rem;--_ui5_load_more_text_height:2.75rem;--_ui5_load_more_text_font_size:var(--sapFontMediumSize);--_ui5_load_more_desc_padding:0.375rem 2rem 0.875rem 2rem;--ui5_table_header_row_height:2.75rem;--_ui5-tree-indent-step:1.5rem;--_ui5-tree-toggle-box-width:2.75rem;--_ui5-tree-toggle-box-height:2.25rem;--_ui5-tree-toggle-icon-size:1.0625rem;--_ui5_timeline_tli_indicator_before_bottom:-1.625rem;--_ui5_timeline_tli_indicator_before_right:-1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-1.9375rem;--_ui5_segmented_btn_border_radius:0.375rem}.sapUiSizeCompact,.ui5-content-density-compact,:root,[data-ui5-compact-size]{--_ui5_datetime_timeview_width:17rem;--_ui5_list_item_selection_btn_margin_top:calc(var(--_ui5_checkbox_wrapper_padding)*-1);--_ui5_token_icon_size:.75rem;--_ui5_token_wrapper_left_padding:0}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_button_base_height:1.625rem;--_ui5_button_base_padding:0.4375rem;--_ui5_button_base_min_width:2rem;--_ui5_button_icon_font_size:1rem;--_ui5_calendar_height:18rem;--_ui5_calendar_width:17.75rem;--_ui5_calendar_left_right_padding:0.25rem;--_ui5_calendar_top_bottom_padding:0.5rem;--_ui5_calendar_header_height:2rem;--_ui5_calendar_header_arrow_button_width:2rem;--_ui5_calendar_header_padding:0;--_ui5_checkbox_root_side_padding:var(--_ui5_checkbox_wrapped_focus_padding);--_ui5_checkbox_wrapped_content_margin_top:var(--_ui5_checkbox_compact_wrapped_label_margin_top);--_ui5_checkbox_wrapped_focus_left_top_bottom_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_width_height:var(--_ui5_checkbox_compact_width_height);--_ui5_checkbox_wrapper_padding:var(--_ui5_checkbox_compact_wrapper_padding);--_ui5_checkbox_focus_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_inner_width_height:var(--_ui5_checkbox_compact_inner_size);--_ui5_checkbox_icon_size:.75rem;--_ui5_checkbox_partially_icon_size:.5rem;--_ui5_color-palette-item-height:1.25rem;--_ui5_color-palette-item-focus-height:1rem;--_ui5_color-palette-item-container-sides-padding:0.1875rem;--_ui5_color-palette-item-container-rows-padding:0.8125rem;--_ui5_color-palette-item-hover-height:1.625rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height)/2 - var(--_ui5_color-palette-item-height)/2);--_ui5_color-palette-row-width:8.125rem;--_ui5_color-palette-item-hover-margin:0;--_ui5_color-palette-row-height:7.5rem;--_ui5_color-palette-button-height:2rem;--_ui5_custom_list_item_rb_min_width:2rem;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_day_picker_item_width:2rem;--_ui5_day_picker_item_height:2rem;--_ui5_day_picker_empty_height:2.125rem;--_ui5_day_picker_item_justify_content:flex-end;--_ui5_datetime_picker_height:17rem;--_ui5_datetime_picker_width:34.0625rem;--_ui5_datetime_timeview_phonemode_width:18.5rem;--_ui5_datetime_timeview_padding:0.5rem;--_ui5_dialog_content_min_height:2.5rem;--_ui5_input_height:var(--_ui5_input_compact_height);--_ui5_input_inner_padding:0 0.5rem;--_ui5_input_icon_min_width:var(--_ui5_input_compact_min_width);--_ui5_input_icon_padding:.25rem .5rem;--_ui5_input_value_state_icon_padding:.1875rem .5rem;--_ui5_popup_default_header_height:2.5rem;--_ui5_textarea_padding:.1875rem .5rem;--_ui5_list_no_data_height:2rem;--_ui5_list_item_cb_margin_right:.5rem;--_ui5_list_item_title_size:var(--sapFontSize);--_ui5_list_item_img_margin:0.55rem 0.75rem 0.5rem 0rem;--_ui5_list_item_dropdown_base_height:2rem;--_ui5_list_item_base_height:2rem;--_ui5_list_item_icon_size:1rem;--_ui5_list_busy_row_height:2rem;--_ui5_month_picker_item_height:2rem;--_ui5_panel_header_height:2rem;--_ui5_year_picker_item_height:2rem;--_ui5_tokenizer_root_padding:0.125rem;--_ui5_token_height:1.125rem;--_ui5_token_icon_padding:0.1rem 0.25rem;--_ui5_token_wrapper_right_padding:0.25rem;--_ui5_tl_bubble_padding:.5rem;--_ui5_tl_indicator_before_bottom:-.5rem;--_ui5_tl_padding:.5rem;--_ui5_tl_li_margin_bottom:.5rem;--_ui5_wheelslider_item_width:64px;--_ui5_wheelslider_item_height:32px;--_ui5_wheelslider_height:224px;--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_wheelslider_arrows_visibility:visible;--_ui5_wheelslider_mobile_selection_frame_margin_top:128px;--_ui5_switch_height:var(--_ui5_switch_compact_height);--_ui5_switch_width:var(--_ui5_switch_compact_width);--_ui5_switch_handle_height:var(--_ui5_switch_handle_compact_height);--_ui5_switch_handle_width:var(--_ui5_switch_handle_compact_width);--_ui5_switch_text_on_left:calc(-100% + 1.5625rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.5rem);--_ui5_switch_no_label_width:var(--_ui5_switch_compact_no_label_width);--_ui5_switch_rtl_transform:translateX(-100%) translateX(1.5rem);--_ui5_switch_text_right:calc(-100% + 1.5625rem);--_ui5_switch_root_outline_top_bottom:var(--_ui5_switch_compact_root_outline_top_bottom);--_ui5_switch_root_outline_left_right:var(--_ui5_switch_compact_root_outline_left_right);--_ui5_tc_item_text:2rem;--_ui5_tc_item_text_line_height:1.325rem;--_ui5_tc_item_add_text_margin_top:0.3125rem;--_ui5_tc_header_height:var(--_ui5_tc_header_height_compact);--_ui5_tc_item_height:4rem;--_ui5_tc_item_icon_circle_size:2rem;--_ui5_tc_item_icon_size:1rem;--_ui5_radio_button_min_width:var(--_ui5_radio_button_min_width_compact);--_ui5_radio_button_height:2rem;--_ui5_radio_button_label_side_padding:.5rem;--_ui5_radio_button_focus_dist:.375rem;--_ui5_radio_button_inner_size:2rem;--_ui5_radio_button_svg_size:1rem;--_ui5_radio_button_label_width:calc(100% - 2rem + 1px);--_ui5_radio_button_rtl_focus_right:0.375rem;--_ui5-responsive_popover_header_height:2.5rem;--ui5_side_navigation_item_height:2rem;--_ui5_slider_handle_height:1.25rem;--_ui5_slider_handle_width:1.25rem;--_ui5_slider_handle_top:-0.6425rem;--_ui5_slider_handle_margin_left:-0.7825rem;--_ui5_slider_tooltip_height:1rem;--_ui5_slider_tooltip_padding:0.25rem;--_ui5_slider_tooltip_bottom:1.825rem;--_ui5_slider_progress_outline_offset:-0.625rem;--_ui5_slider_outer_height:1.3125rem;--_ui5_load_more_text_height:2.625rem;--_ui5_load_more_text_font_size:var(--sapFontSize);--_ui5_load_more_desc_padding:0 2rem 0.875rem 2rem;--ui5_table_header_row_height:2rem;--_ui5-tree-indent-step:0.5rem;--_ui5-tree-toggle-box-width:2rem;--_ui5-tree-toggle-box-height:1.5rem;--_ui5-tree-toggle-icon-size:0.8125rem;--_ui5_timeline_tli_indicator_before_bottom:-0.5rem;--_ui5_timeline_tli_indicator_before_right:-0.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-0.75rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-0.8125rem}:root{--ui5-avatar-initials-color:var(--sapContent_ImagePlaceholderForegroundColor);--ui5-avatar-initials-border:none;--ui5-avatar-accent1:var(--sapAccentColor1);--ui5-avatar-accent2:var(--sapAccentColor2);--ui5-avatar-accent3:var(--sapAccentColor3);--ui5-avatar-accent4:var(--sapAccentColor4);--ui5-avatar-accent5:var(--sapAccentColor5);--ui5-avatar-accent6:var(--sapAccentColor6);--ui5-avatar-accent7:var(--sapAccentColor7);--ui5-avatar-accent8:var(--sapAccentColor8);--ui5-avatar-accent9:var(--sapAccentColor9);--ui5-avatar-accent10:var(--sapAccentColor10);--ui5-avatar-placeholder:var(--sapContent_ImagePlaceholderBackground);--ui5-avatar-accent1-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent2-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent3-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent4-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent5-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent6-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent7-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent8-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent9-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent10-color:var(--ui5-avatar-initials-color);--ui5-avatar-placeholder-color:var(--ui5-avatar-initials-color);--_ui5_avatar_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_avatar_focus_offset:1px;--_ui5_avatar_focus_width:1px;--_ui5_avatar_focus_color:var(--sapContent_FocusColor);--_ui5_avatar_fontsize_XS:0.75rem;--_ui5_avatar_fontsize_M:1.625rem;--_ui5_avatar_fontsize_L:2rem;--_ui5_avatar_fontsize_XL:2.75rem;--ui5-avatar-initials-color:var(--sapTextColor);--ui5-avatar-initials-border:.0625rem solid var(--sapField_BorderColor);--ui5-avatar-accent1:var(--sapBackgroundColor);--ui5-avatar-accent2:var(--sapBackgroundColor);--ui5-avatar-accent3:var(--sapBackgroundColor);--ui5-avatar-accent4:var(--sapBackgroundColor);--ui5-avatar-accent5:var(--sapBackgroundColor);--ui5-avatar-accent6:var(--sapBackgroundColor);--ui5-avatar-accent7:var(--sapBackgroundColor);--ui5-avatar-accent8:var(--sapBackgroundColor);--ui5-avatar-accent9:var(--sapBackgroundColor);--ui5-avatar-accent10:var(--sapBackgroundColor);--ui5-avatar-placeholder:var(--sapBackgroundColor);--_ui5_avatar_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_avatar_fontsize_XS:1rem;--_ui5_avatar_fontsize_S:1.125rem;--_ui5_avatar_fontsize_M:1.5rem;--_ui5_avatar_fontsize_L:2.25rem;--_ui5_avatar_fontsize_XL:3rem;--ui5-badge-font-size:0.75em;--_ui5-badge-height:1rem;--_ui5-badge-border:0.0625em solid;--_ui5-badge-left-border:1px solid;--_ui5-badge-border-radius:0.5em;--_ui5-badge-font-weight:bold;--_ui5-badge-text-transform:uppercase;--_ui5-badge-cursor:default;--_ui5_badge_pointer_events:none;--ui5-badge-color-scheme-1-background:var(--sapLegendBackgroundColor1);--ui5-badge-color-scheme-1-hover-background:var(--ui5-badge-color-scheme-1-background);--ui5-badge-color-scheme-1-border:var(--sapAccentColor1);--ui5-badge-color-scheme-2-background:var(--sapLegendBackgroundColor2);--ui5-badge-color-scheme-2-hover-background:var(--ui5-badge-color-scheme-2-background);--ui5-badge-color-scheme-2-border:var(--sapAccentColor2);--ui5-badge-color-scheme-3-background:var(--sapLegendBackgroundColor3);--ui5-badge-color-scheme-3-hover-background:var(--ui5-badge-color-scheme-3-background);--ui5-badge-color-scheme-3-border:var(--sapAccentColor3);--ui5-badge-color-scheme-4-background:var(--sapLegendBackgroundColor5);--ui5-badge-color-scheme-4-hover-background:var(--ui5-badge-color-scheme-4-background);--ui5-badge-color-scheme-4-border:var(--sapAccentColor4);--ui5-badge-color-scheme-5-background:var(--sapLegendBackgroundColor20);--ui5-badge-color-scheme-5-hover-background:var(--ui5-badge-color-scheme-5-background);--ui5-badge-color-scheme-5-border:var(--sapAccentColor5);--ui5-badge-color-scheme-6-background:var(--sapLegendBackgroundColor6);--ui5-badge-color-scheme-6-hover-background:var(--ui5-badge-color-scheme-6-background);--ui5-badge-color-scheme-6-border:var(--sapAccentColor6);--ui5-badge-color-scheme-7-background:var(--sapLegendBackgroundColor7);--ui5-badge-color-scheme-7-hover-background:var(--ui5-badge-color-scheme-7-background);--ui5-badge-color-scheme-7-border:var(--sapAccentColor7);--ui5-badge-color-scheme-8-background:var(--sapLegendBackgroundColor18);--ui5-badge-color-scheme-8-hover-background:var(--ui5-badge-color-scheme-8-background);--ui5-badge-color-scheme-8-border:var(--sapLegendColor18);--ui5-badge-color-scheme-9-background:var(--sapLegendBackgroundColor10);--ui5-badge-color-scheme-9-hover-background:var(--ui5-badge-color-scheme-9-background);--ui5-badge-color-scheme-9-border:var(--sapAccentColor10);--ui5-badge-color-scheme-10-background:var(--sapLegendBackgroundColor9);--ui5-badge-color-scheme-10-hover-background:var(--ui5-badge-color-scheme-10-background);--ui5-badge-color-scheme-10-border:var(--sapAccentColor9);--ui5-badge-color-scheme-1-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-1-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-1-color:var(--sapTextColor);--ui5-badge-color-scheme-2-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-2-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-2-color:var(--sapTextColor);--ui5-badge-color-scheme-3-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-3-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-3-color:var(--sapTextColor);--ui5-badge-color-scheme-4-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-4-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-4-color:var(--sapTextColor);--ui5-badge-color-scheme-5-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-5-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-5-color:var(--sapTextColor);--ui5-badge-color-scheme-6-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-6-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-6-color:var(--sapTextColor);--ui5-badge-color-scheme-7-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-7-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-7-color:var(--sapTextColor);--ui5-badge-color-scheme-8-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-8-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-8-color:var(--sapTextColor);--ui5-badge-color-scheme-9-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-9-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-9-color:var(--sapTextColor);--ui5-badge-color-scheme-10-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-10-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-10-color:var(--sapTextColor);--browser_scrollbar_border_radius:var(--sapElement_BorderCornerRadius);--browser_scrollbar_border:none;--_ui5_busy_indicator_color:var(--sapContent_IconColor);--_ui5_busy_indicator_focus_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_busy_indicator_focus_border_radius:0px;--_ui5_button_base_min_width:2.5rem;--_ui5_button_base_min_compact_width:2rem;--_ui5_button_base_height:2.5rem;--_ui5_button_compact_height:1.625rem;--_ui5_button_border_radius:var(--sapButton_BorderCornerRadius);--_ui5_button_base_padding:0.6875rem;--_ui5_button_compact_padding:0.4375rem;--_ui5_button_base_icon_only_padding:0.5625rem;--_ui5_button_base_icon_margin:0.563rem;--_ui5_button_icon_font_size:1.375rem;--_ui5_button_outline:1px dotted var(--sapContent_FocusColor);--_ui5_button_emphasized_outline:1px dotted var(--sapContent_FocusColor);--_ui5_button_outline_offset:-0.1875rem;--_ui5_button_emphasized_font_weight:normal;--_ui5_button_text_shadow:var(--sapContent_TextShadow);--_ui5_button_focus_offset:1px;--_ui5_button_focus_outline_focus_color:var(--sapContent_ContrastFocusColor);--_ui5_button_positive_border_focus_hover_color:var(--sapContent_FocusColor);--_ui5_button_positive_focus_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_negative_focus_border_color:var(--sapButton_Reject_BorderColor);--_ui5_button_attention_focus_border_color:var(--sapButton_Negative_BorderColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_fontFamily:\"72override\",var(--sapFontFamily);--_ui5_button_emphasized_focused_border_radius:0;--_ui5_button_transparent_hover:transparent;--_ui5_button_outline_offset:-0.25rem;--_ui5_button_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_button_focus_width:1px;--_ui5_button_focus_color:var(--sapContent_FocusColor);--_ui5_button_focussed_border_color:transparent;--_ui5_button_emphasized_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_calendar_header_arrow_button_border:none;--_ui5_calendar_header_arrow_button_border_radius:0.25rem;--_ui5_calendar_header_middle_button_width:6.25rem;--_ui5_calendar_header_middle_button_flex:1 1 auto;--_ui5_calendar_header_middle_button_focus_border_radius:0.25rem;--_ui5_calendar_header_middle_button_focus_border:none;--_ui5_calendar_header_middle_button_focus_after_display:block;--_ui5_calendar_header_middle_button_focus_after_width:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_height:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_top_offset:1px;--_ui5_calendar_header_middle_button_focus_after_left_offset:1px;--_ui5_calendar_header_button_background_color:none;--_ui5_calendar_header_arrow_button_box_shadow:none;--_ui5_calendar_header_middle_button_focus_background:transparent;--_ui5_calendar_header_middle_button_focus_outline:none;--_ui5_calendar_header_middle_button_focus_active_outline:none;--_ui5_calendar_header_middle_button_focus_active_background:var(--sapButton_Active_Background);--_ui5_calendar_header_middle_button_focus_after_border:1px dotted var(--sapContent_FocusColor);--_ui5_calendar_header_arrow_button_border:1px solid var(--sapButton_BorderColor);--_ui5_calendar_header_arrow_button_border_radius:0.375rem;--_ui5_calendar_header_middle_button_width:5.75rem;--_ui5_calendar_header_middle_button_flex:auto;--_ui5_calendar_header_middle_button_focus_border_radius:0;--_ui5_calendar_header_middle_button_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_calendar_header_middle_button_focus_after_display:none;--ui5_carousel_button_size:2.5rem;--ui5_carousel_height:0.5rem;--ui5_carousel_width:0.5rem;--ui5_carousel_margin:0 0.25rem;--ui5_carousel_border:1px solid #fff;--ui5_carousel_dot_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_background:none;--_ui5_card_box_shadow:var(--sapContent_Shadow0);--_ui5_card_hover_box_shadow:var(--_ui5_card_box_shadow);--_ui5_card_border_color:var(--sapTile_BorderColor);--_ui5_card_border-radius:var(--sapElement_BorderCornerRadius);--_ui5_card_content_padding:1rem;--_ui5_card_header_hover_bg:var(--sapList_Hover_Background);--_ui5_card_header_active_bg:var(--_ui5_card_header_hover_bg);--_ui5_card_header_border_color:var(--sapTile_SeparatorColor);--_ui5_card_header_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_card_header_focus_radius:0px;--_ui5_card_header_focus_bottom_radius:0px;--_ui5_card_header_focus_offset:1px;--_ui5_card_header_title_font_family:\"72override\",var(--sapFontFamily);--_ui5_card_header_title_font_size:var(--sapFontHeader5Size);--_ui5_card_header_title_font_weight:normal;--_ui5_card_box_shadow:none;--_ui5_card_header_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_checkbox_wrapper_padding:.8125rem;--_ui5_checkbox_width_height:3rem;--_ui5_checkbox_box_shadow:none;--_ui5_checkbox_transition:unset;--_ui5_checkbox_focus_border:none;--_ui5_checkbox_border_radius:0;--_ui5_checkbox_hover_background:var(--sapField_Hover_Background);--_ui5_checkbox_active_background:var(--sapField_Hover_Background);--_ui5_checkbox_checkmark_warning_color:var(--sapField_TextColor);--_ui5_checkbox_checkmark_color:var(--sapSelectedColor);--_ui5_checkbox_focus_position:.6875rem;--_ui5_checkbox_focus_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_checkbox_focus_border_radius:0;--_ui5_checkbox_outer_hover_background:transparent;--_ui5_checkbox_inner_width_height:1.375rem;--_ui5_checkbox_inner_border:solid .125rem var(--sapField_BorderColor);--_ui5_checkbox_inner_hover_border_color:var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_hover_checked_border_color:var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_selected_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_disabled_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_active_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_error_border:0.125rem solid var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border:0.125rem solid var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border:0.125rem solid var(--sapField_InformationColor);--_ui5_checkbox_inner_information_box_shadow:none;--_ui5_checkbox_inner_warning_box_shadow:none;--_ui5_checkbox_inner_error_box_shadow:none;--_ui5_checkbox_inner_success_box_shadow:none;--_ui5_checkbox_inner_default_box_shadow:none;--_ui5_checkbox_inner_warning_background_hover:var(--sapField_WarningBackground);--_ui5_checkbox_inner_error_background_hover:var(--sapField_InvalidBackground);--_ui5_checkbox_inner_success_background_hover:var(--sapField_SuccessBackground);--_ui5_checkbox_inner_information_background_hover:var(--sapField_InformationBackground);--_ui5_checkbox_inner_success_border:var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_readonly_border:0.125rem solid var(--sapField_ReadOnly_BorderColor);--_ui5_checkbox_inner_background:var(--sapField_Background);--_ui5_checkbox_wrapped_focus_padding:.375rem;--_ui5_checkbox_wrapped_content_margin_top:.125rem;--_ui5_checkbox_wrapped_focus_left_top_bottom_position:.5625rem;--_ui5_checkbox_compact_wrapper_padding:.5rem;--_ui5_checkbox_compact_width_height:2rem;--_ui5_checkbox_compact_inner_size:1rem;--_ui5_checkbox_compact_focus_position:.375rem;--_ui5_checkbox_compact_wrapped_label_margin_top:-1px;--_ui5_checkbox_label_color:var(--sapContent_LabelColor);--_ui5_checkbox_label_offset_left:var(--_ui5_checkbox_wrapper_padding);--_ui5_checkbox_label_offset_right:0;--_ui5_checkbox_disabled_label_color:var(--sapContent_LabelColor);--_ui5_checkbox_default_focus_border:none;--_ui5_checkbox_focus_outline_display:block;--_ui5_checkbox_inner_border_radius:0;--_ui5_checkbox_checkmark_color:var(--sapContent_IconColor);--_ui5_checkbox_inner_error_border:0.125rem dashed var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border:0.125rem dashed var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border:var(--sapField_BorderWidth) dashed var(--sapField_InformationColor);--_ui5_checkbox_checkmark_warning_color:var(--sapField_WarningColor);--_ui5_checkbox_hover_background:var(--sapSelectedColor);--_ui5_checkbox_focus_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_color-palette-item-container-sides-padding:0.3125rem;--_ui5_color-palette-item-container-rows-padding:0.6875rem;--_ui5_color-palette-item-focus-height:1.5rem;--_ui5_color-palette-item-container-padding:var(--_ui5_color-palette-item-container-sides-padding) var(--_ui5_color-palette-item-container-rows-padding);--_ui5_color-palette-item-hover-margin:0;--_ui5_color-palette-row-height:9.5rem;--_ui5_color-palette-button-height:3rem;--_ui5_color-palette-item-before-focus-color:0.0625rem solid #fff;--_ui5_color-palette-item-before-focus-offset:0.0625rem;--_ui5_color-palette-item-after-focus-color:0.0625rem dotted #000;--_ui5_color-palette-item-after-focus-offset:0.0625rem;--_ui5_color-palette-item-border-radius:0;--_ui5_color_picker_slider_handle_box_shadow:0.0625rem solid var(--sapField_BorderColor);--_ui5_color_picker_slider_handle_border:0.125rem solid var(--sapField_BorderColor);--_ui5_color_picker_slider_handle_outline_hover:0.125rem solid var(--sapButton_Hover_BorderColor);--_ui5_color_picker_slider_handle_outline_focus:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_color_picker_slider_handle_margin_top:0.0625rem;--_ui5_color_picker_slider_handle_focus_margin_top:0.0625rem;--_ui5_datepicker_icon_border:none;--_ui5-datepicker_border_radius:0;--_ui5-datepicker-hover-background:var(--sapField_Hover_Background);--_ui5-datepicker_icon_border_radius:0;--_ui5_datepicker_icon_border:1px solid transparent;--_ui5_daypicker_item_box_shadow:inset 0 0 0 0.0625rem var(--sapContent_Selected_ForegroundColor);--_ui5_daypicker_item_margin:2px;--_ui5_daypicker_item_border:none;--_ui5_daypicker_item_selected_border_color:var(--sapList_Background);--_ui5_daypicker_daynames_container_height:2rem;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_daypicker_item_othermonth_background_color:var(--sapList_Background);--_ui5_daypicker_item_othermonth_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius:0;--_ui5_daypicker_item_now_inner_border_radius:0;--_ui5_daypicker_dayname_color:var(--sapTextColor);--_ui5_daypicker_weekname_color:var(--sapTextColor);--_ui5_daypicker_item_outline_width:1px;--_ui5_daypicker_item_outline_offset:1px;--_ui5_daypicker_item_now_selected_outline_offset:2px;--_ui5_daypicker_item_now_focus_after_width:calc(100% - 0.25rem);--_ui5_daypicker_item_now_focus_after_height:calc(100% - 0.25rem);--_ui5_daypicker_item_selected_background:transparent;--_ui5_daypicker_item_selected_box_shadow:var(--_ui5_daypicker_item_box_shadow),var(--_ui5_daypicker_item_box_shadow);--_ui5_daypicker_item_selected_daytext_hover_background:transparent;--_ui5_daypicker_item_outline_focus_after:none;--_ui5_daypicker_item_border_radius_focus_after:none;--_ui5_daypicker_item_border_focus_after:var(--_ui5_daypicker_item_outline_width) dotted var(--sapContent_FocusColor);--_ui5_daypicker_item_width_focus_after:calc(100% - 0.25rem);--_ui5_daypicker_item_height_focus_after:calc(100% - 0.25rem);--_ui5_daypicker_item_now_border:0.125rem solid var(--sapLegend_CurrentDateTime);--_ui5_daypicker_item_now_outline:none;--_ui5_daypicker_item_now_outline_offset:none;--_ui5_daypicker_item_now_outline_offset_focus_after:var(--_ui5_daypicker_item_now_outline_offset);--_ui5_daypicker_item_selected_between_border:5%;--_ui5_daypicker_item_selected_between_background:transparent;--_ui5_daypicker_item_selected_between_text_background:var(--sapList_SelectionBackgroundColor);--_ui5_daypicker_item_selected_between_text_font:inherit;--_ui5_daypicker_item_selected_between_hover_background:inherit;--_ui5_daypicker_item_now_box_shadow:inset 0 0 0 0.0625rem var(--_ui5_daypicker_item_selected_border_color);--_ui5_daypicker_item_selected_text_outline:none;--_ui5_daypicker_item_margin:0;--_ui5_daypicker_item_border:1px solid #fff;--_ui5_daypicker_item_border_radius:0.25rem;--_ui5_daypicker_item_outline_width:0.125rem;--_ui5_daypicker_item_outline_offset:0;--_ui5_daypicker_item_now_outline_offset:1px;--_ui5_daypicker_item_now_selected_outline_offset:1px;--_ui5_daypicker_item_now_focus_after_width:calc(100% - 0.375rem);--_ui5_daypicker_item_now_focus_after_height:calc(100% - 0.375rem);--_ui5_daypicker_item_now_selected_focus_after_width:calc(100% - 0.375rem);--_ui5_daypicker_item_now_selected_focus_after_height:calc(100% - 0.375rem);--_ui5_daypicker_item_selected_border_color:transparent;--_ui5_daypicker_item_selected_box_shadow:none;--_ui5_dialog_resize_handle_color:var(--sapButton_Lite_TextColor);--_ui5_dialog_header_focus_width:0.0625rem;--_ui5_dialog_header_focus_offset:-0.1875rem;--_ui5_dialog_outline:var(--_ui5_dialog_header_focus_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dialog_header_border_radius:0px;--_ui5_dialog_resize_handle_right:-0.25rem;--_ui5_dialog_resize_handle_bottom:-0.0625rem;--_ui5_dialog_resize_handle_color:var(--sapContent_IconColor);--_ui5_dialog_header_focus_width:0.125rem;--_ui5_dialog_header_focus_offset:-0.25rem;--ui5-group-header-listitem-background-color:var(--sapList_GroupHeaderBackground);--_ui5_input_width:13.125rem;--_ui5_input_height:2.5rem;--_ui5_input_compact_height:1.625rem;--_ui5-input-hover-border:1px solid var(--sapField_Hover_BorderColor);--_ui5-input-hover-box-shadow:none;--_ui5-input-focus-box-shadow:none;--_ui5-input-background-color:var(--sapField_Background);--_ui5-input-border-radius:var(--sapField_BorderCornerRadius);--_ui5-input-border:2px solid transparent;--_ui5-input-placeholder-style:italic;--_ui5-input-placeholder-color:var(--sapField_PlaceholderTextColor);--_ui5-input-bottom-border-height:0;--_ui5-input-bottom-border-color:transparent;--_ui5-input-focused-border-color:var(--sapField_Hover_BorderColor);--_ui5-input-focus-outline:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5-input-focus-outline-offset:-3px;--_ui5-input-information_border_width:0.125rem;--_ui5_input_error_font_weight:normal;--_ui5_input_information_font_weight:normal;--_ui5_input_focus_border_width:1px;--_ui5_input_error_warning_border_style:solid;--_ui5_input_error_warning_font_style:inherit;--_ui5_input_error_warning_text_indent:0;--_ui5_input_information_text_indent:0;--_ui5_input_information_font_style:inherit;--_ui5_input_disabled_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5-input-disabled-background:var(--sapField_ReadOnly_Background);--_ui5_input_readonly_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5-input-readonly-background:var(--sapField_ReadOnly_Background);--_ui5_input_icon_padding:0.625rem .6875rem;--_ui5_input_disabled_opacity:0.5;--_ui5_input_icon_min_width:2.375rem;--_ui5_input_compact_min_width:2rem;--_ui5-input-value-state-outline:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5-input-value-state-outline-offset:-4px;--_ui5-input-transition:none;--_ui5-input-value-state-icon-display:none;--_ui5-input-focused-value-state-error-background:var(--sapField_InvalidBackground);--_ui5-input-focused-value-state-warning-background:var(--sapField_WarningBackground);--_ui5-input-focused-value-state-success-background:var(--sapField_SuccessBackground);--_ui5-input-focused-value-state-information-background:var(--sapField_InformationBackground);--_ui5-input-value-state-error-border-color:var(--sapField_InvalidColor);--_ui5-input-focused-value-state-error-border-color:var(--sapField_InvalidColor);--_ui5-input-value-state-warning-border-color:var(--sapField_WarningColor);--_ui5-input-focused-value-state-warning-border-color:var(--sapField_WarningColor);--_ui5-input-value-state-success-border-color:var(--sapField_SuccessColor);--_ui5-input-focused-value-state-success-border-color:var(--sapField_SuccessColor);--_ui5-input-value-state-success-border-width:1px;--_ui5-input-value-state-information-border-color:var(--sapField_InformationColor);--_ui5-input-focused-value-state-information-border-color:var(--sapField_InformationColor);--_ui5-input-value-state-information-border-width:1px;--_ui5-input-background-image:none;--_ui5-input-information-background-image:none;--_ui5-input-success-background-image:none;--_ui5-input-error-background-image:none;--_ui5-input-warning-background-image:none;--_ui5_input_readonly_icon_display:none;--_ui5_input_focus_border_width:0.125rem;--_ui5_input_state_border_width:0.125rem;--_ui5-input-border:1px solid var(--sapField_BorderColor);--_ui5-input-information_border_width:var(--sapField_BorderWidth);--_ui5_input_error_warning_border_style:dashed;--_ui5_input_error_warning_font_style:italic;--_ui5_input_error_warning_text_indent:0.125rem;--_ui5_input_information_font_style:italic;--_ui5_input_information_text_indent:0.125rem;--_ui5_input_error_font_weight:bold;--_ui5_input_information_font_weight:bold;--_ui5_input_disabled_color:var(--sapContent_DisabledTextColor);--_ui5_input_disabled_font_weight:normal;--_ui5_input_icon_padding:0.65rem 0.75rem;--_ui5-input-placeholder-style:normal;--_ui5-input-placeholder-color:var(--sapField_TextColor);--_ui5_input_icon_padding:.5625rem .6875rem;--_ui5_input_icon_color:var(--sapContent_IconColor);--_ui5_input_icon_pressed_color:var(--sapButton_Active_TextColor);--_ui5_input_icon_pressed_bg:var(--sapButton_Selected_Background);--_ui5_input_icon_hover_bg:var(--sapButton_Lite_Hover_Background);--_ui5_input_icon_border_radius:0;--_ui5_input_icon_box_shadow:none;--_ui5_input_icon_border:1px solid transparent;--_ui5_input_icon_margin:0;--_ui5_input_icon_padding:0.6875rem .6875rem;--_ui5_link_opacity:0.5;--_ui5_link_text_decoration:none;--_ui5_link_hover_text_decoration:underline;--_ui5_link_border:0.0625rem dotted transparent;--_ui5_link_border_focus:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_link_focus_border-radius:0;--_ui5_link_opacity:0.4;--_ui5_link_text_decoration:underline;--_ui5_link_hover_text_decoration:none;--ui5_list_footer_text_color:var(--sapPageFooter_TextColor);--ui5-listitem-background-color:var(--sapList_Background);--ui5-listitem-border-bottom:1px solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom:1px solid var(--sapList_SelectionBorderColor);--ui5-listitem-focused-selected-border-bottom:1px solid var(--sapList_SelectionBorderColor);--ui5-listitem-active-border-color:var(--sapContent_ContrastFocusColor);--_ui5_listitembase_focus_width:1px;--_ui5-listitembase_disabled_opacity:0.5;--_ui5_product_switch_item_border:none;--_ui5_monthpicker_item_border_radius:0;--_ui5_monthpicker_item_border:none;--_ui5_monthpicker_item_margin:1px;--_ui5_monthpicker_item_focus_after_width:calc(100% - 0.375rem);--_ui5_monthpicker_item_focus_after_height:calc(100% - 0.375rem);--_ui5_monthpicker_item_focus_after_border:1px dotted var(--sapContent_FocusColor);--_ui5_monthpicker_item_focus_after_offset:2px;--_ui5_monthpicker_item_focus_after_border_radius:0;--_ui5_monthpicker_item_selected_text_color:var(--sapContent_ContrastTextColor);--_ui5_monthpicker_item_selected_background_color:var(--sapSelectedColor);--_ui5_monthpicker_item_selected_hover_color:var(--sapContent_Selected_Background);--_ui5_monthpicker_item_selected_box_shadow:none;--_ui5_monthpicker_item_focus_after_outline:none;--_ui5_monthpicker_item_selected_font_wieght:inherit;--_ui5_monthpicker_item_border:1px solid #000;--_ui5_monthpicker_item_border_radius:0.25rem;--_ui5_monthpicker_item_margin:0;--_ui5_monthpicker_item_focus_after_width:calc(100% - 0.25rem);--_ui5_monthpicker_item_focus_after_height:calc(100% - 0.25rem);--_ui5_monthpicker_item_focus_after_border:2px dotted var(--sapContent_FocusColor);--_ui5_monthpicker_item_focus_after_offset:0;--_ui5_message_strip_icon_width:2.5rem;--_ui5_message_strip_border_radius:0.1875rem;--_ui5_message_strip_success_border_color:var(--sapSuccessBorderColor);--_ui5_message_strip_error_border_color:var(--sapErrorBorderColor);--_ui5_message_strip_warning_border_color:var(--sapWarningBorderColor);--_ui5_message_strip_information_border_color:var(--sapInformationBorderColor);--_ui5_message_strip_button_border_width:0;--_ui5_message_strip_button_border_style:none;--_ui5_message_strip_button_border_color:transparent;--_ui5_message_strip_button_border_radius:0;--_ui5_message_strip_padding:0.4375rem 2.5rem 0.4375rem 2.5rem;--_ui5_message_strip_padding_no_icon:0.4375rem 2.5rem 0.4375rem 1rem;--_ui5_message_strip_button_height:1.625rem;--_ui5_message_strip_border_width:1px;--_ui5_message_strip_close_button_border:none;--_ui5_message_strip_close_button_size:1.625rem;--_ui5_message_strip_icon_top:0.4375rem;--_ui5_message_strip_focus_width:1px;--_ui5_message_strip_focus_offset:-2px;--_ui5_message_strip_close_button_size:1.5rem;--_ui5_message_strip_close_button_border:1px solid var(--sapButton_BorderColor);--_ui5_message_strip_border_width:0.125rem;--_ui5_message_strip_icon_top:0.375rem;--_ui5_message_strip_focus_width:0.125rem;--_ui5_message_strip_focus_offset:-4px;--_ui5_panel_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_panel_header_height:3rem;--_ui5_panel_button_root_width:3rem;--_ui5_panel_background_color:var(--sapGroup_TitleBackground);--_ui5_panel_border_radius:0px;--_ui5_panel_border_radius_expanded:0;--_ui5_panel_border_bottom:1px solid var(--sapGroup_TitleBorderColor);--_ui5_panel_outline_offset:-3px;--_ui5_panel_title_font_weight:normal;--_ui5_panel_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_popup_content_padding_s:1rem;--_ui5_popup_content_padding_m_l:2rem;--_ui5_popup_content_padding_xl:3rem;--_ui5_popup_header_footer_padding_s:1rem;--_ui5_popup_header_footer_padding_m_l:2rem;--_ui5_popup_header_footer_padding_xl:3rem;--_ui5_popup_viewport_margin:10px;--_ui5-popup-border-radius:0.25rem;--_ui5_popup_header_shadow:var(--sapContent_Shadow0);--_ui5_popup_footer_border_top:1px solid var(--sapPageFooter_BorderColor);--_ui5_popup_header_footer_font_weight:400;--_ui5_progress_indicator_background_none:var(--sapField_Background);--_ui5_progress_indicator_background_error:var(--sapField_Background);--_ui5_progress_indicator_background_warning:var(--sapField_Background);--_ui5_progress_indicator_background_success:var(--sapField_Background);--_ui5_progress_indicator_background_information:var(--sapField_Background);--_ui5_progress_indicator_value_state_none:var(--sapNeutralElementColor);--_ui5_progress_indicator_value_state_error:var(--sapNegativeElementColor);--_ui5_progress_indicator_value_state_warning:var(--sapCriticalElementColor);--_ui5_progress_indicator_value_state_success:var(--sapPositiveElementColor);--_ui5_progress_indicator_value_state_information:var(--sapInformativeElementColor);--_ui5_progress_indicator_border_color_error:var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_warning:var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_success:var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_information:var(--sapField_BorderColor);--_ui5_progress_indicator_color:var(--sapTextColor);--_ui5_progress_indicator_bar_color:var(--sapContent_ContrastTextColor);--_ui5_progress_indicator_border:0.0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_bar_border_max:none;--_ui5_progress_indicator_icon_visibility:none;--_ui5_progress_indicator_value_state_none:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_error:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_warning:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_success:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_information:var(--sapHighlightColor);--_ui5_progress_indicator_bar_border_max:var(--_ui5_progress_indicator_border);--_ui5_progress_indicator_icon_visibility:inline-block;--_ui5_radio_button_min_width:2.75rem;--_ui5_radio_button_min_width_compact:2rem;--_ui5_radio_button_hover_fill:var(--sapField_Hover_Background);--_ui5_radio_button_border_width:1px;--_ui5_radio_button_checked_fill:var(--sapSelectedColor);--_ui5_radio_button_checked_error_fill:var(--sapField_InvalidColor);--_ui5_radio_button_checked_warning_fill:var(--sapField_TextColor);--_ui5_radio_button_warning_error_border_dash:0;--_ui5_radio_button_outer_ring_color:var(--sapField_BorderColor);--_ui5_radio_button_outer_ring_width:1;--_ui5_radio_button_outer_ring_bg:var(--sapField_Background);--_ui5_radio_button_outer_ring_hover_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_active_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_checked_hover_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_padding:0 0.625rem;--_ui5_radio_button_outer_ring_padding_with_label:0 0.625rem;--_ui5_radio_button_outer_ring_padding_rtl:0 0.625rem;--_ui5_radio_button_border_radius:0;--_ui5_radio_button_border:none;--_ui5_radio_button_focus_border:none;--_ui5_radio_button_focus_outline:block;--_ui5_radio_button_hover_shadow:none;--_ui5_radio_button_transition:none;--_ui5_radio_button_hover_background:inherit;--_ui5_radio_button_color:var(--sapField_BorderColor);--_ui5_radio_button_label_offset:1px;--_ui5_radio_button_label_color:var(--sapContent_LabelColor);--_ui5_radio_button_items_align:unset;--_ui5_radio_button_inner_width:initial;--_ui5_radio_button_border_readonly_focus_style:var(--sapContent_FocusStyle);--_ui5_radio_button_checked_fill:var(--sapContent_IconColor);--_ui5_radio_button_checked_warning_fill:var(--sapContent_IconColor);--_ui5_radio_button_checked_error_fill:var(--sapContent_IconColor);--_ui5_radio_button_hover_fill:var(--sapSelectedColor);--_ui5_radio_button_border_width:0.125rem;--_ui5_radio_button_warning_error_border_dash:5;--_ui5_segmented_btn_inner_border:0.0625rem solid var(--sapButton_Selected_BorderColor);--_ui5_segmented_btn_inner_border_odd_child:0;--_ui5_segmented_btn_inner_pressed_border_odd_child:0;--_ui5_segmented_btn_border_radius:0.35rem;--_ui5_segmented_btn_inner_border_radius:0;--_ui5_segmented_btn_background_color:transparent;--_ui5_select_disabled_background:var(--sapField_Background);--_ui5_select_disabled_border_color:var(--sapField_BorderColor);--_ui5_select_state_error_warning_border_style:solid;--_ui5_select_state_error_warning_border_width:0.125rem;--_ui5_select_hover_icon_left_border:1px solid transparent;--_ui5_select_rtl_hover_icon_right_border:none;--_ui5_select_focus_width:1px;--_ui5_select_label_olor:var(--sapField_TextColor);--_ui5_select_disabled_background:var(--sapHC_ReducedBackground);--_ui5_select_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_select_state_error_warning_border_style:dashed;--_ui5_select_state_error_warning_border_width:1px;--_ui5_select_hover_icon_left_border:0.0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_rtl_hover_icon_left_border:none;--_ui5_select_rtl_hover_icon_right_border:0.0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_focus_width:0.125rem;--_ui5_switch_height:2.75rem;--_ui5_switch_width:3.875rem;--_ui5_switch_no_label_width:3.25rem;--_ui5_switch_root_outline_top_bottom:0.25rem;--_ui5_switch_root_outline_left_right:0;--_ui5_switch_compact_height:2rem;--_ui5_switch_compact_width:3.5rem;--_ui5_switch_compact_no_label_width:2.5rem;--_ui5_switch_compact_root_outline_top_bottom:0.0625rem;--_ui5_switch_compact_root_outline_left_right:0;--_ui5_switch_foucs_border_size:1px;--_ui5_switch_focus_outline:var(--_ui5_switch_foucs_border_size) dotted var(--sapContent_FocusColor);--_ui5_switch_root_after_boreder:var(--_ui5_switch_outline) dotted var(--sapContent_FocusColor);--_ui5-switch-root-border-radius:0;--_ui5-switch-root-box-shadow:none;--_ui5-switch-focus:\"\";--_ui5_switch_semantic_button_background:var(--sapButton_Background);--_ui5_switch_track_height:1.375rem;--_ui5_switch_track_no_label_height:1.25rem;--_ui5-switch-track-border:1px solid;--_ui5-switch-track-border_color:var(--sapContent_ForegroundBorderColor);--_ui5-switch_handle-off-hover_box_shadow:none;--_ui5-switch_handle-on-hover_box_shadow:none;--_ui5_switch_track_semantic_success_backgroud_color:var(--sapSuccessBackground);--_ui5_switch_track_semantic_error_backgroud_color:var(----sapErrorBackground);--_ui5_switch_track_semantic_border_color:var(--sapSuccessBorderColor);--_ui5_switch_track_semantic_not_checked_border_color:var(--sapErrorBorderColor);--_ui5_switch_track_semantic_checked_hover_border_color:var(--sapSuccessBorderColor);--_ui5_switch_track_semantic_hover_border_color:var(--sapErrorBorderColor);--_ui5_switch_handle_hover_border_color:var(--sapButton_Hover_BorderColor);--_ui5_switch_track_hover_border_color:var(--_ui5_switch_track_checked_border_color);--_ui5_switch_track_hover_background_color:var(--sapButton_Track_Background);--_ui5_switch_track_hover_checked_background_color:var(--sapButton_Track_Selected_Background);--_ui5-switch_track-on-hover-background:var(--_ui5-switch_track-on-background);--_ui5_switch_track_border_radius:0.75rem;--_ui5-switch_track-off-background:var(--sapButton_Track_Background);--_ui5-switch_track-on-background:var(--sapButton_Track_Selected_Background);--_ui5-switch_track-off-hover-color:var(--_ui5-switch_track-off-background);--_ui5-switch-track-transition:none;--_ui5_switch_disabled_opacity:.4;--_ui5_switch_track_disabled_checked_bg:var(--_ui5_switch_track_checked_bg);--_ui5_switch_track_disabled_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_track_disabled_semantic_checked_bg:var(--sapSuccessBackground);--_ui5_switch_track_disabled_semantic_checked_border_color:var(--sapSuccessBorderColor);--_ui5_switch_track_disabled_semantic_bg:var(--sapErrorBackground);--_ui5_switch_track_disabled_semantic_border_color:var(--sapErrorBorderColor);--_ui5-switch-track-icon-display:none;--_ui5_switch_handle_width:2rem;--_ui5_switch_handle_height:2rem;--_ui5_switch_handle_border_width:1px;--_ui5_switch_handle_border_radius:1rem;--_ui5_switch_handle_bg:var(--sapButton_TokenBackground);--_ui5_switch_handle_checked_bg:var(--sapButton_Selected_Background);--_ui5_switch_handle_checked_border_color:var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_semantic_hover_bg:var(--sapErrorBackground);--_ui5_switch_handle_semantic_checked_hover_bg:var(--sapSuccessBackground);--_ui5_switch_handle_semantic_hover_border_color:var(--sapErrorBorderColor);--_ui5_switch_handle_semantic_checked_hover_border_color:var(--sapSuccessBorderColor);--_ui5_switch_handle_compact_width:1.625rem;--_ui5_switch_handle_compact_height:1.625rem;--_ui5-switch-handle-border:var(--_ui5_switch_handle_border_width) solid var(--sapContent_ForegroundBorderColor);--_ui5-switch-handle-left:-1px;--_ui5_switch_handle_disabled_bg:var(--_ui5_switch_handle_bg);--_ui5_switch_handle_disabled_checked_bg:var(--_ui5_switch_handle_checked_bg);--_ui5_switch_handle_disabled_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_disabled_semantic_checked_bg:var(--sapButton_Background);--_ui5_switch_handle_disabled_semantic_checked_border_color:var(--sapSuccessBorderColor);--_ui5_switch_handle_disabled_semantic_border_color:var(--sapErrorBorderColor);--_ui5-switch-handle-icon-display:none;--_ui5-switch-slider-texts-display:inline;--_ui5_switch_text_on_semantic_color:var(--sapPositiveElementColor);--_ui5_switch_text_off_semantic_color:var(--sapNegativeElementColor);--_ui5_switch_text_disabled_color:var(--sapTextColor);--_ui5_switch_root_outline_top_bottom:0.1875rem;--_ui5_switch_compact_root_outline_top_bottom:0;--_ui5_switch_foucs_size:0.125rem;--_ui5_switch_root_after_outline:none;--_ui5_switch_focus_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_switch_track_hover_border_color:var(--sapTextColor);--_ui5_switch_track_border_color:var(--sapButton_Background);--_ui5_switch_track_hover_background_color:var(--sapButton_Background);--_ui5_switch_track_hover_checked_background_color:var(--sapButton_Background);--_ui5_switch_track_disabled_checked_bg:var(--sapHC_ReducedBackground);--_ui5_switch_track_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_track_disabled_semantic_checked_bg:var(--sapHC_ReducedBackground);--_ui5_switch_track_disabled_semantic_checked_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_track_disabled_semantic_bg:var(--sapButton_Background);--_ui5_switch_track_disabled_semantic_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_bg:var(--sapButton_Background);--_ui5_switch_handle_semantic_hover_bg:var(--sapButton_Hover_Background);--_ui5_switch_handle_semantic_checked_hover_bg:var(--sapButton_Hover_Background);--_ui5_switch_handle_semantic_hover_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_semantic_checked_hover_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_border_width:0.125rem;--_ui5_switch_handle_disabled_bg:var(--sapButton_Background);--_ui5_switch_handle_disabled_checked_bg:var(--_ui5_switch_handle_disabled_bg);--_ui5_switch_handle_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_disabled_semantic_checked_bg:var(--_ui5_switch_handle_disabled_bg);--_ui5_switch_handle_disabled_semantic_checked_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_disabled_semantic_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_text_on_semantic_color:var(--sapTextColor);--_ui5_switch_text_off_semantic_color:var(--sapTextColor);--_ui5_switch_text_disabled_color:var(--sapHC_ReducedAltForeground);--_ui5_tc_header_height_text_only:var(--_ui5_tc_item_text_only_height);--_ui5_tc_header_height_text_with_additional_text:var(--_ui5_tc_item_text_only_with_additional_text_height);--_ui5_tc_header_box_shadow:var(--sapContent_HeaderShadow);--_ui5_tc_header_border_bottom:0.125rem solid var(--sapObjectHeader_Background);--_ui5_tc_headeritem_padding:0 1rem;--_ui5_tc_headerItem_color:var(--sapContent_LabelColor);--_ui5_tc_headerItem_text_hover_color:var(--_ui5_tc_headerItem_color);--_ui5_tc_headeritem_text_selected_color:var(--sapSelectedColor);--_ui5_tc_headeritem_text_selected_hover_color:var(--sapSelectedColor);--_ui5_tc_headeritem_text_font_weight:normal;--_ui5_tc_headeritem_additional_text_font_weight:normal;--_ui5_tc_headerItem_neutral_color:var(--sapNeutralColor);--_ui5_tc_headerItem_positive_color:var(--sapPositiveColor);--_ui5_tc_headerItem_negative_color:var(--sapNegativeColor);--_ui5_tc_headerItem_critical_color:var(--sapCriticalColor);--_ui5_tc_headerItem_transition:none;--_ui5_tc_headerItem_hover_border_visibility:hidden;--_ui5_tc_headerItem_focus_offset:0px;--_ui5_tc_headerItemContent_border_radius:0.125rem 0.125rem 0 0;--_ui5_tc_headerItemContent_border_bottom:0.125rem solid var(--sapSelectedColor);--_ui5_tc_headerItemContent_border_bg:transparent;--_ui5_tc_headerItem_neutral_border_bg:transparent;--_ui5_tc_headerItem_positive_border_bg:transparent;--_ui5_tc_headerItem_negative_border_bg:transparent;--_ui5_tc_headerItem_critical_border_bg:transparent;--_ui5_tc_headerItem_hover_border_bg:transparent;--_ui5_tc_headerItem_hover_selected_hover_border_bg:transparent;--_ui5_tc_headerItemContent_border_height:0;--_ui5_tc_headerItemContent_offset:1rem;--_ui5_tc_headerItemContent_focus_offset:1rem;--_ui5_tc_headerItem_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_tc_headerItemContent_padding:0;--_ui5_tc_headerItemContent_focus_border:none;--_ui5_tc_headerItemContent_default_focus_border:none;--_ui5_tc_headerItemContent_focus_border_radius:0;--_ui5_tc_headerItemSemanticIcon_display:none;--_ui5_tc_headerItem_focus_border_radius:0px;--_ui5_tc_overflowItem_neutral_color:var(--sapNeutralColor);--_ui5_tc_overflowItem_positive_color:var(--sapPositiveColor);--_ui5_tc_overflowItem_negative_color:var(--sapNegativeColor);--_ui5_tc_overflowItem_critical_color:var(--sapCriticalColor);--_ui5_tc_overflowItem_focus_border:0px;--_ui5_tc_headerItemIcon_border:1px solid var(--sapHighlightColor);--_ui5_tc_headerItemIcon_color:var(--sapHighlightColor);--_ui5_tc_headerItemIcon_selected_background:var(--sapHighlightColor);--_ui5_tc_headerItemIcon_selected_color:var(--sapGroup_ContentBackground);--_ui5_tc_headerItemIcon_positive_selected_background:var(--sapPositiveColor);--_ui5_tc_headerItemIcon_negative_selected_background:var(--sapNegativeColor);--_ui5_tc_headerItemIcon_critical_selected_background:var(--sapCriticalColor);--_ui5_tc_headerItemIcon_neutral_selected_background:var(--sapNeutralColor);--_ui5_tc_headerItemIcon_semantic_selected_color:var(--sapGroup_ContentBackground);--_ui5_tc_overflowItem_default_color:var(--sapNeutralTextColor);--_ui5_tc_overflowItem_current_color:CurrentColor;--_ui5_tc_content_border_bottom:0.125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_focus_border_offset:-2px;--_ui5_tc_headerItemIcon_focus_border_radius:0}.sapUiSizeCompact,.ui5-content-density-compact,:root,[data-ui5-compact-size]{--_ui5_tc_header_height:var(--_ui5_tc_item_height)}:root{--_ui5_tc_header_border_bottom:0.125rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemContent_border_bottom:0.25rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItem_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_tc_headeritem_text_selected_color:var(--sapPageHeader_BorderColor);--_ui5_tc_headeritem_text_selected_hover_color:var(--sapPageHeader_BorderColor);--_ui5_tc_headerItem_neutral_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_positive_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_negative_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_critical_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_neutral_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_neutral_selected_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_selected_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_selected_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_selected_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItemSemanticIcon_display:inline-block;--_ui5_tc_headerItemIcon_border:1px solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_color:var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_selected_color:var(--sapContent_IconColor);--_ui5_tc_headerItemIcon_positive_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_negative_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_critical_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_neutral_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_semantic_selected_color:var(--sapContent_IconColor);--_ui5_tc_overflowItem_neutral_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_positive_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_negative_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_critical_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_default_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_current_color:var(--_ui5_tc_overflowItem_default_color);--ui5_table_bottom_border:1px solid var(--sapList_BorderColor);--ui5_table_header_row_outline_width:1px;--ui5_table_multiselect_column_width:2.75rem;--ui5_table_header_row_font_weight:normal;--ui5_table_header_row_outline_width:0.125rem;--ui5_table_row_outline_width:1px;--ui5_table_row_outline_width:0.125rem;--_ui5_load_more_padding:0;--_ui5_load_more_border:1px top solid transparent;--_ui5_load_more_border_radius:none;--_ui5_load_more_outline_width:1px;--_ui5_load_more_padding:0.25rem;--_ui5_load_more_border:1px solid var(--sapButton_BorderColor);--_ui5_load_more_border_radius:0.375rem;--_ui5_load_more_outline_width:0.125rem;--_ui5_textarea_focus_after_width:1px;--_ui5_textarea_warning_border_style:solid;--_ui5_textarea_state_border_width:0.125rem;--_ui5_textarea_background_image:none;--_ui5_textarea_error_background_image:none;--_ui5_textarea_warning_background_image:none;--_ui5_textarea_information_background_image:none;--_ui_textarea_success_background_image:none;--_ui5_textarea_focus_box_shadow:none;--_ui5_textarea_value_state_warning_focus_box_shadow:none;--_ui5_textarea_value_state_error_focus_box_shadow:none;--_ui5_textarea_value_state_success_focus_box_shadow:none;--_ui5_textarea_hover_box_shadow:none;--_ui5_textarea_inner_border_width:1px;--_ui5_textarea_success_border_width:1px;--_ui5_textarea_focus_outline:var(--_ui5_textarea_focus_after_width) dotted var(--sapContent_FocusColor);--_ui5_textarea_value_state_focus_outline:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5_textarea_after_element_display:none;--_ui5_textarea_placeholder_font_style:italic;--_ui5_input_warning_font_weight:normal;--_ui5_textarea_focus_after_width:2px;--_ui5_textarea_warning_border_style:dashed;--_ui5_textarea_error_warning_border_width:2 * var(--sapField_BorderWidth);--_ui5_textarea_information_border_width:0.0625rem;--_ui5_textarea_placeholder_font_style:normal;--_ui5_input_warning_font_weight:bold;--_ui5_time_picker_border:0.0625rem solid transparent;--_ui5-time_picker_border_radius:0;--_ui5_time_picker_border:0.0625rem solid var(--sapField_Hover_BorderColor);--ui5_title_level_1Size:var(--sapFontHeader1Size);--ui5_title_level_2Size:var(--sapFontHeader2Size);--ui5_title_level_3Size:var(--sapFontHeader3Size);--ui5_title_level_4Size:var(--sapFontHeader4Size);--ui5_title_level_5Size:var(--sapFontHeader5Size);--ui5_title_level_6Size:var(--sapFontHeader6Size);--_ui5_toast_vertical_offset:3rem;--_ui5_toast_horizontal_offset:2rem;--_ui5_toast_background:var(--sapList_Background);--_ui5_toast_shadow:var(--sapContent_Shadow2);--_ui5_toggle_button_pressed_focussed:var(--sapButton_Selected_BorderColor);--_ui5_toggle_button_pressed_focussed_hovered:var(--sapButton_Selected_BorderColor);--_ui5_toggle_button_selected_positive_text_color:var(--sapButton_Selected_TextColor);--_ui5_toggle_button_selected_negative_text_color:var(--sapButton_Selected_TextColor);--_ui5_toggle_button_selected_attention_text_color:var(--sapButton_Selected_TextColor);--_ui5_toggle_button_emphasized_pressed_focussed_hovered:var(--sapContent_FocusColor);--_ui5_toggle_button_pressed_focussed:transparent;--_ui5_toggle_button_pressed_focussed_hovered:transparent;--_ui5_wheelslider_item_text_size:var(--sapFontSize);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapList_BorderColor);--_ui5_wheelslider_label_text_size:var(--sapFontSmallSize);--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_wheelslider_mobile_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*4);--_ui5_wheelslider_label_text_color:var(--sapContent_LabelColor);--_ui5_wheelslider_height:240px;--_ui5_wheelslider_mobile_height:432px;--_ui5_wheelslider_item_width:48px;--_ui5_wheelslider_item_height:46px;--_ui5_wheelslider_arrows_visibility:hidden;--_ui_wheelslider_item_hover_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui_wheelslider_item_expanded_hover_color:var(--sapList_Hover_Background);--_ui5_wheelslider_item_background_color:var(--sapLegend_WorkingBackground);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapList_Hover_Background);--_ui_wheelslider_item_hovered_color:var(--sapList_Hover_Background);--_ui5_wheelslider_item_border_color:var(--sapList_Background);--_ui5_wheelslider_item_hovered_border_color:var(--sapField_BorderColor);--_ui5_wheelslider_collapsed_item_text_color:var(--sapField_BorderColor);--_ui5_wheelslider_selected_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_active_item_text_color:var(--sapContent_Selected_TextColor);--_ui5_wheelslider_selection_frame_color:var(--sapList_SelectionBorderColor);--_ui_wheelslider_item_border_radius:var(--_ui5_button_border_radius);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_selected_hover_color:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border:none;--_ui5_yearpicker_item_border_radius:0;--_ui5_yearpicker_item_margin:1px;--_ui5_yearpicker_item_focus_after_width:calc(100% - 0.375rem);--_ui5_yearpicker_item_focus_after_height:calc(100% - 0.375rem);--_ui5_yearpicker_item_focus_after_border:1px dotted var(--sapContent_FocusColor);--_ui5_yearpicker_item_focus_after_offset:2px;--_ui5_yearpicker_item_focus_after_border_radius:0;--_ui5_yearpicker_item_selected_background_color:var(--sapSelectedColor);--_ui5_yearpicker_item_selected_text_color:var(--sapContent_ContrastTextColor);--_ui5_yearpicker_item_selected_box_shadow:none;--_ui5_yearpicker_item_focus_after_outline:none;--_ui5_yearpicker_item_border:1px solid #000;--_ui5_yearpicker_item_border_radius:0.25rem;--_ui5_yearpicker_item_margin:0;--_ui5_yearpicker_item_focus_after_width:calc(100% - 0.25rem);--_ui5_yearpicker_item_focus_after_height:calc(100% - 0.25rem);--_ui5_yearpicker_item_focus_after_border:2px dotted var(--sapContent_FocusColor);--_ui5_yearpicker_item_focus_after_offset:0;--_ui5_token_background:var(--sapButton_Background);--_ui5_token_readonly_background:var(--sapButton_Background);--_ui5_token_border_radius:0.125rem;--_ui5_token_focus_outline_width:0.0625rem;--_ui5_token_text_color:var(--sapButton_TextColor);--_ui5_token_icon_color:var(--sapContent_IconColor);--_ui5_token_hover_background:var(--sapButton_Hover_Background);--_ui5_token_hover_border_color:var(--sapButton_Hover_BorderColor);--_ui5_token_top_margin:0;--_ui5_token_bottom_margin:0;--_ui5_token_selected_focus_outline:var(--_ui5_token_focus_outline_width) dotted var(--sapContent_ContrastFocusColor);--_ui5_token_focus_outline:var(--_ui5_token_focus_outline_width) dotted var(--sapContent_FocusColor);--_ui5_token_selected_hover_background:var(--sapButton_Selected_Hover_Background);--_ui5_token_selected_hover_border_color:var(--sapButton_Selected_Hover_BorderColor);--_ui5_token_selected_box_shadow:none;--_ui5_token_focused_border:1px solid var(--sapButton_TokenBorderColor);--_ui5_token_focused_selected_border:1px solid var(--sapButton_Selected_BorderColor);--_ui5_token_border_radius:0.25rem;--_ui5_token_focus_outline_width:0.125rem;--_ui5_token_readonly_background:var(--sapField_ReadOnly_Background);--_ui5_tokenizer_n_more_indicator_font_weight:normal;--_ui5_tokenizer_n_more_indicator_color:var(--sapField_TextColor);--_ui5_value_state_message_border:none;--_ui5_value_state_message_focus_border_radius:0;--_ui5_input_value_state_icon_display:none;--_ui5_value_state_message_padding:0.5rem;--_ui5_value_state_header_padding:.5625rem 1rem;--_ui5_value_state_message_border:2px solid var(--sapField_BorderColor);--_ui5-multi_combobox_token_margin_top:3px;--_ui5_slider_progress_container_background:var(--sapField_BorderColor);--_ui5_slider_progress_container_dot_display:none;--_ui5_slider_progress_container_dot_background:var(--sapField_BorderColor);--_ui5_slider_progress_border:none;--_ui5_slider_inner_height:0.25rem;--_ui5_slider_outer_height:1.6875rem;--_ui5_slider_progress_border_radius:0.25rem;--_ui5_slider_progress_background:var(--sapActiveColor);--_ui5_slider_handle_icon_display:none;--_ui5_slider_handle_height:1.625rem;--_ui5_slider_handle_width:1.625rem;--_ui5_slider_handle_border_radius:1rem;--_ui5_slider_handle_box_shadow:none;--_ui5_slider_handle_box_shadow_focus:none;--_ui5_slider_handle_background:var(--sapButton_Background);--_ui5_range_slider_handle_background:#fff;--_ui5_slider_handle_top:-0.825rem;--_ui5_slider_handle_margin_left:-0.9725rem;--_ui5_slider_handle_hover_background:var(--sapButton_Hover_Background);--_ui5_slider_handle_hover_border:0.125rem solid var(--sapButton_Hover_BorderColor);--_ui5_slider_handle_outline:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_slider_handle_focus_border:var(--_ui5_slider_handle_hover_border);--_ui5_slider_handle_active_border:var(--_ui5_slider_handle_hover_border);--_ui5_slider_handle_focused_top:var(--_ui5_slider_handle_top);--_ui5_slider_handle_focused_margin_left:var(--_ui5_slider_handle_margin_left);--_ui5_slider_handle_outline_offset:0.075rem;--_ui5_slider_icon_left:0.5rem;--_ui5_slider_icon_top:0.125rem;--_ui5_range_slider_handle_hover_background:rgba(var(--sapButton_Background),0.25);--_ui5_range_slider_handle_hover_icon_display:none;--_ui5_slider_progress_outline:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_slider_progress_outline_offset:-0.8125rem;--_ui5_slider_tickmark_top:-0.375rem;--_ui5_slider_disabled_opacity:0.4;--_ui5_slider_tooltip_fontsize:var(--sapFontSmallSize);--_ui5_slider_tooltip_color:var(--sapContent_LabelColor);--_ui5_slider_tooltip_background:var(--sapField_Background);--_ui5_slider_tooltip_border_radius:var(--sapElement_BorderCornerRadius);--_ui5_slider_tooltip_border_color:var(--sapField_BorderColor);--_ui5_slider_tooltip_border:0.0625rem solid var(--_ui5_slider_tooltip_border_color);--_ui5_slider_tooltip_box_shadow:none;--_ui5_slider_tooltip_padding:0.4125rem;--_ui5_slider_tooltip_height:1rem;--_ui5_slider_tooltip_min_width:2rem;--_ui5_slider_tooltip_bottom:2rem;--_ui5_slider_label_fontsize:var(--sapFontSmallSize);--_ui5_slider_label_color:var(--sapContent_LabelColor);--_ui5_range_slider_progress_focus_display:none;--_ui5_range_slider_progress_focus_top:-1.063rem;--_ui5_range_slider_progress_focus_left:-1.438rem;--_ui5_range_slider_progress_focus_padding:0 1.375rem 0 1.438rem;--_ui5_range_slider_progress_focus_height:2rem;--_ui5_range_slider_legacy_progress_focus_display:block}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_slider_handle_focused_top:-0.625rem;--_ui5_slider_handle_focused_margin_left:-0.75rem}:root{--_ui5_slider_inner_height:0.375rem;--_ui5_slider_progress_border:solid 0.0625rem var(--sapField_BorderColor);--_ui5_slider_progress_border_radius:0.375rem;--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_height:1.65rem;--_ui5_slider_handle_width:1.65rem;--_ui5_slider_handle_top:-0.75rem;--_ui5_slider_progress_background:var(--sapSelectedColor);--_ui5_slider_tickmark_top:-0.2525rem;--_ui5_suggestions_item_focus_border_radius:0;--_ui5_step_input_input_error_background_color:var(--sapField_InvalidBackground);--_ui5-step_input_button_state_hover_background_color:var(--sapField_Background);--_ui5_step_input_border_style:1px solid var(--sapField_BorderColor);--_ui5_step_input_border_style_hover:1px solid var(--sapField_Hover_BorderColor);--_ui5_step_input_button_background_color:var(--sapField_Background);--_ui5_step_input_input_border:1px solid transparent;--_ui5_step_input_input_margin_top:-0.0625rem;--_ui5_step_input_button_display:inline-block;--_ui5_step_input_button_left:0;--_ui5_step_input_button_right:0;--_ui5_step_input_input_border_focused_after:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5_step_input_input_border_top_bottom_focused_after:0.0625rem;--_ui5_step_input_input_border_radius_focused_after:0;--_ui5_step_input_input_information_border_color_focused_after:var(--sapField_BorderColor);--_ui5_step_input_input_warning_border_color_focused_after:var(--sapField_BorderColor);--_ui5_step_input_input_success_border_color_focused_after:var(--sapField_BorderColor);--_ui5_step_input_input_error_border_color_focused_after:var(--sapField_BorderColor);--_ui5_step_input_disabled_button_background:var(--sapField_ReadOnly_Background);--_ui5_step_input_border_color_hover:var(--sapField_Hover_Background);--_ui5_step_input_border_hover:1px solid var(--sapField_Hover_BorderColor);--_ui5_input_input_background_color:var(--sapField_InvalidBackground)}"}}
@@ -1,2 +1,2 @@
1
- const ARIA_LABEL_CARD_CONTENT = {key: "ARIA_LABEL_CARD_CONTENT", defaultText: "Card Content"};const ARIA_ROLEDESCRIPTION_CARD = {key: "ARIA_ROLEDESCRIPTION_CARD", defaultText: "Card"};const ARIA_ROLEDESCRIPTION_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_CARD_HEADER", defaultText: "Card Header"};const ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER", defaultText: "Interactive Card Header"};const AVATAR_TOOLTIP = {key: "AVATAR_TOOLTIP", defaultText: "Avatar"};const AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL = {key: "AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL", defaultText: "{0} displayed, {1} hidden."};const AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL = {key: "AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL", defaultText: "Activate for complete list."};const AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL = {key: "AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL", defaultText: "Individual avatars."};const AVATAR_GROUP_ARIA_LABEL_GROUP = {key: "AVATAR_GROUP_ARIA_LABEL_GROUP", defaultText: "Conjoined avatars."};const AVATAR_GROUP_MOVE = {key: "AVATAR_GROUP_MOVE", defaultText: "Press ARROW keys to move."};const BADGE_DESCRIPTION = {key: "BADGE_DESCRIPTION", defaultText: "Badge"};const BREADCRUMBS_ARIA_LABEL = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const BREADCRUMBS_CANCEL_BUTTON = {key: "BREADCRUMBS_CANCEL_BUTTON", defaultText: "Cancel"};const BUSY_INDICATOR_TITLE = {key: "BUSY_INDICATOR_TITLE", defaultText: "Please wait"};const BUTTON_ARIA_TYPE_ACCEPT = {key: "BUTTON_ARIA_TYPE_ACCEPT", defaultText: "Positive Action"};const BUTTON_ARIA_TYPE_REJECT = {key: "BUTTON_ARIA_TYPE_REJECT", defaultText: "Negative Action"};const BUTTON_ARIA_TYPE_EMPHASIZED = {key: "BUTTON_ARIA_TYPE_EMPHASIZED", defaultText: "Emphasized"};const CAROUSEL_OF_TEXT = {key: "CAROUSEL_OF_TEXT", defaultText: "of"};const CAROUSEL_DOT_TEXT = {key: "CAROUSEL_DOT_TEXT", defaultText: "Item {0} of {1} displayed"};const CAROUSEL_PREVIOUS_ARROW_TEXT = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const COLORPALETTE_CONTAINER_LABEL = {key: "COLORPALETTE_CONTAINER_LABEL", defaultText: "Color Palette - Predefined Colors"};const COLORPALETTE_POPOVER_TITLE = {key: "COLORPALETTE_POPOVER_TITLE", defaultText: "Color Palette"};const COLORPALETTE_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};const COLOR_PALETTE_DIALOG_CANCEL_BUTTON = {key: "COLOR_PALETTE_DIALOG_CANCEL_BUTTON", defaultText: "Cancel"};const COLOR_PALETTE_DIALOG_OK_BUTTON = {key: "COLOR_PALETTE_DIALOG_OK_BUTTON", defaultText: "OK"};const COLOR_PALETTE_DIALOG_TITLE = {key: "COLOR_PALETTE_DIALOG_TITLE", defaultText: "Change Color"};const COLOR_PALETTE_MORE_COLORS_TEXT = {key: "COLOR_PALETTE_MORE_COLORS_TEXT", defaultText: "More Colors..."};const DATEPICKER_OPEN_ICON_TITLE = {key: "DATEPICKER_OPEN_ICON_TITLE", defaultText: "Open Picker"};const DATEPICKER_DATE_DESCRIPTION = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const DATETIME_DESCRIPTION = {key: "DATETIME_DESCRIPTION", defaultText: "Date Time Input"};const DATERANGE_DESCRIPTION = {key: "DATERANGE_DESCRIPTION", defaultText: "Date Range Input"};const DELETE = {key: "DELETE", defaultText: "Delete"};const FILEUPLOAD_BROWSE = {key: "FILEUPLOAD_BROWSE", defaultText: "Browse..."};const FILEUPLOADER_TITLE = {key: "FILEUPLOADER_TITLE", defaultText: "Upload File"};const GROUP_HEADER_TEXT = {key: "GROUP_HEADER_TEXT", defaultText: "Group Header"};const SELECT_OPTIONS = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const INPUT_SUGGESTIONS = {key: "INPUT_SUGGESTIONS", defaultText: "Suggestions Available"};const INPUT_SUGGESTIONS_TITLE = {key: "INPUT_SUGGESTIONS_TITLE", defaultText: "Select"};const INPUT_SUGGESTIONS_ONE_HIT = {key: "INPUT_SUGGESTIONS_ONE_HIT", defaultText: "1 result available"};const INPUT_SUGGESTIONS_MORE_HITS = {key: "INPUT_SUGGESTIONS_MORE_HITS", defaultText: "{0} results are available"};const INPUT_SUGGESTIONS_NO_HIT = {key: "INPUT_SUGGESTIONS_NO_HIT", defaultText: "No results"};const LINK_SUBTLE = {key: "LINK_SUBTLE", defaultText: "Subtle"};const LINK_EMPHASIZED = {key: "LINK_EMPHASIZED", defaultText: "Emphasized"};const LIST_ITEM_POSITION = {key: "LIST_ITEM_POSITION", defaultText: "List item {0} of {1}"};const LIST_ITEM_SELECTED = {key: "LIST_ITEM_SELECTED", defaultText: "Selected"};const LIST_ITEM_NOT_SELECTED = {key: "LIST_ITEM_NOT_SELECTED", defaultText: "Not Selected"};const ARIA_LABEL_LIST_ITEM_CHECKBOX = {key: "ARIA_LABEL_LIST_ITEM_CHECKBOX", defaultText: "Multiple Selection Mode"};const ARIA_LABEL_LIST_ITEM_RADIO_BUTTON = {key: "ARIA_LABEL_LIST_ITEM_RADIO_BUTTON", defaultText: "Item Selection."};const ARIA_LABEL_LIST_SELECTABLE = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const ARIA_LABEL_LIST_MULTISELECTABLE = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_DELETABLE = {key: "ARIA_LABEL_LIST_DELETABLE", defaultText: "Contains Deletable Items"};const MESSAGE_STRIP_CLOSE_BUTTON = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Information Bar Close"};const MESSAGE_STRIP_CLOSABLE = {key: "MESSAGE_STRIP_CLOSABLE", defaultText: "Closable"};const MESSAGE_STRIP_ERROR = {key: "MESSAGE_STRIP_ERROR", defaultText: "Error Information Bar"};const MESSAGE_STRIP_WARNING = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Information Bar"};const MESSAGE_STRIP_SUCCESS = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Success Information Bar"};const MESSAGE_STRIP_INFORMATION = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MULTICOMBOBOX_DIALOG_OK_BUTTON = {key: "MULTICOMBOBOX_DIALOG_OK_BUTTON", defaultText: "OK"};const VALUE_STATE_ERROR_ALREADY_SELECTED = {key: "VALUE_STATE_ERROR_ALREADY_SELECTED", defaultText: "This value is already selected."};const MULTIINPUT_ROLEDESCRIPTION_TEXT = {key: "MULTIINPUT_ROLEDESCRIPTION_TEXT", defaultText: "Multi Value Input"};const MULTIINPUT_SHOW_MORE_TOKENS = {key: "MULTIINPUT_SHOW_MORE_TOKENS", defaultText: "{0} More"};const PANEL_ICON = {key: "PANEL_ICON", defaultText: "Expand/Collapse"};const RANGE_SLIDER_ARIA_DESCRIPTION = {key: "RANGE_SLIDER_ARIA_DESCRIPTION", defaultText: "Range"};const RANGE_SLIDER_START_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_START_HANDLE_DESCRIPTION", defaultText: "Left handle"};const RANGE_SLIDER_END_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_END_HANDLE_DESCRIPTION", defaultText: "Right handle"};const RATING_INDICATOR_TOOLTIP_TEXT = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_TEXT = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON = {key: "RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON", defaultText: "Decline"};const SEGMENTEDBUTTON_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTON_ARIA_DESCRIPTION", defaultText: "Segmented button group"};const SEGMENTEDBUTTON_ARIA_DESCRIBEDBY = {key: "SEGMENTEDBUTTON_ARIA_DESCRIBEDBY", defaultText: "Press SPACE or ENTER to select an item"};const SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION", defaultText: "Segmented button"};const SLIDER_ARIA_DESCRIPTION = {key: "SLIDER_ARIA_DESCRIPTION", defaultText: "Slider handle"};const SWITCH_ON = {key: "SWITCH_ON", defaultText: "On"};const SWITCH_OFF = {key: "SWITCH_OFF", defaultText: "Off"};const LOAD_MORE_TEXT = {key: "LOAD_MORE_TEXT", defaultText: "More"};const TABLE_HEADER_ROW_TEXT = {key: "TABLE_HEADER_ROW_TEXT", defaultText: "Header Row"};const TABLE_ROW_POSITION = {key: "TABLE_ROW_POSITION", defaultText: "{0} of {1}"};const TABLE_GROUP_ROW_ARIA_LABEL = {key: "TABLE_GROUP_ROW_ARIA_LABEL", defaultText: "Group Header Row"};const ARIA_LABEL_ROW_SELECTION = {key: "ARIA_LABEL_ROW_SELECTION", defaultText: "Item Selection"};const ARIA_LABEL_SELECT_ALL_CHECKBOX = {key: "ARIA_LABEL_SELECT_ALL_CHECKBOX", defaultText: "Select All Rows"};const TABCONTAINER_NEXT_ICON_ACC_NAME = {key: "TABCONTAINER_NEXT_ICON_ACC_NAME", defaultText: "Next"};const TABCONTAINER_PREVIOUS_ICON_ACC_NAME = {key: "TABCONTAINER_PREVIOUS_ICON_ACC_NAME", defaultText: "Previous"};const TABCONTAINER_OVERFLOW_MENU_TITLE = {key: "TABCONTAINER_OVERFLOW_MENU_TITLE", defaultText: "Overflow Menu"};const TABCONTAINER_END_OVERFLOW = {key: "TABCONTAINER_END_OVERFLOW", defaultText: "More"};const TEXTAREA_CHARACTERS_LEFT = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const TEXTAREA_CHARACTERS_EXCEEDED = {key: "TEXTAREA_CHARACTERS_EXCEEDED", defaultText: "{0} characters over limit"};const TIMEPICKER_HOURS_LABEL = {key: "TIMEPICKER_HOURS_LABEL", defaultText: "Hours"};const TIMEPICKER_MINUTES_LABEL = {key: "TIMEPICKER_MINUTES_LABEL", defaultText: "Minutes"};const TIMEPICKER_SECONDS_LABEL = {key: "TIMEPICKER_SECONDS_LABEL", defaultText: "Seconds"};const TIMEPICKER_PERIODS_LABEL = {key: "TIMEPICKER_PERIODS_LABEL", defaultText: "AM/PM"};const TIMEPICKER_SUBMIT_BUTTON = {key: "TIMEPICKER_SUBMIT_BUTTON", defaultText: "OK"};const TIMEPICKER_CANCEL_BUTTON = {key: "TIMEPICKER_CANCEL_BUTTON", defaultText: "Cancel"};const TIMEPICKER_INPUT_DESCRIPTION = {key: "TIMEPICKER_INPUT_DESCRIPTION", defaultText: "Time Input"};const DURATION_INPUT_DESCRIPTION = {key: "DURATION_INPUT_DESCRIPTION", defaultText: "Duration Input"};const DATETIME_PICKER_DATE_BUTTON = {key: "DATETIME_PICKER_DATE_BUTTON", defaultText: "Date"};const DATETIME_PICKER_TIME_BUTTON = {key: "DATETIME_PICKER_TIME_BUTTON", defaultText: "Time"};const TOKEN_ARIA_DELETABLE = {key: "TOKEN_ARIA_DELETABLE", defaultText: "Deletable"};const TOKENIZER_ARIA_CONTAIN_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_TOKEN", defaultText: "No Tokens"};const TOKENIZER_ARIA_CONTAIN_ONE_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_ONE_TOKEN", defaultText: "Contains 1 token"};const TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS = {key: "TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS", defaultText: "Contains {0} tokens"};const TOKENIZER_ARIA_LABEL = {key: "TOKENIZER_ARIA_LABEL", defaultText: "Tokenizer"};const TOKENIZER_POPOVER_REMOVE = {key: "TOKENIZER_POPOVER_REMOVE", defaultText: "Remove"};const TREE_ITEM_ARIA_LABEL = {key: "TREE_ITEM_ARIA_LABEL", defaultText: "Tree Item"};const TREE_ITEM_EXPAND_NODE = {key: "TREE_ITEM_EXPAND_NODE", defaultText: "Expand Node"};const TREE_ITEM_COLLAPSE_NODE = {key: "TREE_ITEM_COLLAPSE_NODE", defaultText: "Collapse Node"};const VALUE_STATE_ERROR = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const CALENDAR_HEADER_NEXT_BUTTON = {key: "CALENDAR_HEADER_NEXT_BUTTON", defaultText: "Next"};const CALENDAR_HEADER_PREVIOUS_BUTTON = {key: "CALENDAR_HEADER_PREVIOUS_BUTTON", defaultText: "Previous"};const DAY_PICKER_WEEK_NUMBER_TEXT = {key: "DAY_PICKER_WEEK_NUMBER_TEXT", defaultText: "Week Number"};const DAY_PICKER_NON_WORKING_DAY = {key: "DAY_PICKER_NON_WORKING_DAY", defaultText: "Non-Working Day"};const DAY_PICKER_TODAY = {key: "DAY_PICKER_TODAY", defaultText: "Today"};const STEPINPUT_DEC_ICON_TITLE = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease"};const STEPINPUT_INC_ICON_TITLE = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase"};const SPLIT_BUTTON_DESCRIPTION = {key: "SPLIT_BUTTON_DESCRIPTION", defaultText: "Split Button"};const SPLIT_BUTTON_KEYBOARD_HINT = {key: "SPLIT_BUTTON_KEYBOARD_HINT", defaultText: "Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action"};
2
- export {ARIA_LABEL_CARD_CONTENT,ARIA_ROLEDESCRIPTION_CARD,ARIA_ROLEDESCRIPTION_CARD_HEADER,ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,AVATAR_TOOLTIP,AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL,AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL,AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL,AVATAR_GROUP_ARIA_LABEL_GROUP,AVATAR_GROUP_MOVE,BADGE_DESCRIPTION,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,BREADCRUMBS_CANCEL_BUTTON,BUSY_INDICATOR_TITLE,BUTTON_ARIA_TYPE_ACCEPT,BUTTON_ARIA_TYPE_REJECT,BUTTON_ARIA_TYPE_EMPHASIZED,CAROUSEL_OF_TEXT,CAROUSEL_DOT_TEXT,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,COLORPALETTE_CONTAINER_LABEL,COLORPALETTE_POPOVER_TITLE,COLORPALETTE_COLOR_LABEL,COLOR_PALETTE_DIALOG_CANCEL_BUTTON,COLOR_PALETTE_DIALOG_OK_BUTTON,COLOR_PALETTE_DIALOG_TITLE,COLOR_PALETTE_MORE_COLORS_TEXT,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_DESCRIPTION,DATETIME_DESCRIPTION,DATERANGE_DESCRIPTION,DELETE,FILEUPLOAD_BROWSE,FILEUPLOADER_TITLE,GROUP_HEADER_TEXT,SELECT_OPTIONS,INPUT_SUGGESTIONS,INPUT_SUGGESTIONS_TITLE,INPUT_SUGGESTIONS_ONE_HIT,INPUT_SUGGESTIONS_MORE_HITS,INPUT_SUGGESTIONS_NO_HIT,LINK_SUBTLE,LINK_EMPHASIZED,LIST_ITEM_POSITION,LIST_ITEM_SELECTED,LIST_ITEM_NOT_SELECTED,ARIA_LABEL_LIST_ITEM_CHECKBOX,ARIA_LABEL_LIST_ITEM_RADIO_BUTTON,ARIA_LABEL_LIST_SELECTABLE,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_DELETABLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_CLOSABLE,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_INFORMATION,MULTICOMBOBOX_DIALOG_OK_BUTTON,VALUE_STATE_ERROR_ALREADY_SELECTED,MULTIINPUT_ROLEDESCRIPTION_TEXT,MULTIINPUT_SHOW_MORE_TOKENS,PANEL_ICON,RANGE_SLIDER_ARIA_DESCRIPTION,RANGE_SLIDER_START_HANDLE_DESCRIPTION,RANGE_SLIDER_END_HANDLE_DESCRIPTION,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_TEXT,RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON,SEGMENTEDBUTTON_ARIA_DESCRIPTION,SEGMENTEDBUTTON_ARIA_DESCRIBEDBY,SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION,SLIDER_ARIA_DESCRIPTION,SWITCH_ON,SWITCH_OFF,LOAD_MORE_TEXT,TABLE_HEADER_ROW_TEXT,TABLE_ROW_POSITION,TABLE_GROUP_ROW_ARIA_LABEL,ARIA_LABEL_ROW_SELECTION,ARIA_LABEL_SELECT_ALL_CHECKBOX,TABCONTAINER_NEXT_ICON_ACC_NAME,TABCONTAINER_PREVIOUS_ICON_ACC_NAME,TABCONTAINER_OVERFLOW_MENU_TITLE,TABCONTAINER_END_OVERFLOW,TEXTAREA_CHARACTERS_LEFT,TEXTAREA_CHARACTERS_EXCEEDED,TIMEPICKER_HOURS_LABEL,TIMEPICKER_MINUTES_LABEL,TIMEPICKER_SECONDS_LABEL,TIMEPICKER_PERIODS_LABEL,TIMEPICKER_SUBMIT_BUTTON,TIMEPICKER_CANCEL_BUTTON,TIMEPICKER_INPUT_DESCRIPTION,DURATION_INPUT_DESCRIPTION,DATETIME_PICKER_DATE_BUTTON,DATETIME_PICKER_TIME_BUTTON,TOKEN_ARIA_DELETABLE,TOKENIZER_ARIA_CONTAIN_TOKEN,TOKENIZER_ARIA_CONTAIN_ONE_TOKEN,TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS,TOKENIZER_ARIA_LABEL,TOKENIZER_POPOVER_REMOVE,TREE_ITEM_ARIA_LABEL,TREE_ITEM_EXPAND_NODE,TREE_ITEM_COLLAPSE_NODE,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,CALENDAR_HEADER_NEXT_BUTTON,CALENDAR_HEADER_PREVIOUS_BUTTON,DAY_PICKER_WEEK_NUMBER_TEXT,DAY_PICKER_NON_WORKING_DAY,DAY_PICKER_TODAY,STEPINPUT_DEC_ICON_TITLE,STEPINPUT_INC_ICON_TITLE,SPLIT_BUTTON_DESCRIPTION,SPLIT_BUTTON_KEYBOARD_HINT};
1
+ const ARIA_LABEL_CARD_CONTENT = {key: "ARIA_LABEL_CARD_CONTENT", defaultText: "Card Content"};const ARIA_ROLEDESCRIPTION_CARD = {key: "ARIA_ROLEDESCRIPTION_CARD", defaultText: "Card"};const ARIA_ROLEDESCRIPTION_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_CARD_HEADER", defaultText: "Card Header"};const ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER = {key: "ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER", defaultText: "Interactive Card Header"};const AVATAR_TOOLTIP = {key: "AVATAR_TOOLTIP", defaultText: "Avatar"};const AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL = {key: "AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL", defaultText: "{0} displayed, {1} hidden."};const AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL = {key: "AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL", defaultText: "Activate for complete list."};const AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL = {key: "AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL", defaultText: "Individual avatars."};const AVATAR_GROUP_ARIA_LABEL_GROUP = {key: "AVATAR_GROUP_ARIA_LABEL_GROUP", defaultText: "Conjoined avatars."};const AVATAR_GROUP_MOVE = {key: "AVATAR_GROUP_MOVE", defaultText: "Press ARROW keys to move."};const BADGE_DESCRIPTION = {key: "BADGE_DESCRIPTION", defaultText: "Badge"};const BREADCRUMBS_ARIA_LABEL = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const BREADCRUMBS_CANCEL_BUTTON = {key: "BREADCRUMBS_CANCEL_BUTTON", defaultText: "Cancel"};const BUSY_INDICATOR_TITLE = {key: "BUSY_INDICATOR_TITLE", defaultText: "Please wait"};const BUTTON_ARIA_TYPE_ACCEPT = {key: "BUTTON_ARIA_TYPE_ACCEPT", defaultText: "Positive Action"};const BUTTON_ARIA_TYPE_REJECT = {key: "BUTTON_ARIA_TYPE_REJECT", defaultText: "Negative Action"};const BUTTON_ARIA_TYPE_EMPHASIZED = {key: "BUTTON_ARIA_TYPE_EMPHASIZED", defaultText: "Emphasized"};const CAROUSEL_OF_TEXT = {key: "CAROUSEL_OF_TEXT", defaultText: "of"};const CAROUSEL_DOT_TEXT = {key: "CAROUSEL_DOT_TEXT", defaultText: "Item {0} of {1} displayed"};const CAROUSEL_PREVIOUS_ARROW_TEXT = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const COLORPALETTE_CONTAINER_LABEL = {key: "COLORPALETTE_CONTAINER_LABEL", defaultText: "Color Palette - Predefined Colors"};const COLORPALETTE_POPOVER_TITLE = {key: "COLORPALETTE_POPOVER_TITLE", defaultText: "Color Palette"};const COLORPALETTE_COLOR_LABEL = {key: "COLORPALETTE_COLOR_LABEL", defaultText: "Color"};const COLOR_PALETTE_DIALOG_CANCEL_BUTTON = {key: "COLOR_PALETTE_DIALOG_CANCEL_BUTTON", defaultText: "Cancel"};const COLOR_PALETTE_DIALOG_OK_BUTTON = {key: "COLOR_PALETTE_DIALOG_OK_BUTTON", defaultText: "OK"};const COLOR_PALETTE_DIALOG_TITLE = {key: "COLOR_PALETTE_DIALOG_TITLE", defaultText: "Change Color"};const COLOR_PALETTE_MORE_COLORS_TEXT = {key: "COLOR_PALETTE_MORE_COLORS_TEXT", defaultText: "More Colors..."};const DATEPICKER_OPEN_ICON_TITLE = {key: "DATEPICKER_OPEN_ICON_TITLE", defaultText: "Open Picker"};const DATEPICKER_DATE_DESCRIPTION = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const DATETIME_DESCRIPTION = {key: "DATETIME_DESCRIPTION", defaultText: "Date Time Input"};const DATERANGE_DESCRIPTION = {key: "DATERANGE_DESCRIPTION", defaultText: "Date Range Input"};const DELETE = {key: "DELETE", defaultText: "Delete"};const FILEUPLOAD_BROWSE = {key: "FILEUPLOAD_BROWSE", defaultText: "Browse..."};const FILEUPLOADER_TITLE = {key: "FILEUPLOADER_TITLE", defaultText: "Upload File"};const GROUP_HEADER_TEXT = {key: "GROUP_HEADER_TEXT", defaultText: "Group Header"};const SELECT_ROLE_DESCRIPTION = {key: "SELECT_ROLE_DESCRIPTION", defaultText: "Select ComboBox"};const SELECT_OPTIONS = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const INPUT_SUGGESTIONS = {key: "INPUT_SUGGESTIONS", defaultText: "Suggestions Available"};const INPUT_SUGGESTIONS_TITLE = {key: "INPUT_SUGGESTIONS_TITLE", defaultText: "Select"};const INPUT_SUGGESTIONS_ONE_HIT = {key: "INPUT_SUGGESTIONS_ONE_HIT", defaultText: "1 result available"};const INPUT_SUGGESTIONS_MORE_HITS = {key: "INPUT_SUGGESTIONS_MORE_HITS", defaultText: "{0} results are available"};const INPUT_SUGGESTIONS_NO_HIT = {key: "INPUT_SUGGESTIONS_NO_HIT", defaultText: "No results"};const LINK_SUBTLE = {key: "LINK_SUBTLE", defaultText: "Subtle"};const LINK_EMPHASIZED = {key: "LINK_EMPHASIZED", defaultText: "Emphasized"};const LIST_ITEM_POSITION = {key: "LIST_ITEM_POSITION", defaultText: "List item {0} of {1}"};const LIST_ITEM_SELECTED = {key: "LIST_ITEM_SELECTED", defaultText: "Selected"};const LIST_ITEM_NOT_SELECTED = {key: "LIST_ITEM_NOT_SELECTED", defaultText: "Not Selected"};const ARIA_LABEL_LIST_ITEM_CHECKBOX = {key: "ARIA_LABEL_LIST_ITEM_CHECKBOX", defaultText: "Multiple Selection Mode"};const ARIA_LABEL_LIST_ITEM_RADIO_BUTTON = {key: "ARIA_LABEL_LIST_ITEM_RADIO_BUTTON", defaultText: "Item Selection."};const ARIA_LABEL_LIST_SELECTABLE = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const ARIA_LABEL_LIST_MULTISELECTABLE = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_DELETABLE = {key: "ARIA_LABEL_LIST_DELETABLE", defaultText: "Contains Deletable Items"};const MESSAGE_STRIP_CLOSE_BUTTON = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Information Bar Close"};const MESSAGE_STRIP_CLOSABLE = {key: "MESSAGE_STRIP_CLOSABLE", defaultText: "Closable"};const MESSAGE_STRIP_ERROR = {key: "MESSAGE_STRIP_ERROR", defaultText: "Error Information Bar"};const MESSAGE_STRIP_WARNING = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Information Bar"};const MESSAGE_STRIP_SUCCESS = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Success Information Bar"};const MESSAGE_STRIP_INFORMATION = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MULTICOMBOBOX_DIALOG_OK_BUTTON = {key: "MULTICOMBOBOX_DIALOG_OK_BUTTON", defaultText: "OK"};const VALUE_STATE_ERROR_ALREADY_SELECTED = {key: "VALUE_STATE_ERROR_ALREADY_SELECTED", defaultText: "This value is already selected."};const MULTIINPUT_ROLEDESCRIPTION_TEXT = {key: "MULTIINPUT_ROLEDESCRIPTION_TEXT", defaultText: "Multi Value Input"};const MULTIINPUT_SHOW_MORE_TOKENS = {key: "MULTIINPUT_SHOW_MORE_TOKENS", defaultText: "{0} More"};const PANEL_ICON = {key: "PANEL_ICON", defaultText: "Expand/Collapse"};const RANGE_SLIDER_ARIA_DESCRIPTION = {key: "RANGE_SLIDER_ARIA_DESCRIPTION", defaultText: "Range"};const RANGE_SLIDER_START_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_START_HANDLE_DESCRIPTION", defaultText: "Left handle"};const RANGE_SLIDER_END_HANDLE_DESCRIPTION = {key: "RANGE_SLIDER_END_HANDLE_DESCRIPTION", defaultText: "Right handle"};const RATING_INDICATOR_TOOLTIP_TEXT = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_TEXT = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON = {key: "RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON", defaultText: "Decline"};const SEGMENTEDBUTTON_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTON_ARIA_DESCRIPTION", defaultText: "Segmented button group"};const SEGMENTEDBUTTON_ARIA_DESCRIBEDBY = {key: "SEGMENTEDBUTTON_ARIA_DESCRIBEDBY", defaultText: "Press SPACE or ENTER to select an item"};const SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION = {key: "SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION", defaultText: "Segmented button"};const SLIDER_ARIA_DESCRIPTION = {key: "SLIDER_ARIA_DESCRIPTION", defaultText: "Slider handle"};const SWITCH_ON = {key: "SWITCH_ON", defaultText: "On"};const SWITCH_OFF = {key: "SWITCH_OFF", defaultText: "Off"};const LOAD_MORE_TEXT = {key: "LOAD_MORE_TEXT", defaultText: "More"};const TABLE_HEADER_ROW_TEXT = {key: "TABLE_HEADER_ROW_TEXT", defaultText: "Header Row"};const TABLE_ROW_POSITION = {key: "TABLE_ROW_POSITION", defaultText: "{0} of {1}"};const TABLE_GROUP_ROW_ARIA_LABEL = {key: "TABLE_GROUP_ROW_ARIA_LABEL", defaultText: "Group Header Row"};const ARIA_LABEL_ROW_SELECTION = {key: "ARIA_LABEL_ROW_SELECTION", defaultText: "Item Selection"};const ARIA_LABEL_SELECT_ALL_CHECKBOX = {key: "ARIA_LABEL_SELECT_ALL_CHECKBOX", defaultText: "Select All Rows"};const TABCONTAINER_NEXT_ICON_ACC_NAME = {key: "TABCONTAINER_NEXT_ICON_ACC_NAME", defaultText: "Next"};const TABCONTAINER_PREVIOUS_ICON_ACC_NAME = {key: "TABCONTAINER_PREVIOUS_ICON_ACC_NAME", defaultText: "Previous"};const TABCONTAINER_OVERFLOW_MENU_TITLE = {key: "TABCONTAINER_OVERFLOW_MENU_TITLE", defaultText: "Overflow Menu"};const TABCONTAINER_END_OVERFLOW = {key: "TABCONTAINER_END_OVERFLOW", defaultText: "More"};const TABCONTAINER_POPOVER_CANCEL_BUTTON = {key: "TABCONTAINER_POPOVER_CANCEL_BUTTON", defaultText: "Cancel"};const TEXTAREA_CHARACTERS_LEFT = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const TEXTAREA_CHARACTERS_EXCEEDED = {key: "TEXTAREA_CHARACTERS_EXCEEDED", defaultText: "{0} characters over limit"};const TIMEPICKER_HOURS_LABEL = {key: "TIMEPICKER_HOURS_LABEL", defaultText: "Hours"};const TIMEPICKER_MINUTES_LABEL = {key: "TIMEPICKER_MINUTES_LABEL", defaultText: "Minutes"};const TIMEPICKER_SECONDS_LABEL = {key: "TIMEPICKER_SECONDS_LABEL", defaultText: "Seconds"};const TIMEPICKER_PERIODS_LABEL = {key: "TIMEPICKER_PERIODS_LABEL", defaultText: "AM/PM"};const TIMEPICKER_SUBMIT_BUTTON = {key: "TIMEPICKER_SUBMIT_BUTTON", defaultText: "OK"};const TIMEPICKER_CANCEL_BUTTON = {key: "TIMEPICKER_CANCEL_BUTTON", defaultText: "Cancel"};const TIMEPICKER_INPUT_DESCRIPTION = {key: "TIMEPICKER_INPUT_DESCRIPTION", defaultText: "Time Input"};const DURATION_INPUT_DESCRIPTION = {key: "DURATION_INPUT_DESCRIPTION", defaultText: "Duration Input"};const DATETIME_PICKER_DATE_BUTTON = {key: "DATETIME_PICKER_DATE_BUTTON", defaultText: "Date"};const DATETIME_PICKER_TIME_BUTTON = {key: "DATETIME_PICKER_TIME_BUTTON", defaultText: "Time"};const TOKEN_ARIA_DELETABLE = {key: "TOKEN_ARIA_DELETABLE", defaultText: "Deletable"};const TOKENIZER_ARIA_CONTAIN_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_TOKEN", defaultText: "No Tokens"};const TOKENIZER_ARIA_CONTAIN_ONE_TOKEN = {key: "TOKENIZER_ARIA_CONTAIN_ONE_TOKEN", defaultText: "Contains 1 token"};const TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS = {key: "TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS", defaultText: "Contains {0} tokens"};const TOKENIZER_ARIA_LABEL = {key: "TOKENIZER_ARIA_LABEL", defaultText: "Tokenizer"};const TOKENIZER_POPOVER_REMOVE = {key: "TOKENIZER_POPOVER_REMOVE", defaultText: "Remove"};const TREE_ITEM_ARIA_LABEL = {key: "TREE_ITEM_ARIA_LABEL", defaultText: "Tree Item"};const TREE_ITEM_EXPAND_NODE = {key: "TREE_ITEM_EXPAND_NODE", defaultText: "Expand Node"};const TREE_ITEM_COLLAPSE_NODE = {key: "TREE_ITEM_COLLAPSE_NODE", defaultText: "Collapse Node"};const VALUE_STATE_ERROR = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const CALENDAR_HEADER_NEXT_BUTTON = {key: "CALENDAR_HEADER_NEXT_BUTTON", defaultText: "Next"};const CALENDAR_HEADER_PREVIOUS_BUTTON = {key: "CALENDAR_HEADER_PREVIOUS_BUTTON", defaultText: "Previous"};const DAY_PICKER_WEEK_NUMBER_TEXT = {key: "DAY_PICKER_WEEK_NUMBER_TEXT", defaultText: "Week Number"};const DAY_PICKER_NON_WORKING_DAY = {key: "DAY_PICKER_NON_WORKING_DAY", defaultText: "Non-Working Day"};const DAY_PICKER_TODAY = {key: "DAY_PICKER_TODAY", defaultText: "Today"};const STEPINPUT_DEC_ICON_TITLE = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease"};const STEPINPUT_INC_ICON_TITLE = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase"};const SPLIT_BUTTON_DESCRIPTION = {key: "SPLIT_BUTTON_DESCRIPTION", defaultText: "Split Button"};const SPLIT_BUTTON_KEYBOARD_HINT = {key: "SPLIT_BUTTON_KEYBOARD_HINT", defaultText: "Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action"};
2
+ export {ARIA_LABEL_CARD_CONTENT,ARIA_ROLEDESCRIPTION_CARD,ARIA_ROLEDESCRIPTION_CARD_HEADER,ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER,AVATAR_TOOLTIP,AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL,AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL,AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL,AVATAR_GROUP_ARIA_LABEL_GROUP,AVATAR_GROUP_MOVE,BADGE_DESCRIPTION,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,BREADCRUMBS_CANCEL_BUTTON,BUSY_INDICATOR_TITLE,BUTTON_ARIA_TYPE_ACCEPT,BUTTON_ARIA_TYPE_REJECT,BUTTON_ARIA_TYPE_EMPHASIZED,CAROUSEL_OF_TEXT,CAROUSEL_DOT_TEXT,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,COLORPALETTE_CONTAINER_LABEL,COLORPALETTE_POPOVER_TITLE,COLORPALETTE_COLOR_LABEL,COLOR_PALETTE_DIALOG_CANCEL_BUTTON,COLOR_PALETTE_DIALOG_OK_BUTTON,COLOR_PALETTE_DIALOG_TITLE,COLOR_PALETTE_MORE_COLORS_TEXT,DATEPICKER_OPEN_ICON_TITLE,DATEPICKER_DATE_DESCRIPTION,DATETIME_DESCRIPTION,DATERANGE_DESCRIPTION,DELETE,FILEUPLOAD_BROWSE,FILEUPLOADER_TITLE,GROUP_HEADER_TEXT,SELECT_ROLE_DESCRIPTION,SELECT_OPTIONS,INPUT_SUGGESTIONS,INPUT_SUGGESTIONS_TITLE,INPUT_SUGGESTIONS_ONE_HIT,INPUT_SUGGESTIONS_MORE_HITS,INPUT_SUGGESTIONS_NO_HIT,LINK_SUBTLE,LINK_EMPHASIZED,LIST_ITEM_POSITION,LIST_ITEM_SELECTED,LIST_ITEM_NOT_SELECTED,ARIA_LABEL_LIST_ITEM_CHECKBOX,ARIA_LABEL_LIST_ITEM_RADIO_BUTTON,ARIA_LABEL_LIST_SELECTABLE,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_DELETABLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_CLOSABLE,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_INFORMATION,MULTICOMBOBOX_DIALOG_OK_BUTTON,VALUE_STATE_ERROR_ALREADY_SELECTED,MULTIINPUT_ROLEDESCRIPTION_TEXT,MULTIINPUT_SHOW_MORE_TOKENS,PANEL_ICON,RANGE_SLIDER_ARIA_DESCRIPTION,RANGE_SLIDER_START_HANDLE_DESCRIPTION,RANGE_SLIDER_END_HANDLE_DESCRIPTION,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_TEXT,RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON,SEGMENTEDBUTTON_ARIA_DESCRIPTION,SEGMENTEDBUTTON_ARIA_DESCRIBEDBY,SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION,SLIDER_ARIA_DESCRIPTION,SWITCH_ON,SWITCH_OFF,LOAD_MORE_TEXT,TABLE_HEADER_ROW_TEXT,TABLE_ROW_POSITION,TABLE_GROUP_ROW_ARIA_LABEL,ARIA_LABEL_ROW_SELECTION,ARIA_LABEL_SELECT_ALL_CHECKBOX,TABCONTAINER_NEXT_ICON_ACC_NAME,TABCONTAINER_PREVIOUS_ICON_ACC_NAME,TABCONTAINER_OVERFLOW_MENU_TITLE,TABCONTAINER_END_OVERFLOW,TABCONTAINER_POPOVER_CANCEL_BUTTON,TEXTAREA_CHARACTERS_LEFT,TEXTAREA_CHARACTERS_EXCEEDED,TIMEPICKER_HOURS_LABEL,TIMEPICKER_MINUTES_LABEL,TIMEPICKER_SECONDS_LABEL,TIMEPICKER_PERIODS_LABEL,TIMEPICKER_SUBMIT_BUTTON,TIMEPICKER_CANCEL_BUTTON,TIMEPICKER_INPUT_DESCRIPTION,DURATION_INPUT_DESCRIPTION,DATETIME_PICKER_DATE_BUTTON,DATETIME_PICKER_TIME_BUTTON,TOKEN_ARIA_DELETABLE,TOKENIZER_ARIA_CONTAIN_TOKEN,TOKENIZER_ARIA_CONTAIN_ONE_TOKEN,TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS,TOKENIZER_ARIA_LABEL,TOKENIZER_POPOVER_REMOVE,TREE_ITEM_ARIA_LABEL,TREE_ITEM_EXPAND_NODE,TREE_ITEM_COLLAPSE_NODE,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,CALENDAR_HEADER_NEXT_BUTTON,CALENDAR_HEADER_PREVIOUS_BUTTON,DAY_PICKER_WEEK_NUMBER_TEXT,DAY_PICKER_NON_WORKING_DAY,DAY_PICKER_TODAY,STEPINPUT_DEC_ICON_TITLE,STEPINPUT_INC_ICON_TITLE,SPLIT_BUTTON_DESCRIPTION,SPLIT_BUTTON_KEYBOARD_HINT};
@@ -8,7 +8,10 @@ import sap_fiori_3_dark from "../assets/themes/sap_fiori_3_dark/parameters-bundl
8
8
  import sap_fiori_3_hcb from "../assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json";
9
9
  import sap_fiori_3_hcw from "../assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json";
10
10
  import sap_horizon from "../assets/themes/sap_horizon/parameters-bundle.css.json";
11
+ import sap_horizon_dark from "../assets/themes/sap_horizon_dark/parameters-bundle.css.json";
11
12
  import sap_horizon_exp from "../assets/themes/sap_horizon_exp/parameters-bundle.css.json";
13
+ import sap_horizon_hcb from "../assets/themes/sap_horizon_hcb/parameters-bundle.css.json";
14
+ import sap_horizon_hcw from "../assets/themes/sap_horizon_hcw/parameters-bundle.css.json";
12
15
 
13
16
  const themeUrlsByName = {
14
17
  sap_belize,
@@ -19,7 +22,10 @@ sap_fiori_3_dark,
19
22
  sap_fiori_3_hcb,
20
23
  sap_fiori_3_hcw,
21
24
  sap_horizon,
22
- sap_horizon_exp
25
+ sap_horizon_dark,
26
+ sap_horizon_exp,
27
+ sap_horizon_hcb,
28
+ sap_horizon_hcw
23
29
  };
24
30
  const isInlined = obj => typeof (obj) === "object";
25
31
 
@@ -31,5 +37,5 @@ const loadThemeProperties = async (themeName) => {
31
37
  return (await fetch(themeUrlsByName[themeName])).json();
32
38
  }
33
39
 
34
- ["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_exp"]
40
+ ["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_dark", "sap_horizon_exp", "sap_horizon_hcb", "sap_horizon_hcw"]
35
41
  .forEach(themeName => registerThemePropertiesLoader("@ui5/webcomponents", themeName, loadThemeProperties));
@@ -10,7 +10,10 @@ const loadThemeProperties = async (themeName) => {
10
10
  case "sap_fiori_3_hcb": return (await import("../assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json")).default;
11
11
  case "sap_fiori_3_hcw": return (await import("../assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json")).default;
12
12
  case "sap_horizon": return (await import("../assets/themes/sap_horizon/parameters-bundle.css.json")).default;
13
+ case "sap_horizon_dark": return (await import("../assets/themes/sap_horizon_dark/parameters-bundle.css.json")).default;
13
14
  case "sap_horizon_exp": return (await import("../assets/themes/sap_horizon_exp/parameters-bundle.css.json")).default;
15
+ case "sap_horizon_hcb": return (await import("../assets/themes/sap_horizon_hcb/parameters-bundle.css.json")).default;
16
+ case "sap_horizon_hcw": return (await import("../assets/themes/sap_horizon_hcw/parameters-bundle.css.json")).default;
14
17
  default: throw "unknown theme"
15
18
  }
16
19
  }
@@ -23,5 +26,5 @@ const loadAndCheck = async (themeName) => {
23
26
  return data;
24
27
  }
25
28
 
26
- ["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_exp"]
29
+ ["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_dark", "sap_horizon_exp", "sap_horizon_hcb", "sap_horizon_hcw"]
27
30
  .forEach(themeName => registerThemePropertiesLoader("@ui5/webcomponents", themeName, loadAndCheck));
@@ -3,7 +3,7 @@ import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag
3
3
 
4
4
  const block0 = (context, tags, suffix) => html`<div class="ui5-avatar-group-root"><div class="ui5-avatar-group-items" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @focusin="${context._onfocusin}" tabindex="${ifDefined(context._groupTabIndex)}" @click="${context._onClick}" @ui5-click="${ifDefined(context._onUI5Click)}" aria-label="${ifDefined(context._ariaLabelText)}" role="${ifDefined(context._role)}" aria-haspopup="${ifDefined(context._containerAriaHasPopup)}"><slot></slot>${ context._customOverflowButton ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div></div>`;
5
5
  const block1 = (context, tags, suffix) => html`<slot name="overflowButton"></slot>`;
6
- const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} ._buttonAccInfo="${ifDefined(context._overflowButtonAccInfo)}" aria-label="${ifDefined(context._overflowButtonAriaLabelText)}" ?hidden="${context._overflowBtnHidden}" ?non-interactive=${context._isGroup} class="${classMap(context.classes.overflowButton)}">${ifDefined(context._overflowButtonText)}</${scopeTag("ui5-button", tags, suffix)}>`;
6
+ const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} .accessibilityAttributes="${ifDefined(context._overflowButtonAccAttributes)}" aria-label="${ifDefined(context._overflowButtonAriaLabelText)}" ?hidden="${context._overflowBtnHidden}" ?non-interactive=${context._isGroup} class="${classMap(context.classes.overflowButton)}">${ifDefined(context._overflowButtonText)}</${scopeTag("ui5-button", tags, suffix)}>`;
7
7
 
8
8
 
9
9
  export default block0;
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" with-padding _hide-header @keydown="${context._onkeydown}"><${scopeTag("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-selection-change="${ifDefined(context._onOverflowListItemSelect)}">${ repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-breadcrumbs-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">${ifDefined(context._cancelButtonText)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
4
+ const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><${scopeTag("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-selection-change="${ifDefined(context._onOverflowListItemSelect)}">${ repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-breadcrumbs-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">${ifDefined(context._cancelButtonText)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
5
5
  const block1 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li", tags, suffix)} id="${ifDefined(item._id)}-li" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("ui5-li", tags, suffix)}>`;
6
6
 
7
7
 
@@ -2,7 +2,7 @@
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
4
  const block0 = (context, tags, suffix) => html`<nav class="ui5-breadcrumbs-root" aria-label="${ifDefined(context._accessibleNameText)}"><ol @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><li class="ui5-breadcrumbs-dropdown-arrow-link-wrapper" ?hidden="${context._isOverflowEmpty}"><${scopeTag("ui5-link", tags, suffix)} @click="${context._openRespPopover}" accessible-role="button" aria-label="${ifDefined(context._dropdownArrowAccessibleNameText)}" aria-haspopup="${ifDefined(context._ariaHasPopup)}"><${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" title="${ifDefined(context._dropdownArrowAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}></${scopeTag("ui5-link", tags, suffix)}></li>${ repeat(context._linksData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }${ context._endsWithCurrentLocationLabel ? block2(context, tags, suffix) : undefined }</ol></nav>`;
5
- const block1 = (item, index, context, tags, suffix) => html`<li class="ui5-breadcrumbs-link-wrapper" @click="${context._onLinkPress}" id="${ifDefined(item._id)}-link-wrapper"><${scopeTag("ui5-link", tags, suffix)} href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" aria-label="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</${scopeTag("ui5-link", tags, suffix)}></li>`;
5
+ const block1 = (item, index, context, tags, suffix) => html`<li class="ui5-breadcrumbs-link-wrapper" id="${ifDefined(item._id)}-link-wrapper"><${scopeTag("ui5-link", tags, suffix)} @click="${context._onLinkPress}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" aria-label="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</${scopeTag("ui5-link", tags, suffix)}></li>`;
6
6
  const block2 = (context, tags, suffix) => html`<li class="ui5-breadcrumbs-current-location" @click="${context._onLabelPress}"><span id=${ifDefined(context._id)}-labelWrapper><${scopeTag("ui5-label", tags, suffix)} aria-current="page">${ifDefined(context._currentLocationText)}</${scopeTag("ui5-label", tags, suffix)}></span></li>`;
7
7
 
8
8
 
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref dir="${ifDefined(context.effectiveDir)}" @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${ifDefined(context.tabIndexValue)} aria-expanded="${ifDefined(context.accInfo.ariaExpanded)}" aria-controls="${ifDefined(context.accInfo.ariaControls)}" aria-haspopup="${ifDefined(context.accInfo.ariaHaspopup)}" aria-label="${ifDefined(context.ariaLabelText)}" title="${ifDefined(context.accInfo.title)}" part="button">${ context.icon ? block1(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${ context.hasButtonType ? block2(context, tags, suffix) : undefined }</button> `;
4
+ const block0 = (context, tags, suffix) => html`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref dir="${ifDefined(context.effectiveDir)}" @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${ifDefined(context.tabIndexValue)} aria-expanded="${ifDefined(context.accessibilityAttributes.expanded)}" aria-controls="${ifDefined(context.accessibilityAttributes.controls)}" aria-haspopup="${ifDefined(context.accessibilityAttributes.hasPopup)}" aria-label="${ifDefined(context.ariaLabelText)}" title="${ifDefined(context.tooltip)}" part="button">${ context.icon ? block1(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${ context.hasButtonType ? block2(context, tags, suffix) : undefined }</button> `;
5
5
  const block1 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${ifDefined(context.icon)}" part="icon" ?show-tooltip=${context.showIconTooltip}></${scopeTag("ui5-icon", tags, suffix)}>`;
6
6
  const block2 = (context, tags, suffix) => html`<span class="ui5-hidden-text">${ifDefined(context.buttonTypeText)}</span>`;
7
7
 
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<div class="ui5-cal-root" @keydown=${context._onkeydown}><div id="${ifDefined(context._id)}-content" class="ui5-cal-content"><${scopeTag("ui5-daypicker", tags, suffix)} id="${ifDefined(context._id)}-daypicker" ?hidden="${context._isDayPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isDayPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .selectionMode="${ifDefined(context.selectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" ?hide-week-numbers="${context.hideWeekNumbers}" @ui5-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-daypicker", tags, suffix)}><${scopeTag("ui5-monthpicker", tags, suffix)} id="${ifDefined(context._id)}-MP" ?hidden="${context._isMonthPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isMonthPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedMonthChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-monthpicker", tags, suffix)}><${scopeTag("ui5-yearpicker", tags, suffix)} id="${ifDefined(context._id)}-YP" ?hidden="${context._isYearPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isYearPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedYearChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-yearpicker", tags, suffix)}></div><!-- Positioned above the content due to flex-direction:column-reverse, but physically here for tab order to work --><${scopeTag("ui5-calendar-header", tags, suffix)} id="${ifDefined(context._id)}-head" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .buttonTextForSecondaryCalendarType="${ifDefined(context.secondaryCalendarTypeButtonText)}" timestamp="${ifDefined(context._timestamp)}" .isPrevButtonDisabled="${ifDefined(context._previousButtonDisabled)}" .isNextButtonDisabled="${ifDefined(context._nextButtonDisabled)}" .isMonthButtonHidden="${ifDefined(context._isHeaderMonthButtonHidden)}" ._monthButtonText="${ifDefined(context._headerMonthButtonText)}" ._yearButtonText="${ifDefined(context._headerYearButtonText)}" @ui5-previous-press="${ifDefined(context.onHeaderPreviousPress)}" @ui5-next-press="${ifDefined(context.onHeaderNextPress)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}"></${scopeTag("ui5-calendar-header", tags, suffix)}></div>`;
4
+ const block0 = (context, tags, suffix) => html`<div class="ui5-cal-root" @keydown=${context._onkeydown}><div id="${ifDefined(context._id)}-content" class="ui5-cal-content"><${scopeTag("ui5-daypicker", tags, suffix)} id="${ifDefined(context._id)}-daypicker" ?hidden="${context._isDayPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isDayPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .selectionMode="${ifDefined(context.selectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" ?hide-week-numbers="${context.hideWeekNumbers}" @ui5-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-daypicker", tags, suffix)}><${scopeTag("ui5-monthpicker", tags, suffix)} id="${ifDefined(context._id)}-MP" ?hidden="${context._isMonthPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isMonthPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedMonthChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-monthpicker", tags, suffix)}><${scopeTag("ui5-yearpicker", tags, suffix)} id="${ifDefined(context._id)}-YP" ?hidden="${context._isYearPickerHidden}" format-pattern="${ifDefined(context._formatPattern)}" .selectedDates="${ifDefined(context._selectedDatesTimestamps)}" ._hidden="${ifDefined(context._isYearPickerHidden)}" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" timestamp="${ifDefined(context._timestamp)}" @ui5-change="${ifDefined(context.onSelectedYearChange)}" @ui5-navigate="${ifDefined(context.onNavigate)}"></${scopeTag("ui5-yearpicker", tags, suffix)}></div><${scopeTag("ui5-calendar-header", tags, suffix)} id="${ifDefined(context._id)}-head" .primaryCalendarType="${ifDefined(context._primaryCalendarType)}" .secondaryCalendarType="${ifDefined(context.secondaryCalendarType)}" .buttonTextForSecondaryCalendarType="${ifDefined(context.secondaryCalendarTypeButtonText)}" timestamp="${ifDefined(context._timestamp)}" .isPrevButtonDisabled="${ifDefined(context._previousButtonDisabled)}" .isNextButtonDisabled="${ifDefined(context._nextButtonDisabled)}" .isMonthButtonHidden="${ifDefined(context._isHeaderMonthButtonHidden)}" ._monthButtonText="${ifDefined(context._headerMonthButtonText)}" ._yearButtonText="${ifDefined(context._headerYearButtonText)}" @ui5-previous-press="${ifDefined(context.onHeaderPreviousPress)}" @ui5-next-press="${ifDefined(context.onHeaderNextPress)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}"></${scopeTag("ui5-calendar-header", tags, suffix)}></div>`;
5
5
 
6
6
 
7
7
  export default block0;
@@ -3,14 +3,14 @@ import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag
3
3
 
4
4
  const block0 = (context, tags, suffix) => html`<section class="ui5-carousel-root" tabindex="0" role="listbox" aria-activedescendant="${ifDefined(context.ariaActiveDescendant)}" @focusin="${context._onfocusin}" @keydown=${context._onkeydown} @mouseout="${context._onmouseout}" @mouseover="${context._onmouseover}"><div class="${classMap(context.classes.viewport)}"><div class="${classMap(context.classes.content)}" style="${styleMap(context.styles.content)}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</div></div>${ context.arrows.content ? block2(context, tags, suffix) : undefined }${ context.renderNavigation ? block3(context, tags, suffix) : undefined }</div></section> `;
5
5
  const block1 = (item, index, context, tags, suffix) => html`<div id="${ifDefined(item.id)}" class="ui5-carousel-item ${ifDefined(item.classes)}" style="${styleMap(item.styles)}" role="option" aria-posinset="${ifDefined(item.posinset)}" aria-setsize="${ifDefined(item.setsize)}" part="item"><slot name="${ifDefined(item.item._individualSlot)}" tabindex="${ifDefined(item.tabIndex)}"></slot></div>`;
6
- const block2 = (context, tags, suffix) => html`<div class="ui5-carousel-navigation-arrows"><${scopeTag("ui5-button", tags, suffix)} arrow-back title="${ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} arrow-forward title="${ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></${scopeTag("ui5-button", tags, suffix)}></div>`;
6
+ const block2 = (context, tags, suffix) => html`<div class="ui5-carousel-navigation-arrows"><${scopeTag("ui5-button", tags, suffix)} arrow-back tooltip="${ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} arrow-forward tooltip="${ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></${scopeTag("ui5-button", tags, suffix)}></div>`;
7
7
  const block3 = (context, tags, suffix) => html`<div class="${classMap(context.classes.navigation)}">${ context.arrows.navigation ? block4(context, tags, suffix) : undefined }<div class="ui5-carousel-navigation">${ !context.hidePageIndicator ? block5(context, tags, suffix) : undefined }</div>${ context.arrows.navigation ? block9(context, tags, suffix) : undefined }</div>`;
8
- const block4 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} arrow-back title="${ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></${scopeTag("ui5-button", tags, suffix)}>`;
8
+ const block4 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} arrow-back tooltip="${ifDefined(context.previousPageText)}" class="ui5-carousel-navigation-button ${classMap(context.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${context.navigateLeft}></${scopeTag("ui5-button", tags, suffix)}>`;
9
9
  const block5 = (context, tags, suffix) => html`${ context.isPageTypeDots ? block6(context, tags, suffix) : block8(context, tags, suffix) }`;
10
10
  const block6 = (context, tags, suffix) => html`${ repeat(context.dots, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix)) }`;
11
11
  const block7 = (item, index, context, tags, suffix) => html`<div role="img" aria-label="${ifDefined(item.ariaLabel)}" ?active="${item.active}" class="ui5-carousel-navigation-dot"></div>`;
12
12
  const block8 = (context, tags, suffix) => html`<${scopeTag("ui5-label", tags, suffix)}>${ifDefined(context.selectedIndexToShow)}&nbsp;${ifDefined(context.ofText)}&nbsp;${ifDefined(context.pagesCount)}</${scopeTag("ui5-label", tags, suffix)}>`;
13
- const block9 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} arrow-forward title="${ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></${scopeTag("ui5-button", tags, suffix)}>`;
13
+ const block9 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} arrow-forward tooltip="${ifDefined(context.nextPageText)}" class="ui5-carousel-navigation-button ${classMap(context.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${context.navigateRight}></${scopeTag("ui5-button", tags, suffix)}>`;
14
14
 
15
15
 
16
16
  export default block0;
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${scopeTag("ui5-title", tags, suffix)} class="ui5-cp-title">${ifDefined(context._colorPaletteTitle)}</${scopeTag("ui5-title", tags, suffix)}></div><div><${scopeTag("ui5-color-palette", tags, suffix)} ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.defaultColor}" default-color="${ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(context.onSelectedColor)}">${ repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context.closePopover}">${ifDefined(context._cancelButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
4
+ const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${scopeTag("ui5-title", tags, suffix)} class="ui5-cp-title">${ifDefined(context._colorPaletteTitle)}</${scopeTag("ui5-title", tags, suffix)}></div><div><${scopeTag("ui5-color-palette", tags, suffix)} ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(context.onSelectedColor)}">${ repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context.closePopover}">${ifDefined(context._cancelButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
5
5
  const block1 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<section class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(context._hue)}" @ui5-input="${ifDefined(context._handleHueInput)}"></${scopeTag("ui5-slider", tags, suffix)}><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(context._alpha)}" @ui5-input="${ifDefined(context._handleAlphaInput)}"></${scopeTag("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${scopeTag("ui5-label", tags, suffix)}>Hex</${scopeTag("ui5-label", tags, suffix)}><${scopeTag("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${ifDefined(context.hex)}" @ui5-change="${ifDefined(context._handleHEXChange)}" value-state="${ifDefined(context.hexInputErrorState)}"></${scopeTag("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.r)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>R</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.g)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>G</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.b)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>B</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="alpha" disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(context._alpha)}" @ui5-input="${ifDefined(context._handleAlphaInput)}" @ui5-change="${ifDefined(context._handleAlphaChange)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>A</${scopeTag("ui5-label", tags, suffix)}></div></div></section>`;
4
+ const block0 = (context, tags, suffix) => html`<section class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(context._hue)}" @ui5-input="${ifDefined(context._handleHueInput)}"></${scopeTag("ui5-slider", tags, suffix)}><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(context._alpha)}" @ui5-input="${ifDefined(context._handleAlphaInput)}"></${scopeTag("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${scopeTag("ui5-label", tags, suffix)}>Hex</${scopeTag("ui5-label", tags, suffix)}><${scopeTag("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${ifDefined(context.hex)}" @keydown="${context._onkeydown}" @ui5-change="${ifDefined(context._handleHEXChange)}" value-state="${ifDefined(context.hexInputErrorState)}"></${scopeTag("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.r)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>R</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.g)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>G</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" value="${ifDefined(context._color.b)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>B</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="alpha" disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(context._alpha)}" @ui5-input="${ifDefined(context._handleAlphaInput)}" @ui5-change="${ifDefined(context._handleAlphaChange)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>A</${scopeTag("ui5-label", tags, suffix)}></div></div></section>`;
5
5
 
6
6
 
7
7
  export default block0;
@@ -14,7 +14,7 @@ const block9 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
14
14
  const block10 = (item, index, context, tags, suffix) => html`${ item.isGroupItem ? block11(item, index, context, tags, suffix) : block12(item, index, context, tags, suffix) }`;
15
15
  const block11 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li-groupheader", tags, suffix)}>`;
16
16
  const block12 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li", tags, suffix)} type="Active" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li", tags, suffix)}>`;
17
- const block13 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block14(context, tags, suffix) : block15(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
17
+ const block13 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block14(context, tags, suffix) : block15(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
18
18
  const block14 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
19
19
  const block15 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block16(item, index, context, tags, suffix)) }`;
20
20
  const block16 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
@@ -5,12 +5,12 @@ const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${
5
5
  const block1 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
6
6
  const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
7
7
  const block3 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
8
- const block4 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" title="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
8
+ const block4 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
9
9
  const block5 = (context, tags, suffix) => html`<div class="ui5-li-detailbtn"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
10
10
  const block6 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block7(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block8(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block9(context, tags, suffix) : undefined }`;
11
11
  const block7 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
12
12
  const block8 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
13
- const block9 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" title="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
13
+ const block9 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
14
14
 
15
15
 
16
16
  export default block0;
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(context._id)}-responsive-popover" allow-target-overlap stay-open-on-scroll placement-type="Bottom" horizontal-align="Left" ?disable-scrolling="${context._isIE}" hide-arrow with-padding ?_hide-header=${ifDefined(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${ifDefined(context.onResponsivePopoverAfterClose)}">${ context.showHeader ? block1(context, tags, suffix) : undefined }<${scopeTag("ui5-calendar", tags, suffix)} id="${ifDefined(context._id)}-calendar" primary-calendar-type="${ifDefined(context._primaryCalendarType)}" secondary-calendar-type="${ifDefined(context.secondaryCalendarType)}" format-pattern="${ifDefined(context._formatPattern)}" timestamp="${ifDefined(context._calendarTimestamp)}" .selectionMode="${ifDefined(context._calendarSelectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" @ui5-selected-dates-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${ifDefined(context._calendarCurrentPicker)}">${ repeat(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</${scopeTag("ui5-calendar", tags, suffix)}>${ context.showFooter ? block3(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}> `;
4
+ const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" ?disable-scrolling="${context._isIE}" hide-arrow ?_hide-header=${ifDefined(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${ifDefined(context.onResponsivePopoverAfterClose)}">${ context.showHeader ? block1(context, tags, suffix) : undefined }<${scopeTag("ui5-calendar", tags, suffix)} id="${ifDefined(context._id)}-calendar" primary-calendar-type="${ifDefined(context._primaryCalendarType)}" secondary-calendar-type="${ifDefined(context.secondaryCalendarType)}" format-pattern="${ifDefined(context._formatPattern)}" timestamp="${ifDefined(context._calendarTimestamp)}" .selectionMode="${ifDefined(context._calendarSelectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" @ui5-selected-dates-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${ifDefined(context._calendarCurrentPicker)}">${ repeat(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</${scopeTag("ui5-calendar", tags, suffix)}>${ context.showFooter ? block3(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}> `;
5
5
  const block1 = (context, tags, suffix) => html`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${ifDefined(context._headerTitleText)}</span><${scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context.closePicker}"></${scopeTag("ui5-button", tags, suffix)}></div></div>`;
6
6
  const block2 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-date", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-date", tags, suffix)}>`;
7
7
  const block3 = (context, tags, suffix) => html``;
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<div class="ui5-date-picker-root" style="${styleMap(context.styles.main)}"><!-- INPUT --><${scopeTag("ui5-input", tags, suffix)} id="${ifDefined(context._id)}-inner" class="ui5-date-picker-input" placeholder="${ifDefined(context._placeholder)}" type="${ifDefined(context.type)}" value="${ifDefined(context.value)}" ?disabled="${context.disabled}" ?required="${context.required}" ?readonly="${context.readonly}" value-state="${ifDefined(context.valueState)}" data-sap-focus-ref ._inputAccInfo ="${ifDefined(context.accInfo)}" @ui5-change="${ifDefined(context._onInputChange)}" @ui5-input="${ifDefined(context._onInputInput)}" @ui5-submit="${ifDefined(context._onInputSubmit)}" @keydown="${context._onkeydown}">${ context.valueStateMessage.length ? block1(context, tags, suffix) : undefined }${ !context.readonly ? block2(context, tags, suffix) : undefined }</${scopeTag("ui5-input", tags, suffix)}><slot name="formSupport"></slot></div>`;
4
+ const block0 = (context, tags, suffix) => html`<div class="ui5-date-picker-root" style="${styleMap(context.styles.main)}"><${scopeTag("ui5-input", tags, suffix)} id="${ifDefined(context._id)}-inner" class="ui5-date-picker-input" placeholder="${ifDefined(context._placeholder)}" type="${ifDefined(context.type)}" value="${ifDefined(context.value)}" ?disabled="${context.disabled}" ?required="${context.required}" ?readonly="${context.readonly}" value-state="${ifDefined(context.valueState)}" data-sap-focus-ref ._inputAccInfo ="${ifDefined(context.accInfo)}" @ui5-change="${ifDefined(context._onInputChange)}" @ui5-input="${ifDefined(context._onInputInput)}" @ui5-submit="${ifDefined(context._onInputSubmit)}" @keydown="${context._onkeydown}">${ context.valueStateMessage.length ? block1(context, tags, suffix) : undefined }${ !context.readonly ? block2(context, tags, suffix) : undefined }</${scopeTag("ui5-input", tags, suffix)}><slot name="formSupport"></slot></div>`;
5
5
  const block1 = (context, tags, suffix) => html`<slot name="valueStateMessage" slot="valueStateMessage"></slot>`;
6
6
  const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} slot="icon" name="${ifDefined(context.openIconName)}" tabindex="-1" accessible-name="${ifDefined(context.openIconTitle)}" show-tooltip @click="${context.togglePicker}" input-icon ?pressed="${context._isPickerOpen}" dir="${ifDefined(context.effectiveDir)}"></${scopeTag("ui5-icon", tags, suffix)}>`;
7
7
 
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(context._id)}-responsive-popover" allow-target-overlap stay-open-on-scroll placement-type="Bottom" horizontal-align="Left" ?disable-scrolling="${context._isIE}" hide-arrow with-padding ?_hide-header=${ifDefined(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${ifDefined(context.onResponsivePopoverAfterClose)}">${ context.showHeader ? block1(context, tags, suffix) : undefined }<div class="ui5-dt-picker-content ${classMap(context.classes.picker)}"><${scopeTag("ui5-calendar", tags, suffix)} class="ui5-dt-cal ${classMap(context.classes.dateTimeView)}" id="${ifDefined(context._id)}-calendar" primary-calendar-type="${ifDefined(context._primaryCalendarType)}" format-pattern="${ifDefined(context._formatPattern)}" timestamp="${ifDefined(context._calendarTimestamp)}" .selectionMode="${ifDefined(context._calendarSelectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" @ui5-selected-dates-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${ifDefined(context._calendarCurrentPicker)}">${ repeat(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }</${scopeTag("ui5-calendar", tags, suffix)}>${ !context.phone ? block4(context, tags, suffix) : undefined }<${scopeTag("ui5-time-selection", tags, suffix)} id="${ifDefined(context._id)}-time-sel" class="ui5-dt-time ${classMap(context.classes.dateTimeView)}" value="${ifDefined(context._timeSelectionValue)}" format-pattern="${ifDefined(context._formatPattern)}" ._currentSlider="${ifDefined(context._currentTimeSlider)}" @ui5-change="${ifDefined(context.onTimeSelectionChange)}" @ui5-slider-change="${ifDefined(context.onTimeSliderChange)}"></${scopeTag("ui5-time-selection", tags, suffix)}></div>${ context.showFooter ? block5(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}> `;
4
+ const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(context._id)}-responsive-popover" allow-target-overlap placement-type="Bottom" horizontal-align="Left" ?disable-scrolling="${context._isIE}" hide-arrow ?_hide-header=${ifDefined(context._shouldHideHeader)} @keydown="${context._onkeydown}" @ui5-after-close="${ifDefined(context.onResponsivePopoverAfterClose)}">${ context.showHeader ? block1(context, tags, suffix) : undefined }<div class="ui5-dt-picker-content ${classMap(context.classes.picker)}"><${scopeTag("ui5-calendar", tags, suffix)} class="ui5-dt-cal ${classMap(context.classes.dateTimeView)}" id="${ifDefined(context._id)}-calendar" primary-calendar-type="${ifDefined(context._primaryCalendarType)}" format-pattern="${ifDefined(context._formatPattern)}" timestamp="${ifDefined(context._calendarTimestamp)}" .selectionMode="${ifDefined(context._calendarSelectionMode)}" .minDate="${ifDefined(context.minDate)}" .maxDate="${ifDefined(context.maxDate)}" @ui5-selected-dates-change="${ifDefined(context.onSelectedDatesChange)}" @ui5-show-month-press="${ifDefined(context.onHeaderShowMonthPress)}" @ui5-show-year-press="${ifDefined(context.onHeaderShowYearPress)}" ?hide-week-numbers="${context.hideWeekNumbers}" ._currentPicker="${ifDefined(context._calendarCurrentPicker)}">${ repeat(context._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }</${scopeTag("ui5-calendar", tags, suffix)}>${ !context.phone ? block4(context, tags, suffix) : undefined }<${scopeTag("ui5-time-selection", tags, suffix)} id="${ifDefined(context._id)}-time-sel" class="ui5-dt-time ${classMap(context.classes.dateTimeView)}" value="${ifDefined(context._timeSelectionValue)}" format-pattern="${ifDefined(context._formatPattern)}" ._currentSlider="${ifDefined(context._currentTimeSlider)}" @ui5-change="${ifDefined(context.onTimeSelectionChange)}" @ui5-slider-change="${ifDefined(context.onTimeSliderChange)}"></${scopeTag("ui5-time-selection", tags, suffix)}></div>${ context.showFooter ? block5(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}> `;
5
5
  const block1 = (context, tags, suffix) => html`${ context.phone ? block2(context, tags, suffix) : undefined }`;
6
6
  const block2 = (context, tags, suffix) => html`<div class="ui5-dt-picker-header"><${scopeTag("ui5-segmented-button", tags, suffix)} class="ui5-dt-picker-toggle-button"><${scopeTag("ui5-toggle-button", tags, suffix)} key="Date" ?pressed="${context.showDateView}" @click="${context._dateTimeSwitchChange}">${ifDefined(context.btnDateLabel)}</${scopeTag("ui5-toggle-button", tags, suffix)}><${scopeTag("ui5-toggle-button", tags, suffix)} key="Time" ?pressed="${context.showTimeView}" @click="${context._dateTimeSwitchChange}">${ifDefined(context.btnTimeLabel)}</${scopeTag("ui5-toggle-button", tags, suffix)}></${scopeTag("ui5-segmented-button", tags, suffix)}></div>`;
7
7
  const block3 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-date", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-date", tags, suffix)}>`;
@@ -1,11 +1,11 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<section style="${styleMap(context.styles.root)}" class="${classMap(context.classes.root)}" role="dialog" aria-modal="${ifDefined(context._ariaModal)}" aria-label="${ifDefined(context._ariaLabel)}" aria-labelledby="${ifDefined(context._ariaLabelledBy)}" dir="${ifDefined(context.effectiveDir)}" @keydown=${context._onkeydown} @focusout=${context._onfocusout} @mouseup=${context._onmouseup} @mousedown=${context._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToLast}></span>${ context._displayHeader ? block1(context, tags, suffix) : undefined }<div style="${styleMap(context.styles.content)}" class="${classMap(context.classes.content)}" @scroll="${context._scroll}"><slot></slot></div>${ context.footer.length ? block4(context, tags, suffix) : undefined }${ context._showResizeHandle ? block5(context, tags, suffix) : undefined }<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section> `;
5
- const block1 = (context, tags, suffix) => html`<header class="ui5-popup-header-root" id="ui5-popup-header" tabindex="${ifDefined(context._headerTabIndex)}" @keydown="${context._onDragOrResizeKeyDown}" @mousedown="${context._onDragMouseDown}">${ context.header.length ? block2(context, tags, suffix) : block3(context, tags, suffix) }</header>`;
4
+ const block0 = (context, tags, suffix) => html`<section style="${styleMap(context.styles.root)}" class="${classMap(context.classes.root)}" role="dialog" aria-modal="${ifDefined(context._ariaModal)}" aria-label="${ifDefined(context._ariaLabel)}" aria-labelledby="${ifDefined(context._ariaLabelledBy)}" dir="${ifDefined(context.effectiveDir)}" @keydown=${context._onkeydown} @focusout=${context._onfocusout} @mouseup=${context._onmouseup} @mousedown=${context._onmousedown}><span class="first-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToLast}></span>${ context._displayHeader ? block1(context, tags, suffix) : undefined }<div style="${styleMap(context.styles.content)}" class="${classMap(context.classes.content)}" @scroll="${context._scroll}" part="content"><slot></slot></div>${ context.footer.length ? block4(context, tags, suffix) : undefined }${ context._showResizeHandle ? block5(context, tags, suffix) : undefined }<span class="last-fe" data-ui5-focus-trap tabindex="0" @focusin=${context.forwardToFirst}></span></section> `;
5
+ const block1 = (context, tags, suffix) => html`<header class="ui5-popup-header-root" id="ui5-popup-header" tabindex="${ifDefined(context._headerTabIndex)}" @keydown="${context._onDragOrResizeKeyDown}" @mousedown="${context._onDragMouseDown}" part="header">${ context.header.length ? block2(context, tags, suffix) : block3(context, tags, suffix) }</header>`;
6
6
  const block2 = (context, tags, suffix) => html`<slot name="header"></slot>`;
7
7
  const block3 = (context, tags, suffix) => html`<h2 id="ui5-popup-header-text" class="ui5-popup-header-text">${ifDefined(context.headerText)}</h2>`;
8
- const block4 = (context, tags, suffix) => html`<footer class="ui5-popup-footer-root"><slot name="footer"></slot></footer>`;
8
+ const block4 = (context, tags, suffix) => html`<footer class="ui5-popup-footer-root" part="footer"><slot name="footer"></slot></footer>`;
9
9
  const block5 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} name="resize-corner" dir="${ifDefined(context.effectiveDir)}" class="ui5-popup-resize-handle" @mousedown="${context._onResizeMouseDown}"></${scopeTag("ui5-icon", tags, suffix)}>`;
10
10
 
11
11