@ui5/webcomponents 1.9.3 → 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 (207) hide show
  1. package/.dev-server-port +1 -0
  2. package/CHANGELOG.md +11 -0
  3. package/LICENSE.txt +201 -0
  4. package/dist/AvatarGroup.js +2 -19
  5. package/dist/assets/test/pages/72override.html.dda35518.css +1 -0
  6. package/dist/assets/test/pages/AnimanitionOff.html.b7566ecc.css +1 -0
  7. package/dist/assets/test/pages/Avatar.html.62cc0573.css +1 -0
  8. package/dist/assets/test/pages/AvatarGroup.html.20647fe1.css +1 -0
  9. package/dist/assets/test/pages/Badge.html.bcc1c9a3.css +1 -0
  10. package/dist/assets/test/pages/Breadcrumbs.html.5753069f.css +1 -0
  11. package/dist/assets/test/pages/BusyIndicator.html.ce95c23c.css +1 -0
  12. package/dist/assets/test/pages/Button.html.957848f0.css +1 -0
  13. package/dist/assets/test/pages/Calendar.html.9ff42e30.css +1 -0
  14. package/dist/assets/test/pages/Card.html.8c5e4756.css +1 -0
  15. package/dist/assets/test/pages/Carousel.html.fcdd32a7.css +1 -0
  16. package/dist/assets/test/pages/CheckBox.html.08ae630d.css +1 -0
  17. package/dist/assets/test/pages/ColorPalette.html.8c4c4ca3.css +1 -0
  18. package/dist/assets/test/pages/ColorPalettePopover.html.727f90e2.css +1 -0
  19. package/dist/assets/test/pages/ColorPicker.html.cc0c0d29.css +1 -0
  20. package/dist/assets/test/pages/ComboBox.html.14fbc3aa.css +1 -0
  21. package/dist/assets/test/pages/ComboBox.html.2c2a9927.js +1 -0
  22. package/dist/assets/test/pages/Components.html.b41617c5.css +1 -0
  23. package/dist/assets/test/pages/CoreControls.html.dabd050c.css +1 -0
  24. package/dist/assets/test/pages/CoreControls_exp.html.46ab2dc9.css +1 -0
  25. package/dist/assets/test/pages/CustomCSS.html.4d6e9b1f.css +1 -0
  26. package/dist/assets/test/pages/DatePicker.html.e667d0b8.css +1 -0
  27. package/dist/assets/test/pages/DatePicker_test_page.html.882ab55e.css +1 -0
  28. package/dist/assets/test/pages/DateRangePicker.html.1b5072fd.css +1 -0
  29. package/dist/assets/test/pages/DateTimePicker.html.eff0e2e0.css +1 -0
  30. package/dist/assets/test/pages/DayPicker.html.5700622a.css +1 -0
  31. package/dist/assets/test/pages/Dialog.html.329cb1dc.css +1 -0
  32. package/dist/assets/test/pages/DialogLifecycle.html.e4ac6ba2.css +1 -0
  33. package/dist/assets/test/pages/DialogSemantic.html.f61ec13d.css +1 -0
  34. package/dist/assets/test/pages/DurationPicker.html.92ecf486.css +1 -0
  35. package/dist/assets/test/pages/Eventing.html.cd934528.css +1 -0
  36. package/dist/assets/test/pages/FileUploader.html.30b8cbbd.css +1 -0
  37. package/dist/assets/test/pages/FormSupport.html.4e02207b.css +1 -0
  38. package/dist/assets/test/pages/HCB.html.d458990b.css +1 -0
  39. package/dist/assets/test/pages/Icon.html.87536fdd.js +1 -0
  40. package/dist/assets/test/pages/Icon.html.be3b1acc.css +1 -0
  41. package/dist/assets/test/pages/Input.html.85ce57b4.css +1 -0
  42. package/dist/assets/test/pages/Input_quickview.html.86df3de3.css +1 -0
  43. package/dist/assets/test/pages/InputsAlignment.html.5c5593c2.css +1 -0
  44. package/dist/assets/test/pages/ItemNavigation.html.f5758aae.css +1 -0
  45. package/dist/assets/test/pages/Kitchen.html.d0d90fc6.css +1 -0
  46. package/dist/assets/test/pages/Kitchen.openui5.html.910e3d52.css +1 -0
  47. package/dist/assets/test/pages/Label.html.7c2bcd8f.js +4 -0
  48. package/dist/assets/test/pages/Label.html.e994dc8e.css +1 -0
  49. package/dist/assets/test/pages/Link.html.d4c480d9.css +1 -0
  50. package/dist/assets/test/pages/List.html.65a3c4b3.css +1 -0
  51. package/dist/assets/test/pages/ListGrowing_Button.html.49bbaf80.css +1 -0
  52. package/dist/assets/test/pages/ListGrowing_Scroll.html.841dd1ed.css +1 -0
  53. package/dist/assets/test/pages/List_keyboard_support.html.a7297baf.css +1 -0
  54. package/dist/assets/test/pages/List_test_page.html.356d4e16.css +1 -0
  55. package/dist/assets/test/pages/LitKeyFunction.html.f3f9d649.css +1 -0
  56. package/dist/assets/test/pages/MemoryLeak.html.35d77e5e.css +1 -0
  57. package/dist/assets/test/pages/Menu.html.a758a26d.css +1 -0
  58. package/dist/assets/test/pages/MessagePage.html.30ffc162.css +1 -0
  59. package/dist/assets/test/pages/MessageStrip.html.8c2c85d5.css +1 -0
  60. package/dist/assets/test/pages/MultiComboBox.html.f06e18eb.css +1 -0
  61. package/dist/assets/test/pages/MultiInput.html.1c75cdc2.css +1 -0
  62. package/dist/assets/test/pages/MultiInput_Suggestions.html.79cd0348.css +1 -0
  63. package/dist/assets/test/pages/OpenUI5.html.cf1daa05.css +1 -0
  64. package/dist/assets/test/pages/Panel.html.399730d1.css +1 -0
  65. package/dist/assets/test/pages/Popover.html.87315ecf.css +1 -0
  66. package/dist/assets/test/pages/PopoverArrowBounds.html.c1e5feb1.css +1 -0
  67. package/dist/assets/test/pages/Popups.html.80f57dca.js +1 -0
  68. package/dist/assets/test/pages/Popups.html.bb021765.css +1 -0
  69. package/dist/assets/test/pages/ProgressIndicator.html.d61b0c53.css +1 -0
  70. package/dist/assets/test/pages/RTL.html.dbeca857.css +1 -0
  71. package/dist/assets/test/pages/RadioButton.html.ccfd1850.css +1 -0
  72. package/dist/assets/test/pages/RangeSlider.html.437a9174.css +1 -0
  73. package/dist/assets/test/pages/RatingIndicator.html.737cd73b.css +1 -0
  74. package/dist/assets/test/pages/ResizeHandler.html.ed7c5d20.css +1 -0
  75. package/dist/assets/test/pages/ResponsivePopover.html.6f67ae07.css +1 -0
  76. package/dist/assets/test/pages/SegmentedButton.html.8678479b.css +1 -0
  77. package/dist/assets/test/pages/Select.html.9c98a470.css +1 -0
  78. package/dist/assets/test/pages/Simple.html.8f2ddb30.css +1 -0
  79. package/dist/assets/test/pages/Slider.html.8ea10965.css +1 -0
  80. package/dist/assets/test/pages/SplitButton.html.5c992973.css +1 -0
  81. package/dist/assets/test/pages/StepInput.html.f22c112d.css +1 -0
  82. package/dist/assets/test/pages/Switch.html.a4f3262f.css +1 -0
  83. package/dist/assets/test/pages/TabContainer.html.7f2ade15.css +1 -0
  84. package/dist/assets/test/pages/Table-perf-pure.html.fce52e4b.css +1 -0
  85. package/dist/assets/test/pages/Table-perf.html.88634378.css +1 -0
  86. package/dist/assets/test/pages/Table.html.c43386f4.css +1 -0
  87. package/dist/assets/test/pages/Table2.html.aca0c111.css +1 -0
  88. package/dist/assets/test/pages/TableAllPopin.html.ad586de4.css +1 -0
  89. package/dist/assets/test/pages/TableCustomStyling.html.a85167d6.css +1 -0
  90. package/dist/assets/test/pages/TableGrouping.html.602ae2ad.css +1 -0
  91. package/dist/assets/test/pages/TableGrowingWithButton.html.5a39b2bf.css +1 -0
  92. package/dist/assets/test/pages/TableGrowingWithScroll.html.8ef93d31.css +1 -0
  93. package/dist/assets/test/pages/TableSelection.html.dba2d678.css +1 -0
  94. package/dist/assets/test/pages/TextArea.html.f8e10fd6.css +1 -0
  95. package/dist/assets/test/pages/TimePicker.html.9a4bb300.css +1 -0
  96. package/dist/assets/test/pages/TimeSelection.html.8ad57759.css +1 -0
  97. package/dist/assets/test/pages/Title.html.7bb51811.css +1 -0
  98. package/dist/assets/test/pages/Toast.html.47a93be2.css +1 -0
  99. package/dist/assets/test/pages/ToggleButton.html.3b7dbb8c.css +1 -0
  100. package/dist/assets/test/pages/Tree.html.74fe2a1d.css +1 -0
  101. package/dist/assets/test/pages/WheelSlider_Test_Page.html.8a9a5e49.css +1 -0
  102. package/dist/assets/test/pages/form.html.f0f82118.css +1 -0
  103. package/dist/assets/test/pages/i18n-defaultLang.html.b9d79c6b.css +1 -0
  104. package/dist/assets/test/pages/i18n-demo.html.c6751b5c.css +1 -0
  105. package/dist/test/pages/72override.html +33 -0
  106. package/dist/test/pages/AnimanitionOff.html +52 -0
  107. package/dist/test/pages/Avatar.html +265 -0
  108. package/dist/test/pages/AvatarGroup.html +376 -0
  109. package/dist/test/pages/Badge.html +75 -0
  110. package/dist/test/pages/Breadcrumbs.html +239 -0
  111. package/dist/test/pages/BusyIndicator.html +255 -0
  112. package/dist/test/pages/Button.html +267 -0
  113. package/dist/test/pages/Calendar.html +96 -0
  114. package/dist/test/pages/Card.html +347 -0
  115. package/dist/test/pages/Carousel.html +574 -0
  116. package/dist/test/pages/CheckBox.html +76 -0
  117. package/dist/test/pages/ColorPalette.html +126 -0
  118. package/dist/test/pages/ColorPalettePopover.html +141 -0
  119. package/dist/test/pages/ColorPicker.html +66 -0
  120. package/dist/test/pages/ComboBox.html +279 -0
  121. package/dist/test/pages/Components.html +106 -0
  122. package/dist/test/pages/CoreControls.html +203 -0
  123. package/dist/test/pages/CoreControls_exp.html +203 -0
  124. package/dist/test/pages/CustomCSS.html +55 -0
  125. package/dist/test/pages/DatePicker.html +193 -0
  126. package/dist/test/pages/DatePicker_test_page.html +97 -0
  127. package/dist/test/pages/DateRangePicker.html +64 -0
  128. package/dist/test/pages/DateTimePicker.html +190 -0
  129. package/dist/test/pages/DayPicker.html +37 -0
  130. package/dist/test/pages/Dialog.html +667 -0
  131. package/dist/test/pages/DialogLifecycle.html +62 -0
  132. package/dist/test/pages/DialogSemantic.html +59 -0
  133. package/dist/test/pages/DurationPicker.html +76 -0
  134. package/dist/test/pages/Eventing.html +33 -0
  135. package/dist/test/pages/FileUploader.html +138 -0
  136. package/dist/test/pages/FormSupport.html +59 -0
  137. package/dist/test/pages/HCB.html +45 -0
  138. package/dist/test/pages/Icon.html +257 -0
  139. package/dist/test/pages/Icon_custom.html +26 -0
  140. package/dist/test/pages/Input.html +722 -0
  141. package/dist/test/pages/InputFieldMinWidth.html +72 -0
  142. package/dist/test/pages/Input_quickview.html +204 -0
  143. package/dist/test/pages/InputsAlignment.html +131 -0
  144. package/dist/test/pages/InputsLazyLoading.html +244 -0
  145. package/dist/test/pages/ItemNavigation.html +94 -0
  146. package/dist/test/pages/Kitchen.html +638 -0
  147. package/dist/test/pages/Kitchen.openui5.html +570 -0
  148. package/dist/test/pages/Label.html +161 -0
  149. package/dist/test/pages/Link.html +201 -0
  150. package/dist/test/pages/List.html +432 -0
  151. package/dist/test/pages/ListGrowing_Button.html +64 -0
  152. package/dist/test/pages/ListGrowing_Scroll.html +93 -0
  153. package/dist/test/pages/List_keyboard_support.html +132 -0
  154. package/dist/test/pages/List_test_page.html +334 -0
  155. package/dist/test/pages/LitKeyFunction.html +40 -0
  156. package/dist/test/pages/MemoryLeak.html +78 -0
  157. package/dist/test/pages/Menu.html +79 -0
  158. package/dist/test/pages/MessagePage.html +39 -0
  159. package/dist/test/pages/MessageStrip.html +55 -0
  160. package/dist/test/pages/MultiComboBox.html +446 -0
  161. package/dist/test/pages/MultiInput.html +409 -0
  162. package/dist/test/pages/MultiInput_Suggestions.html +161 -0
  163. package/dist/test/pages/OpenUI5.html +83 -0
  164. package/dist/test/pages/Panel.html +227 -0
  165. package/dist/test/pages/Popover.html +614 -0
  166. package/dist/test/pages/PopoverArrowBounds.html +54 -0
  167. package/dist/test/pages/Popups.html +133 -0
  168. package/dist/test/pages/ProgressIndicator.html +151 -0
  169. package/dist/test/pages/RTL.html +118 -0
  170. package/dist/test/pages/RadioButton.html +201 -0
  171. package/dist/test/pages/RangeSlider.html +69 -0
  172. package/dist/test/pages/RatingIndicator.html +97 -0
  173. package/dist/test/pages/ResizeHandler.html +74 -0
  174. package/dist/test/pages/ResponsivePopover.html +204 -0
  175. package/dist/test/pages/SegmentedButton.html +116 -0
  176. package/dist/test/pages/Select.html +240 -0
  177. package/dist/test/pages/Simple.html +34 -0
  178. package/dist/test/pages/Slider.html +79 -0
  179. package/dist/test/pages/SplitButton.html +100 -0
  180. package/dist/test/pages/StepInput.html +164 -0
  181. package/dist/test/pages/Switch.html +88 -0
  182. package/dist/test/pages/TabContainer.html +876 -0
  183. package/dist/test/pages/Table-perf-pure.html +73 -0
  184. package/dist/test/pages/Table-perf.html +76 -0
  185. package/dist/test/pages/Table.html +2808 -0
  186. package/dist/test/pages/Table2.html +53 -0
  187. package/dist/test/pages/TableAllPopin.html +205 -0
  188. package/dist/test/pages/TableCustomStyling.html +89 -0
  189. package/dist/test/pages/TableGrouping.html +109 -0
  190. package/dist/test/pages/TableGrowingWithButton.html +805 -0
  191. package/dist/test/pages/TableGrowingWithScroll.html +801 -0
  192. package/dist/test/pages/TableSelection.html +445 -0
  193. package/dist/test/pages/TextArea.html +212 -0
  194. package/dist/test/pages/TimePicker.html +81 -0
  195. package/dist/test/pages/TimeSelection.html +31 -0
  196. package/dist/test/pages/Title.html +37 -0
  197. package/dist/test/pages/Toast.html +111 -0
  198. package/dist/test/pages/ToggleButton.html +69 -0
  199. package/dist/test/pages/Tree.html +294 -0
  200. package/dist/test/pages/WheelSlider_Test_Page.html +26 -0
  201. package/dist/test/pages/base/DOMObserver.html +20 -0
  202. package/dist/test/pages/base/InvisibleMessage.html +44 -0
  203. package/dist/test/pages/form.html +123 -0
  204. package/dist/test/pages/i18n-defaultLang.html +31 -0
  205. package/dist/test/pages/i18n-demo.html +79 -0
  206. package/package.json +9 -8
  207. package/src/AvatarGroup.js +2 -19
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.3",
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.3",
46
- "@ui5/webcomponents-icons": "1.9.3",
47
- "@ui5/webcomponents-localization": "1.9.3",
48
- "@ui5/webcomponents-theming": "1.9.3"
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.3",
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