@ui5/webcomponents 1.9.2 → 1.9.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) hide show
  1. package/.dev-server-port +1 -0
  2. package/CHANGELOG.md +19 -0
  3. package/LICENSE.txt +201 -0
  4. package/dist/AvatarGroup.js +2 -19
  5. package/dist/TabContainer.js +3 -3
  6. package/dist/TreeItem.js +5 -5
  7. package/dist/TreeItemBase.js +12 -11
  8. package/dist/TreeItemCustom.js +5 -5
  9. package/dist/api.json +1 -1
  10. package/dist/assets/test/pages/72override.html.dda35518.css +1 -0
  11. package/dist/assets/test/pages/AnimanitionOff.html.b7566ecc.css +1 -0
  12. package/dist/assets/test/pages/Avatar.html.62cc0573.css +1 -0
  13. package/dist/assets/test/pages/AvatarGroup.html.20647fe1.css +1 -0
  14. package/dist/assets/test/pages/Badge.html.bcc1c9a3.css +1 -0
  15. package/dist/assets/test/pages/Breadcrumbs.html.5753069f.css +1 -0
  16. package/dist/assets/test/pages/BusyIndicator.html.ce95c23c.css +1 -0
  17. package/dist/assets/test/pages/Button.html.957848f0.css +1 -0
  18. package/dist/assets/test/pages/Calendar.html.9ff42e30.css +1 -0
  19. package/dist/assets/test/pages/Card.html.8c5e4756.css +1 -0
  20. package/dist/assets/test/pages/Carousel.html.fcdd32a7.css +1 -0
  21. package/dist/assets/test/pages/CheckBox.html.08ae630d.css +1 -0
  22. package/dist/assets/test/pages/ColorPalette.html.8c4c4ca3.css +1 -0
  23. package/dist/assets/test/pages/ColorPalettePopover.html.727f90e2.css +1 -0
  24. package/dist/assets/test/pages/ColorPicker.html.cc0c0d29.css +1 -0
  25. package/dist/assets/test/pages/ComboBox.html.14fbc3aa.css +1 -0
  26. package/dist/assets/test/pages/ComboBox.html.2c2a9927.js +1 -0
  27. package/dist/assets/test/pages/Components.html.b41617c5.css +1 -0
  28. package/dist/assets/test/pages/CoreControls.html.dabd050c.css +1 -0
  29. package/dist/assets/test/pages/CoreControls_exp.html.46ab2dc9.css +1 -0
  30. package/dist/assets/test/pages/CustomCSS.html.4d6e9b1f.css +1 -0
  31. package/dist/assets/test/pages/DatePicker.html.e667d0b8.css +1 -0
  32. package/dist/assets/test/pages/DatePicker_test_page.html.882ab55e.css +1 -0
  33. package/dist/assets/test/pages/DateRangePicker.html.1b5072fd.css +1 -0
  34. package/dist/assets/test/pages/DateTimePicker.html.eff0e2e0.css +1 -0
  35. package/dist/assets/test/pages/DayPicker.html.5700622a.css +1 -0
  36. package/dist/assets/test/pages/Dialog.html.329cb1dc.css +1 -0
  37. package/dist/assets/test/pages/DialogLifecycle.html.e4ac6ba2.css +1 -0
  38. package/dist/assets/test/pages/DialogSemantic.html.f61ec13d.css +1 -0
  39. package/dist/assets/test/pages/DurationPicker.html.92ecf486.css +1 -0
  40. package/dist/assets/test/pages/Eventing.html.cd934528.css +1 -0
  41. package/dist/assets/test/pages/FileUploader.html.30b8cbbd.css +1 -0
  42. package/dist/assets/test/pages/FormSupport.html.4e02207b.css +1 -0
  43. package/dist/assets/test/pages/HCB.html.d458990b.css +1 -0
  44. package/dist/assets/test/pages/Icon.html.87536fdd.js +1 -0
  45. package/dist/assets/test/pages/Icon.html.be3b1acc.css +1 -0
  46. package/dist/assets/test/pages/Input.html.85ce57b4.css +1 -0
  47. package/dist/assets/test/pages/Input_quickview.html.86df3de3.css +1 -0
  48. package/dist/assets/test/pages/InputsAlignment.html.5c5593c2.css +1 -0
  49. package/dist/assets/test/pages/ItemNavigation.html.f5758aae.css +1 -0
  50. package/dist/assets/test/pages/Kitchen.html.d0d90fc6.css +1 -0
  51. package/dist/assets/test/pages/Kitchen.openui5.html.910e3d52.css +1 -0
  52. package/dist/assets/test/pages/Label.html.7c2bcd8f.js +4 -0
  53. package/dist/assets/test/pages/Label.html.e994dc8e.css +1 -0
  54. package/dist/assets/test/pages/Link.html.d4c480d9.css +1 -0
  55. package/dist/assets/test/pages/List.html.65a3c4b3.css +1 -0
  56. package/dist/assets/test/pages/ListGrowing_Button.html.49bbaf80.css +1 -0
  57. package/dist/assets/test/pages/ListGrowing_Scroll.html.841dd1ed.css +1 -0
  58. package/dist/assets/test/pages/List_keyboard_support.html.a7297baf.css +1 -0
  59. package/dist/assets/test/pages/List_test_page.html.356d4e16.css +1 -0
  60. package/dist/assets/test/pages/LitKeyFunction.html.f3f9d649.css +1 -0
  61. package/dist/assets/test/pages/MemoryLeak.html.35d77e5e.css +1 -0
  62. package/dist/assets/test/pages/Menu.html.a758a26d.css +1 -0
  63. package/dist/assets/test/pages/MessagePage.html.30ffc162.css +1 -0
  64. package/dist/assets/test/pages/MessageStrip.html.8c2c85d5.css +1 -0
  65. package/dist/assets/test/pages/MultiComboBox.html.f06e18eb.css +1 -0
  66. package/dist/assets/test/pages/MultiInput.html.1c75cdc2.css +1 -0
  67. package/dist/assets/test/pages/MultiInput_Suggestions.html.79cd0348.css +1 -0
  68. package/dist/assets/test/pages/OpenUI5.html.cf1daa05.css +1 -0
  69. package/dist/assets/test/pages/Panel.html.399730d1.css +1 -0
  70. package/dist/assets/test/pages/Popover.html.87315ecf.css +1 -0
  71. package/dist/assets/test/pages/PopoverArrowBounds.html.c1e5feb1.css +1 -0
  72. package/dist/assets/test/pages/Popups.html.80f57dca.js +1 -0
  73. package/dist/assets/test/pages/Popups.html.bb021765.css +1 -0
  74. package/dist/assets/test/pages/ProgressIndicator.html.d61b0c53.css +1 -0
  75. package/dist/assets/test/pages/RTL.html.dbeca857.css +1 -0
  76. package/dist/assets/test/pages/RadioButton.html.ccfd1850.css +1 -0
  77. package/dist/assets/test/pages/RangeSlider.html.437a9174.css +1 -0
  78. package/dist/assets/test/pages/RatingIndicator.html.737cd73b.css +1 -0
  79. package/dist/assets/test/pages/ResizeHandler.html.ed7c5d20.css +1 -0
  80. package/dist/assets/test/pages/ResponsivePopover.html.6f67ae07.css +1 -0
  81. package/dist/assets/test/pages/SegmentedButton.html.8678479b.css +1 -0
  82. package/dist/assets/test/pages/Select.html.9c98a470.css +1 -0
  83. package/dist/assets/test/pages/Simple.html.8f2ddb30.css +1 -0
  84. package/dist/assets/test/pages/Slider.html.8ea10965.css +1 -0
  85. package/dist/assets/test/pages/SplitButton.html.5c992973.css +1 -0
  86. package/dist/assets/test/pages/StepInput.html.f22c112d.css +1 -0
  87. package/dist/assets/test/pages/Switch.html.a4f3262f.css +1 -0
  88. package/dist/assets/test/pages/TabContainer.html.7f2ade15.css +1 -0
  89. package/dist/assets/test/pages/Table-perf-pure.html.fce52e4b.css +1 -0
  90. package/dist/assets/test/pages/Table-perf.html.88634378.css +1 -0
  91. package/dist/assets/test/pages/Table.html.c43386f4.css +1 -0
  92. package/dist/assets/test/pages/Table2.html.aca0c111.css +1 -0
  93. package/dist/assets/test/pages/TableAllPopin.html.ad586de4.css +1 -0
  94. package/dist/assets/test/pages/TableCustomStyling.html.a85167d6.css +1 -0
  95. package/dist/assets/test/pages/TableGrouping.html.602ae2ad.css +1 -0
  96. package/dist/assets/test/pages/TableGrowingWithButton.html.5a39b2bf.css +1 -0
  97. package/dist/assets/test/pages/TableGrowingWithScroll.html.8ef93d31.css +1 -0
  98. package/dist/assets/test/pages/TableSelection.html.dba2d678.css +1 -0
  99. package/dist/assets/test/pages/TextArea.html.f8e10fd6.css +1 -0
  100. package/dist/assets/test/pages/TimePicker.html.9a4bb300.css +1 -0
  101. package/dist/assets/test/pages/TimeSelection.html.8ad57759.css +1 -0
  102. package/dist/assets/test/pages/Title.html.7bb51811.css +1 -0
  103. package/dist/assets/test/pages/Toast.html.47a93be2.css +1 -0
  104. package/dist/assets/test/pages/ToggleButton.html.3b7dbb8c.css +1 -0
  105. package/dist/assets/test/pages/Tree.html.74fe2a1d.css +1 -0
  106. package/dist/assets/test/pages/WheelSlider_Test_Page.html.8a9a5e49.css +1 -0
  107. package/dist/assets/test/pages/form.html.f0f82118.css +1 -0
  108. package/dist/assets/test/pages/i18n-defaultLang.html.b9d79c6b.css +1 -0
  109. package/dist/assets/test/pages/i18n-demo.html.c6751b5c.css +1 -0
  110. package/dist/test/pages/72override.html +33 -0
  111. package/dist/test/pages/AnimanitionOff.html +52 -0
  112. package/dist/test/pages/Avatar.html +265 -0
  113. package/dist/test/pages/AvatarGroup.html +376 -0
  114. package/dist/test/pages/Badge.html +75 -0
  115. package/dist/test/pages/Breadcrumbs.html +239 -0
  116. package/dist/test/pages/BusyIndicator.html +255 -0
  117. package/dist/test/pages/Button.html +267 -0
  118. package/dist/test/pages/Calendar.html +96 -0
  119. package/dist/test/pages/Card.html +347 -0
  120. package/dist/test/pages/Carousel.html +574 -0
  121. package/dist/test/pages/CheckBox.html +76 -0
  122. package/dist/test/pages/ColorPalette.html +126 -0
  123. package/dist/test/pages/ColorPalettePopover.html +141 -0
  124. package/dist/test/pages/ColorPicker.html +66 -0
  125. package/dist/test/pages/ComboBox.html +279 -0
  126. package/dist/test/pages/Components.html +106 -0
  127. package/dist/test/pages/CoreControls.html +203 -0
  128. package/dist/test/pages/CoreControls_exp.html +203 -0
  129. package/dist/test/pages/CustomCSS.html +55 -0
  130. package/dist/test/pages/DatePicker.html +193 -0
  131. package/dist/test/pages/DatePicker_test_page.html +97 -0
  132. package/dist/test/pages/DateRangePicker.html +64 -0
  133. package/dist/test/pages/DateTimePicker.html +190 -0
  134. package/dist/test/pages/DayPicker.html +37 -0
  135. package/dist/test/pages/Dialog.html +667 -0
  136. package/dist/test/pages/DialogLifecycle.html +62 -0
  137. package/dist/test/pages/DialogSemantic.html +59 -0
  138. package/dist/test/pages/DurationPicker.html +76 -0
  139. package/dist/test/pages/Eventing.html +33 -0
  140. package/dist/test/pages/FileUploader.html +138 -0
  141. package/dist/test/pages/FormSupport.html +59 -0
  142. package/dist/test/pages/HCB.html +45 -0
  143. package/dist/test/pages/Icon.html +257 -0
  144. package/dist/test/pages/Icon_custom.html +26 -0
  145. package/dist/test/pages/Input.html +722 -0
  146. package/dist/test/pages/InputFieldMinWidth.html +72 -0
  147. package/dist/test/pages/Input_quickview.html +204 -0
  148. package/dist/test/pages/InputsAlignment.html +131 -0
  149. package/dist/test/pages/InputsLazyLoading.html +244 -0
  150. package/dist/test/pages/ItemNavigation.html +94 -0
  151. package/dist/test/pages/Kitchen.html +638 -0
  152. package/dist/test/pages/Kitchen.openui5.html +570 -0
  153. package/dist/test/pages/Label.html +161 -0
  154. package/dist/test/pages/Link.html +201 -0
  155. package/dist/test/pages/List.html +432 -0
  156. package/dist/test/pages/ListGrowing_Button.html +64 -0
  157. package/dist/test/pages/ListGrowing_Scroll.html +93 -0
  158. package/dist/test/pages/List_keyboard_support.html +132 -0
  159. package/dist/test/pages/List_test_page.html +334 -0
  160. package/dist/test/pages/LitKeyFunction.html +40 -0
  161. package/dist/test/pages/MemoryLeak.html +78 -0
  162. package/dist/test/pages/Menu.html +79 -0
  163. package/dist/test/pages/MessagePage.html +39 -0
  164. package/dist/test/pages/MessageStrip.html +55 -0
  165. package/dist/test/pages/MultiComboBox.html +446 -0
  166. package/dist/test/pages/MultiInput.html +409 -0
  167. package/dist/test/pages/MultiInput_Suggestions.html +161 -0
  168. package/dist/test/pages/OpenUI5.html +83 -0
  169. package/dist/test/pages/Panel.html +227 -0
  170. package/dist/test/pages/Popover.html +614 -0
  171. package/dist/test/pages/PopoverArrowBounds.html +54 -0
  172. package/dist/test/pages/Popups.html +133 -0
  173. package/dist/test/pages/ProgressIndicator.html +151 -0
  174. package/dist/test/pages/RTL.html +118 -0
  175. package/dist/test/pages/RadioButton.html +201 -0
  176. package/dist/test/pages/RangeSlider.html +69 -0
  177. package/dist/test/pages/RatingIndicator.html +97 -0
  178. package/dist/test/pages/ResizeHandler.html +74 -0
  179. package/dist/test/pages/ResponsivePopover.html +204 -0
  180. package/dist/test/pages/SegmentedButton.html +116 -0
  181. package/dist/test/pages/Select.html +240 -0
  182. package/dist/test/pages/Simple.html +34 -0
  183. package/dist/test/pages/Slider.html +79 -0
  184. package/dist/test/pages/SplitButton.html +100 -0
  185. package/dist/test/pages/StepInput.html +164 -0
  186. package/dist/test/pages/Switch.html +88 -0
  187. package/dist/test/pages/TabContainer.html +876 -0
  188. package/dist/test/pages/Table-perf-pure.html +73 -0
  189. package/dist/test/pages/Table-perf.html +76 -0
  190. package/dist/test/pages/Table.html +2808 -0
  191. package/dist/test/pages/Table2.html +53 -0
  192. package/dist/test/pages/TableAllPopin.html +205 -0
  193. package/dist/test/pages/TableCustomStyling.html +89 -0
  194. package/dist/test/pages/TableGrouping.html +109 -0
  195. package/dist/test/pages/TableGrowingWithButton.html +805 -0
  196. package/dist/test/pages/TableGrowingWithScroll.html +801 -0
  197. package/dist/test/pages/TableSelection.html +445 -0
  198. package/dist/test/pages/TextArea.html +212 -0
  199. package/dist/test/pages/TimePicker.html +81 -0
  200. package/dist/test/pages/TimeSelection.html +31 -0
  201. package/dist/test/pages/Title.html +37 -0
  202. package/dist/test/pages/Toast.html +111 -0
  203. package/dist/test/pages/ToggleButton.html +69 -0
  204. package/dist/test/pages/Tree.html +294 -0
  205. package/dist/test/pages/WheelSlider_Test_Page.html +26 -0
  206. package/dist/test/pages/base/DOMObserver.html +20 -0
  207. package/dist/test/pages/base/InvisibleMessage.html +44 -0
  208. package/dist/test/pages/form.html +123 -0
  209. package/dist/test/pages/i18n-defaultLang.html +31 -0
  210. package/dist/test/pages/i18n-demo.html +79 -0
  211. package/package.json +9 -8
  212. package/src/AvatarGroup.js +2 -19
  213. package/src/TabContainer.js +3 -3
  214. package/src/TreeItem.js +5 -5
  215. package/src/TreeItemBase.js +12 -11
  216. package/src/TreeItemCustom.js +5 -5
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.ac7489b0.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.ac7489b0.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.ac7489b0.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.ac7489b0.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents",
3
- "version": "1.9.2",
3
+ "version": "1.9.4",
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.9.2",
46
- "@ui5/webcomponents-icons": "1.9.2",
47
- "@ui5/webcomponents-localization": "1.9.2",
48
- "@ui5/webcomponents-theming": "1.9.2"
45
+ "@ui5/webcomponents-base": "1.9.4",
46
+ "@ui5/webcomponents-icons": "1.9.4",
47
+ "@ui5/webcomponents-localization": "1.9.4",
48
+ "@ui5/webcomponents-theming": "1.9.4"
49
49
  },
50
50
  "devDependencies": {
51
- "@ui5/webcomponents-tools": "1.9.2",
51
+ "@ui5/webcomponents-tools": "1.9.4",
52
52
  "chromedriver": "106.0.1"
53
- }
54
- }
53
+ },
54
+ "gitHead": "d9e79ec1a7eb934cee4080d50be41c6a2d3c5ee6"
55
+ }
package/src/AvatarGroup.js CHANGED
@@ -8,7 +8,6 @@ import {
8
8
  isEnter,
9
9
  isSpace,
10
10
  } from "@ui5/webcomponents-base/dist/Keys.js";
11
- import { isChrome } from "@ui5/webcomponents-base/dist/Device.js";
12
11
 
13
12
  import {
14
13
  AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL,
@@ -377,20 +376,13 @@ class AvatarGroup extends UI5Element {
377
376
  // if in "Group" mode overflow button size is equal to the offset from second item
378
377
  if (this._isGroup) {
379
378
  let item = this.items[1];
380
- let ltrEffectiveWidth;
379
+ const ltrEffectiveWidth = item.offsetLeft - this.offsetLeft;
381
380
 
382
381
  // in some cases when second avatar is overflowed the offset of the button is the right one
383
382
  if (!item || item.hidden) {
384
383
  item = button;
385
384
  }
386
385
 
387
- ltrEffectiveWidth = item.offsetLeft;
388
-
389
- if (!isChrome()) {
390
- // additional subtractions required for non-Chromium browsers
391
- ltrEffectiveWidth = item.offsetLeft - this.offsetLeft;
392
- }
393
-
394
386
  return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : ltrEffectiveWidth;
395
387
  }
396
388
 
@@ -527,7 +519,7 @@ class AvatarGroup extends UI5Element {
527
519
  */
528
520
  _getWidthToItem(item) {
529
521
  const isRTL = this.effectiveDir === "rtl";
530
- let ltrWidthToItem;
522
+ const ltrWidthToItem = item.offsetLeft - this.offsetLeft;
531
523
 
532
524
  if (isRTL) {
533
525
  // in RTL the total width is equal to difference of the parent container width and
@@ -535,15 +527,6 @@ class AvatarGroup extends UI5Element {
535
527
  return item.offsetParent.offsetWidth - item.offsetLeft - item.offsetWidth;
536
528
  }
537
529
 
538
- // in LTR the width is equal to item.offsetLeft
539
- ltrWidthToItem = item.offsetLeft;
540
-
541
- if (!isChrome()) {
542
- // for non-Chromium browsers offsetLeft may differ
543
- // to normalize it, the Avatar Group's offset-left is subtracted
544
- ltrWidthToItem = item.offsetLeft - this.offsetLeft;
545
- }
546
-
547
530
  return ltrWidthToItem;
548
531
  }
549
532
 
package/src/TabContainer.js CHANGED
@@ -230,7 +230,7 @@ const metadata = {
230
230
  /**
231
231
  * Sets the background color of the Tab Container's header as <code>Solid</code>, <code>Transparent</code>, or <code>Translucent</code>.
232
232
  *
233
- * @type {sap.ui.webcomponents.main.types.TabContainerBackgroundDesign.prototype}
233
+ * @type {sap.ui.webcomponents.main.types.TabContainerBackgroundDesign}
234
234
  * @defaultvalue "Solid"
235
235
  * @since 1.10.0
236
236
  * @public
@@ -243,7 +243,7 @@ const metadata = {
243
243
  /**
244
244
  * Sets the background color of the Tab Container's content as <code>Solid</code>, <code>Transparent</code>, or <code>Translucent</code>.
245
245
  *
246
- * @type {sap.ui.webcomponents.main.types.TabContainerBackgroundDesign.prototype}
246
+ * @type {sap.ui.webcomponents.main.types.TabContainerBackgroundDesign}
247
247
  * @defaultvalue "Solid"
248
248
  * @since 1.10.0
249
249
  * @public
@@ -654,7 +654,7 @@ class TabContainer extends UI5Element {
654
654
  * <code>[ ui5-tab#First, ui5-tab#Nested, ui5-tab#Second, ui5-tab-separator#sep, ui5-tab#Third ]</code>
655
655
  * @public
656
656
  * @readonly
657
- *
657
+ * @type {sap.ui.webcomponents.main.ITab[]}
658
658
  * @returns {sap.ui.webcomponents.main.ITab[]}
659
659
  */
660
660
  get allItems() {
package/src/TreeItem.js CHANGED
@@ -11,7 +11,7 @@ import treeItemCss from "./generated/themes/TreeItem.css.js";
11
11
  */
12
12
  const metadata = {
13
13
  tag: "ui5-tree-item",
14
- properties: /** @lends sap.ui.webc.main.TreeItem.prototype */ {
14
+ properties: /** @lends sap.ui.webcomponents.main.TreeItem.prototype */ {
15
15
 
16
16
  /**
17
17
  * Defines the text of the tree item.
@@ -38,7 +38,7 @@ const metadata = {
38
38
  * Defines the state of the <code>additionalText</code>.
39
39
  * <br>
40
40
  * Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Warning"</code>, <code>"Information"</code> and <code>"Error"</code>.
41
- * @type {sap.ui.webc.base.types.ValueState}
41
+ * @type {sap.ui.webcomponents.base.types.ValueState}
42
42
  * @defaultvalue "None"
43
43
  * @public
44
44
  * @since 1.0.0-rc.15
@@ -74,11 +74,11 @@ const metadata = {
74
74
  *
75
75
  * @constructor
76
76
  * @author SAP SE
77
- * @alias sap.ui.webc.main.TreeItem
78
- * @extends sap.ui.webc.main.TreeItemBase
77
+ * @alias sap.ui.webcomponents.main.TreeItem
78
+ * @extends sap.ui.webcomponents.main.TreeItemBase
79
79
  * @tagname ui5-tree-item
80
80
  * @public
81
- * @implements sap.ui.webc.main.ITreeItem
81
+ * @implements sap.ui.webcomponents.main.ITreeItem
82
82
  * @since 1.0.0-rc.8
83
83
  */
84
84
  class TreeItem extends TreeItemBase {
package/src/TreeItemBase.js CHANGED
@@ -26,12 +26,12 @@ import HasPopup from "./types/HasPopup.js";
26
26
  const metadata = {
27
27
  languageAware: true,
28
28
  managedSlots: true,
29
- properties: /** @lends sap.ui.webc.main.TreeItemBase.prototype */ {
29
+ properties: /** @lends sap.ui.webcomponents.main.TreeItemBase.prototype */ {
30
30
 
31
31
  /**
32
32
  * Defines the indentation of the tree list item. Use level 1 for tree list items, representing top-level tree nodes.
33
33
  *
34
- * @type {sap.ui.webc.base.types.Integer}
34
+ * @type {sap.ui.webcomponents.base.types.Integer}
35
35
  * @protected
36
36
  * @defaultValue 1
37
37
  */
@@ -114,7 +114,7 @@ const metadata = {
114
114
  * Defines the state of the <code>additionalText</code>.
115
115
  * <br>
116
116
  * Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Warning"</code>, <code>"Information"</code> and <code>"Error"</code>.
117
- * @type {sap.ui.webc.base.types.ValueState}
117
+ * @type {sap.ui.webcomponents.base.types.ValueState}
118
118
  * @defaultvalue "None"
119
119
  * @public
120
120
  * @since 1.0.0-rc.15
@@ -203,7 +203,7 @@ const metadata = {
203
203
 
204
204
  /**
205
205
  * Defines the availability and type of interactive popup element that can be triggered by the component on which the property is set.
206
- * @type {sap.ui.webc.main.types.HasPopup}
206
+ * @type {sap.ui.webcomponents.main.types.HasPopup}
207
207
  * @since 1.10.0
208
208
  * @private
209
209
  */
@@ -212,14 +212,14 @@ const metadata = {
212
212
  noAttribute: true,
213
213
  },
214
214
  },
215
- slots: /** @lends sap.ui.webc.main.TreeItemBase.prototype */ {
215
+ slots: /** @lends sap.ui.webcomponents.main.TreeItemBase.prototype */ {
216
216
  /**
217
217
  * Defines the items of the component.
218
218
  * <br />
219
219
  * <br />
220
220
  * <b>Note:</b> Use <code>ui5-tree-item</code> or <code>ui5-tree-item-custom</code>
221
221
  *
222
- * @type {sap.ui.webc.main.ITreeItem[]}
222
+ * @type {sap.ui.webcomponents.main.ITreeItem}
223
223
  * @slot items
224
224
  * @public
225
225
  */
@@ -228,7 +228,7 @@ const metadata = {
228
228
  propertyName: "items",
229
229
  },
230
230
  },
231
- events: /** @lends sap.ui.webc.main.TreeItemBase.prototype */ {
231
+ events: /** @lends sap.ui.webcomponents.main.TreeItemBase.prototype */ {
232
232
 
233
233
  /**
234
234
  * Fired when the user interacts with the expand/collapse button of the tree list item.
@@ -245,7 +245,7 @@ const metadata = {
245
245
  /**
246
246
  * Fired when the user drills down into the tree hierarchy by pressing the right arrow on the tree node.
247
247
  *
248
- * @event sap.ui.webc.main.TreeItemBase#step-in
248
+ * @event sap.ui.webcomponents.main.TreeItemBase#step-in
249
249
  * @param {HTMLElement} item the item on which right arrow was pressed.
250
250
  * @protected
251
251
  */
@@ -258,7 +258,7 @@ const metadata = {
258
258
  /**
259
259
  * Fired when the user goes up the tree hierarchy by pressing the left arrow on the tree node.
260
260
  *
261
- * @event sap.ui.webc.main.TreeItemBase#step-out
261
+ * @event sap.ui.webcomponents.main.TreeItemBase#step-out
262
262
  * @param {HTMLElement} item the item on which left arrow was pressed.
263
263
  * @protected
264
264
  */
@@ -277,8 +277,8 @@ const metadata = {
277
277
  * @abstract
278
278
  * @constructor
279
279
  * @author SAP SE
280
- * @alias sap.ui.webc.main.TreeItemBase
281
- * @extends sap.ui.webc.main.ListItem
280
+ * @alias sap.ui.webcomponents.main.TreeItemBase
281
+ * @extends sap.ui.webcomponents.main.ListItem
282
282
  * @public
283
283
  */
284
284
  class TreeItemBase extends ListItem {
@@ -377,6 +377,7 @@ class TreeItemBase extends ListItem {
377
377
  /**
378
378
  * Used to duck-type TreeItem elements without using instanceof
379
379
  * @returns {boolean}
380
+ * @type { boolean }
380
381
  * @public
381
382
  */
382
383
  get isTreeItem() {
package/src/TreeItemCustom.js CHANGED
@@ -11,7 +11,7 @@ import treeItemCustomCss from "./generated/themes/TreeItem.css.js";
11
11
  */
12
12
  const metadata = {
13
13
  tag: "ui5-tree-item-custom",
14
- properties: /** @lends sap.ui.webc.main.TreeItemCustom.prototype */ {
14
+ properties: /** @lends sap.ui.webcomponents.main.TreeItemCustom.prototype */ {
15
15
  /**
16
16
  * Defines whether the tree list item should display the selection element.
17
17
  *
@@ -23,7 +23,7 @@ const metadata = {
23
23
  type: Boolean,
24
24
  },
25
25
  },
26
- slots: /** @lends sap.ui.webc.main.TreeItemCustom.prototype */ {
26
+ slots: /** @lends sap.ui.webcomponents.main.TreeItemCustom.prototype */ {
27
27
  /**
28
28
  * Defines the content of the <code>ui5-tree-item</code>.
29
29
  *
@@ -62,11 +62,11 @@ const metadata = {
62
62
  *
63
63
  * @constructor
64
64
  * @author SAP SE
65
- * @alias sap.ui.webc.main.TreeItemCustom
66
- * @extends sap.ui.webc.main.TreeItemBase
65
+ * @alias sap.ui.webcomponents.main.TreeItemCustom
66
+ * @extends sap.ui.webcomponents.main.TreeItemBase
67
67
  * @tagname ui5-tree-item-custom
68
68
  * @public
69
- * @implements sap.ui.webc.main.ITreeItem
69
+ * @implements sap.ui.webcomponents.main.ITreeItem
70
70
  * @since 1.0.0-rc.8
71
71
  */
72
72
  class TreeItemCustom extends TreeItemBase {