@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.
- package/.eslintignore +18 -0
- package/.eslintrc.cjs +3 -0
- package/CHANGELOG.md +22 -411
- package/README.md +8 -0
- package/bundle.esm.js +66 -0
- package/config/wdio.conf.cjs +8 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/Boot.js +4 -3
- package/dist/Boot.js.map +1 -1
- package/dist/CSP.d.ts +33 -0
- package/dist/CSP.js +54 -0
- package/dist/CSP.js.map +1 -0
- package/dist/Device.d.ts +2 -1
- package/dist/Device.js +12 -5
- package/dist/Device.js.map +1 -1
- package/dist/FeaturesRegistry.d.ts +10 -1
- package/dist/FeaturesRegistry.js +37 -1
- package/dist/FeaturesRegistry.js.map +1 -1
- package/dist/Keys.d.ts +1 -3
- package/dist/Keys.js +1 -5
- package/dist/Keys.js.map +1 -1
- package/dist/ManagedStyles.js +99 -21
- package/dist/ManagedStyles.js.map +1 -1
- package/dist/StaticAreaItem.d.ts +35 -0
- package/dist/StaticAreaItem.js +100 -0
- package/dist/StaticAreaItem.js.map +1 -0
- package/dist/UI5Element.d.ts +27 -12
- package/dist/UI5Element.js +64 -54
- package/dist/UI5Element.js.map +1 -1
- package/dist/UI5ElementMetadata.d.ts +6 -7
- package/dist/UI5ElementMetadata.js +7 -9
- package/dist/UI5ElementMetadata.js.map +1 -1
- package/dist/asset-registries/Icons.js +1 -1
- package/dist/asset-registries/Icons.js.map +1 -1
- package/dist/asset-registries/util/getIconCollectionByTheme.d.ts +3 -3
- package/dist/asset-registries/util/getIconCollectionByTheme.js +3 -3
- package/dist/asset-registries/util/getIconCollectionByTheme.js.map +1 -1
- package/dist/config/AnimationMode.js +1 -2
- package/dist/config/AnimationMode.js.map +1 -1
- package/dist/config/Theme.d.ts +2 -3
- package/dist/config/Theme.js +3 -7
- package/dist/config/Theme.js.map +1 -1
- package/dist/custom-elements-internal.json +2863 -0
- package/dist/custom-elements.json +2593 -0
- package/dist/decorators/customElement.d.ts +3 -2
- package/dist/decorators/customElement.js +5 -8
- package/dist/decorators/customElement.js.map +1 -1
- package/dist/features/OpenUI5Support.d.ts +2 -0
- package/dist/features/OpenUI5Support.js +25 -5
- package/dist/features/OpenUI5Support.js.map +1 -1
- package/dist/features/patchPopup.d.ts +3 -7
- package/dist/features/patchPopup.js +8 -43
- package/dist/features/patchPopup.js.map +1 -1
- package/dist/generated/AssetParameters.js +1 -1
- package/dist/generated/AssetParameters.js.map +1 -1
- package/dist/generated/VersionInfo.js +6 -6
- package/dist/generated/VersionInfo.js.map +1 -1
- package/dist/renderer/LitRenderer.js +8 -2
- package/dist/renderer/LitRenderer.js.map +1 -1
- package/dist/renderer/executeTemplate.d.ts +0 -8
- package/dist/renderer/executeTemplate.js +0 -1
- package/dist/renderer/executeTemplate.js.map +1 -1
- package/dist/sap/ui/thirdparty/caja-html-sanitizer.js +1 -1
- package/dist/ssr-dom.js +3 -0
- package/dist/ssr-dom.js.map +1 -0
- package/dist/theming/getConstructableStyle.d.ts +1 -1
- package/dist/theming/getConstructableStyle.js +3 -3
- package/dist/theming/getConstructableStyle.js.map +1 -1
- package/dist/theming/getEffectiveLinksHrefs.d.ts +3 -0
- package/dist/theming/getEffectiveLinksHrefs.js +17 -0
- package/dist/theming/getEffectiveLinksHrefs.js.map +1 -0
- package/dist/theming/getEffectiveStyle.d.ts +1 -1
- package/dist/theming/getEffectiveStyle.js +12 -5
- package/dist/theming/getEffectiveStyle.js.map +1 -1
- package/dist/theming/preloadLinks.d.ts +3 -0
- package/dist/theming/preloadLinks.js +19 -0
- package/dist/theming/preloadLinks.js.map +1 -0
- package/dist/types/ValueState.d.ts +3 -3
- package/dist/types/ValueState.js +3 -3
- package/dist/types/ValueState.js.map +1 -1
- package/dist/types.d.ts +2 -15
- package/dist/types.js.map +1 -1
- package/dist/updateShadowRoot.d.ts +2 -1
- package/dist/updateShadowRoot.js +29 -5
- package/dist/updateShadowRoot.js.map +1 -1
- package/dist/util/PopupUtils.d.ts +3 -1
- package/dist/util/PopupUtils.js +15 -1
- package/dist/util/PopupUtils.js.map +1 -1
- package/dist/util/createStyleInHead.d.ts +8 -0
- package/dist/util/createStyleInHead.js +18 -0
- package/dist/util/createStyleInHead.js.map +1 -0
- package/dist/util/dragAndDrop/DragRegistry.d.ts +1 -1
- package/dist/util/dragAndDrop/DragRegistry.js +0 -2
- package/dist/util/dragAndDrop/DragRegistry.js.map +1 -1
- package/dist/util/getClassCopy.d.ts +9 -8
- package/dist/vscode.html-custom-data.json +22 -0
- package/index.js +14 -0
- package/lib/generate-asset-parameters/index.js +27 -0
- package/lib/generate-styles/index.js +31 -0
- package/lib/generate-version-info/index.js +32 -0
- package/package-scripts.cjs +2 -9
- package/package.json +6 -13
- package/tsconfig.json +2 -2
- package/used-modules.txt +14 -0
- package/dist/features/InputElementsFormSupport.d.ts +0 -18
- package/dist/features/InputElementsFormSupport.js +0 -40
- package/dist/features/InputElementsFormSupport.js.map +0 -1
- package/dist/features/patchPatcher.d.ts +0 -11
- package/dist/features/patchPatcher.js +0 -11
- package/dist/features/patchPatcher.js.map +0 -1
- package/dist/locale/timezoneChange.d.ts +0 -5
- package/dist/types/AriaHasPopup.d.ts +0 -32
- package/dist/types/AriaHasPopup.js +0 -34
- package/dist/types/AriaHasPopup.js.map +0 -1
- package/dist/types/AriaLandmarkRole.d.ts +0 -79
- package/dist/types/AriaLandmarkRole.js +0 -81
- package/dist/types/AriaLandmarkRole.js.map +0 -1
- package/dist/types/AriaRole.d.ts +0 -27
- package/dist/types/AriaRole.js +0 -29
- 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
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
|
-
|
|
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
|
-
|
|
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
|
-
###
|
|
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
|
-
|
|
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
|
-
*
|
|
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
|
-
|
|
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
|
-
###
|
|
58
|
+
### Bug Fixes
|
|
203
59
|
|
|
204
|
-
*
|
|
205
|
-
|
|
206
|
-
|
|
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
|
+
};
|
package/config/wdio.conf.cjs
CHANGED
|
@@ -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
|