@ui5/webcomponents 1.14.4 → 1.14.6

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 (133) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/LICENSE.txt +201 -0
  3. package/dist/DayPicker.d.ts +7 -0
  4. package/dist/DayPicker.js +13 -1
  5. package/dist/DayPicker.js.map +1 -1
  6. package/dist/assets/test/pages/ComboBox.html.94f3a4db.js +1 -0
  7. package/dist/assets/test/pages/Icon.html.10141846.js +1 -0
  8. package/dist/assets/test/pages/Label.html.276235c8.js +4 -0
  9. package/dist/assets/test/pages/Popups.html.713fe1a5.js +1 -0
  10. package/dist/test/pages/72override.html +33 -0
  11. package/dist/test/pages/AnimanitionOff.html +52 -0
  12. package/dist/test/pages/Avatar.html +264 -0
  13. package/dist/test/pages/AvatarGroup.html +376 -0
  14. package/dist/test/pages/Badge.html +75 -0
  15. package/dist/test/pages/Breadcrumbs.html +239 -0
  16. package/dist/test/pages/BusyIndicator.html +278 -0
  17. package/dist/test/pages/Button.html +273 -0
  18. package/dist/test/pages/Calendar.html +103 -0
  19. package/dist/test/pages/Card.html +347 -0
  20. package/dist/test/pages/Carousel.html +613 -0
  21. package/dist/test/pages/CheckBox.html +90 -0
  22. package/dist/test/pages/ColorPalette.html +126 -0
  23. package/dist/test/pages/ColorPalettePopover.html +141 -0
  24. package/dist/test/pages/ColorPicker.html +66 -0
  25. package/dist/test/pages/ComboBox.html +292 -0
  26. package/dist/test/pages/Components.html +106 -0
  27. package/dist/test/pages/CoreControls.html +203 -0
  28. package/dist/test/pages/CoreControls_exp.html +203 -0
  29. package/dist/test/pages/CustomCSS.html +55 -0
  30. package/dist/test/pages/DatePicker.html +211 -0
  31. package/dist/test/pages/DatePicker_test_page.html +109 -0
  32. package/dist/test/pages/DateRangePicker.html +67 -0
  33. package/dist/test/pages/DateTimePicker.html +199 -0
  34. package/dist/test/pages/DateTimePicker_Timezone.html +72 -0
  35. package/dist/test/pages/DayPicker.html +37 -0
  36. package/dist/test/pages/Dialog.html +813 -0
  37. package/dist/test/pages/DialogLifecycle.html +62 -0
  38. package/dist/test/pages/DialogSemantic.html +58 -0
  39. package/dist/test/pages/Eventing.html +33 -0
  40. package/dist/test/pages/F6Test1.html +42 -0
  41. package/dist/test/pages/F6Test2.html +42 -0
  42. package/dist/test/pages/F6Test3.html +39 -0
  43. package/dist/test/pages/F6Test4.html +46 -0
  44. package/dist/test/pages/F6Test5.html +42 -0
  45. package/dist/test/pages/F6Test6.html +39 -0
  46. package/dist/test/pages/F6Test7.html +36 -0
  47. package/dist/test/pages/FileUploader.html +138 -0
  48. package/dist/test/pages/FormComponents.html +76 -0
  49. package/dist/test/pages/FormSupport.html +59 -0
  50. package/dist/test/pages/HCB.html +45 -0
  51. package/dist/test/pages/Icon.html +278 -0
  52. package/dist/test/pages/Icon_and_theming.html +67 -0
  53. package/dist/test/pages/Icon_custom.html +26 -0
  54. package/dist/test/pages/Input.html +731 -0
  55. package/dist/test/pages/InputFieldLabels.html +355 -0
  56. package/dist/test/pages/InputFieldMinWidth.html +230 -0
  57. package/dist/test/pages/InputIcons.html +80 -0
  58. package/dist/test/pages/Input_quickview.html +204 -0
  59. package/dist/test/pages/InputsAlignment.html +131 -0
  60. package/dist/test/pages/InputsLazyLoading.html +244 -0
  61. package/dist/test/pages/ItemNavigation.html +94 -0
  62. package/dist/test/pages/Kitchen.html +637 -0
  63. package/dist/test/pages/Kitchen.openui5.html +570 -0
  64. package/dist/test/pages/Label.html +192 -0
  65. package/dist/test/pages/Link.html +201 -0
  66. package/dist/test/pages/List.html +465 -0
  67. package/dist/test/pages/ListGrowing_Button.html +64 -0
  68. package/dist/test/pages/ListGrowing_Scroll.html +93 -0
  69. package/dist/test/pages/List_keyboard_support.html +130 -0
  70. package/dist/test/pages/List_test_page.html +395 -0
  71. package/dist/test/pages/LitKeyFunction.html +40 -0
  72. package/dist/test/pages/MemoryLeak.html +78 -0
  73. package/dist/test/pages/Menu.html +161 -0
  74. package/dist/test/pages/MessagePage.html +39 -0
  75. package/dist/test/pages/MessageStrip.html +55 -0
  76. package/dist/test/pages/MultiComboBox.html +489 -0
  77. package/dist/test/pages/MultiInput.html +451 -0
  78. package/dist/test/pages/MultiInput_Suggestions.html +161 -0
  79. package/dist/test/pages/OpenUI5-second.html +60 -0
  80. package/dist/test/pages/OpenUI5.html +83 -0
  81. package/dist/test/pages/OpenUI5Nightly.html +83 -0
  82. package/dist/test/pages/Panel.html +226 -0
  83. package/dist/test/pages/Popover.html +658 -0
  84. package/dist/test/pages/PopoverArrowBounds.html +52 -0
  85. package/dist/test/pages/Popups.html +131 -0
  86. package/dist/test/pages/ProgressIndicator.html +151 -0
  87. package/dist/test/pages/RTL.html +118 -0
  88. package/dist/test/pages/RadioButton.html +201 -0
  89. package/dist/test/pages/RangeSlider.html +96 -0
  90. package/dist/test/pages/RatingIndicator.html +97 -0
  91. package/dist/test/pages/ResizeHandler.html +74 -0
  92. package/dist/test/pages/ResponsivePopover.html +267 -0
  93. package/dist/test/pages/SegmentedButton.html +151 -0
  94. package/dist/test/pages/Select.html +272 -0
  95. package/dist/test/pages/Simple.html +25 -0
  96. package/dist/test/pages/Slider.html +79 -0
  97. package/dist/test/pages/SplitButton.html +101 -0
  98. package/dist/test/pages/StepInput.html +189 -0
  99. package/dist/test/pages/Switch.html +97 -0
  100. package/dist/test/pages/TabContainer.html +904 -0
  101. package/dist/test/pages/Table-perf-pure.html +73 -0
  102. package/dist/test/pages/Table-perf.html +76 -0
  103. package/dist/test/pages/Table.html +2808 -0
  104. package/dist/test/pages/Table2.html +53 -0
  105. package/dist/test/pages/TableAllPopin.html +228 -0
  106. package/dist/test/pages/TableCustomStyling.html +89 -0
  107. package/dist/test/pages/TableGrouping.html +109 -0
  108. package/dist/test/pages/TableGrowingWithButton.html +805 -0
  109. package/dist/test/pages/TableGrowingWithScroll.html +801 -0
  110. package/dist/test/pages/TableSelection.html +445 -0
  111. package/dist/test/pages/Test.html +15 -0
  112. package/dist/test/pages/TextArea.html +222 -0
  113. package/dist/test/pages/TimePicker.html +89 -0
  114. package/dist/test/pages/TimeSelection.html +31 -0
  115. package/dist/test/pages/Title.html +60 -0
  116. package/dist/test/pages/Toast.html +111 -0
  117. package/dist/test/pages/ToggleButton.html +71 -0
  118. package/dist/test/pages/Tokenizer.html +91 -0
  119. package/dist/test/pages/Tree.html +307 -0
  120. package/dist/test/pages/TreeDynamic.html +56 -0
  121. package/dist/test/pages/WheelSlider_Test_Page.html +26 -0
  122. package/dist/test/pages/base/AriaLabelHelper.html +334 -0
  123. package/dist/test/pages/base/DOMObserver.html +20 -0
  124. package/dist/test/pages/base/IconCollection.html +23 -0
  125. package/dist/test/pages/base/IconCollectionInCustomTheme.html +25 -0
  126. package/dist/test/pages/base/IgnoreCustomElements.html +26 -0
  127. package/dist/test/pages/base/InvisibleMessage.html +44 -0
  128. package/dist/test/pages/form.html +123 -0
  129. package/dist/test/pages/i18n-defaultLang.html +31 -0
  130. package/dist/test/pages/i18n-demo.html +79 -0
  131. package/package.json +8 -7
  132. package/.vscode/diff/vulsCount.txt +0 -1
  133. package/.vscode/settings.json +0 -3
package/dist/test/pages/DateTimePicker.html ADDED
@@ -0,0 +1,199 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7
+ <title>DateTimePicker Test Page</title>
8
+
9
+ <script>
10
+ // delete Document.prototype.adoptedStyleSheets;
11
+ </script>
12
+
13
+
14
+
15
+
16
+
17
+
18
+ <script type="module" crossorigin src="/assets/bundle.common.ffd5cef9.js"></script>
19
+ <link rel="stylesheet" href="/assets/DateTimePicker.81c1bacc.css">
20
+ </head>
21
+
22
+ <body class="datetimepicker1auto">
23
+ <section>
24
+ <ui5-title wrapping-type="Normal">DateTimePicker</ui5-title><br>
25
+ <ui5-datetime-picker id="dt"></ui5-datetime-picker>
26
+ </section>
27
+
28
+ <section>
29
+ <ui5-title wrapping-type="Normal">DateTimePicker format pattern</ui5-title>
30
+
31
+ <br><ui5-label>Default format pattern</ui5-label><br>
32
+ <ui5-datetime-picker
33
+ id="defaultPattern"
34
+ value="13/04/2020, 03:16:16 AM"
35
+ ></ui5-datetime-picker>
36
+ <ui5-button id="setButton" design="Default">Set date</ui5-button>
37
+
38
+ <br>
39
+
40
+ <br><ui5-label>d/MM/yyyy, hh:mm aa</ui5-label><br>
41
+ <ui5-datetime-picker
42
+ id="dtMinutes"
43
+ format-pattern="dd/MM/yyyy, hh:mm aa"
44
+ value="13/04/2020, 09:16 AM"
45
+ ></ui5-datetime-picker>
46
+
47
+ <br>
48
+
49
+ <br><ui5-label>d/MM/yyyy, hh:mm:ss aa</ui5-label><br>
50
+ <ui5-datetime-picker
51
+ id="dtSeconds"
52
+ format-pattern="dd/MM/yyyy, hh:mm:ss aa"
53
+ value="13/04/2020, 03:16:16 AM"
54
+ ></ui5-datetime-picker>
55
+
56
+ <br>
57
+
58
+ <br><ui5-label>yyyy-MM-dd-hh:mm:ss aa</ui5-label><br>
59
+ <ui5-datetime-picker
60
+ id="dtPreventDefault"
61
+ format-pattern="yyyy-MM-dd-hh:mm:ss aa"
62
+ ></ui5-datetime-picker>
63
+
64
+ <br>
65
+
66
+ <br><ui5-label>d/MM/yyyy, HH:mm:ss (24 hour format)</ui5-label><br>
67
+ <ui5-datetime-picker
68
+ format-pattern="dd/MM/yyyy, HH:mm:ss"
69
+ value="13/04/2020, 19:16:16"
70
+ ></ui5-datetime-picker>
71
+
72
+ <br>
73
+
74
+ <br><ui5-label>d/MM/yyyy, H</ui5-label><br>
75
+ <ui5-datetime-picker
76
+ format-pattern="dd/MM/yyyy, H"
77
+ value="13/04/2020, 19"
78
+ ></ui5-datetime-picker>
79
+
80
+ <br>
81
+
82
+ <br><ui5-label>d/MM/yyyy - no timeset</ui5-label><br>
83
+ <ui5-datetime-picker
84
+ format-pattern="dd/MM/yyyy"
85
+ value="Apr 10, 2020"
86
+ ></ui5-datetime-picker>
87
+ </section>
88
+
89
+ <section>
90
+ <ui5-title wrapping-type="Normal">DateTimePicker with no format pattern & min-max dates in ISO format</ui5-title><br>
91
+ <ui5-datetime-picker
92
+ id="dtMinMaxDatesISO"
93
+ min-date="2023-05-01"
94
+ max-date="2023-05-31"
95
+ ></ui5-datetime-picker>
96
+ </section>
97
+
98
+ <section>
99
+ <ui5-title wrapping-type="Normal">Test DateTimePicker change event on submit</ui5-title>
100
+ <br>
101
+
102
+ <ui5-datetime-picker id="dt1"></ui5-datetime-picker><br>
103
+ <br><ui5-label>Change counter</ui5-label><br>
104
+ <ui5-input
105
+ id="input1"
106
+ class="datetimepicker2auto">
107
+ </ui5-input>
108
+
109
+ <br><ui5-label>Changed value</ui5-label><br>
110
+ <ui5-input
111
+ id="input2"
112
+ class="datetimepicker2auto">
113
+ </ui5-input>
114
+ </section>
115
+
116
+ <section>
117
+ <ui5-title wrapping-type="Normal">Test DateTimePicker change event on cancel</ui5-title>
118
+ <br/>
119
+
120
+ <ui5-datetime-picker id="dt2"></ui5-datetime-picker><br>
121
+
122
+ <br><ui5-label>Change counter</ui5-label><br>
123
+ <ui5-input id="input3" class="datetimepicker2auto"></ui5-input>
124
+
125
+ <br><ui5-label>Changed value</ui5-label><br>
126
+ <ui5-input id="input4" class="datetimepicker2auto"></ui5-input>
127
+ </section>
128
+
129
+ <section>
130
+ <ui5-datetime-picker
131
+ id="dtTest12AM"
132
+ format-pattern="dd/MM/yyyy, hh:mm:ss aa"
133
+ value="13/04/2020, 03:16:16 AM"
134
+ ></ui5-datetime-picker>
135
+ </section>
136
+ <ui5-datetime-picker
137
+ id="dtTest12PM"
138
+ format-pattern="dd/MM/yyyy, hh:mm:ss aa"
139
+ value="13/04/2020, 03:16:16 AM">
140
+ </ui5-datetime-picker>
141
+
142
+ <section>
143
+ <ui5-title wrapping-type="Normal">DateTimePicker states</ui5-title>
144
+ <ui5-datetime-picker value-state="Error"></ui5-datetime-picker>
145
+ <ui5-datetime-picker value-state="Warning"></ui5-datetime-picker>
146
+ <ui5-datetime-picker value-state="Information"></ui5-datetime-picker>
147
+ <ui5-datetime-picker value-state="Success"></ui5-datetime-picker>
148
+ <br><br>
149
+ <ui5-datetime-picker readonly></ui5-datetime-picker>
150
+ <ui5-datetime-picker disabled></ui5-datetime-picker>
151
+ </section>
152
+
153
+ <section class="sapUiSizeCompact">
154
+ <ui5-title wrapping-type="Normal">DateTimePicker compact size</ui5-title>
155
+ <ui5-datetime-picker
156
+ ></ui5-datetime-picker>
157
+
158
+ <br>
159
+ <ui5-datetime-picker
160
+ format-pattern="yyyy-MM-dd-hh:mm:ss aa"
161
+ value="2020-04-13-04:16:16 AM"
162
+ ></ui5-datetime-picker>
163
+ </section>
164
+
165
+ <section>
166
+ <ui5-title wrapping-type="Normal">DateTimePicker with secondary calendar type</ui5-title>
167
+ <ui5-datetime-picker
168
+ id="secondaryCalendar"
169
+ value="Sha. 24, 1443 AH, 10:27:26 AM"
170
+ primary-calendar-type="Islamic"
171
+ secondary-calendar-type="Gregorian"
172
+ ></ui5-datetime-picker>
173
+ </section>
174
+
175
+ <script>
176
+ var counter = 0;
177
+ dt1.addEventListener("ui5-change", function(event) {
178
+ input1.value = ++counter;
179
+ input2.value = "{ value: " + event.detail.value + " , valid: " + event.detail.valid + " }";
180
+ });
181
+
182
+ dtPreventDefault.addEventListener("ui5-change", function(event) {
183
+ event.preventDefault();
184
+ });
185
+
186
+ var counter2 = 0;
187
+ dt2.addEventListener("ui5-change", function(event) {
188
+ input3.value = ++counter2;
189
+ input4.value = "{ value: " + dt2.value + " , valid: " + event.detail.valid + " }";
190
+ });
191
+
192
+ var dtp = document.getElementById('defaultPattern');
193
+ document.getElementById('setButton').addEventListener("click", function(e) {
194
+ dtp.setAttribute("value", dtp.formatValue(new Date(2020, 3, 13, 3, 16, 16)));
195
+ });
196
+
197
+ </script>
198
+ </body>
199
+ </html>
package/dist/test/pages/DateTimePicker_Timezone.html ADDED
@@ -0,0 +1,72 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7
+ <title>DateTimePicker Test Page</title>
8
+
9
+ <!-- <script id="sap-ui-bootstrap"
10
+ src="https://openui5nightly.hana.ondemand.com/resources/sap-ui-core.js"
11
+ data-sap-ui-theme="sap_horizon_dark"
12
+ ></script> -->
13
+
14
+
15
+
16
+
17
+ <script type="module" crossorigin src="/assets/bundle.common.ffd5cef9.js"></script>
18
+ <link rel="stylesheet" href="/assets/DateTimePicker.81c1bacc.css">
19
+ </head>
20
+
21
+ <body class="datetimepicker1auto">
22
+ <ui5-title>Local time</ui5-title><ui5-label id="localTime"></ui5-label>
23
+
24
+
25
+ <ui5-title>Timezones</ui5-title>
26
+ <div style="display: flex; align-items: center;">
27
+ <ui5-select id="sel" style="width: 300px">
28
+ <ui5-option data-timezone="Pacific/Honolulu">Pacific/Honolulu [-10:00]</ui5-option>
29
+ <ui5-option data-timezone="America/Los_Angeles">America/Los_Angeles [-8:00]</ui5-option>
30
+ <ui5-option data-timezone="America/New_York">America/New_York [-5:00]</ui5-option>
31
+ <ui5-option data-timezone="Europe/London">Europe/London [00:00]</ui5-option>
32
+ <ui5-option data-timezone="Europe/Sofia" selected>Europe/Sofia [02:00]</ui5-option>
33
+ <ui5-option data-timezone="Asia/Dubai">Asia/Dubai [04:00]</ui5-option>
34
+ <ui5-option data-timezone="Asia/Bishkek">Asia/Bishkek [06:00]</ui5-option>
35
+ <ui5-option data-timezone="Australia/Sydney">Australia/Sydney [10:00]</ui5-option>
36
+ </ui5-select>
37
+ <ui5-datetime-picker id="dtp" format-pattern="dd/MM/yyyy, HH:mm:ss" value="today"></ui5-datetime-picker>
38
+ <ui5-time-picker id="tp" format-pattern="HH:mm:ss"></ui5-time-picker>
39
+ </div>
40
+
41
+ <script>
42
+ sel.addEventListener("change", async (e) => {
43
+ const config = window['sap-ui-webcomponents-bundle'].configuration;
44
+ await config.setTimezone(e.detail.selectedOption.getAttribute("data-timezone"));
45
+
46
+ dtp.value = "today";
47
+ });
48
+
49
+ localTime.textContent = new Date();
50
+
51
+
52
+ document.addEventListener("DOMContentLoaded", function(event) {
53
+ const Configuration = window["sap-ui-webcomponents-bundle"].configuration;
54
+ const configTimezone = Configuration.getTimezone();
55
+
56
+ if (configTimezone) {
57
+ setTimeout(() => {
58
+ const option = document.querySelector(`ui5-option[data-timezone="${configTimezone}"]`);
59
+ const selectedOption = document.querySelector(`ui5-option[selected]`);
60
+ if (selectedOption) {
61
+ selectedOption.selected = false;
62
+ }
63
+ if (option) {
64
+ option.selected = true;
65
+ console.log(option)
66
+ }
67
+ })
68
+ }
69
+ })
70
+ </script>
71
+ </body>
72
+ </html>
package/dist/test/pages/DayPicker.html ADDED
@@ -0,0 +1,37 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
5
+ <meta charset="utf-8">
6
+
7
+ <script>
8
+ // delete Document.prototype.adoptedStyleSheets;
9
+ </script>
10
+
11
+
12
+
13
+
14
+
15
+ <script
16
+ src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
17
+ integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
18
+ crossorigin="anonymous"></script>
19
+
20
+ <script data-id="sap-ui-config" type="application/json">
21
+ {
22
+ "rtl": false,
23
+ "formatSettings": {
24
+ "firstDayOfWeek": 0
25
+ }
26
+ }
27
+ </script>
28
+
29
+
30
+ <script type="module" crossorigin src="/assets/bundle.common.ffd5cef9.js"></script>
31
+ <link rel="stylesheet" href="/assets/DayPicker.9d37213d.css">
32
+ </head>
33
+ <body class="daypicker1auto">
34
+ <ui5-daypicker id="daypicker"></ui5-daypicker>
35
+ <ui5-daypicker id="daypicker1"></ui5-daypicker>
36
+ </body>
37
+ </html>