@ui5/webcomponents 1.15.1 → 1.16.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (453) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/LICENSE.txt +201 -0
  3. package/dist/FileUploader.d.ts +2 -1
  4. package/dist/FileUploader.js.map +1 -1
  5. package/dist/List.js +5 -1
  6. package/dist/List.js.map +1 -1
  7. package/dist/ProgressIndicator.d.ts +10 -0
  8. package/dist/ProgressIndicator.js +3 -0
  9. package/dist/ProgressIndicator.js.map +1 -1
  10. package/dist/Tab.d.ts +1 -0
  11. package/dist/Tab.js +6 -0
  12. package/dist/Tab.js.map +1 -1
  13. package/dist/TabSeparator.js.map +1 -1
  14. package/dist/api.json +1 -1
  15. package/dist/assets/messagebundle_ar.8f003fc0.js +1 -0
  16. package/dist/assets/{messagebundle_bg.d3de38e8.js → messagebundle_bg.9ff1b6f7.js} +1 -1
  17. package/dist/assets/messagebundle_ca.466e4a79.js +1 -0
  18. package/dist/assets/messagebundle_cs.36465c55.js +1 -0
  19. package/dist/assets/{messagebundle_cy.f17e97a8.js → messagebundle_cy.2fb5cdfe.js} +1 -1
  20. package/dist/assets/messagebundle_da.a12b113c.js +1 -0
  21. package/dist/assets/messagebundle_de.be906091.js +1 -0
  22. package/dist/assets/messagebundle_el.71cab461.js +1 -0
  23. package/dist/assets/messagebundle_es.9ebe094d.js +1 -0
  24. package/dist/assets/messagebundle_es_MX.288df73a.js +1 -0
  25. package/dist/assets/messagebundle_et.9982f6ab.js +1 -0
  26. package/dist/assets/messagebundle_fi.25f7adf5.js +1 -0
  27. package/dist/assets/messagebundle_fr.e156ec79.js +1 -0
  28. package/dist/assets/messagebundle_fr_CA.f1ed7b62.js +1 -0
  29. package/dist/assets/messagebundle_hi.738d393d.js +1 -0
  30. package/dist/assets/{messagebundle_hr.51dca98d.js → messagebundle_hr.cabca13a.js} +1 -1
  31. package/dist/assets/messagebundle_hu.c7ad15af.js +1 -0
  32. package/dist/assets/messagebundle_it.c78e0d70.js +1 -0
  33. package/dist/assets/messagebundle_iw.76edb3ae.js +1 -0
  34. package/dist/assets/messagebundle_ja.64f780d2.js +1 -0
  35. package/dist/assets/messagebundle_kk.3f5c2564.js +1 -0
  36. package/dist/assets/messagebundle_ko.6e922d42.js +1 -0
  37. package/dist/assets/messagebundle_lt.042630fb.js +1 -0
  38. package/dist/assets/messagebundle_lv.0ea7d632.js +1 -0
  39. package/dist/assets/messagebundle_ms.33aa74c3.js +1 -0
  40. package/dist/assets/messagebundle_nl.b4d1aee5.js +1 -0
  41. package/dist/assets/messagebundle_no.29655ced.js +1 -0
  42. package/dist/assets/{messagebundle_pl.473d42fa.js → messagebundle_pl.c1c9d156.js} +1 -1
  43. package/dist/assets/messagebundle_pt.5b3f9f66.js +1 -0
  44. package/dist/assets/messagebundle_pt_PT.dd525495.js +1 -0
  45. package/dist/assets/messagebundle_ro.2c0a7e52.js +1 -0
  46. package/dist/assets/messagebundle_ru.e4116d50.js +1 -0
  47. package/dist/assets/{messagebundle_sh.cc8fa481.js → messagebundle_sh.4c88d9a8.js} +1 -1
  48. package/dist/assets/messagebundle_sk.37bc22fd.js +1 -0
  49. package/dist/assets/messagebundle_sl.96cd12a7.js +1 -0
  50. package/dist/assets/messagebundle_sv.60da1ace.js +1 -0
  51. package/dist/assets/messagebundle_th.fcc3f996.js +1 -0
  52. package/dist/assets/messagebundle_tr.0cf52130.js +1 -0
  53. package/dist/assets/messagebundle_uk.c10c1dfd.js +1 -0
  54. package/dist/assets/messagebundle_vi.589ad9cc.js +1 -0
  55. package/dist/assets/messagebundle_zh_CN.cd32cbb8.js +1 -0
  56. package/dist/assets/messagebundle_zh_TW.46975e5a.js +1 -0
  57. package/dist/assets/{parameters-bundle.css.113b138f.js → parameters-bundle.css.13511e8e.js} +10 -11
  58. package/dist/assets/{parameters-bundle.css.a9684a33.js → parameters-bundle.css.169ca31c.js} +10 -11
  59. package/dist/assets/{parameters-bundle.css.cbf2d54e.js → parameters-bundle.css.32fe7583.js} +10 -14
  60. package/dist/assets/{parameters-bundle.css.38f3f1ec.js → parameters-bundle.css.38cb80ec.js} +11 -11
  61. package/dist/assets/{parameters-bundle.css.22703d74.js → parameters-bundle.css.3bf8316f.js} +10 -10
  62. package/dist/assets/{parameters-bundle.css.3e91895e.js → parameters-bundle.css.7d4be06d.js} +10 -11
  63. package/dist/assets/{parameters-bundle.css.286f2f43.js → parameters-bundle.css.b2aa72d6.js} +10 -11
  64. package/dist/assets/{parameters-bundle.css.524141f6.js → parameters-bundle.css.b8ce3a86.js} +25 -24
  65. package/dist/assets/{parameters-bundle.css.2f291cba.js → parameters-bundle.css.bf7d5006.js} +25 -24
  66. package/dist/assets/{parameters-bundle.css.507d64e4.js → parameters-bundle.css.c33b3381.js} +18 -11
  67. package/dist/assets/{parameters-bundle.css.142a4e2c.js → parameters-bundle.css.e43900d4.js} +31 -15
  68. package/dist/assets/{parameters-bundle.css.3f8b081a.js → parameters-bundle.css.f9f9a3af.js} +10 -10
  69. package/dist/assets/test/pages/ComboBox.html.08f25321.js +1 -0
  70. package/dist/assets/test/pages/Icon.html.99274700.js +1 -0
  71. package/dist/assets/test/pages/Label.html.2a3495d8.js +4 -0
  72. package/dist/assets/test/pages/Popups.html.8f3b1dcf.js +1 -0
  73. package/dist/css/themes/ListItem.css +1 -1
  74. package/dist/css/themes/TabContainer.css +1 -1
  75. package/dist/css/themes/TabInOverflow.css +1 -1
  76. package/dist/css/themes/TabInStrip.css +1 -1
  77. package/dist/css/themes/Token.css +1 -1
  78. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  79. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  80. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  81. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  82. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  83. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  84. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  85. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  86. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  87. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  88. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  89. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  90. package/dist/custom-elements.json +1 -1
  91. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  92. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  93. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  94. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  95. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  96. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  97. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  98. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  99. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  100. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  101. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  102. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  103. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  104. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  105. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  106. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  107. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  108. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  109. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  110. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  111. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  112. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  113. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  114. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  115. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  116. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  117. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  118. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  119. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  120. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  121. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  122. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  123. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  124. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  125. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  126. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  127. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  128. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  129. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  130. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  131. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  132. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  133. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  134. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  135. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  136. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  137. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  138. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  139. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  140. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  141. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  142. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  143. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  144. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  145. package/dist/generated/templates/ProgressIndicatorTemplate.lit.js +1 -1
  146. package/dist/generated/templates/ProgressIndicatorTemplate.lit.js.map +1 -1
  147. package/dist/generated/templates/TabInStripTemplate.lit.js +1 -1
  148. package/dist/generated/templates/TabInStripTemplate.lit.js.map +1 -1
  149. package/dist/generated/themes/ListItem.css.js +1 -1
  150. package/dist/generated/themes/ListItem.css.js.map +1 -1
  151. package/dist/generated/themes/TabContainer.css.js +1 -1
  152. package/dist/generated/themes/TabContainer.css.js.map +1 -1
  153. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  154. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  155. package/dist/generated/themes/TabInStrip.css.js +1 -1
  156. package/dist/generated/themes/TabInStrip.css.js.map +1 -1
  157. package/dist/generated/themes/Token.css.js +1 -1
  158. package/dist/generated/themes/Token.css.js.map +1 -1
  159. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  160. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  161. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  162. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  163. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  164. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  165. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  166. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  167. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  168. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  169. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  170. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  171. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  172. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  173. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  174. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  175. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  176. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  177. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  178. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  179. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  180. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  181. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  182. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  183. package/dist/i18n/messagebundle_ar.properties +1 -1
  184. package/dist/i18n/messagebundle_bg.properties +1 -1
  185. package/dist/i18n/messagebundle_ca.properties +1 -1
  186. package/dist/i18n/messagebundle_cs.properties +1 -1
  187. package/dist/i18n/messagebundle_cy.properties +1 -1
  188. package/dist/i18n/messagebundle_da.properties +1 -1
  189. package/dist/i18n/messagebundle_de.properties +1 -1
  190. package/dist/i18n/messagebundle_el.properties +1 -1
  191. package/dist/i18n/messagebundle_es.properties +1 -1
  192. package/dist/i18n/messagebundle_es_MX.properties +1 -1
  193. package/dist/i18n/messagebundle_et.properties +1 -1
  194. package/dist/i18n/messagebundle_fi.properties +1 -1
  195. package/dist/i18n/messagebundle_fr.properties +1 -1
  196. package/dist/i18n/messagebundle_fr_CA.properties +1 -1
  197. package/dist/i18n/messagebundle_hi.properties +1 -1
  198. package/dist/i18n/messagebundle_hr.properties +1 -1
  199. package/dist/i18n/messagebundle_hu.properties +1 -1
  200. package/dist/i18n/messagebundle_id.properties +1 -1
  201. package/dist/i18n/messagebundle_it.properties +1 -1
  202. package/dist/i18n/messagebundle_iw.properties +1 -1
  203. package/dist/i18n/messagebundle_ja.properties +1 -1
  204. package/dist/i18n/messagebundle_kk.properties +1 -1
  205. package/dist/i18n/messagebundle_ko.properties +1 -1
  206. package/dist/i18n/messagebundle_lt.properties +1 -1
  207. package/dist/i18n/messagebundle_lv.properties +1 -1
  208. package/dist/i18n/messagebundle_ms.properties +1 -1
  209. package/dist/i18n/messagebundle_nl.properties +1 -1
  210. package/dist/i18n/messagebundle_no.properties +1 -1
  211. package/dist/i18n/messagebundle_pl.properties +1 -1
  212. package/dist/i18n/messagebundle_pt.properties +1 -1
  213. package/dist/i18n/messagebundle_pt_PT.properties +1 -1
  214. package/dist/i18n/messagebundle_ro.properties +1 -1
  215. package/dist/i18n/messagebundle_ru.properties +1 -1
  216. package/dist/i18n/messagebundle_sh.properties +1 -1
  217. package/dist/i18n/messagebundle_sk.properties +1 -1
  218. package/dist/i18n/messagebundle_sl.properties +1 -1
  219. package/dist/i18n/messagebundle_sv.properties +1 -1
  220. package/dist/i18n/messagebundle_th.properties +1 -1
  221. package/dist/i18n/messagebundle_tr.properties +1 -1
  222. package/dist/i18n/messagebundle_uk.properties +1 -1
  223. package/dist/i18n/messagebundle_vi.properties +1 -1
  224. package/dist/i18n/messagebundle_zh_CN.properties +1 -1
  225. package/dist/i18n/messagebundle_zh_TW.properties +1 -1
  226. package/dist/test/pages/72override.html +33 -0
  227. package/dist/test/pages/AnimanitionOff.html +52 -0
  228. package/dist/test/pages/Avatar.html +264 -0
  229. package/dist/test/pages/AvatarGroup.html +376 -0
  230. package/dist/test/pages/Badge.html +75 -0
  231. package/dist/test/pages/Breadcrumbs.html +239 -0
  232. package/dist/test/pages/BusyIndicator.html +278 -0
  233. package/dist/test/pages/Button.html +280 -0
  234. package/dist/test/pages/Calendar.html +103 -0
  235. package/dist/test/pages/Card.html +348 -0
  236. package/dist/test/pages/Carousel.html +613 -0
  237. package/dist/test/pages/CheckBox.html +90 -0
  238. package/dist/test/pages/ColorPalette.html +126 -0
  239. package/dist/test/pages/ColorPalettePopover.html +141 -0
  240. package/dist/test/pages/ColorPicker.html +66 -0
  241. package/dist/test/pages/ComboBox.html +302 -0
  242. package/dist/test/pages/Components.html +106 -0
  243. package/dist/test/pages/CoreControls.html +203 -0
  244. package/dist/test/pages/CoreControls_exp.html +203 -0
  245. package/dist/test/pages/CustomCSS.html +55 -0
  246. package/dist/test/pages/DatePicker.html +211 -0
  247. package/dist/test/pages/DatePicker_test_page.html +109 -0
  248. package/dist/test/pages/DateRangePicker.html +67 -0
  249. package/dist/test/pages/DateTimePicker.html +199 -0
  250. package/dist/test/pages/DateTimePicker_Timezone.html +72 -0
  251. package/dist/test/pages/DayPicker.html +37 -0
  252. package/dist/test/pages/Dialog.html +813 -0
  253. package/dist/test/pages/DialogLifecycle.html +62 -0
  254. package/dist/test/pages/DialogSemantic.html +58 -0
  255. package/dist/test/pages/Eventing.html +33 -0
  256. package/dist/test/pages/F6Test1.html +42 -0
  257. package/dist/test/pages/F6Test2.html +42 -0
  258. package/dist/test/pages/F6Test3.html +39 -0
  259. package/dist/test/pages/F6Test4.html +46 -0
  260. package/dist/test/pages/F6Test5.html +42 -0
  261. package/dist/test/pages/F6Test6.html +39 -0
  262. package/dist/test/pages/F6Test7.html +36 -0
  263. package/dist/test/pages/FileUploader.html +138 -0
  264. package/dist/test/pages/FontFace.html +21 -0
  265. package/dist/test/pages/FormComponents.html +76 -0
  266. package/dist/test/pages/FormSupport.html +59 -0
  267. package/dist/test/pages/HCB.html +45 -0
  268. package/dist/test/pages/Icon.html +278 -0
  269. package/dist/test/pages/Icon_and_theming.html +67 -0
  270. package/dist/test/pages/Icon_custom.html +26 -0
  271. package/dist/test/pages/Input.html +731 -0
  272. package/dist/test/pages/InputFieldLabels.html +355 -0
  273. package/dist/test/pages/InputFieldMinWidth.html +230 -0
  274. package/dist/test/pages/InputIcons.html +80 -0
  275. package/dist/test/pages/Input_quickview.html +204 -0
  276. package/dist/test/pages/InputsAlignment.html +131 -0
  277. package/dist/test/pages/InputsLazyLoading.html +244 -0
  278. package/dist/test/pages/ItemNavigation.html +94 -0
  279. package/dist/test/pages/Kitchen.html +637 -0
  280. package/dist/test/pages/Kitchen.openui5.html +571 -0
  281. package/dist/test/pages/Label.html +192 -0
  282. package/dist/test/pages/Link.html +201 -0
  283. package/dist/test/pages/List.html +465 -0
  284. package/dist/test/pages/ListGrowing_Button.html +64 -0
  285. package/dist/test/pages/ListGrowing_Scroll.html +93 -0
  286. package/dist/test/pages/List_keyboard_support.html +130 -0
  287. package/dist/test/pages/List_test_page.html +430 -0
  288. package/dist/test/pages/LitKeyFunction.html +40 -0
  289. package/dist/test/pages/MemoryLeak.html +78 -0
  290. package/dist/test/pages/Menu.html +161 -0
  291. package/dist/test/pages/MessagePage.html +39 -0
  292. package/dist/test/pages/MessageStrip.html +55 -0
  293. package/dist/test/pages/MultiComboBox.html +500 -0
  294. package/dist/test/pages/MultiInput.html +485 -0
  295. package/dist/test/pages/MultiInput_Suggestions.html +161 -0
  296. package/dist/test/pages/OpenUI5-second.html +60 -0
  297. package/dist/test/pages/OpenUI5.html +104 -0
  298. package/dist/test/pages/OpenUI5Nightly.html +83 -0
  299. package/dist/test/pages/Panel.html +226 -0
  300. package/dist/test/pages/Popover.html +658 -0
  301. package/dist/test/pages/PopoverArrowBounds.html +52 -0
  302. package/dist/test/pages/Popups.html +131 -0
  303. package/dist/test/pages/ProgressIndicator.html +154 -0
  304. package/dist/test/pages/RTL.html +118 -0
  305. package/dist/test/pages/RadioButton.html +201 -0
  306. package/dist/test/pages/RangeSlider.html +96 -0
  307. package/dist/test/pages/RatingIndicator.html +117 -0
  308. package/dist/test/pages/ResizeHandler.html +74 -0
  309. package/dist/test/pages/ResponsivePopover.html +267 -0
  310. package/dist/test/pages/SegmentedButton.html +151 -0
  311. package/dist/test/pages/Select.html +272 -0
  312. package/dist/test/pages/Simple.html +25 -0
  313. package/dist/test/pages/Slider.html +79 -0
  314. package/dist/test/pages/SplitButton.html +127 -0
  315. package/dist/test/pages/StepInput.html +189 -0
  316. package/dist/test/pages/Switch.html +97 -0
  317. package/dist/test/pages/TabContainer.html +904 -0
  318. package/dist/test/pages/Table-perf-pure.html +73 -0
  319. package/dist/test/pages/Table-perf.html +76 -0
  320. package/dist/test/pages/Table.html +2808 -0
  321. package/dist/test/pages/Table2.html +53 -0
  322. package/dist/test/pages/TableAllPopin.html +228 -0
  323. package/dist/test/pages/TableCustomStyling.html +89 -0
  324. package/dist/test/pages/TableGrouping.html +109 -0
  325. package/dist/test/pages/TableGrowingWithButton.html +805 -0
  326. package/dist/test/pages/TableGrowingWithScroll.html +801 -0
  327. package/dist/test/pages/TableSelection.html +445 -0
  328. package/dist/test/pages/Test.html +15 -0
  329. package/dist/test/pages/TextArea.html +222 -0
  330. package/dist/test/pages/TimePicker.html +89 -0
  331. package/dist/test/pages/TimePickerClock.html +90 -0
  332. package/dist/test/pages/TimeSelection.html +31 -0
  333. package/dist/test/pages/TimeSelectionClocks.html +64 -0
  334. package/dist/test/pages/Title.html +60 -0
  335. package/dist/test/pages/Toast.html +111 -0
  336. package/dist/test/pages/ToggleButton.html +71 -0
  337. package/dist/test/pages/Tokenizer.html +91 -0
  338. package/dist/test/pages/Tree.html +307 -0
  339. package/dist/test/pages/TreeDynamic.html +56 -0
  340. package/dist/test/pages/WheelSlider_Test_Page.html +26 -0
  341. package/dist/test/pages/base/AriaLabelHelper.html +334 -0
  342. package/dist/test/pages/base/DOMObserver.html +20 -0
  343. package/dist/test/pages/base/IconCollection.html +23 -0
  344. package/dist/test/pages/base/IconCollectionInCustomTheme.html +25 -0
  345. package/dist/test/pages/base/IgnoreCustomElements.html +26 -0
  346. package/dist/test/pages/base/InvisibleMessage.html +44 -0
  347. package/dist/test/pages/form.html +123 -0
  348. package/dist/test/pages/i18n-defaultLang.html +31 -0
  349. package/dist/test/pages/i18n-demo.html +79 -0
  350. package/package.json +9 -8
  351. package/src/ProgressIndicator.hbs +1 -0
  352. package/src/TabInStrip.hbs +1 -0
  353. package/src/i18n/messagebundle_ar.properties +1 -1
  354. package/src/i18n/messagebundle_bg.properties +1 -1
  355. package/src/i18n/messagebundle_ca.properties +1 -1
  356. package/src/i18n/messagebundle_cs.properties +1 -1
  357. package/src/i18n/messagebundle_cy.properties +1 -1
  358. package/src/i18n/messagebundle_da.properties +1 -1
  359. package/src/i18n/messagebundle_de.properties +1 -1
  360. package/src/i18n/messagebundle_el.properties +1 -1
  361. package/src/i18n/messagebundle_es.properties +1 -1
  362. package/src/i18n/messagebundle_es_MX.properties +1 -1
  363. package/src/i18n/messagebundle_et.properties +1 -1
  364. package/src/i18n/messagebundle_fi.properties +1 -1
  365. package/src/i18n/messagebundle_fr.properties +1 -1
  366. package/src/i18n/messagebundle_fr_CA.properties +1 -1
  367. package/src/i18n/messagebundle_hi.properties +1 -1
  368. package/src/i18n/messagebundle_hr.properties +1 -1
  369. package/src/i18n/messagebundle_hu.properties +1 -1
  370. package/src/i18n/messagebundle_id.properties +1 -1
  371. package/src/i18n/messagebundle_it.properties +1 -1
  372. package/src/i18n/messagebundle_iw.properties +1 -1
  373. package/src/i18n/messagebundle_ja.properties +1 -1
  374. package/src/i18n/messagebundle_kk.properties +1 -1
  375. package/src/i18n/messagebundle_ko.properties +1 -1
  376. package/src/i18n/messagebundle_lt.properties +1 -1
  377. package/src/i18n/messagebundle_lv.properties +1 -1
  378. package/src/i18n/messagebundle_ms.properties +1 -1
  379. package/src/i18n/messagebundle_nl.properties +1 -1
  380. package/src/i18n/messagebundle_no.properties +1 -1
  381. package/src/i18n/messagebundle_pl.properties +1 -1
  382. package/src/i18n/messagebundle_pt.properties +1 -1
  383. package/src/i18n/messagebundle_pt_PT.properties +1 -1
  384. package/src/i18n/messagebundle_ro.properties +1 -1
  385. package/src/i18n/messagebundle_ru.properties +1 -1
  386. package/src/i18n/messagebundle_sh.properties +1 -1
  387. package/src/i18n/messagebundle_sk.properties +1 -1
  388. package/src/i18n/messagebundle_sl.properties +1 -1
  389. package/src/i18n/messagebundle_sv.properties +1 -1
  390. package/src/i18n/messagebundle_th.properties +1 -1
  391. package/src/i18n/messagebundle_tr.properties +1 -1
  392. package/src/i18n/messagebundle_uk.properties +1 -1
  393. package/src/i18n/messagebundle_vi.properties +1 -1
  394. package/src/i18n/messagebundle_zh_CN.properties +1 -1
  395. package/src/i18n/messagebundle_zh_TW.properties +1 -1
  396. package/src/themes/ListItem.css +0 -1
  397. package/src/themes/TabContainer.css +8 -1
  398. package/src/themes/TabInOverflow.css +0 -1
  399. package/src/themes/TabInStrip.css +50 -44
  400. package/src/themes/Token.css +7 -8
  401. package/src/themes/base/TabContainer-parameters.css +8 -6
  402. package/src/themes/base/Token-parameters.css +1 -3
  403. package/src/themes/base/sizes-parameters.css +1 -1
  404. package/src/themes/sap_belize_hcb/TabContainer-parameters.css +0 -1
  405. package/src/themes/sap_belize_hcw/TabContainer-parameters.css +0 -1
  406. package/src/themes/sap_fiori_3_hcb/TabContainer-parameters.css +0 -1
  407. package/src/themes/sap_fiori_3_hcw/TabContainer-parameters.css +0 -1
  408. package/src/themes/sap_horizon/TabContainer-parameters.css +7 -0
  409. package/src/themes/sap_horizon/Token-parameters.css +1 -1
  410. package/src/themes/sap_horizon_dark/TabContainer-parameters.css +20 -4
  411. package/src/themes/sap_horizon_dark/Token-parameters.css +1 -1
  412. package/src/themes/sap_horizon_exp/TabContainer-parameters.css +0 -4
  413. package/src/themes/sap_horizon_hcb/TabContainer-parameters.css +14 -10
  414. package/src/themes/sap_horizon_hcb/Token-parameters.css +1 -4
  415. package/src/themes/sap_horizon_hcw/TabContainer-parameters.css +14 -10
  416. package/src/themes/sap_horizon_hcw/Token-parameters.css +1 -4
  417. package/dist/assets/messagebundle_ar.89f785bc.js +0 -1
  418. package/dist/assets/messagebundle_ca.9004e476.js +0 -1
  419. package/dist/assets/messagebundle_cs.610334fa.js +0 -1
  420. package/dist/assets/messagebundle_da.1bb73130.js +0 -1
  421. package/dist/assets/messagebundle_de.32e39742.js +0 -1
  422. package/dist/assets/messagebundle_el.10dce9af.js +0 -1
  423. package/dist/assets/messagebundle_es.c1fe5985.js +0 -1
  424. package/dist/assets/messagebundle_es_MX.2f8e550c.js +0 -1
  425. package/dist/assets/messagebundle_et.e26ea1a0.js +0 -1
  426. package/dist/assets/messagebundle_fi.fbf9e68d.js +0 -1
  427. package/dist/assets/messagebundle_fr.7fe3db6c.js +0 -1
  428. package/dist/assets/messagebundle_fr_CA.25b32600.js +0 -1
  429. package/dist/assets/messagebundle_hi.02192e32.js +0 -1
  430. package/dist/assets/messagebundle_hu.fdf148af.js +0 -1
  431. package/dist/assets/messagebundle_it.0c4762e4.js +0 -1
  432. package/dist/assets/messagebundle_iw.41598a70.js +0 -1
  433. package/dist/assets/messagebundle_ja.39a03cfb.js +0 -1
  434. package/dist/assets/messagebundle_kk.dae6279f.js +0 -1
  435. package/dist/assets/messagebundle_ko.7eb7315b.js +0 -1
  436. package/dist/assets/messagebundle_lt.b70be4b9.js +0 -1
  437. package/dist/assets/messagebundle_lv.ddcf0766.js +0 -1
  438. package/dist/assets/messagebundle_ms.83a403f5.js +0 -1
  439. package/dist/assets/messagebundle_nl.558102cd.js +0 -1
  440. package/dist/assets/messagebundle_no.60d7fa92.js +0 -1
  441. package/dist/assets/messagebundle_pt.a948edc6.js +0 -1
  442. package/dist/assets/messagebundle_pt_PT.d65ed049.js +0 -1
  443. package/dist/assets/messagebundle_ro.1ef34428.js +0 -1
  444. package/dist/assets/messagebundle_ru.8661c34a.js +0 -1
  445. package/dist/assets/messagebundle_sk.602a50db.js +0 -1
  446. package/dist/assets/messagebundle_sl.166a52b0.js +0 -1
  447. package/dist/assets/messagebundle_sv.cf568a3b.js +0 -1
  448. package/dist/assets/messagebundle_th.f04a0ed1.js +0 -1
  449. package/dist/assets/messagebundle_tr.8ba3768e.js +0 -1
  450. package/dist/assets/messagebundle_uk.5cf857be.js +0 -1
  451. package/dist/assets/messagebundle_vi.e742259d.js +0 -1
  452. package/dist/assets/messagebundle_zh_CN.59e18572.js +0 -1
  453. package/dist/assets/messagebundle_zh_TW.8156116f.js +0 -1
package/dist/test/pages/CheckBox.html ADDED
@@ -0,0 +1,90 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+
7
+ <title>ui5-checkbox</title>
8
+
9
+
10
+
11
+
12
+
13
+ <script>// delete Document.prototype.adoptedStyleSheets;</script>
14
+
15
+
16
+ <script type="module" crossorigin src="/assets/bundle.common.e3533330.js"></script>
17
+ <link rel="stylesheet" href="/assets/CheckBox.46926e71.css">
18
+ </head>
19
+
20
+ <body class="checkbox1auto">
21
+ <ui5-checkbox text="Option"></ui5-checkbox>
22
+ <ui5-checkbox id="cbError" readonly text="Option"></ui5-checkbox>
23
+ <ui5-checkbox id="cbError" disabled text="Option"></ui5-checkbox>
24
+ <ui5-checkbox id="cbError" value-state="Error" text="Option"></ui5-checkbox>
25
+ <ui5-checkbox id="truncatingCb" text="Long long long text that should truncate at some point" class="checkbox2auto"></ui5-checkbox>
26
+ <ui5-checkbox text="Long long long text that should truncate at some point"></ui5-checkbox>
27
+
28
+ <ui5-title>In Container - stretches to the container</ui5-title>
29
+ <div class="checkbox3auto">
30
+ <ui5-checkbox text="Option A"></ui5-checkbox>
31
+ <ui5-checkbox checked text="Option B"></ui5-checkbox>
32
+ <ui5-checkbox text="Option C"></ui5-checkbox>
33
+ <ui5-checkbox text="Option D"></ui5-checkbox>
34
+ </div>
35
+
36
+ <br><br>
37
+ <ui5-title>Text Wrapping</ui5-title>
38
+ <ui5-checkbox id="wrappingCb" wrapping-type="Normal" class="ui5-cb-testing-wrap checkbox2auto" text="Longest ever text written in English that have to wraps because it is so long of course!" ></ui5-checkbox>
39
+ <ui5-checkbox wrapping-type="Normal" text="Longest ever text written in English that wraps because it's too long of course!" class="checkbox2auto"></ui5-checkbox>
40
+
41
+ <br><br>
42
+ <ui5-title>Change Event Test</ui5-title>
43
+ <ui5-checkbox id="cb1" text="Long long long text"></ui5-checkbox>
44
+ <ui5-checkbox id="cb2" disabled></ui5-checkbox>
45
+ <ui5-input id="field"></ui5-input>
46
+
47
+ <br>
48
+ <ui5-title id="cb-label">ACC Test - aria-label</ui5-title>
49
+ <ui5-checkbox id="accCb" accessible-name="Hello world"></ui5-checkbox>
50
+ <ui5-checkbox id="accCb1" accessible-name-ref="cb-label"></ui5-checkbox>
51
+ <br />
52
+ <ui5-checkbox value-state="Warning" text="Long long long text" indeterminate checked></ui5-checkbox>
53
+ <ui5-checkbox value-state="Error" text="Long long long text" indeterminate checked></ui5-checkbox>
54
+ <ui5-checkbox value-state="None" text="Long long long text" indeterminate checked></ui5-checkbox>
55
+ <ui5-checkbox value-state="Success" text="Long long long text" indeterminate checked></ui5-checkbox>
56
+ <ui5-checkbox value-state="Information" text="Long long long text" indeterminate checked></ui5-checkbox>
57
+
58
+ <br />
59
+ <ui5-checkbox id="checkboxChecked" checked></ui5-checkbox>
60
+
61
+ <br>
62
+ <ui5-checkbox class="defaultPreventedCb"></ui5-checkbox>
63
+ <ui5-checkbox class="defaultPreventedCb" checked></ui5-checkbox>
64
+ <ui5-checkbox class="defaultPreventedCb" indeterminate></ui5-checkbox>
65
+ <ui5-checkbox class="defaultPreventedCb" indeterminate checked></ui5-checkbox>
66
+
67
+ <script>
68
+ var hcb = false;
69
+ var input = document.querySelector("#field");
70
+ var checkBox1 = document.querySelector("#cb1");
71
+ var checkBox2 = document.querySelector("#cb2");
72
+ var counter = 0;
73
+
74
+ [checkBox1, checkBox2].forEach(function(el) {
75
+ el.addEventListener("ui5-change", function(event) {
76
+ counter += 1;
77
+ input.value = counter;
78
+ });
79
+ });
80
+
81
+ var defaultPreventedCb = document.querySelectorAll(".defaultPreventedCb");
82
+
83
+ defaultPreventedCb.forEach(function(el) {
84
+ el.addEventListener("ui5-change", function(event) {
85
+ event.preventDefault();
86
+ });
87
+ });
88
+ </script>
89
+ </body>
90
+ </html>
package/dist/test/pages/ColorPalette.html ADDED
@@ -0,0 +1,126 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Color Palette</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7
+
8
+ <script data-ui5-config type="application/json">
9
+ {
10
+ "rtl": false
11
+ }
12
+ </script>
13
+
14
+
15
+
16
+
17
+
18
+
19
+ <script type="module" crossorigin src="/assets/bundle.common.e3533330.js"></script>
20
+ <link rel="stylesheet" href="/assets/ColorPalette.63fbe3b6.css">
21
+ </head>
22
+
23
+ <body class="colorpalette1auto">
24
+
25
+ </body>
26
+ <ui5-color-palette id="cp1">
27
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
28
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
29
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
30
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
31
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
32
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
33
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
34
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
35
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
36
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
37
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
38
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
39
+ </ui5-color-palette>
40
+ <br/>
41
+ <br/>
42
+ <br/>
43
+ <br/>
44
+ <br/>
45
+ <br/>
46
+ <br/>
47
+ <ui5-input id="itemClickResult" value="Nothing selected"></ui5-input>
48
+ <br>
49
+ <ui5-button id="colorPaletteBtn" >Open ColorPalette</ui5-button>
50
+ <ui5-responsive-popover id="respPopover">
51
+ <div id="respPopoverHeader" slot="header">
52
+ <ui5-title>Color Palette Popover</ui5-title>
53
+ </div>
54
+
55
+ <ui5-color-palette id="cp2">
56
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
57
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
58
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
59
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
60
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
61
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
62
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
63
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
64
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
65
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
66
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
67
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
68
+ <ui5-color-palette-item value="invalidColor"></ui5-color-palette-item>
69
+ <ui5-color-palette-item value="gray"></ui5-color-palette-item>
70
+ <ui5-color-palette-item value="white"></ui5-color-palette-item>
71
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
72
+ </ui5-color-palette>
73
+
74
+ <div slot="footer" class="popover-footer">
75
+ <ui5-button id="btnClose" design="Emphasized">Close</ui5-button>
76
+ </div>
77
+ </ui5-responsive-popover>
78
+
79
+ <br/>
80
+ <br/>
81
+ <br/>
82
+
83
+ <ui5-color-palette id="cp3" show-more-colors show-recent-colors>
84
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
85
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
86
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
87
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
88
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
89
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
90
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
91
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
92
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
93
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
94
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
95
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
96
+ </ui5-color-palette>
97
+
98
+ <ui5-color-palette id="cp4" show-more-colors show-recent-colors>
99
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
100
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
101
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
102
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
103
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
104
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
105
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
106
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
107
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
108
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
109
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
110
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
111
+ </ui5-color-palette>
112
+
113
+ <script>
114
+ cp1.addEventListener("ui5-item-click", function(event) {
115
+ itemClickResult.value = event.detail.color;
116
+ });
117
+
118
+ colorPaletteBtn.addEventListener("click", function(event) {
119
+ respPopover.showAt(colorPaletteBtn);
120
+ });
121
+
122
+ btnClose.addEventListener("click", function(event) {
123
+ respPopover.close();
124
+ });
125
+ </script>
126
+ </html>
package/dist/test/pages/ColorPalettePopover.html ADDED
@@ -0,0 +1,141 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Color Palette Popover</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7
+
8
+ <script data-ui5-config type="application/json">
9
+ {
10
+ "rtl": false
11
+ }
12
+ </script>
13
+
14
+
15
+
16
+
17
+
18
+
19
+ <script type="module" crossorigin src="/assets/bundle.common.e3533330.js"></script>
20
+ <link rel="stylesheet" href="/assets/ColorPalettePopover.49b33da8.css">
21
+ </head>
22
+
23
+ <body class="colorpalettepopover1auto">
24
+
25
+ </body>
26
+ <ui5-button id="colorPaletteBtn" >Open ColorPalettePopover</ui5-button>
27
+ <ui5-color-palette-popover id="colorPalettePopover" show-recent-colors show-more-colors show-default-color default-color="green">
28
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
29
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
30
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
31
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
32
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
33
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
34
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
35
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
36
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
37
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
38
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
39
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
40
+ </ui5-color-palette-popover>
41
+
42
+ <ui5-button id="colorPaletteBtn1" >Open ColorPalettePopover</ui5-button>
43
+ <ui5-color-palette-popover id="colorPalettePopover1" show-more-colors show-default-color default-color="green">
44
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
45
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
46
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
47
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
48
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
49
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
50
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
51
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
52
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
53
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
54
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
55
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
56
+ </ui5-color-palette-popover>
57
+
58
+ <ui5-button id="colorPaletteBtn2" >Open ColorPalettePopover</ui5-button>
59
+ <ui5-color-palette-popover id="colorPalettePopover2" show-recent-colors show-default-color default-color="green">
60
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
61
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
62
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
63
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
64
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
65
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
66
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
67
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
68
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
69
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
70
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
71
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
72
+ </ui5-color-palette-popover>
73
+
74
+ <ui5-button id="colorPaletteBtn3" >Open ColorPalettePopover</ui5-button>
75
+ <ui5-color-palette-popover id="colorPalettePopover3" show-recent-colors show-more-colors>
76
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
77
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
78
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
79
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
80
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
81
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
82
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
83
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
84
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
85
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
86
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
87
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
88
+ </ui5-color-palette-popover>
89
+
90
+ <ui5-button id="colorPaletteBtn4" >Open ColorPalettePopover</ui5-button>
91
+ <ui5-color-palette-popover id="colorPalettePopover4">
92
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
93
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
94
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
95
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
96
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
97
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
98
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
99
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
100
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
101
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
102
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
103
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
104
+ </ui5-color-palette-popover>
105
+
106
+ <ui5-button id="colorPaletteBtn5" >Open ColorPalettePopover</ui5-button>
107
+ <ui5-color-palette-popover id="colorPalettePopover5" show-recent-colors show-default-color default-color="green">
108
+ <ui5-color-palette-item value="pink"></ui5-color-palette-item>
109
+ <ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
110
+ <ui5-color-palette-item value="#444444"></ui5-color-palette-item>
111
+ <ui5-color-palette-item value="rgb(0,200,0)"></ui5-color-palette-item>
112
+ <ui5-color-palette-item value="green"></ui5-color-palette-item>
113
+ <ui5-color-palette-item value="darkred"></ui5-color-palette-item>
114
+ <ui5-color-palette-item value="yellow"></ui5-color-palette-item>
115
+ <ui5-color-palette-item value="blue"></ui5-color-palette-item>
116
+ <ui5-color-palette-item value="cyan"></ui5-color-palette-item>
117
+ <ui5-color-palette-item value="orange"></ui5-color-palette-item>
118
+ <ui5-color-palette-item value="#5480e7"></ui5-color-palette-item>
119
+ <ui5-color-palette-item value="#ff6699"></ui5-color-palette-item>
120
+ </ui5-color-palette-popover>
121
+ <script>
122
+ colorPaletteBtn.addEventListener("click", function(event) {
123
+ colorPalettePopover.showAt(this);
124
+ });
125
+ colorPaletteBtn1.addEventListener("click", function(event) {
126
+ colorPalettePopover1.showAt(this);
127
+ });
128
+ colorPaletteBtn2.addEventListener("click", function(event) {
129
+ colorPalettePopover2.showAt(this);
130
+ });
131
+ colorPaletteBtn3.addEventListener("click", function(event) {
132
+ colorPalettePopover3.showAt(this);
133
+ });
134
+ colorPaletteBtn4.addEventListener("click", function(event) {
135
+ colorPalettePopover4.showAt(this);
136
+ });
137
+ colorPaletteBtn5.addEventListener("click", function(event) {
138
+ colorPalettePopover5.showAt(this);
139
+ });
140
+ </script>
141
+ </html>
package/dist/test/pages/ColorPicker.html ADDED
@@ -0,0 +1,66 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+
7
+ <title>ColorPicker Playground</title>
8
+
9
+ <script>
10
+ // delete Document.prototype.adoptedStyleSheets;
11
+ </script>
12
+
13
+ <script data-ui5-config type="application/json">
14
+ {
15
+ "language": "EN"
16
+ }
17
+ </script>
18
+
19
+
20
+
21
+
22
+
23
+
24
+ <script type="module" crossorigin src="/assets/bundle.common.e3533330.js"></script>
25
+ <link rel="stylesheet" href="/assets/ColorPicker.7cec8ee6.css">
26
+ </head>
27
+ <body class="colorpicker1auto">
28
+
29
+ <ui5-color-picker id="cp1"></ui5-color-picker>
30
+ <ui5-step-input id="changeEventCounter" value="0"></ui5-step-input>
31
+
32
+ <br>
33
+ <br>
34
+ <br>
35
+ <br>
36
+ <br>
37
+ <br>
38
+ <br>
39
+
40
+
41
+ <ui5-color-picker id="change-event"></ui5-color-picker>
42
+
43
+ <ui5-input id="color-input"></ui5-input>
44
+
45
+ <br>
46
+ <br>
47
+
48
+ <ui5-color-picker id="cp3"></ui5-color-picker>
49
+
50
+ <script>
51
+ var colorPicker = document.querySelector("#change-event"),
52
+ colorLabel = document.querySelector("#color-input"),
53
+ colorPicker1 = document.getElementById("cp1"),
54
+ stepInput = document.getElementById("changeEventCounter");
55
+
56
+ colorPicker.addEventListener("ui5-change", function(event) {
57
+ colorLabel.value = event.target.color;
58
+ });
59
+
60
+ colorPicker1.addEventListener("ui5-change", function(event) {
61
+ stepInput.value += 1;
62
+ });
63
+
64
+ </script>
65
+ </body>
66
+ </html>