@ui5/webcomponents-base 0.0.0-7c7170d4a → 0.0.0-7d8c57f70

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 (120) hide show
  1. package/.eslintignore +18 -0
  2. package/.eslintrc.cjs +3 -0
  3. package/CHANGELOG.md +22 -411
  4. package/README.md +8 -0
  5. package/bundle.esm.js +66 -0
  6. package/config/wdio.conf.cjs +8 -0
  7. package/dist/.tsbuildinfo +1 -1
  8. package/dist/Boot.js +4 -3
  9. package/dist/Boot.js.map +1 -1
  10. package/dist/CSP.d.ts +33 -0
  11. package/dist/CSP.js +54 -0
  12. package/dist/CSP.js.map +1 -0
  13. package/dist/Device.d.ts +2 -1
  14. package/dist/Device.js +12 -5
  15. package/dist/Device.js.map +1 -1
  16. package/dist/FeaturesRegistry.d.ts +10 -1
  17. package/dist/FeaturesRegistry.js +37 -1
  18. package/dist/FeaturesRegistry.js.map +1 -1
  19. package/dist/Keys.d.ts +1 -3
  20. package/dist/Keys.js +1 -5
  21. package/dist/Keys.js.map +1 -1
  22. package/dist/ManagedStyles.js +99 -21
  23. package/dist/ManagedStyles.js.map +1 -1
  24. package/dist/StaticAreaItem.d.ts +35 -0
  25. package/dist/StaticAreaItem.js +100 -0
  26. package/dist/StaticAreaItem.js.map +1 -0
  27. package/dist/UI5Element.d.ts +27 -12
  28. package/dist/UI5Element.js +64 -54
  29. package/dist/UI5Element.js.map +1 -1
  30. package/dist/UI5ElementMetadata.d.ts +6 -7
  31. package/dist/UI5ElementMetadata.js +7 -9
  32. package/dist/UI5ElementMetadata.js.map +1 -1
  33. package/dist/asset-registries/Icons.js +1 -1
  34. package/dist/asset-registries/Icons.js.map +1 -1
  35. package/dist/asset-registries/util/getIconCollectionByTheme.d.ts +3 -3
  36. package/dist/asset-registries/util/getIconCollectionByTheme.js +3 -3
  37. package/dist/asset-registries/util/getIconCollectionByTheme.js.map +1 -1
  38. package/dist/config/AnimationMode.js +1 -2
  39. package/dist/config/AnimationMode.js.map +1 -1
  40. package/dist/config/Theme.d.ts +2 -3
  41. package/dist/config/Theme.js +3 -7
  42. package/dist/config/Theme.js.map +1 -1
  43. package/dist/custom-elements-internal.json +2863 -0
  44. package/dist/custom-elements.json +2593 -0
  45. package/dist/decorators/customElement.d.ts +3 -2
  46. package/dist/decorators/customElement.js +5 -8
  47. package/dist/decorators/customElement.js.map +1 -1
  48. package/dist/features/OpenUI5Support.d.ts +2 -0
  49. package/dist/features/OpenUI5Support.js +25 -5
  50. package/dist/features/OpenUI5Support.js.map +1 -1
  51. package/dist/features/patchPopup.d.ts +3 -7
  52. package/dist/features/patchPopup.js +8 -43
  53. package/dist/features/patchPopup.js.map +1 -1
  54. package/dist/generated/AssetParameters.js +1 -1
  55. package/dist/generated/AssetParameters.js.map +1 -1
  56. package/dist/generated/VersionInfo.js +6 -6
  57. package/dist/generated/VersionInfo.js.map +1 -1
  58. package/dist/renderer/LitRenderer.js +8 -2
  59. package/dist/renderer/LitRenderer.js.map +1 -1
  60. package/dist/renderer/executeTemplate.d.ts +0 -8
  61. package/dist/renderer/executeTemplate.js +0 -1
  62. package/dist/renderer/executeTemplate.js.map +1 -1
  63. package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +1 -1
  64. package/dist/ssr-dom.js +3 -0
  65. package/dist/ssr-dom.js.map +1 -0
  66. package/dist/theming/getConstructableStyle.d.ts +1 -1
  67. package/dist/theming/getConstructableStyle.js +3 -3
  68. package/dist/theming/getConstructableStyle.js.map +1 -1
  69. package/dist/theming/getEffectiveLinksHrefs.d.ts +3 -0
  70. package/dist/theming/getEffectiveLinksHrefs.js +17 -0
  71. package/dist/theming/getEffectiveLinksHrefs.js.map +1 -0
  72. package/dist/theming/getEffectiveStyle.d.ts +1 -1
  73. package/dist/theming/getEffectiveStyle.js +12 -5
  74. package/dist/theming/getEffectiveStyle.js.map +1 -1
  75. package/dist/theming/preloadLinks.d.ts +3 -0
  76. package/dist/theming/preloadLinks.js +19 -0
  77. package/dist/theming/preloadLinks.js.map +1 -0
  78. package/dist/types/ValueState.d.ts +3 -3
  79. package/dist/types/ValueState.js +3 -3
  80. package/dist/types/ValueState.js.map +1 -1
  81. package/dist/types.d.ts +2 -15
  82. package/dist/types.js.map +1 -1
  83. package/dist/updateShadowRoot.d.ts +2 -1
  84. package/dist/updateShadowRoot.js +29 -5
  85. package/dist/updateShadowRoot.js.map +1 -1
  86. package/dist/util/PopupUtils.d.ts +3 -1
  87. package/dist/util/PopupUtils.js +15 -1
  88. package/dist/util/PopupUtils.js.map +1 -1
  89. package/dist/util/createStyleInHead.d.ts +8 -0
  90. package/dist/util/createStyleInHead.js +18 -0
  91. package/dist/util/createStyleInHead.js.map +1 -0
  92. package/dist/util/dragAndDrop/DragRegistry.d.ts +1 -1
  93. package/dist/util/dragAndDrop/DragRegistry.js +0 -2
  94. package/dist/util/dragAndDrop/DragRegistry.js.map +1 -1
  95. package/dist/util/getClassCopy.d.ts +9 -8
  96. package/dist/vscode.html-custom-data.json +22 -0
  97. package/index.js +14 -0
  98. package/lib/generate-asset-parameters/index.js +27 -0
  99. package/lib/generate-styles/index.js +31 -0
  100. package/lib/generate-version-info/index.js +32 -0
  101. package/package-scripts.cjs +2 -9
  102. package/package.json +6 -13
  103. package/tsconfig.json +2 -2
  104. package/used-modules.txt +14 -0
  105. package/dist/features/InputElementsFormSupport.d.ts +0 -18
  106. package/dist/features/InputElementsFormSupport.js +0 -40
  107. package/dist/features/InputElementsFormSupport.js.map +0 -1
  108. package/dist/features/patchPatcher.d.ts +0 -11
  109. package/dist/features/patchPatcher.js +0 -11
  110. package/dist/features/patchPatcher.js.map +0 -1
  111. package/dist/locale/timezoneChange.d.ts +0 -5
  112. package/dist/types/AriaHasPopup.d.ts +0 -32
  113. package/dist/types/AriaHasPopup.js +0 -34
  114. package/dist/types/AriaHasPopup.js.map +0 -1
  115. package/dist/types/AriaLandmarkRole.d.ts +0 -79
  116. package/dist/types/AriaLandmarkRole.js +0 -81
  117. package/dist/types/AriaLandmarkRole.js.map +0 -1
  118. package/dist/types/AriaRole.d.ts +0 -27
  119. package/dist/types/AriaRole.js +0 -29
  120. package/dist/types/AriaRole.js.map +0 -1
package/.eslintignore ADDED
@@ -0,0 +1,18 @@
1
+ # Note: Changes to this file also must be applied to the top level .eslintignore file.
2
+ test
3
+ lib
4
+ dist
5
+ jsdoc-dist
6
+ src/generated
7
+ src/thirdparty
8
+ bundle.esm.js
9
+ bundle.es5.js
10
+ rollup.config*.js
11
+ wdio.conf.cjs
12
+ postcss.config.cjs
13
+ package-scripts.cjs
14
+ .eslintrc.cjs
15
+ src/renderer/directives/style-map.js
16
+ src/util/metaUrl.js
17
+ src/ssr-dom*
18
+ index.js
package/.eslintrc.cjs ADDED
@@ -0,0 +1,3 @@
1
+ const config = require("@ui5/webcomponents-tools/components-package/eslint.js");
2
+
3
+ module.exports = config;
package/CHANGELOG.md CHANGED
@@ -3,452 +3,63 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- # [2.0.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.2...v2.0.0-rc.3) (2024-05-10)
6
+ ## [1.24.7](https://github.com/SAP/ui5-webcomponents/compare/v1.24.6...v1.24.7) (2024-07-08)
7
7
 
8
+ **Note:** Version bump only for package @ui5/webcomponents-base
8
9
 
9
- ### chore
10
10
 
11
- * **Icons:** make pathData async ([#8785](https://github.com/SAP/ui5-webcomponents/issues/8785)) ([0549dc9](https://github.com/SAP/ui5-webcomponents/commit/0549dc95edae139f7a4f9efbbc7170922b3ab6cb))
12
11
 
13
12
 
14
- ### Code Refactoring
15
13
 
16
- * rename ValueState values ([#8864](https://github.com/SAP/ui5-webcomponents/issues/8864)) ([ef9304d](https://github.com/SAP/ui5-webcomponents/commit/ef9304da4b1446178b1b2bfa737d9867461cc4bc))
17
- * **theming:** remove Belize theme ([#8519](https://github.com/SAP/ui5-webcomponents/issues/8519)) ([990313f](https://github.com/SAP/ui5-webcomponents/commit/990313fc8e429a491f4d6e67306d3df2703e54fe)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
18
- * **ui5-*:** use unified API to define a11y attributes via `accessibilityAttributes` ([#8810](https://github.com/SAP/ui5-webcomponents/issues/8810)) ([49d587c](https://github.com/SAP/ui5-webcomponents/commit/49d587c73120a5511a34e61be949018605f49acd))
14
+ ## [1.24.6](https://github.com/SAP/ui5-webcomponents/compare/v1.24.5...v1.24.6) (2024-07-01)
19
15
 
20
16
 
21
- ### BREAKING CHANGES
17
+ ### Bug Fixes
18
+
19
+ * **ui5-dialog:** fix focusing when dialog is open from OpenUI5 dialog ([#9204](https://github.com/SAP/ui5-webcomponents/issues/9204)) ([e2a19fa](https://github.com/SAP/ui5-webcomponents/commit/e2a19fad3960193aa05c868dfe8a4d86fd8f532f)), closes [#9028](https://github.com/SAP/ui5-webcomponents/issues/9028) [#9183](https://github.com/SAP/ui5-webcomponents/issues/9183)
22
20
 
23
- * **ui5-*:** FlexibleLayout's `accessibilityTexts` and `accessibilityRoles` properties are removed. If you have previously used the `accessibilityTexts` or `accessibilityRoles` properties:
24
- ```js
25
- fcl.accessibilityTexts = {
26
- startColumnAccessibleName: "Products list",
27
- midColumnAccessibleName: "Product information",
28
- endColumnAccessibleName: "Product detailed information",
29
- startArrowLeftText: "Collapse products list",
30
- startArrowRightText: "Expand products list",
31
- endArrowLeftText: "Expand product detailed information",
32
- endArrowRightText: "Collapse product detailed information",
33
- startArrowContainerAccessibleName: "Start Arrow Container",
34
- endArrowContainerAccessibleName: "End Arrow Container",
35
- }
36
-
37
- fcl.accessibilityRoles = {
38
- startColumnRole: "complementary",
39
- startArrowContainerRole: "navigation",
40
- midColumnRole: "main",
41
- endArrowContainerRole: "navigation",
42
- endColumnRole: "complementary".
43
- }
44
- ```
45
- Now use `accessibilityAttributes` instead:
46
- ```js
47
- fcl.accessibilityAttributes = {
48
- startColumn: {
49
- role: "complementary",
50
- name: "Products list",
51
- },
52
- midColumn: {
53
- role: "main",
54
- name: "Product information",
55
- },
56
- endColumn: {
57
- role: "complementary",
58
- name: "Product detailed information",
59
- },
60
- startArrowLeft: {
61
- name: "Collapse products list",
62
- },
63
- startArrowRight: {
64
- name: "Expand products list",
65
- },
66
- endArrowLeft: {
67
- name: "Expand product detailed information",
68
- },
69
- endArrowRight: {
70
- name: "Collapse product detailed information",
71
- },
72
- startArrowContainer: {
73
- role: "navigation",
74
- name: "Start Arrow Container",
75
- },
76
- endArrowContainer: {
77
- role: "navigation",
78
- name: "End Arrow Container",
79
- },
80
- };
81
- ```
82
-
83
- ShellBar's `accessibilityTexts` and `accessibilityRoles` properties are removed. If you have previously used the `accessibilityTexts` or `accessibilityRoles` properties:
84
- ```js
85
- shellbar.accessibilityTexts = {
86
- profileButtonTitle: "John Dow",
87
- logoTitle: "Custom logo title",
88
- }
89
-
90
- shellbar.accessibilityRoles = {
91
- logoRole: "link"
92
- };
93
- ```
94
- Now use `accessibilityAttributes` instead:
95
- ```js
96
- shellbar.accessibilityAttributes = {
97
- profile: {
98
- name: "John Dow",
99
- },
100
- logo: {
101
- role: "link"
102
- name: "Custom logo title"
103
- },
104
- };
105
- ```
106
-
107
- Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
108
-
109
-
110
- * If you previously used ValueState.Warning, ValueState.Error or ValueState.Success, start using ValueState.Critical, ValueState.Negative and ValueState.Positive respectively.
111
- All components with valueState property are also affected. For example:
112
- ```html
113
- <ui5-input value-state="Success"></ui5-input>
114
- <ui5-input value-state="Warning"></ui5-input>
115
- <ui5-input value-state="Error"></ui5-input>
116
- ```
117
- ```html
118
- <ui5-input value-state="Positive"></ui5-input>
119
- <ui5-input value-state="Critical"></ui5-input>
120
- <ui5-input value-state="Negative"></ui5-input>
121
- ```
122
-
123
- Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
124
- * **theming:** Remove SAP Belize theme
125
- * **Icons:** UI5 Web Components Icons now export `getPathData` (function) instead of `pathData` (string)
126
-
127
- If you used icons like this:
128
-
129
- ```js
130
- import "@ui5/webcomponents-icons/dist/accept.js";
131
- ```
132
-
133
- or like this:
134
-
135
- ```js
136
- import accept from "@ui5/webcomponents-icons/dist/accept.js";
137
- ```
138
-
139
- **there is no change and no adaptations are required**.
140
-
141
- In the rare case you imported `pathData` from icons, for example:
142
-
143
- ```js
144
- import { pathData, ltr, accData } from "@ui5/webcomponents-icons/dist/accept.js";
145
- console.log(pathData); // String containing the SVG path
146
- ```
147
-
148
- you must change your code to, for example:
149
-
150
- ```js
151
- import { getPathData, ltr, accData } from "@ui5/webcomponents-icons/dist/accept.js";
152
- getPathData().then(pathData => {
153
- console.log(pathData); // String containing the SVG path
154
- });
155
- ```
156
-
157
-
158
-
159
-
160
-
161
- # [2.0.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.1...v2.0.0-rc.2) (2024-04-18)
162
-
163
-
164
- ### Bug Fixes
165
-
166
- * **u5-dialog:** soft keyboard is correctly opened on iOS devices ([#8583](https://github.com/SAP/ui5-webcomponents/issues/8583)) ([6cf1d74](https://github.com/SAP/ui5-webcomponents/commit/6cf1d746e59352430d0d086cf0814dc7ce7fdb9c))
167
- * **ui5-popover:** fix popover going out of the viewport ([#8735](https://github.com/SAP/ui5-webcomponents/issues/8735)) ([bca8f2a](https://github.com/SAP/ui5-webcomponents/commit/bca8f2a3ff15d002ce778bf85e1d2dd8da789059))
168
21
 
169
22
 
170
- ### Features
171
23
 
172
- * **ui5-li:** add support for F2 key ([#8619](https://github.com/SAP/ui5-webcomponents/issues/8619)) ([24c3807](https://github.com/SAP/ui5-webcomponents/commit/24c380758f88b3f66dce46e2f57297634b42a85a)), closes [#7736](https://github.com/SAP/ui5-webcomponents/issues/7736)
173
24
 
25
+ ## [1.24.5](https://github.com/SAP/ui5-webcomponents/compare/v1.24.4...v1.24.5) (2024-06-18)
174
26
 
175
27
 
28
+ ### Bug Fixes
29
+
30
+ * **framework:** set dataTransfer.effectAllowed only for UI5 elements ([#9150](https://github.com/SAP/ui5-webcomponents/issues/9150)) ([b03f70c](https://github.com/SAP/ui5-webcomponents/commit/b03f70c3f46f726b33da7b167da5d7b787585413)), closes [#9136](https://github.com/SAP/ui5-webcomponents/issues/9136)
176
31
 
177
32
 
178
- # [2.0.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.0...v2.0.0-rc.1) (2024-04-11)
33
+
34
+
35
+
36
+ ## [1.24.4](https://github.com/SAP/ui5-webcomponents/compare/v1.24.3...v1.24.4) (2024-05-31)
179
37
 
180
38
 
181
39
  ### Bug Fixes
182
40
 
183
- * decorators stop searching for accessors when reaching HTMLElement ([#8718](https://github.com/SAP/ui5-webcomponents/issues/8718)) ([dbc48cd](https://github.com/SAP/ui5-webcomponents/commit/dbc48cd14d01681a8ec53c268eca3187056aa2b4))
41
+ * register runtime in SSR usage ([#9013](https://github.com/SAP/ui5-webcomponents/issues/9013)) ([#9014](https://github.com/SAP/ui5-webcomponents/issues/9014)) ([099e50d](https://github.com/SAP/ui5-webcomponents/commit/099e50d05d74273aa59b6eccbaaaa1095c587434)), closes [#8886](https://github.com/SAP/ui5-webcomponents/issues/8886)
184
42
 
185
43
 
186
- ### Features
187
44
 
188
- * add shadowRootOptions for [@custom](https://github.com/custom)Element decorator ([#8703](https://github.com/SAP/ui5-webcomponents/issues/8703)) ([7168dc2](https://github.com/SAP/ui5-webcomponents/commit/7168dc297f411d9b5d64127a47e2361f17442439))
189
45
 
190
46
 
47
+ ## [1.24.3](https://github.com/SAP/ui5-webcomponents/compare/v1.24.2...v1.24.3) (2024-05-14)
191
48
 
49
+ **Note:** Version bump only for package @ui5/webcomponents-base
192
50
 
193
51
 
194
- # [2.0.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0...v2.0.0-rc.0) (2024-04-09)
195
52
 
196
53
 
197
- ### chore
198
54
 
199
- * bring release-2.0 to main ([#8651](https://github.com/SAP/ui5-webcomponents/issues/8651)) ([69271c9](https://github.com/SAP/ui5-webcomponents/commit/69271c9468c7dd54f90710fc4613ae0a79f85cef)), closes [#8494](https://github.com/SAP/ui5-webcomponents/issues/8494) [#8496](https://github.com/SAP/ui5-webcomponents/issues/8496) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8497](https://github.com/SAP/ui5-webcomponents/issues/8497) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8504](https://github.com/SAP/ui5-webcomponents/issues/8504) [#8509](https://github.com/SAP/ui5-webcomponents/issues/8509) [#8507](https://github.com/SAP/ui5-webcomponents/issues/8507) [#8511](https://github.com/SAP/ui5-webcomponents/issues/8511) [#8501](https://github.com/SAP/ui5-webcomponents/issues/8501) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8503](https://github.com/SAP/ui5-webcomponents/issues/8503) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8506](https://github.com/SAP/ui5-webcomponents/issues/8506) [#8502](https://github.com/SAP/ui5-webcomponents/issues/8502) [#8524](https://github.com/SAP/ui5-webcomponents/issues/8524) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8525](https://github.com/SAP/ui5-webcomponents/issues/8525) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8518](https://github.com/SAP/ui5-webcomponents/issues/8518) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8526](https://github.com/SAP/ui5-webcomponents/issues/8526) [#8529](https://github.com/SAP/ui5-webcomponents/issues/8529) [#8528](https://github.com/SAP/ui5-webcomponents/issues/8528) [#8531](https://github.com/SAP/ui5-webcomponents/issues/8531) [#8532](https://github.com/SAP/ui5-webcomponents/issues/8532) [#8534](https://github.com/SAP/ui5-webcomponents/issues/8534) [#8163](https://github.com/SAP/ui5-webcomponents/issues/8163) [#8527](https://github.com/SAP/ui5-webcomponents/issues/8527) [#8538](https://github.com/SAP/ui5-webcomponents/issues/8538) [#8521](https://github.com/SAP/ui5-webcomponents/issues/8521) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8542](https://github.com/SAP/ui5-webcomponents/issues/8542) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8548](https://github.com/SAP/ui5-webcomponents/issues/8548) [#8555](https://github.com/SAP/ui5-webcomponents/issues/8555) [#8559](https://github.com/SAP/ui5-webcomponents/issues/8559) [#8565](https://github.com/SAP/ui5-webcomponents/issues/8565) [#8570](https://github.com/SAP/ui5-webcomponents/issues/8570) [#8558](https://github.com/SAP/ui5-webcomponents/issues/8558) [#8568](https://github.com/SAP/ui5-webcomponents/issues/8568) [#8596](https://github.com/SAP/ui5-webcomponents/issues/8596) [#8192](https://github.com/SAP/ui5-webcomponents/issues/8192) [#8606](https://github.com/SAP/ui5-webcomponents/issues/8606) [#8605](https://github.com/SAP/ui5-webcomponents/issues/8605) [#8600](https://github.com/SAP/ui5-webcomponents/issues/8600) [#8602](https://github.com/SAP/ui5-webcomponents/issues/8602) [#8593](https://github.com/SAP/ui5-webcomponents/issues/8593)
55
+ ## [1.24.1](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0...v1.24.1) (2024-05-13)
200
56
 
201
57
 
202
- ### BREAKING CHANGES
58
+ ### Bug Fixes
203
59
 
204
- * "Device#isIE" method has been removed and no longer available
205
-
206
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461
207
- * Removed the `CSP.js` module and the creation of `<style>` and `<link>` tags, as all browsers now support adoptedStyleSheets. The following APIs are not available any more and should not be used:
208
- ```ts
209
- import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js"
210
- import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js"
211
- import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"
212
- ```
213
- * Removed the `ICardHeader` interface. If you previously used the interface
214
- ```ts
215
- import type { ICardHeader } from "@ui5/webcomponents-base/dist/Card.js"
216
- ```
217
- Use the CardHeader type instead:
218
- ```ts
219
- import type CardHeader from "@ui5/webcomponents-base/dist/CardHeader.js"
220
- ```
221
- * Removed the `IUploadCollectionItem` interface. If you previously used the interface:
222
- ```js
223
- import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js"
224
- ```
225
- Use the `UploadCollectionItem` type instead:
226
- ```js
227
- import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"
228
- ```
229
-
230
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461
231
- * The `size` property now accepts different values. If you previously used it like:
232
- ```html
233
- <ui5-busy-indicator size="Small"></ui5-busy-indicator>
234
- ```
235
- Now use the new values instead:
236
- ```html
237
- <ui5-busy-indicator size="S"></ui5-busy-indicator>
238
- ```
239
-
240
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461
241
- * The `status` property and its shadow part have been renamed. If you previously used them:
242
- ```html
243
- <style>
244
- .cardHeader::part(status) { ... }
245
- </style>
246
- <ui5-card-header status="3 of 10"></ui5-popover>
247
- ```
248
- Now use `additionalText` instead:
249
- ```html
250
- <style>
251
- .cardHeader::part(additional-text) { ... }
252
- </style>
253
- <ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>
254
- ```
255
-
256
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461
257
- * The `pageIndicatorStyle` no longer exists. If you previously used it like:
258
- ```html
259
- <ui5-carousel page-indicator-style="Numeric"></ui5-carousel>
260
- ```
261
- Now you should use `pageIndicatorType` instead:
262
- ```html
263
- <ui5-carousel page-indicator-type="Numeric"></ui5-carousel>
264
- ```
265
-
266
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461
267
- * Removed `UI5Element#render` method in favour of `UI5Element#renderer`. If you previously used "render"
268
- ```js
269
- class MyClass extends UI5Element {
270
- static get render() {
271
- return litRenderer;
272
- }
273
- }
274
- ```
275
- start using "renderer"
276
- ```ts
277
- class MyClass extends UI5Element {
278
- static get renderer() {
279
- return litRenderer;
280
- }
281
- }
282
- ```
283
- * Remove JavaScript template option from @ui5/create-webcomponents-package
284
- Previously `npm init @ui5/webcomponents-package` used to create JS-based project, however now it will be TypeScript-based project.
285
- If you previously used `npm init @ui5/webcomponents-package --enable-typescript` to create TypeScript-based project, now it's by default, e.g `npm init @ui5/webcomponents-package` and `--enable-typescript` is removed.
286
- * The `Left` and `Right` options option have been renamed. If you previously used them to set the placement or the alignment of the popover:
287
- ```html
288
- <ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>
289
- ```
290
- Now use `Start` or `End` instead:
291
- ```html
292
- <ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>
293
- ```
294
-
295
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461
296
-
297
- * docs: deploy v2 preview
298
- * Remove `soccor` icon. Use `soccer` instead.
299
- * Remove `add-polygone` icon. Use `add-polygon` instead.
300
- * The JSDoc plugin has been removed, and the generation of api.json has stopped. If you previously relied on the `ui5-package/dist/api.json file`, you can now use `ui5-package/dist/custom-elements.json`
301
- * All Assets-static.js modules are removed. If you previously imported any Assets-static.js module from any package:
302
- ```ts
303
- import "@ui5/webcomponents/dist/Assets-static.js";
304
- import "@ui5/webcomponents-icons/dist/Assets-static.js"
305
- ```
306
- use the dynamic equivalent of it:
307
- ```ts
308
- import "@ui5/webcomponents/dist/Assets.js";
309
- import "@ui5/webcomponents-icons/dist/Assets.js"
310
- ```
311
-
312
- Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
313
- * The event `selected-dates-change ` is renamed to `selection-change`. In addition the event details
314
- `values` and `dates` are renamed to `selectedValues` and `selectedDateValues`. If you previously used the Calendar event as follows:
315
- ```ts
316
- myCalendar.addEventListener("selected-dates-change", () => {
317
- const values = e.detail.values;
318
- const dates = e.detail.dates;
319
- })
320
- ```
321
- Now you have to use the new event name and details:
322
- ```ts
323
- myCalendar.addEventListener("selection-change", () => {
324
- const values = event.detail.selectedValues;
325
- const dates = event.detail.selectedDateValues;
326
- })
327
- ```
328
-
329
- Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
330
- * The property `color` is renamed to `value`. If you previously used the change event of the ColorPicker as follows:
331
- ```html
332
- <ui5-color-picker color="red"></ui5-color-picker>
333
- ```
334
- Now you have to use it like this:
335
- ```html
336
- <ui5-color-picker value="red"></ui5-color-picker>
337
- ```
338
-
339
- Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
340
- * JavaScript projects may not function properly with the tools package.
341
- * The `openPopover` and `showAt` methods are removed in favor of `open` and `opener` properties. If you previously used the imperative API:
342
- ```js
343
- button.addEventListener("click", function(event) {
344
- colorPalettePopover.showAt(this);
345
- });
346
- ```
347
- Now the declarative API should be used instead:
348
- ```html
349
- <ui5-button id="opener">Open</ui5-button>
350
- <ui5-color-palette-popover opener="opener">
351
- ```
352
- ```js
353
- button.addEventListener("click", function(event) {
354
- colorPalettePopover.open = !colorPalettePopover.open;
355
- });
356
- ```
357
- * The `ui5-bar` component is now in `main` library. If you previously imported the `ui5-bar` from `fiori`:
358
- ```ts
359
- import "@ui5/webcomponents-fiori/dist/Bar.js;
360
- ```
361
- Now, import the `ui5-bar` from `main`:
362
- ```ts
363
- import "@ui5/webcomponents/dist/Bar.js";
364
- ```
365
-
366
- Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
367
- * If you have previously used:
368
- ```html
369
- <ui5-tab id="nestedTab" slot="subTabs"></ui5-tab>
370
- ```
371
- Now use:
372
- ```html
373
- <ui5-tab id="nestedTab" slot="items"></ui5-tab>
374
- ```
375
-
376
- Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
377
- * If you have previously used:
378
- ```html
379
- <ui5-tabcontainer tabs-overflow-mode="StartAndEnd"></ui5-tabcontainer>
380
- ```
381
- Now use:
382
- ```html
383
- <ui5-tabcontainer overflow-mode="StartAndEnd"></ui5-tabcontainer>
384
- ```
385
-
386
- Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
387
- * If you previously imported `TabContainerBackgroundDesign`, use `BackgroundDesign` instead.
388
-
389
- Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
390
- * The showOverflow property is removed. If previously you have used:
391
- ```html
392
- <ui5-tabcontainer show-overflow></ui5-tabcontainer>
393
- ```
394
- now use the overflowButton slot:
395
- ```html
396
- <ui5-tabcontainer>
397
- <ui5-button slot="startOverflowButton" id="startOverflowButton">Start</ui5-button>
398
- <ui5-button slot="overflowButton" id="endOverflowButton">End</ui5-button>
399
- </ui5-tabcontainer>
400
- ```
401
-
402
- Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
403
- * The `placementType` property and the `PopoverPlacementType` enum have been renamed.
404
- If you have previously used the `placementType` property and the `PopoverPlacementType`
405
- ```html
406
- <ui5-popover placement-type="Bottom"></ui5-popover>
407
- ```
408
- ```js
409
- import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacementType.js";
410
- ```
411
- Now use `placement` instead:
412
- ```html
413
- <ui5-placement="Bottom"></ui5-popover>
414
- ```
415
- ```js
416
- import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
417
- ```
418
-
419
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461
420
- * The `size` property of the `ui5--illustrated-message` is renamed to `design`.
421
- If you have previously used the `size` property:
422
- ```html
423
- <ui5-illustrated-message size="Dialog">
424
- ```
425
- Now use `design` instead:
426
- ```html
427
- <ui5-illustrated-message design="Dialog">
428
-
429
- ```
430
-
431
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
432
- * The `separator-style` property is renamed to `separators` and the `BreadcrumbsSeparatorStyle` enum is renamed to `BreadcrumbsSeparator`.
433
- If you have previously used the `separator-style` property:
434
- ```html
435
- <ui5-breadcrumbs separator-style="Slash">
436
- ```
437
- Now use `separators` instead:
438
- ```html
439
- <ui5-breadcrumbs separators="Slash">
440
- ```
441
-
442
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
443
- * The `disabled` property of the `ui5-option` is removed.
444
- If you have previously used the `disabled` property:
445
- ```html
446
- <ui5-option disabled>Option</ui5-option>
447
- ```
448
- it will no longer work for the component.
449
-
450
- Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
451
- * You can no longer import and implement the `ITab` interface. TabContainer is designed to work only with Tab and TabSeparator classes, so the interface was obsolete.
60
+ * **framework:** Custom setter works when defined in base class and does not include HTMLElement props ([#8793](https://github.com/SAP/ui5-webcomponents/issues/8793)) ([9eb7325](https://github.com/SAP/ui5-webcomponents/commit/9eb7325de7943db8c6545949674fe3130f46c6ee)), closes [#8718](https://github.com/SAP/ui5-webcomponents/issues/8718) [#8643](https://github.com/SAP/ui5-webcomponents/issues/8643)
61
+ * **ui5-multi-combobox:** remove value state header on validation reset ([#8836](https://github.com/SAP/ui5-webcomponents/issues/8836)) ([ae490b6](https://github.com/SAP/ui5-webcomponents/commit/ae490b61e645fa9893aafeac2e28cc459dea5db6)), closes [#8586](https://github.com/SAP/ui5-webcomponents/issues/8586)
62
+ * **ui5-popover:** fix popover going out of the viewport ([#8865](https://github.com/SAP/ui5-webcomponents/issues/8865)) ([e59ac60](https://github.com/SAP/ui5-webcomponents/commit/e59ac60b04086ae60094d0e2b6390b2b374e2342)), closes [#8580](https://github.com/SAP/ui5-webcomponents/issues/8580)
452
63
 
453
64
 
454
65
 
package/README.md CHANGED
@@ -20,6 +20,9 @@ Contains the base files for all Web Components, most notably `@ui5/webcomponents
20
20
  Components | `import applyDirection from "@ui5/webcomponents-base/dist/locale/applyDirection.js"`| Applies direction ("ltr"/"rtl") - re-renders all RTL-aware components |
21
21
  Components | `import { setCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScope.js"`| Adds suffix to the tag names of all components |
22
22
  Components | `@ui5/webcomponents-base/dist/util/InvisibleMessage.js` | Provides a way to expose dynamic content changes that can be announced by screen readers |
23
+ CSP compliance| `import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js"`| Sets directory path where the CSS resources for given package will be served from |
24
+ CSP compliance| `import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js"` | Enables or disables the usage of `<link>` tags instead of `<style>` tags |
25
+ CSP compliance| `import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"` | Enables or disables the preloading of `<link>` tags |
23
26
 
24
27
  ### `applyDirection.js`
25
28
  - `applyDirection`
@@ -39,6 +42,11 @@ Contains the base files for all Web Components, most notably `@ui5/webcomponents
39
42
 
40
43
  - `ignoreCustomElements`
41
44
 
45
+ ### `CSP.js`
46
+ - `setPackageCSSRoot`
47
+ - `setUseLinks`
48
+ - `setPreloadLinks`
49
+
42
50
  ### `i18nBundle.js`
43
51
 
44
52
  - `registerI18nLoader`
package/bundle.esm.js ADDED
@@ -0,0 +1,66 @@
1
+ import { registerThemePropertiesLoader } from "./dist/AssetRegistry.js";
2
+ import EventProvider from "./dist/EventProvider.js";
3
+
4
+ // ESM bundle targets browsers with native support
5
+ import "./dist/features/OpenUI5Support.js";
6
+
7
+ // Test components
8
+ import "./test/elements/Accessor.js";
9
+ import "./test/elements/Generic.js";
10
+ import "./test/elements/NoShadowDOM.js";
11
+ import "./test/elements/Parent.js";
12
+ import "./test/elements/Child.js";
13
+ import "./test/elements/WithStaticArea.js";
14
+ import "./test/elements/WithComplexTemplate.js";
15
+ import "./test/elements/GenericExt.js";
16
+
17
+ // Test themes - CSS Vars for the sap_fiori_3, sap_fiori_3_dark, sap_belize and sap_belize_hcb themes
18
+ import "./test/assets/Themes.js";
19
+
20
+ // used in test pages
21
+ import { renderFinished } from "./dist/Render.js";
22
+
23
+ // used for tests - to register a custom theme
24
+ window.registerThemePropertiesLoader = registerThemePropertiesLoader;
25
+
26
+ // i18n
27
+ import { registerI18nLoader, getI18nBundle } from "./dist/i18nBundle.js";
28
+ import parseProperties from "./dist/PropertiesFileFormat.js";
29
+
30
+ // Note: keep in sync with rollup.config value for IIFE
31
+ import { getAnimationMode } from "./dist/config/AnimationMode.js";
32
+ import { getLanguage, setLanguage } from "./dist/config/Language.js";
33
+ import { getCalendarType } from "./dist/config/CalendarType.js";
34
+ import { getTheme, setTheme } from "./dist/config/Theme.js";
35
+ import { getThemeRoot, setThemeRoot } from "./dist/config/ThemeRoot.js";
36
+ import { getNoConflict, setNoConflict } from "./dist/config/NoConflict.js";
37
+ import { getFirstDayOfWeek, getLegacyDateCalendarCustomizing } from "./dist/config/FormatSettings.js";
38
+ import { _getRegisteredNames as getIconNames } from "./dist/asset-registries/Icons.js"
39
+ import applyDirection from "./dist/locale/applyDirection.js";
40
+ import { getCurrentRuntimeIndex } from "./dist/Runtimes.js";
41
+ import LegacyDateFormats from "./dist/features/LegacyDateFormats.js";
42
+
43
+ window["sap-ui-webcomponents-bundle"] = {
44
+ configuration : {
45
+ getAnimationMode,
46
+ getLanguage,
47
+ setLanguage,
48
+ getTheme,
49
+ getThemeRoot,
50
+ setThemeRoot,
51
+ setTheme,
52
+ getNoConflict,
53
+ setNoConflict,
54
+ getCalendarType,
55
+ getFirstDayOfWeek,
56
+ getLegacyDateCalendarCustomizing,
57
+ },
58
+ getCurrentRuntimeIndex,
59
+ getIconNames,
60
+ parseProperties,
61
+ registerI18nLoader,
62
+ getI18nBundle,
63
+ renderFinished,
64
+ applyDirection,
65
+ EventProvider,
66
+ };
@@ -230,6 +230,13 @@ exports.config = {
230
230
  }, this, attrName);
231
231
  }, true);
232
232
 
233
+ await browser.addCommand("getStaticAreaItemClassName", async function(selector) {
234
+ return browser.executeAsync(async (selector, done) => {
235
+ const staticAreaItem = await document.querySelector(selector).getStaticAreaItemDomRef();
236
+ done(staticAreaItem.host.classList[0]);
237
+ }, selector);
238
+ }, false);
239
+
233
240
  await browser.addLocatorStrategy('activeElement', (selector) => {
234
241
  return document.querySelector(selector).shadowRoot.activeElement;
235
242
  });
@@ -249,6 +256,7 @@ exports.config = {
249
256
  "getHTML",
250
257
  "getProperty",
251
258
  "getSize",
259
+ "getStaticAreaItemClassName", // custom
252
260
  "getText",
253
261
  "getValue",
254
262
  "hasClass", // custom