@ui5/webcomponents 1.10.0 → 1.10.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 (303) hide show
  1. package/CHANGELOG.md +101 -0
  2. package/LICENSE.txt +201 -0
  3. package/dist/Avatar.d.ts +2 -2
  4. package/dist/Badge.d.ts +3 -3
  5. package/dist/Breadcrumbs.d.ts +5 -5
  6. package/dist/Breadcrumbs.js +1 -1
  7. package/dist/BusyIndicator.d.ts +136 -0
  8. package/dist/BusyIndicator.js +126 -208
  9. package/dist/BusyIndicator.js.map +1 -0
  10. package/dist/Button.d.ts +3 -3
  11. package/dist/Calendar.d.ts +3 -3
  12. package/dist/Calendar.js +1 -1
  13. package/dist/CalendarHeader.d.ts +2 -2
  14. package/dist/Card.d.ts +3 -3
  15. package/dist/Card.js +1 -1
  16. package/dist/CardHeader.d.ts +2 -2
  17. package/dist/Carousel.d.ts +318 -0
  18. package/dist/Carousel.js +446 -642
  19. package/dist/Carousel.js.map +1 -0
  20. package/dist/CheckBox.d.ts +3 -3
  21. package/dist/ColorPalette.d.ts +5 -5
  22. package/dist/ColorPalette.js +1 -1
  23. package/dist/ColorPaletteItem.d.ts +2 -2
  24. package/dist/ColorPalettePopover.d.ts +2 -2
  25. package/dist/ColorPicker.d.ts +2 -2
  26. package/dist/ComboBox.js +2 -2
  27. package/dist/CustomListItem.d.ts +1 -1
  28. package/dist/DatePicker.d.ts +2 -2
  29. package/dist/DateTimePicker.d.ts +1 -1
  30. package/dist/DayPicker.d.ts +2 -2
  31. package/dist/Dialog.d.ts +4 -5
  32. package/dist/FileUploader.d.ts +4 -4
  33. package/dist/GroupHeaderListItem.d.ts +1 -1
  34. package/dist/Icon.d.ts +2 -2
  35. package/dist/Input.d.ts +5 -5
  36. package/dist/Input.js +1 -1
  37. package/dist/Label.d.ts +2 -2
  38. package/dist/Link.d.ts +2 -2
  39. package/dist/List.d.ts +4 -3
  40. package/dist/List.js +1 -1
  41. package/dist/ListItem.d.ts +1 -1
  42. package/dist/Menu.d.ts +3 -3
  43. package/dist/Menu.js +1 -1
  44. package/dist/MessageStrip.d.ts +2 -2
  45. package/dist/MonthPicker.d.ts +2 -2
  46. package/dist/MultiComboBox.js +6 -2
  47. package/dist/MultiInput.js +1 -1
  48. package/dist/Panel.d.ts +2 -2
  49. package/dist/Popover.d.ts +1 -1
  50. package/dist/Popup.d.ts +3 -3
  51. package/dist/ProgressIndicator.d.ts +2 -2
  52. package/dist/RangeSlider.d.ts +1 -1
  53. package/dist/ResponsivePopover.d.ts +1 -1
  54. package/dist/SegmentedButton.js +1 -1
  55. package/dist/Select.js +1 -1
  56. package/dist/Slider.d.ts +1 -1
  57. package/dist/SplitButton.d.ts +2 -2
  58. package/dist/StandardListItem.d.ts +2 -2
  59. package/dist/StepInput.d.ts +2 -2
  60. package/dist/SuggestionListItem.d.ts +1 -1
  61. package/dist/Switch.d.ts +2 -2
  62. package/dist/TabContainer.js +1 -2
  63. package/dist/Table.d.ts +6 -4
  64. package/dist/Table.js +1 -1
  65. package/dist/TableCell.d.ts +2 -2
  66. package/dist/TableColumn.d.ts +2 -2
  67. package/dist/TableGroupRow.d.ts +2 -2
  68. package/dist/TableRow.d.ts +2 -2
  69. package/dist/TimePickerBase.d.ts +4 -4
  70. package/dist/TimeSelection.d.ts +2 -2
  71. package/dist/Title.d.ts +2 -2
  72. package/dist/Tree.js +1 -1
  73. package/dist/WheelSlider.d.ts +2 -2
  74. package/dist/YearPicker.d.ts +2 -2
  75. package/dist/api.json +1 -1
  76. package/dist/assets/test/pages/72override.html.dda35518.css +1 -0
  77. package/dist/assets/test/pages/AnimanitionOff.html.b7566ecc.css +1 -0
  78. package/dist/assets/test/pages/Avatar.html.62cc0573.css +1 -0
  79. package/dist/assets/test/pages/AvatarGroup.html.20647fe1.css +1 -0
  80. package/dist/assets/test/pages/Badge.html.bcc1c9a3.css +1 -0
  81. package/dist/assets/test/pages/Breadcrumbs.html.5753069f.css +1 -0
  82. package/dist/assets/test/pages/BusyIndicator.html.ce95c23c.css +1 -0
  83. package/dist/assets/test/pages/Button.html.957848f0.css +1 -0
  84. package/dist/assets/test/pages/Calendar.html.9ff42e30.css +1 -0
  85. package/dist/assets/test/pages/Card.html.8c5e4756.css +1 -0
  86. package/dist/assets/test/pages/Carousel.html.fcdd32a7.css +1 -0
  87. package/dist/assets/test/pages/CheckBox.html.08ae630d.css +1 -0
  88. package/dist/assets/test/pages/ColorPalette.html.8c4c4ca3.css +1 -0
  89. package/dist/assets/test/pages/ColorPalettePopover.html.727f90e2.css +1 -0
  90. package/dist/assets/test/pages/ColorPicker.html.cc0c0d29.css +1 -0
  91. package/dist/assets/test/pages/ComboBox.html.14fbc3aa.css +1 -0
  92. package/dist/assets/test/pages/ComboBox.html.c091a8e7.js +1 -0
  93. package/dist/assets/test/pages/Components.html.b41617c5.css +1 -0
  94. package/dist/assets/test/pages/CoreControls.html.dabd050c.css +1 -0
  95. package/dist/assets/test/pages/CoreControls_exp.html.46ab2dc9.css +1 -0
  96. package/dist/assets/test/pages/CustomCSS.html.4d6e9b1f.css +1 -0
  97. package/dist/assets/test/pages/DatePicker.html.e667d0b8.css +1 -0
  98. package/dist/assets/test/pages/DatePicker_test_page.html.882ab55e.css +1 -0
  99. package/dist/assets/test/pages/DateRangePicker.html.1b5072fd.css +1 -0
  100. package/dist/assets/test/pages/DateTimePicker.html.eff0e2e0.css +1 -0
  101. package/dist/assets/test/pages/DayPicker.html.5700622a.css +1 -0
  102. package/dist/assets/test/pages/Dialog.html.329cb1dc.css +1 -0
  103. package/dist/assets/test/pages/DialogLifecycle.html.e4ac6ba2.css +1 -0
  104. package/dist/assets/test/pages/DialogSemantic.html.f61ec13d.css +1 -0
  105. package/dist/assets/test/pages/DurationPicker.html.92ecf486.css +1 -0
  106. package/dist/assets/test/pages/Eventing.html.cd934528.css +1 -0
  107. package/dist/assets/test/pages/FileUploader.html.30b8cbbd.css +1 -0
  108. package/dist/assets/test/pages/FormSupport.html.4e02207b.css +1 -0
  109. package/dist/assets/test/pages/HCB.html.d458990b.css +1 -0
  110. package/dist/assets/test/pages/Icon.html.5f0fd46d.js +1 -0
  111. package/dist/assets/test/pages/Icon.html.be3b1acc.css +1 -0
  112. package/dist/assets/test/pages/Input.html.85ce57b4.css +1 -0
  113. package/dist/assets/test/pages/Input_quickview.html.86df3de3.css +1 -0
  114. package/dist/assets/test/pages/InputsAlignment.html.5c5593c2.css +1 -0
  115. package/dist/assets/test/pages/ItemNavigation.html.f5758aae.css +1 -0
  116. package/dist/assets/test/pages/Kitchen.html.d0d90fc6.css +1 -0
  117. package/dist/assets/test/pages/Kitchen.openui5.html.910e3d52.css +1 -0
  118. package/dist/assets/test/pages/Label.html.26cf5a3e.js +4 -0
  119. package/dist/assets/test/pages/Label.html.e994dc8e.css +1 -0
  120. package/dist/assets/test/pages/Link.html.d4c480d9.css +1 -0
  121. package/dist/assets/test/pages/List.html.65a3c4b3.css +1 -0
  122. package/dist/assets/test/pages/ListGrowing_Button.html.49bbaf80.css +1 -0
  123. package/dist/assets/test/pages/ListGrowing_Scroll.html.841dd1ed.css +1 -0
  124. package/dist/assets/test/pages/List_keyboard_support.html.a7297baf.css +1 -0
  125. package/dist/assets/test/pages/List_test_page.html.356d4e16.css +1 -0
  126. package/dist/assets/test/pages/LitKeyFunction.html.f3f9d649.css +1 -0
  127. package/dist/assets/test/pages/MemoryLeak.html.35d77e5e.css +1 -0
  128. package/dist/assets/test/pages/Menu.html.a758a26d.css +1 -0
  129. package/dist/assets/test/pages/MessagePage.html.30ffc162.css +1 -0
  130. package/dist/assets/test/pages/MessageStrip.html.8c2c85d5.css +1 -0
  131. package/dist/assets/test/pages/MultiComboBox.html.9ede2c74.css +1 -0
  132. package/dist/assets/test/pages/MultiInput.html.1c75cdc2.css +1 -0
  133. package/dist/assets/test/pages/MultiInput_Suggestions.html.79cd0348.css +1 -0
  134. package/dist/assets/test/pages/OpenUI5.html.cf1daa05.css +1 -0
  135. package/dist/assets/test/pages/Panel.html.399730d1.css +1 -0
  136. package/dist/assets/test/pages/Popover.html.6d4f19ad.css +1 -0
  137. package/dist/assets/test/pages/PopoverArrowBounds.html.c1e5feb1.css +1 -0
  138. package/dist/assets/test/pages/Popups.html.0d7c434f.js +1 -0
  139. package/dist/assets/test/pages/Popups.html.bb021765.css +1 -0
  140. package/dist/assets/test/pages/ProgressIndicator.html.d61b0c53.css +1 -0
  141. package/dist/assets/test/pages/RTL.html.dbeca857.css +1 -0
  142. package/dist/assets/test/pages/RadioButton.html.ccfd1850.css +1 -0
  143. package/dist/assets/test/pages/RangeSlider.html.437a9174.css +1 -0
  144. package/dist/assets/test/pages/RatingIndicator.html.737cd73b.css +1 -0
  145. package/dist/assets/test/pages/ResizeHandler.html.ed7c5d20.css +1 -0
  146. package/dist/assets/test/pages/ResponsivePopover.html.6f67ae07.css +1 -0
  147. package/dist/assets/test/pages/SegmentedButton.html.8678479b.css +1 -0
  148. package/dist/assets/test/pages/Select.html.9c98a470.css +1 -0
  149. package/dist/assets/test/pages/Simple.html.8f2ddb30.css +1 -0
  150. package/dist/assets/test/pages/Slider.html.8ea10965.css +1 -0
  151. package/dist/assets/test/pages/SplitButton.html.5c992973.css +1 -0
  152. package/dist/assets/test/pages/StepInput.html.f22c112d.css +1 -0
  153. package/dist/assets/test/pages/Switch.html.a4f3262f.css +1 -0
  154. package/dist/assets/test/pages/TabContainer.html.7f2ade15.css +1 -0
  155. package/dist/assets/test/pages/Table-perf-pure.html.fce52e4b.css +1 -0
  156. package/dist/assets/test/pages/Table-perf.html.88634378.css +1 -0
  157. package/dist/assets/test/pages/Table.html.c43386f4.css +1 -0
  158. package/dist/assets/test/pages/Table2.html.aca0c111.css +1 -0
  159. package/dist/assets/test/pages/TableAllPopin.html.ad586de4.css +1 -0
  160. package/dist/assets/test/pages/TableCustomStyling.html.a85167d6.css +1 -0
  161. package/dist/assets/test/pages/TableGrouping.html.602ae2ad.css +1 -0
  162. package/dist/assets/test/pages/TableGrowingWithButton.html.5a39b2bf.css +1 -0
  163. package/dist/assets/test/pages/TableGrowingWithScroll.html.8ef93d31.css +1 -0
  164. package/dist/assets/test/pages/TableSelection.html.dba2d678.css +1 -0
  165. package/dist/assets/test/pages/TextArea.html.f8e10fd6.css +1 -0
  166. package/dist/assets/test/pages/TimePicker.html.9a4bb300.css +1 -0
  167. package/dist/assets/test/pages/TimeSelection.html.8ad57759.css +1 -0
  168. package/dist/assets/test/pages/Title.html.7bb51811.css +1 -0
  169. package/dist/assets/test/pages/Toast.html.47a93be2.css +1 -0
  170. package/dist/assets/test/pages/ToggleButton.html.3b7dbb8c.css +1 -0
  171. package/dist/assets/test/pages/Tree.html.74fe2a1d.css +1 -0
  172. package/dist/assets/test/pages/WheelSlider_Test_Page.html.8a9a5e49.css +1 -0
  173. package/dist/assets/test/pages/form.html.f0f82118.css +1 -0
  174. package/dist/assets/test/pages/i18n-defaultLang.html.b9d79c6b.css +1 -0
  175. package/dist/assets/test/pages/i18n-demo.html.c6751b5c.css +1 -0
  176. package/dist/generated/templates/CarouselTemplate.lit.js +2 -2
  177. package/dist/test/pages/72override.html +33 -0
  178. package/dist/test/pages/AnimanitionOff.html +52 -0
  179. package/dist/test/pages/Avatar.html +265 -0
  180. package/dist/test/pages/AvatarGroup.html +376 -0
  181. package/dist/test/pages/Badge.html +75 -0
  182. package/dist/test/pages/Breadcrumbs.html +239 -0
  183. package/dist/test/pages/BusyIndicator.html +255 -0
  184. package/dist/test/pages/Button.html +267 -0
  185. package/dist/test/pages/Calendar.html +96 -0
  186. package/dist/test/pages/Card.html +347 -0
  187. package/dist/test/pages/Carousel.html +584 -0
  188. package/dist/test/pages/CheckBox.html +76 -0
  189. package/dist/test/pages/ColorPalette.html +126 -0
  190. package/dist/test/pages/ColorPalettePopover.html +141 -0
  191. package/dist/test/pages/ColorPicker.html +66 -0
  192. package/dist/test/pages/ComboBox.html +279 -0
  193. package/dist/test/pages/Components.html +106 -0
  194. package/dist/test/pages/CoreControls.html +203 -0
  195. package/dist/test/pages/CoreControls_exp.html +203 -0
  196. package/dist/test/pages/CustomCSS.html +55 -0
  197. package/dist/test/pages/DatePicker.html +193 -0
  198. package/dist/test/pages/DatePicker_test_page.html +97 -0
  199. package/dist/test/pages/DateRangePicker.html +64 -0
  200. package/dist/test/pages/DateTimePicker.html +190 -0
  201. package/dist/test/pages/DayPicker.html +37 -0
  202. package/dist/test/pages/Dialog.html +706 -0
  203. package/dist/test/pages/DialogLifecycle.html +62 -0
  204. package/dist/test/pages/DialogSemantic.html +58 -0
  205. package/dist/test/pages/DurationPicker.html +76 -0
  206. package/dist/test/pages/Eventing.html +33 -0
  207. package/dist/test/pages/FileUploader.html +138 -0
  208. package/dist/test/pages/FormSupport.html +59 -0
  209. package/dist/test/pages/HCB.html +45 -0
  210. package/dist/test/pages/Icon.html +269 -0
  211. package/dist/test/pages/Icon_custom.html +26 -0
  212. package/dist/test/pages/Input.html +722 -0
  213. package/dist/test/pages/InputFieldMinWidth.html +158 -0
  214. package/dist/test/pages/InputIcons.html +80 -0
  215. package/dist/test/pages/Input_quickview.html +204 -0
  216. package/dist/test/pages/InputsAlignment.html +131 -0
  217. package/dist/test/pages/InputsLazyLoading.html +244 -0
  218. package/dist/test/pages/ItemNavigation.html +94 -0
  219. package/dist/test/pages/Kitchen.html +638 -0
  220. package/dist/test/pages/Kitchen.openui5.html +570 -0
  221. package/dist/test/pages/Label.html +161 -0
  222. package/dist/test/pages/Link.html +201 -0
  223. package/dist/test/pages/List.html +465 -0
  224. package/dist/test/pages/ListGrowing_Button.html +64 -0
  225. package/dist/test/pages/ListGrowing_Scroll.html +93 -0
  226. package/dist/test/pages/List_keyboard_support.html +130 -0
  227. package/dist/test/pages/List_test_page.html +356 -0
  228. package/dist/test/pages/LitKeyFunction.html +40 -0
  229. package/dist/test/pages/MemoryLeak.html +78 -0
  230. package/dist/test/pages/Menu.html +145 -0
  231. package/dist/test/pages/MessagePage.html +39 -0
  232. package/dist/test/pages/MessageStrip.html +55 -0
  233. package/dist/test/pages/MultiComboBox.html +477 -0
  234. package/dist/test/pages/MultiInput.html +409 -0
  235. package/dist/test/pages/MultiInput_Suggestions.html +161 -0
  236. package/dist/test/pages/OpenUI5.html +83 -0
  237. package/dist/test/pages/Panel.html +226 -0
  238. package/dist/test/pages/Popover.html +586 -0
  239. package/dist/test/pages/PopoverArrowBounds.html +52 -0
  240. package/dist/test/pages/Popups.html +131 -0
  241. package/dist/test/pages/ProgressIndicator.html +151 -0
  242. package/dist/test/pages/RTL.html +118 -0
  243. package/dist/test/pages/RadioButton.html +201 -0
  244. package/dist/test/pages/RangeSlider.html +85 -0
  245. package/dist/test/pages/RatingIndicator.html +97 -0
  246. package/dist/test/pages/ResizeHandler.html +74 -0
  247. package/dist/test/pages/ResponsivePopover.html +244 -0
  248. package/dist/test/pages/SegmentedButton.html +116 -0
  249. package/dist/test/pages/Select.html +240 -0
  250. package/dist/test/pages/Simple.html +25 -0
  251. package/dist/test/pages/Slider.html +79 -0
  252. package/dist/test/pages/SplitButton.html +100 -0
  253. package/dist/test/pages/StepInput.html +164 -0
  254. package/dist/test/pages/Switch.html +88 -0
  255. package/dist/test/pages/TabContainer.html +904 -0
  256. package/dist/test/pages/Table-perf-pure.html +73 -0
  257. package/dist/test/pages/Table-perf.html +76 -0
  258. package/dist/test/pages/Table.html +2808 -0
  259. package/dist/test/pages/Table2.html +53 -0
  260. package/dist/test/pages/TableAllPopin.html +228 -0
  261. package/dist/test/pages/TableCustomStyling.html +89 -0
  262. package/dist/test/pages/TableGrouping.html +109 -0
  263. package/dist/test/pages/TableGrowingWithButton.html +805 -0
  264. package/dist/test/pages/TableGrowingWithScroll.html +801 -0
  265. package/dist/test/pages/TableSelection.html +445 -0
  266. package/dist/test/pages/TextArea.html +222 -0
  267. package/dist/test/pages/TimePicker.html +81 -0
  268. package/dist/test/pages/TimeSelection.html +31 -0
  269. package/dist/test/pages/Title.html +37 -0
  270. package/dist/test/pages/Toast.html +111 -0
  271. package/dist/test/pages/ToggleButton.html +69 -0
  272. package/dist/test/pages/Tree.html +294 -0
  273. package/dist/test/pages/WheelSlider_Test_Page.html +26 -0
  274. package/dist/test/pages/base/DOMObserver.html +20 -0
  275. package/dist/test/pages/base/InvisibleMessage.html +44 -0
  276. package/dist/test/pages/form.html +123 -0
  277. package/dist/test/pages/i18n-defaultLang.html +31 -0
  278. package/dist/test/pages/i18n-demo.html +79 -0
  279. package/global.d.ts +2 -2
  280. package/package.json +10 -9
  281. package/src/Badge.ts +1 -1
  282. package/src/Breadcrumbs.ts +1 -1
  283. package/src/{BusyIndicator.js → BusyIndicator.ts} +95 -100
  284. package/src/Calendar.ts +1 -1
  285. package/src/Card.ts +1 -1
  286. package/src/Carousel.hbs +3 -3
  287. package/src/{Carousel.js → Carousel.ts} +242 -234
  288. package/src/CheckBox.ts +1 -1
  289. package/src/ColorPalette.ts +1 -1
  290. package/src/ComboBox.js +2 -2
  291. package/src/Dialog.ts +2 -2
  292. package/src/Input.ts +1 -1
  293. package/src/List.ts +1 -1
  294. package/src/ListItem.ts +1 -1
  295. package/src/Menu.ts +1 -1
  296. package/src/MultiComboBox.js +6 -2
  297. package/src/MultiInput.js +1 -1
  298. package/src/SegmentedButton.js +1 -1
  299. package/src/Select.js +1 -1
  300. package/src/TabContainer.js +1 -2
  301. package/src/Table.ts +1 -1
  302. package/src/Tree.hbs +1 -1
  303. package/src/Tree.js +1 -1
package/dist/test/pages/base/InvisibleMessage.html ADDED
@@ -0,0 +1,44 @@
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>InvisibleMessage</title>
8
+
9
+
10
+ <script type="module" crossorigin src="/assets/bundle.common.33be618c.js"></script>
11
+ </head>
12
+
13
+ <body style="background-color: var(--sapBackgroundColor);">
14
+ <style>
15
+ ui5-textarea {
16
+ margin: 1rem 0;
17
+ }
18
+ </style>
19
+
20
+ <section class="group">
21
+ <ui5-title>InvisibleMessage announcement</ui5-title>
22
+ <ui5-textarea id="announce-textarea" placeholder="Enter text to be announced by the screen reader."></ui5-textarea>
23
+ <ui5-checkbox id="announce-checkbox" text="Assertive announcement"></ui5-checkbox>
24
+ <ui5-button id="announce-button" design="Emphasized" aria-expanded="true">Press me to announce.</ui5-button>
25
+ </section>
26
+
27
+ <script>
28
+ const button = document.querySelector("#announce-button");
29
+ const textarea = document.querySelector("#announce-textarea");
30
+ const checkbox = document.querySelector("#announce-checkbox");
31
+ let invisibleMessage;
32
+
33
+ button.addEventListener("click", function(event) {
34
+ invisibleMessage = window["sap-ui-webcomponents-bundle"].invisibleMessage;
35
+
36
+ if (checkbox.checked) {
37
+ invisibleMessage.announce(textarea.value, "Assertive")
38
+ } else {
39
+ invisibleMessage.announce(textarea.value)
40
+ }
41
+ });
42
+ </script>
43
+ </body>
44
+ </html>
package/dist/test/pages/form.html ADDED
@@ -0,0 +1,123 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+ <meta charset="utf-8">
7
+ <title>Form support</title>
8
+
9
+
10
+
11
+
12
+
13
+
14
+ <script type="module" crossorigin src="/assets/bundle.common.33be618c.js"></script>
15
+ <link rel="stylesheet" href="/assets/test/pages/form.html.f0f82118.css">
16
+ </head>
17
+
18
+ <body class="form1auto">
19
+
20
+ <form method="get">
21
+ <h3> Input with suggestions</h3>
22
+ <ui5-input name="a" show-suggestions>
23
+ <ui5-li>Cozy</ui5-li>
24
+ <ui5-li>Compact</ui5-li>
25
+ <ui5-li>Condensed</ui5-li>
26
+ </ui5-input>
27
+
28
+ <h3> Input disabled</h3>
29
+ <ui5-input name="b_disabled" class="form2auto" disabled placeholder="Disabled one ...">
30
+ <ui5-icon slot="icon" name="appointment-2"></ui5-icon>
31
+ </ui5-input>
32
+
33
+ <h3> Input readonly</h3>
34
+ <ui5-input name="c" class="form2auto" value="readonly" readonly></ui5-input>
35
+
36
+ <h3> Input type 'Number'</h3>
37
+ <ui5-input name="d" class="form2auto" type="Number" placeholder="Numbers are allowed only ..."></ui5-input>
38
+
39
+ <h3> Input type 'Password'</h3>
40
+ <ui5-input name="e" class="form2auto" type="Password" placeholder="Typing in private ..."></ui5-input>
41
+
42
+ <h3> Input type 'Email'</h3>
43
+ <ui5-input class="form2auto" type="Email" name="my-input-email"></ui5-input>
44
+
45
+ <h3> Input type 'Tel'</h3>
46
+ <ui5-input class="form2auto" type="Tel" name="my-input-tel"></ui5-input>
47
+
48
+ <h3> Input type 'URL'</h3>
49
+ <ui5-input name="h" class="form2auto" type="URL"></ui5-input>
50
+
51
+ <ui5-input value="No name"></ui5-input>
52
+
53
+ <br>
54
+ <select name="sel">
55
+ <option value="1">test1</option>
56
+ <option value="2" selected="selected">test2</option>
57
+ <option value="3">test3</option>
58
+ </select>
59
+
60
+ <br>
61
+ <ui5-select name="sel2">
62
+ <ui5-option value="czy">Cozy</ui5-option>
63
+ <ui5-option value="cmp" selected>Compact</ui5-option>
64
+ <ui5-option value="cnd">Condensed</ui5-option>
65
+ </ui5-select>
66
+
67
+ <br />
68
+ <ui5-textarea name="ta" value="My text"></ui5-textarea>
69
+
70
+ <br>
71
+ <ui5-date-picker name="dp"></ui5-date-picker>
72
+
73
+ <br />
74
+
75
+ <br>
76
+ <input name="native_cb" type="checkbox" />
77
+
78
+ <br>
79
+ <ui5-checkbox name="cb"></ui5-checkbox>
80
+
81
+ <br><br>
82
+
83
+ <ui5-radio-button name="radio1" text="A" value="a" checked></ui5-radio-button>
84
+ <ui5-radio-button name="radio1" text="B" value="b"></ui5-radio-button>
85
+ <ui5-radio-button name="radio1" text="C" value="c"></ui5-radio-button>
86
+
87
+ <br><br>
88
+
89
+ <ui5-radio-button name="radio2" text="D" value="d" checked></ui5-radio-button>
90
+ <ui5-radio-button name="radio2" text="E" value="e"></ui5-radio-button>
91
+ <ui5-radio-button name="radio2" text="F" value="f"></ui5-radio-button>
92
+
93
+ <br><br>
94
+
95
+ <input type="radio" name="radio_native" value="o1">Option 1<br>
96
+ <input type="radio" name="radio_native" value="o2" selected>Option 2<br>
97
+ <input type="radio" name="radio_native" value="o3">Option 3
98
+
99
+ <br>
100
+ <ui5-button>Does not submit forms</ui5-button>
101
+
102
+ <ui5-button submits>Submits forms</ui5-button>
103
+
104
+ <ui5-panel>
105
+ <input type="hidden" name="new2" value="555555555555" />
106
+ </ui5-panel>
107
+
108
+ <input type="submit" />
109
+ </form>
110
+
111
+ <form method="get" id="form1">
112
+
113
+ <ui5-input required>
114
+ </ui5-input>
115
+ <input required>
116
+
117
+
118
+ <ui5-button submits>Submits forms</ui5-button>
119
+ <input type="submit" />
120
+ </form>
121
+ </body>
122
+
123
+ </html>
package/dist/test/pages/i18n-defaultLang.html ADDED
@@ -0,0 +1,31 @@
1
+ <!DOCTYPE html>
2
+ <html xmlns="http://www.w3.org/1999/html">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+
7
+ <title>i18n default language test page</title>
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
9
+ <meta charset="utf-8">
10
+
11
+ <!-- The "fetchDefaultLanguage" is enabled,
12
+ the configured default language will be fetched over the network
13
+ -->
14
+ <script data-ui5-config type="application/json">{"fetchDefaultLanguage": true}</script>
15
+
16
+
17
+
18
+
19
+
20
+ <script type="module" crossorigin src="/assets/bundle.common.33be618c.js"></script>
21
+ <link rel="stylesheet" href="/assets/test/pages/i18n-defaultLang.html.b9d79c6b.css">
22
+ </head>
23
+ <body class="i18n-defaultlang1auto">
24
+
25
+ <ui5-textarea
26
+ maxlength="20"
27
+ placeholder="Max length"
28
+ show-exceeded-text
29
+ ></ui5-textarea>
30
+ </body>
31
+ </html>
package/dist/test/pages/i18n-demo.html ADDED
@@ -0,0 +1,79 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <script>// delete Document.prototype.adoptedStyleSheets;</script>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7
+ <meta charset="utf-8">
8
+ <title>i18n Demo</title>
9
+
10
+
11
+
12
+
13
+
14
+ <script>// delete Document.prototype.adoptedStyleSheets;</script>
15
+
16
+ <script type="module" crossorigin src="/assets/bundle.common.33be618c.js"></script>
17
+ <link rel="stylesheet" href="/assets/test/pages/i18n-demo.html.c6751b5c.css">
18
+ </head>
19
+
20
+
21
+ <body>
22
+
23
+
24
+
25
+ <div class="snippet">
26
+
27
+ <ui5-title level="H1" class="i18n-demo1auto">i18n and CLDR demo</ui5-title>
28
+
29
+ <br>
30
+ <br>
31
+ <br>
32
+ <br>
33
+
34
+ <ui5-date-picker></ui5-date-picker>
35
+
36
+ <br>
37
+ <br>
38
+
39
+ <!-- <ui5-daypicker></ui5-daypicker> -->
40
+
41
+
42
+ <br>
43
+ <br>
44
+
45
+ <ui5-textarea maxlength="20" show-exceeded-text></ui5-textarea>
46
+
47
+ <br>
48
+ <br>
49
+
50
+ <span>Available languages: </span>
51
+
52
+ <hr>
53
+ ar, bg, ca, cs, da, de, el, en, es, et, fi, fr, hi, hr, hu, it, iw, ja, kk, ko, lt, lv, ms, nl, no, pl, pt, ro, ru,
54
+ sh, sk, sl, sv, th, tr, uk, vi, zh_CN, zh_TW
55
+
56
+ <br>
57
+ <br>
58
+
59
+ <span>Cheat sheet: </span>
60
+
61
+ <hr>
62
+
63
+ in 2 wochen, in 42 tagen
64
+ <br>
65
+ mañana, ayer,
66
+ <br>
67
+ 今天, 明天,
68
+
69
+ </div>
70
+
71
+ <script>
72
+
73
+ setTimeout(function() {
74
+ document.body.setAttribute("dir", window["sap-ui-webcomponents-bundle"].configuration.getRTL() ? "rtl" : "ltr");
75
+ }, 100);
76
+ </script>
77
+ </body>
78
+
79
+ </html>
package/global.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  // eslint-disable-next-line
2
- import "@ui5/webcomponents-base/global";
3
- import { TemplateFunction } from "@ui5/webcomponents-base/src/renderer/executeTemplate.js";
2
+ import "@ui5/webcomponents-base/dist/global";
3
+ import { TemplateFunction } from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
4
4
 
5
5
  export {};
6
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents",
3
- "version": "1.10.0",
3
+ "version": "1.10.1",
4
4
  "description": "UI5 Web Components: webcomponents.main",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -42,13 +42,14 @@
42
42
  "directory": "packages/main"
43
43
  },
44
44
  "dependencies": {
45
- "@ui5/webcomponents-base": "1.10.0",
46
- "@ui5/webcomponents-icons": "1.10.0",
47
- "@ui5/webcomponents-localization": "1.10.0",
48
- "@ui5/webcomponents-theming": "1.10.0"
45
+ "@ui5/webcomponents-base": "^1.10.1",
46
+ "@ui5/webcomponents-icons": "^1.10.1",
47
+ "@ui5/webcomponents-localization": "^1.10.1",
48
+ "@ui5/webcomponents-theming": "^1.10.1"
49
49
  },
50
50
  "devDependencies": {
51
- "@ui5/webcomponents-tools": "1.10.0",
52
- "chromedriver": "108.0.0"
53
- }
54
- }
51
+ "@ui5/webcomponents-tools": "^1.10.1",
52
+ "chromedriver": "109.0.0"
53
+ },
54
+ "gitHead": "9613b80c605e58df2c34196052e1c0bfda4ca59b"
55
+ }
package/src/Badge.ts CHANGED
@@ -90,7 +90,7 @@ class Badge extends UI5Element {
90
90
  /**
91
91
  * Defines the icon to be displayed in the component.
92
92
  *
93
- * @type {sap.ui.webc.main.IIcon}
93
+ * @type {sap.ui.webc.main.IIcon[]}
94
94
  * @name sap.ui.webc.main.Badge.prototype.icon
95
95
  * @slot
96
96
  * @public
package/src/Breadcrumbs.ts CHANGED
@@ -91,7 +91,7 @@ type FocusAdaptor = ITabbable & {
91
91
  * @alias sap.ui.webc.main.Breadcrumbs
92
92
  * @extends sap.ui.webc.base.UI5Element
93
93
  * @tagname ui5-breadcrumbs
94
- * @appenddocs BreadcrumbsItem
94
+ * @appenddocs sap.ui.webc.main.BreadcrumbsItem
95
95
  * @public
96
96
  * @since 1.0.0-rc.15
97
97
  */
package/src/{BusyIndicator.js → BusyIndicator.ts} RENAMED
@@ -1,105 +1,26 @@
1
1
  import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
+ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
3
+ import languageAware from "@ui5/webcomponents-base/dist/decorators/languageAware.js";
4
+ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
2
5
  import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
6
  import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
7
+ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
8
+ import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
4
9
  import { isTabNext } from "@ui5/webcomponents-base/dist/Keys.js";
5
10
  import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
11
+ import type { Timeout } from "@ui5/webcomponents-base/dist/types.js";
6
12
  import BusyIndicatorSize from "./types/BusyIndicatorSize.js";
7
13
  import Label from "./Label.js";
8
14
 
9
15
  // Template
10
16
  import BusyIndicatorTemplate from "./generated/templates/BusyIndicatorTemplate.lit.js";
11
17
 
18
+ // @ts-ignore
12
19
  import { BUSY_INDICATOR_TITLE } from "./generated/i18n/i18n-defaults.js";
13
20
 
14
21
  // Styles
15
22
  import busyIndicatorCss from "./generated/themes/BusyIndicator.css.js";
16
23
 
17
- /**
18
- * @public
19
- */
20
- const metadata = {
21
- tag: "ui5-busy-indicator",
22
- languageAware: true,
23
- slots: /** @lends sap.ui.webc.main.BusyIndicator.prototype */ {
24
-
25
- /**
26
- * Determines the content over which the component will appear.
27
- *
28
- * @type {Node[]}
29
- * @slot
30
- * @public
31
- */
32
- "default": {
33
- type: Node,
34
- },
35
- },
36
- properties: /** @lends sap.ui.webc.main.BusyIndicator.prototype */ {
37
-
38
- /**
39
- * Defines text to be displayed below the component. It can be used to inform the user of the current operation.
40
- * @type {string}
41
- * @public
42
- * @defaultvalue ""
43
- * @since 1.0.0-rc.7
44
- */
45
- text: {
46
- type: String,
47
- },
48
-
49
- /**
50
- * Defines the size of the component.
51
- *
52
- * <br><br>
53
- * <b>Note:</b>
54
- *
55
- * <ul>
56
- * <li><code>Small</code></li>
57
- * <li><code>Medium</code></li>
58
- * <li><code>Large</code></li>
59
- * </ul>
60
- *
61
- * @type {sap.ui.webc.main.types.BusyIndicatorSize}
62
- * @defaultvalue "Medium"
63
- * @public
64
- */
65
- size: {
66
- type: BusyIndicatorSize,
67
- defaultValue: BusyIndicatorSize.Medium,
68
- },
69
-
70
- /**
71
- * Defines if the busy indicator is visible on the screen. By default it is not.
72
- *
73
- * @type {boolean}
74
- * @defaultvalue false
75
- * @public
76
- */
77
- active: {
78
- type: Boolean,
79
- },
80
-
81
- /**
82
- * Defines the delay in milliseconds, after which the busy indicator will be visible on the screen.
83
- *
84
- * @type {sap.ui.webc.base.types.Integer}
85
- * @defaultValue 1000
86
- * @public
87
- */
88
- delay: {
89
- type: Integer,
90
- defaultValue: 1000,
91
- },
92
-
93
- /**
94
- * Defines if the component is currently in busy state.
95
- * @private
96
- */
97
- _isBusy: {
98
- type: Boolean,
99
- },
100
- },
101
- };
102
-
103
24
  /**
104
25
  * @class
105
26
  *
@@ -143,7 +64,85 @@ const metadata = {
143
64
  * @public
144
65
  * @since 0.12.0
145
66
  */
67
+ @customElement("ui5-busy-indicator")
68
+ @languageAware
146
69
  class BusyIndicator extends UI5Element {
70
+ /**
71
+ * Defines text to be displayed below the component. It can be used to inform the user of the current operation.
72
+ * @type {string}
73
+ * @name sap.ui.webc.main.BusyIndicator.prototype.text
74
+ * @public
75
+ * @defaultvalue ""
76
+ * @since 1.0.0-rc.7
77
+ */
78
+ @property()
79
+ text!: string;
80
+
81
+ /**
82
+ * Defines the size of the component.
83
+ *
84
+ * <br><br>
85
+ * <b>Note:</b>
86
+ *
87
+ * <ul>
88
+ * <li><code>Small</code></li>
89
+ * <li><code>Medium</code></li>
90
+ * <li><code>Large</code></li>
91
+ * </ul>
92
+ *
93
+ * @type {sap.ui.webc.main.types.BusyIndicatorSize}
94
+ * @name sap.ui.webc.main.BusyIndicator.prototype.size
95
+ * @defaultvalue "Medium"
96
+ * @public
97
+ */
98
+ @property({ type: BusyIndicatorSize, defaultValue: BusyIndicatorSize.Medium })
99
+ size!: BusyIndicatorSize;
100
+
101
+ /**
102
+ * Defines if the busy indicator is visible on the screen. By default it is not.
103
+ *
104
+ * @type {boolean}
105
+ * @name sap.ui.webc.main.BusyIndicator.prototype.active
106
+ * @defaultvalue false
107
+ * @public
108
+ */
109
+ @property({ type: Boolean })
110
+ active!: boolean;
111
+
112
+ /**
113
+ * Defines the delay in milliseconds, after which the busy indicator will be visible on the screen.
114
+ *
115
+ * @type {sap.ui.webc.base.types.Integer}
116
+ * @name sap.ui.webc.main.BusyIndicator.prototype.delay
117
+ * @defaultValue 1000
118
+ * @public
119
+ */
120
+ @property({ validator: Integer, defaultValue: 1000 })
121
+ delay!: number;
122
+
123
+ /**
124
+ * Defines if the component is currently in busy state.
125
+ * @private
126
+ */
127
+ @property({ type: Boolean })
128
+ _isBusy!: boolean;
129
+
130
+ /**
131
+ * Determines the content over which the component will appear.
132
+ *
133
+ * @type {Node[]}
134
+ * @name sap.ui.webc.main.BusyIndicator.prototype.default
135
+ * @slot
136
+ * @public
137
+ */
138
+
139
+ _keydownHandler: (e: KeyboardEvent) => void;
140
+ _preventEventHandler: (e: KeyboardEvent) => void;
141
+ _busyTimeoutId?: Timeout;
142
+ focusForward?: boolean;
143
+
144
+ static i18nBundle: I18nBundle;
145
+
147
146
  constructor() {
148
147
  super();
149
148
  this._keydownHandler = this._handleKeydown.bind(this);
@@ -169,10 +168,6 @@ class BusyIndicator extends UI5Element {
169
168
  this.removeEventListener("keyup", this._preventEventHandler, true);
170
169
  }
171
170
 
172
- static get metadata() {
173
- return metadata;
174
- }
175
-
176
171
  static get styles() {
177
172
  return busyIndicatorCss;
178
173
  }
@@ -194,7 +189,7 @@ class BusyIndicator extends UI5Element {
194
189
  }
195
190
 
196
191
  get ariaTitle() {
197
- return BusyIndicator.i18nBundle.getText(BUSY_INDICATOR_TITLE);
192
+ return BusyIndicator.i18nBundle.getText(BUSY_INDICATOR_TITLE as I18nText);
198
193
  }
199
194
 
200
195
  get labelId() {
@@ -226,37 +221,37 @@ class BusyIndicator extends UI5Element {
226
221
  }
227
222
  }
228
223
 
229
- _handleKeydown(event) {
224
+ _handleKeydown(e: KeyboardEvent) {
230
225
  if (!this._isBusy) {
231
226
  return;
232
227
  }
233
228
 
234
- event.stopImmediatePropagation();
229
+ e.stopImmediatePropagation();
235
230
 
236
231
  // move the focus to the last element in this DOM and let TAB continue to the next focusable element
237
- if (isTabNext(event)) {
232
+ if (isTabNext(e)) {
238
233
  this.focusForward = true;
239
- this.shadowRoot.querySelector("[data-ui5-focus-redirect]").focus();
234
+ this.shadowRoot!.querySelector<HTMLElement>("[data-ui5-focus-redirect]")!.focus();
240
235
  this.focusForward = false;
241
236
  }
242
237
  }
243
238
 
244
- _preventEvent(event) {
239
+ _preventEvent(e: KeyboardEvent) {
245
240
  if (this._isBusy) {
246
- event.stopImmediatePropagation();
241
+ e.stopImmediatePropagation();
247
242
  }
248
243
  }
249
244
 
250
245
  /**
251
246
  * Moves the focus to busy area when coming with SHIFT + TAB
252
247
  */
253
- _redirectFocus(event) {
248
+ _redirectFocus(e: FocusEvent) {
254
249
  if (this.focusForward) {
255
250
  return;
256
251
  }
257
252
 
258
- event.preventDefault();
259
- this.shadowRoot.querySelector(".ui5-busy-indicator-busy-area").focus();
253
+ e.preventDefault();
254
+ this.shadowRoot!.querySelector<HTMLElement>(".ui5-busy-indicator-busy-area")!.focus();
260
255
  }
261
256
  }
262
257
 
package/src/Calendar.ts CHANGED
@@ -161,7 +161,7 @@ type CalendarChangeEventDetail = {
161
161
  * @alias sap.ui.webc.main.Calendar
162
162
  * @extends sap.ui.webc.main.CalendarPart
163
163
  * @tagname ui5-calendar
164
- * @appenddocs CalendarDate
164
+ * @appenddocs sap.ui.webc.main.CalendarDate
165
165
  * @public
166
166
  * @since 1.0.0-rc.11
167
167
  */
package/src/Card.ts CHANGED
@@ -47,7 +47,7 @@ import cardCss from "./generated/themes/Card.css.js";
47
47
  * @extends sap.ui.webc.base.UI5Element
48
48
  * @tagname ui5-card
49
49
  * @public
50
- * @appenddocs CardHeader
50
+ * @appenddocs sap.ui.webc.main.CardHeader
51
51
  */
52
52
  @customElement("ui5-card")
53
53
  @languageAware
package/src/Carousel.hbs CHANGED
@@ -25,7 +25,7 @@
25
25
  </div>
26
26
  </div>
27
27
 
28
- {{#if arrows.content}}
28
+ {{#if showArrows.content}}
29
29
  <div class="ui5-carousel-navigation-arrows">
30
30
  {{> arrow-back}}
31
31
  {{> arrow-forward}}
@@ -34,7 +34,7 @@
34
34
 
35
35
  {{#if renderNavigation}}
36
36
  <div class="{{classes.navigation}}">
37
- {{#if arrows.navigation}}
37
+ {{#if showArrows.navigation}}
38
38
  {{> arrow-back}}
39
39
  {{/if}}
40
40
 
@@ -55,7 +55,7 @@
55
55
  {{/unless}}
56
56
  </div>
57
57
 
58
- {{#if arrows.navigation}}
58
+ {{#if showArrows.navigation}}
59
59
  {{> arrow-forward}}
60
60
  {{/if}}
61
61
  </div>