@ui5/create-webcomponents-package 0.0.0-f24ff9019 → 0.0.0-f42e7c18c
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/CHANGELOG.md +856 -0
- package/README.md +3 -8
- package/create-package.js +5 -61
- package/package.json +1 -1
- package/template/.eslintignore +1 -2
- package/template/.npsrc.json +3 -0
- package/template/bundle.esm.js +0 -2
- package/template/gitignore +0 -1
- package/template/{package-scripts.js → package-scripts.cjs} +0 -1
- package/template/src/MyFirstComponent.hbs +6 -1
- package/template/src/MyFirstComponent.ts +4 -8
- package/template/src/themes/MyFirstComponent.css +2 -1
- package/template/test/pages/css/index.css +5 -0
- package/template/test/pages/img/logo.png +0 -0
- package/template/test/pages/index.html +2 -2
- package/template/test/specs/Demo.spec.js +1 -1
- package/template/tsconfig.json +12 -14
- package/template/config/postcss.components/postcss.config.js +0 -1
- package/template/config/postcss.themes/postcss.config.js +0 -1
- package/template/src/Assets.js +0 -5
- package/template/src/MyFirstComponent.js +0 -82
- /package/template/{.eslintrc.js → .eslintrc.cjs} +0 -0
- /package/template/config/{wdio.conf.js → wdio.conf.cjs} +0 -0
package/CHANGELOG.md
CHANGED
@@ -3,6 +3,862 @@
|
|
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.5.0](https://github.com/SAP/ui5-webcomponents/compare/v2.5.0-rc.3...v2.5.0) (2024-12-05)
|
7
|
+
|
8
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
9
|
+
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
|
14
|
+
# [2.5.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.5.0-rc.2...v2.5.0-rc.3) (2024-12-05)
|
15
|
+
|
16
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
17
|
+
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
|
22
|
+
# [2.5.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.5.0-rc.1...v2.5.0-rc.2) (2024-11-28)
|
23
|
+
|
24
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
25
|
+
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
|
30
|
+
# [2.5.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.5.0-rc.0...v2.5.0-rc.1) (2024-11-21)
|
31
|
+
|
32
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
33
|
+
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
|
38
|
+
# [2.5.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.4.1-rc.0...v2.5.0-rc.0) (2024-11-14)
|
39
|
+
|
40
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
41
|
+
|
42
|
+
|
43
|
+
|
44
|
+
|
45
|
+
|
46
|
+
## [2.4.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.4.0...v2.4.1-rc.0) (2024-11-07)
|
47
|
+
|
48
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
49
|
+
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
|
54
|
+
# [2.4.0](https://github.com/SAP/ui5-webcomponents/compare/v2.4.0-rc.4...v2.4.0) (2024-11-03)
|
55
|
+
|
56
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
57
|
+
|
58
|
+
|
59
|
+
|
60
|
+
|
61
|
+
|
62
|
+
# [2.4.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v2.4.0-rc.3...v2.4.0-rc.4) (2024-10-31)
|
63
|
+
|
64
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
65
|
+
|
66
|
+
|
67
|
+
|
68
|
+
|
69
|
+
|
70
|
+
# [2.4.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.4.0-rc.2...v2.4.0-rc.3) (2024-10-28)
|
71
|
+
|
72
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
73
|
+
|
74
|
+
|
75
|
+
|
76
|
+
|
77
|
+
|
78
|
+
# [2.4.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.4.0-rc.1...v2.4.0-rc.2) (2024-10-24)
|
79
|
+
|
80
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
81
|
+
|
82
|
+
|
83
|
+
|
84
|
+
|
85
|
+
|
86
|
+
# [2.4.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.4.0-rc.0...v2.4.0-rc.1) (2024-10-17)
|
87
|
+
|
88
|
+
|
89
|
+
### Features
|
90
|
+
|
91
|
+
* **create-package:** produce packages of type="module" ([#9993](https://github.com/SAP/ui5-webcomponents/issues/9993)) ([b161f60](https://github.com/SAP/ui5-webcomponents/commit/b161f601253b966fc0bb7a01213165c0963c85ca))
|
92
|
+
|
93
|
+
|
94
|
+
|
95
|
+
|
96
|
+
|
97
|
+
# [2.4.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.3.1-rc.0...v2.4.0-rc.0) (2024-10-10)
|
98
|
+
|
99
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
100
|
+
|
101
|
+
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
## [2.3.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0...v2.3.1-rc.0) (2024-10-03)
|
106
|
+
|
107
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
108
|
+
|
109
|
+
|
110
|
+
|
111
|
+
|
112
|
+
|
113
|
+
# [2.3.0](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.3...v2.3.0) (2024-10-02)
|
114
|
+
|
115
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
116
|
+
|
117
|
+
|
118
|
+
|
119
|
+
|
120
|
+
|
121
|
+
# [2.3.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.2...v2.3.0-rc.3) (2024-09-26)
|
122
|
+
|
123
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
|
128
|
+
|
129
|
+
# [2.3.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.1...v2.3.0-rc.2) (2024-09-19)
|
130
|
+
|
131
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
132
|
+
|
133
|
+
|
134
|
+
|
135
|
+
|
136
|
+
|
137
|
+
# [2.3.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.3.0-rc.0...v2.3.0-rc.1) (2024-09-12)
|
138
|
+
|
139
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
140
|
+
|
141
|
+
|
142
|
+
|
143
|
+
|
144
|
+
|
145
|
+
# [2.3.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.2.0...v2.3.0-rc.0) (2024-09-05)
|
146
|
+
|
147
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
148
|
+
|
149
|
+
|
150
|
+
|
151
|
+
|
152
|
+
|
153
|
+
# [2.2.0](https://github.com/SAP/ui5-webcomponents/compare/v2.2.0-rc.3...v2.2.0) (2024-09-03)
|
154
|
+
|
155
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
156
|
+
|
157
|
+
|
158
|
+
|
159
|
+
|
160
|
+
|
161
|
+
# [2.2.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2024-08-29)
|
162
|
+
|
163
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
164
|
+
|
165
|
+
|
166
|
+
|
167
|
+
|
168
|
+
|
169
|
+
# [2.2.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.2.0-rc.1...v2.2.0-rc.2) (2024-08-22)
|
170
|
+
|
171
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
172
|
+
|
173
|
+
|
174
|
+
|
175
|
+
|
176
|
+
|
177
|
+
# [2.2.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2024-08-15)
|
178
|
+
|
179
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
180
|
+
|
181
|
+
|
182
|
+
|
183
|
+
|
184
|
+
|
185
|
+
# [2.2.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.1.1...v2.2.0-rc.0) (2024-08-08)
|
186
|
+
|
187
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
188
|
+
|
189
|
+
|
190
|
+
|
191
|
+
|
192
|
+
|
193
|
+
## [2.1.1](https://github.com/SAP/ui5-webcomponents/compare/v2.1.0...v2.1.1) (2024-08-02)
|
194
|
+
|
195
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
196
|
+
|
197
|
+
|
198
|
+
|
199
|
+
|
200
|
+
|
201
|
+
# [2.1.0](https://github.com/SAP/ui5-webcomponents/compare/v2.1.0-rc.3...v2.1.0) (2024-08-02)
|
202
|
+
|
203
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
204
|
+
|
205
|
+
|
206
|
+
|
207
|
+
|
208
|
+
|
209
|
+
# [2.1.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2024-08-01)
|
210
|
+
|
211
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
212
|
+
|
213
|
+
|
214
|
+
|
215
|
+
|
216
|
+
|
217
|
+
# [2.1.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.1.0-rc.1...v2.1.0-rc.2) (2024-07-25)
|
218
|
+
|
219
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
220
|
+
|
221
|
+
|
222
|
+
|
223
|
+
|
224
|
+
|
225
|
+
# [2.1.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2024-07-18)
|
226
|
+
|
227
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
228
|
+
|
229
|
+
|
230
|
+
|
231
|
+
|
232
|
+
|
233
|
+
# [2.1.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.0.1...v2.1.0-rc.0) (2024-07-11)
|
234
|
+
|
235
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
236
|
+
|
237
|
+
|
238
|
+
|
239
|
+
|
240
|
+
|
241
|
+
## [2.0.1](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0...v2.0.1) (2024-07-05)
|
242
|
+
|
243
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
244
|
+
|
245
|
+
|
246
|
+
|
247
|
+
|
248
|
+
|
249
|
+
# [2.0.0](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.6...v2.0.0) (2024-07-03)
|
250
|
+
|
251
|
+
|
252
|
+
### Features
|
253
|
+
|
254
|
+
* add property initializers ([#8846](https://github.com/SAP/ui5-webcomponents/issues/8846)) ([eef0cc9](https://github.com/SAP/ui5-webcomponents/commit/eef0cc9b663fda6268b98e516ed46439435fa2b0))
|
255
|
+
|
256
|
+
|
257
|
+
### BREAKING CHANGES
|
258
|
+
|
259
|
+
* @property decorator must be adapted according to new type parameter
|
260
|
+
|
261
|
+
|
262
|
+
|
263
|
+
|
264
|
+
|
265
|
+
# [2.0.0-rc.6](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.5...v2.0.0-rc.6) (2024-06-17)
|
266
|
+
|
267
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
268
|
+
|
269
|
+
|
270
|
+
|
271
|
+
|
272
|
+
|
273
|
+
# [2.0.0-rc.5](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.4...v2.0.0-rc.5) (2024-06-06)
|
274
|
+
|
275
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
276
|
+
|
277
|
+
|
278
|
+
|
279
|
+
|
280
|
+
|
281
|
+
# [2.0.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.3...v2.0.0-rc.4) (2024-05-29)
|
282
|
+
|
283
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
284
|
+
|
285
|
+
|
286
|
+
|
287
|
+
|
288
|
+
|
289
|
+
# [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)
|
290
|
+
|
291
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
292
|
+
|
293
|
+
|
294
|
+
|
295
|
+
|
296
|
+
|
297
|
+
# [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)
|
298
|
+
|
299
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
300
|
+
|
301
|
+
|
302
|
+
|
303
|
+
|
304
|
+
|
305
|
+
# [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)
|
306
|
+
|
307
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
308
|
+
|
309
|
+
|
310
|
+
|
311
|
+
|
312
|
+
|
313
|
+
# [2.0.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0...v2.0.0-rc.0) (2024-04-09)
|
314
|
+
|
315
|
+
|
316
|
+
### chore
|
317
|
+
|
318
|
+
* 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)
|
319
|
+
|
320
|
+
|
321
|
+
### BREAKING CHANGES
|
322
|
+
|
323
|
+
* "Device#isIE" method has been removed and no longer available
|
324
|
+
|
325
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
|
326
|
+
* 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:
|
327
|
+
```ts
|
328
|
+
import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js"
|
329
|
+
import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js"
|
330
|
+
import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"
|
331
|
+
```
|
332
|
+
* Removed the `ICardHeader` interface. If you previously used the interface
|
333
|
+
```ts
|
334
|
+
import type { ICardHeader } from "@ui5/webcomponents-base/dist/Card.js"
|
335
|
+
```
|
336
|
+
Use the CardHeader type instead:
|
337
|
+
```ts
|
338
|
+
import type CardHeader from "@ui5/webcomponents-base/dist/CardHeader.js"
|
339
|
+
```
|
340
|
+
* Removed the `IUploadCollectionItem` interface. If you previously used the interface:
|
341
|
+
```js
|
342
|
+
import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js"
|
343
|
+
```
|
344
|
+
Use the `UploadCollectionItem` type instead:
|
345
|
+
```js
|
346
|
+
import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"
|
347
|
+
```
|
348
|
+
|
349
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
|
350
|
+
* The `size` property now accepts different values. If you previously used it like:
|
351
|
+
```html
|
352
|
+
<ui5-busy-indicator size="Small"></ui5-busy-indicator>
|
353
|
+
```
|
354
|
+
Now use the new values instead:
|
355
|
+
```html
|
356
|
+
<ui5-busy-indicator size="S"></ui5-busy-indicator>
|
357
|
+
```
|
358
|
+
|
359
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
|
360
|
+
* The `status` property and its shadow part have been renamed. If you previously used them:
|
361
|
+
```html
|
362
|
+
<style>
|
363
|
+
.cardHeader::part(status) { ... }
|
364
|
+
</style>
|
365
|
+
<ui5-card-header status="3 of 10"></ui5-popover>
|
366
|
+
```
|
367
|
+
Now use `additionalText` instead:
|
368
|
+
```html
|
369
|
+
<style>
|
370
|
+
.cardHeader::part(additional-text) { ... }
|
371
|
+
</style>
|
372
|
+
<ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>
|
373
|
+
```
|
374
|
+
|
375
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
|
376
|
+
* The `pageIndicatorStyle` no longer exists. If you previously used it like:
|
377
|
+
```html
|
378
|
+
<ui5-carousel page-indicator-style="Numeric"></ui5-carousel>
|
379
|
+
```
|
380
|
+
Now you should use `pageIndicatorType` instead:
|
381
|
+
```html
|
382
|
+
<ui5-carousel page-indicator-type="Numeric"></ui5-carousel>
|
383
|
+
```
|
384
|
+
|
385
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
|
386
|
+
* Removed `UI5Element#render` method in favour of `UI5Element#renderer`. If you previously used "render"
|
387
|
+
```js
|
388
|
+
class MyClass extends UI5Element {
|
389
|
+
static get render() {
|
390
|
+
return litRenderer;
|
391
|
+
}
|
392
|
+
}
|
393
|
+
```
|
394
|
+
start using "renderer"
|
395
|
+
```ts
|
396
|
+
class MyClass extends UI5Element {
|
397
|
+
static get renderer() {
|
398
|
+
return litRenderer;
|
399
|
+
}
|
400
|
+
}
|
401
|
+
```
|
402
|
+
* Remove JavaScript template option from @ui5/create-webcomponents-package
|
403
|
+
Previously `npm init @ui5/webcomponents-package` used to create JS-based project, however now it will be TypeScript-based project.
|
404
|
+
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.
|
405
|
+
* The `Left` and `Right` options option have been renamed. If you previously used them to set the placement or the alignment of the popover:
|
406
|
+
```html
|
407
|
+
<ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>
|
408
|
+
```
|
409
|
+
Now use `Start` or `End` instead:
|
410
|
+
```html
|
411
|
+
<ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>
|
412
|
+
```
|
413
|
+
|
414
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
|
415
|
+
|
416
|
+
* docs: deploy v2 preview
|
417
|
+
* Remove `soccor` icon. Use `soccer` instead.
|
418
|
+
* Remove `add-polygone` icon. Use `add-polygon` instead.
|
419
|
+
* 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`
|
420
|
+
* All Assets-static.js modules are removed. If you previously imported any Assets-static.js module from any package:
|
421
|
+
```ts
|
422
|
+
import "@ui5/webcomponents/dist/Assets-static.js";
|
423
|
+
import "@ui5/webcomponents-icons/dist/Assets-static.js"
|
424
|
+
```
|
425
|
+
use the dynamic equivalent of it:
|
426
|
+
```ts
|
427
|
+
import "@ui5/webcomponents/dist/Assets.js";
|
428
|
+
import "@ui5/webcomponents-icons/dist/Assets.js"
|
429
|
+
```
|
430
|
+
|
431
|
+
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
|
432
|
+
* The event `selected-dates-change ` is renamed to `selection-change`. In addition the event details
|
433
|
+
`values` and `dates` are renamed to `selectedValues` and `selectedDateValues`. If you previously used the Calendar event as follows:
|
434
|
+
```ts
|
435
|
+
myCalendar.addEventListener("selected-dates-change", () => {
|
436
|
+
const values = e.detail.values;
|
437
|
+
const dates = e.detail.dates;
|
438
|
+
})
|
439
|
+
```
|
440
|
+
Now you have to use the new event name and details:
|
441
|
+
```ts
|
442
|
+
myCalendar.addEventListener("selection-change", () => {
|
443
|
+
const values = event.detail.selectedValues;
|
444
|
+
const dates = event.detail.selectedDateValues;
|
445
|
+
})
|
446
|
+
```
|
447
|
+
|
448
|
+
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
|
449
|
+
* The property `color` is renamed to `value`. If you previously used the change event of the ColorPicker as follows:
|
450
|
+
```html
|
451
|
+
<ui5-color-picker color="red"></ui5-color-picker>
|
452
|
+
```
|
453
|
+
Now you have to use it like this:
|
454
|
+
```html
|
455
|
+
<ui5-color-picker value="red"></ui5-color-picker>
|
456
|
+
```
|
457
|
+
|
458
|
+
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
|
459
|
+
* JavaScript projects may not function properly with the tools package.
|
460
|
+
* The `openPopover` and `showAt` methods are removed in favor of `open` and `opener` properties. If you previously used the imperative API:
|
461
|
+
```js
|
462
|
+
button.addEventListener("click", function(event) {
|
463
|
+
colorPalettePopover.showAt(this);
|
464
|
+
});
|
465
|
+
```
|
466
|
+
Now the declarative API should be used instead:
|
467
|
+
```html
|
468
|
+
<ui5-button id="opener">Open</ui5-button>
|
469
|
+
<ui5-color-palette-popover opener="opener">
|
470
|
+
```
|
471
|
+
```js
|
472
|
+
button.addEventListener("click", function(event) {
|
473
|
+
colorPalettePopover.open = !colorPalettePopover.open;
|
474
|
+
});
|
475
|
+
```
|
476
|
+
* The `ui5-bar` component is now in `main` library. If you previously imported the `ui5-bar` from `fiori`:
|
477
|
+
```ts
|
478
|
+
import "@ui5/webcomponents-fiori/dist/Bar.js;
|
479
|
+
```
|
480
|
+
Now, import the `ui5-bar` from `main`:
|
481
|
+
```ts
|
482
|
+
import "@ui5/webcomponents/dist/Bar.js";
|
483
|
+
```
|
484
|
+
|
485
|
+
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
|
486
|
+
* If you have previously used:
|
487
|
+
```html
|
488
|
+
<ui5-tab id="nestedTab" slot="subTabs"></ui5-tab>
|
489
|
+
```
|
490
|
+
Now use:
|
491
|
+
```html
|
492
|
+
<ui5-tab id="nestedTab" slot="items"></ui5-tab>
|
493
|
+
```
|
494
|
+
|
495
|
+
Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
|
496
|
+
* If you have previously used:
|
497
|
+
```html
|
498
|
+
<ui5-tabcontainer tabs-overflow-mode="StartAndEnd"></ui5-tabcontainer>
|
499
|
+
```
|
500
|
+
Now use:
|
501
|
+
```html
|
502
|
+
<ui5-tabcontainer overflow-mode="StartAndEnd"></ui5-tabcontainer>
|
503
|
+
```
|
504
|
+
|
505
|
+
Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
|
506
|
+
* If you previously imported `TabContainerBackgroundDesign`, use `BackgroundDesign` instead.
|
507
|
+
|
508
|
+
Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
|
509
|
+
* The showOverflow property is removed. If previously you have used:
|
510
|
+
```html
|
511
|
+
<ui5-tabcontainer show-overflow></ui5-tabcontainer>
|
512
|
+
```
|
513
|
+
now use the overflowButton slot:
|
514
|
+
```html
|
515
|
+
<ui5-tabcontainer>
|
516
|
+
<ui5-button slot="startOverflowButton" id="startOverflowButton">Start</ui5-button>
|
517
|
+
<ui5-button slot="overflowButton" id="endOverflowButton">End</ui5-button>
|
518
|
+
</ui5-tabcontainer>
|
519
|
+
```
|
520
|
+
|
521
|
+
Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
|
522
|
+
* The `placementType` property and the `PopoverPlacementType` enum have been renamed.
|
523
|
+
If you have previously used the `placementType` property and the `PopoverPlacementType`
|
524
|
+
```html
|
525
|
+
<ui5-popover placement-type="Bottom"></ui5-popover>
|
526
|
+
```
|
527
|
+
```js
|
528
|
+
import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacementType.js";
|
529
|
+
```
|
530
|
+
Now use `placement` instead:
|
531
|
+
```html
|
532
|
+
<ui5-placement="Bottom"></ui5-popover>
|
533
|
+
```
|
534
|
+
```js
|
535
|
+
import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
|
536
|
+
```
|
537
|
+
|
538
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
|
539
|
+
* The `size` property of the `ui5--illustrated-message` is renamed to `design`.
|
540
|
+
If you have previously used the `size` property:
|
541
|
+
```html
|
542
|
+
<ui5-illustrated-message size="Dialog">
|
543
|
+
```
|
544
|
+
Now use `design` instead:
|
545
|
+
```html
|
546
|
+
<ui5-illustrated-message design="Dialog">
|
547
|
+
|
548
|
+
```
|
549
|
+
|
550
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
|
551
|
+
* The `separator-style` property is renamed to `separators` and the `BreadcrumbsSeparatorStyle` enum is renamed to `BreadcrumbsSeparator`.
|
552
|
+
If you have previously used the `separator-style` property:
|
553
|
+
```html
|
554
|
+
<ui5-breadcrumbs separator-style="Slash">
|
555
|
+
```
|
556
|
+
Now use `separators` instead:
|
557
|
+
```html
|
558
|
+
<ui5-breadcrumbs separators="Slash">
|
559
|
+
```
|
560
|
+
|
561
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
|
562
|
+
* The `disabled` property of the `ui5-option` is removed.
|
563
|
+
If you have previously used the `disabled` property:
|
564
|
+
```html
|
565
|
+
<ui5-option disabled>Option</ui5-option>
|
566
|
+
```
|
567
|
+
it will no longer work for the component.
|
568
|
+
|
569
|
+
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
|
570
|
+
* 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.
|
571
|
+
|
572
|
+
|
573
|
+
|
574
|
+
|
575
|
+
|
576
|
+
# [1.24.0](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0-rc.4...v1.24.0) (2024-04-04)
|
577
|
+
|
578
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
579
|
+
|
580
|
+
|
581
|
+
|
582
|
+
|
583
|
+
|
584
|
+
# [1.24.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0-rc.3...v1.24.0-rc.4) (2024-04-04)
|
585
|
+
|
586
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
587
|
+
|
588
|
+
|
589
|
+
|
590
|
+
|
591
|
+
|
592
|
+
# [1.24.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0-rc.2...v1.24.0-rc.3) (2024-03-28)
|
593
|
+
|
594
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
595
|
+
|
596
|
+
|
597
|
+
|
598
|
+
|
599
|
+
|
600
|
+
# [1.24.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0-rc.1...v1.24.0-rc.2) (2024-03-21)
|
601
|
+
|
602
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
603
|
+
|
604
|
+
|
605
|
+
|
606
|
+
|
607
|
+
|
608
|
+
# [1.24.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0-rc.0...v1.24.0-rc.1) (2024-03-15)
|
609
|
+
|
610
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
611
|
+
|
612
|
+
|
613
|
+
|
614
|
+
|
615
|
+
|
616
|
+
# [1.24.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.1...v1.24.0-rc.0) (2024-03-14)
|
617
|
+
|
618
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
619
|
+
|
620
|
+
|
621
|
+
|
622
|
+
|
623
|
+
|
624
|
+
## [1.23.1](https://github.com/SAP/ui5-webcomponents/compare/v1.23.1-rc.0...v1.23.1) (2024-03-08)
|
625
|
+
|
626
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
627
|
+
|
628
|
+
|
629
|
+
|
630
|
+
|
631
|
+
|
632
|
+
## [1.23.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0...v1.23.1-rc.0) (2024-03-07)
|
633
|
+
|
634
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
635
|
+
|
636
|
+
|
637
|
+
|
638
|
+
|
639
|
+
|
640
|
+
# [1.23.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.5...v1.23.0) (2024-03-06)
|
641
|
+
|
642
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
643
|
+
|
644
|
+
|
645
|
+
|
646
|
+
|
647
|
+
|
648
|
+
# [1.23.0-rc.5](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.4...v1.23.0-rc.5) (2024-02-29)
|
649
|
+
|
650
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
651
|
+
|
652
|
+
|
653
|
+
|
654
|
+
|
655
|
+
|
656
|
+
# [1.23.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.3...v1.23.0-rc.4) (2024-02-26)
|
657
|
+
|
658
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
659
|
+
|
660
|
+
|
661
|
+
|
662
|
+
|
663
|
+
|
664
|
+
# [1.23.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.2...v1.23.0-rc.3) (2024-02-22)
|
665
|
+
|
666
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
667
|
+
|
668
|
+
|
669
|
+
|
670
|
+
|
671
|
+
|
672
|
+
# [1.23.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.1...v1.23.0-rc.2) (2024-02-20)
|
673
|
+
|
674
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
675
|
+
|
676
|
+
|
677
|
+
|
678
|
+
|
679
|
+
|
680
|
+
# [1.23.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.0...v1.23.0-rc.1) (2024-02-19)
|
681
|
+
|
682
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
683
|
+
|
684
|
+
|
685
|
+
|
686
|
+
|
687
|
+
|
688
|
+
# [1.23.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.22.1-rc.0...v1.23.0-rc.0) (2024-02-15)
|
689
|
+
|
690
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
691
|
+
|
692
|
+
|
693
|
+
|
694
|
+
|
695
|
+
|
696
|
+
## [1.22.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0...v1.22.1-rc.0) (2024-02-08)
|
697
|
+
|
698
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
699
|
+
|
700
|
+
|
701
|
+
|
702
|
+
|
703
|
+
|
704
|
+
# [1.22.0](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0-rc.3...v1.22.0) (2024-02-05)
|
705
|
+
|
706
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
707
|
+
|
708
|
+
|
709
|
+
|
710
|
+
|
711
|
+
|
712
|
+
# [1.22.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0-rc.2...v1.22.0-rc.3) (2024-02-01)
|
713
|
+
|
714
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
715
|
+
|
716
|
+
|
717
|
+
|
718
|
+
|
719
|
+
|
720
|
+
# [1.22.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0-rc.1...v1.22.0-rc.2) (2024-01-25)
|
721
|
+
|
722
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
723
|
+
|
724
|
+
|
725
|
+
|
726
|
+
|
727
|
+
|
728
|
+
# [1.22.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0-rc.0...v1.22.0-rc.1) (2024-01-18)
|
729
|
+
|
730
|
+
|
731
|
+
### Bug Fixes
|
732
|
+
|
733
|
+
* broken test page ([#8097](https://github.com/SAP/ui5-webcomponents/issues/8097)) ([6903367](https://github.com/SAP/ui5-webcomponents/commit/6903367c290b84490c74a6ef56b074aa0a2fc729))
|
734
|
+
|
735
|
+
|
736
|
+
|
737
|
+
|
738
|
+
|
739
|
+
# [1.22.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0...v1.22.0-rc.0) (2024-01-11)
|
740
|
+
|
741
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
742
|
+
|
743
|
+
|
744
|
+
|
745
|
+
|
746
|
+
|
747
|
+
# [1.21.0](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.5...v1.21.0) (2024-01-05)
|
748
|
+
|
749
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
750
|
+
|
751
|
+
|
752
|
+
|
753
|
+
|
754
|
+
|
755
|
+
# [1.21.0-rc.5](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.4...v1.21.0-rc.5) (2024-01-04)
|
756
|
+
|
757
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
758
|
+
|
759
|
+
|
760
|
+
|
761
|
+
|
762
|
+
|
763
|
+
# [1.21.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.3...v1.21.0-rc.4) (2023-12-28)
|
764
|
+
|
765
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
766
|
+
|
767
|
+
|
768
|
+
|
769
|
+
|
770
|
+
|
771
|
+
# [1.21.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.2...v1.21.0-rc.3) (2023-12-21)
|
772
|
+
|
773
|
+
|
774
|
+
### Features
|
775
|
+
|
776
|
+
* **tools:** Optimize build by switching css processing to esbuild ([#8008](https://github.com/SAP/ui5-webcomponents/issues/8008)) ([b4d411f](https://github.com/SAP/ui5-webcomponents/commit/b4d411f00f8d74ccecb2d02254126243faf53dfd))
|
777
|
+
|
778
|
+
|
779
|
+
|
780
|
+
|
781
|
+
|
782
|
+
# [1.21.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.1...v1.21.0-rc.2) (2023-12-14)
|
783
|
+
|
784
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
785
|
+
|
786
|
+
|
787
|
+
|
788
|
+
|
789
|
+
|
790
|
+
# [1.21.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.0...v1.21.0-rc.1) (2023-12-08)
|
791
|
+
|
792
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
793
|
+
|
794
|
+
|
795
|
+
|
796
|
+
|
797
|
+
|
798
|
+
# [1.21.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.20.0...v1.21.0-rc.0) (2023-12-07)
|
799
|
+
|
800
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
801
|
+
|
802
|
+
|
803
|
+
|
804
|
+
|
805
|
+
|
806
|
+
# [1.20.0](https://github.com/SAP/ui5-webcomponents/compare/v1.20.0-rc.3...v1.20.0) (2023-12-04)
|
807
|
+
|
808
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
809
|
+
|
810
|
+
|
811
|
+
|
812
|
+
|
813
|
+
|
814
|
+
# [1.20.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.20.0-rc.2...v1.20.0-rc.3) (2023-11-30)
|
815
|
+
|
816
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
817
|
+
|
818
|
+
|
819
|
+
|
820
|
+
|
821
|
+
|
822
|
+
# [1.20.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.20.0-rc.1...v1.20.0-rc.2) (2023-11-23)
|
823
|
+
|
824
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
825
|
+
|
826
|
+
|
827
|
+
|
828
|
+
|
829
|
+
|
830
|
+
# [1.20.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.20.0-rc.0...v1.20.0-rc.1) (2023-11-16)
|
831
|
+
|
832
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
833
|
+
|
834
|
+
|
835
|
+
|
836
|
+
|
837
|
+
|
838
|
+
# [1.20.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.19.0...v1.20.0-rc.0) (2023-11-09)
|
839
|
+
|
840
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
841
|
+
|
842
|
+
|
843
|
+
|
844
|
+
|
845
|
+
|
846
|
+
# [1.19.0](https://github.com/SAP/ui5-webcomponents/compare/v1.19.0-rc.3...v1.19.0) (2023-11-02)
|
847
|
+
|
848
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
849
|
+
|
850
|
+
|
851
|
+
|
852
|
+
|
853
|
+
|
854
|
+
# [1.19.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.19.0-rc.2...v1.19.0-rc.3) (2023-11-02)
|
855
|
+
|
856
|
+
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
857
|
+
|
858
|
+
|
859
|
+
|
860
|
+
|
861
|
+
|
6
862
|
# [1.19.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.19.0-rc.1...v1.19.0-rc.2) (2023-10-26)
|
7
863
|
|
8
864
|
**Note:** Version bump only for package @ui5/create-webcomponents-package
|
package/README.md
CHANGED
@@ -1,7 +1,4 @@
|
|
1
|
-
UI5 Web Components - Create Package
|
5
2
|
|
6
3
|
[](https://www.npmjs.com/package/@ui5/webcomponents)
|
7
4
|
|
@@ -21,7 +18,6 @@ Options:
|
|
21
18
|
--name <string> - defines the package name
|
22
19
|
--component-name <string> - defines the component class name that will be created in your new package
|
23
20
|
--tag <string> - defines the tag name of the sample web component that will be created in your new package. The tag will be derived from the component name if not provided.
|
24
|
-
--enable-typescript - enables TypeScript support for the package
|
25
21
|
--skip - skips configuration and generates package with a default value for each parameter that wasn't passed
|
26
22
|
```
|
27
23
|
|
@@ -37,7 +33,6 @@ Options:
|
|
37
33
|
--name <string> - defines the package name
|
38
34
|
--component-name <string> - defines the component class name that will be created in your new package
|
39
35
|
--tag <string> - defines the tag name of the sample web component that will be created in your new package
|
40
|
-
--enable-typescript - enables TypeScript support for the package
|
41
36
|
--skip - skips configuration and generates package with a default value for each parameter that wasn't passed
|
42
37
|
```
|
43
38
|
|
@@ -47,10 +42,10 @@ components package.
|
|
47
42
|
## Resources
|
48
43
|
- [UI5 Web Components - README.md](https://github.com/SAP/ui5-webcomponents/blob/main/README.md)
|
49
44
|
- [UI5 Web Components - Home Page](https://sap.github.io/ui5-webcomponents)
|
50
|
-
- [UI5 Web Components - Playground and API Reference](https://sap.github.io/ui5-webcomponents/
|
45
|
+
- [UI5 Web Components - Playground and API Reference](https://sap.github.io/ui5-webcomponents/play/)
|
51
46
|
|
52
47
|
## Support
|
53
|
-
We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://
|
48
|
+
We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/).
|
54
49
|
|
55
50
|
## Contribute
|
56
51
|
Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/docs/6-contributing/02-conventions-and-guidelines.md).
|
package/create-package.js
CHANGED
@@ -15,13 +15,6 @@ const version = JSON.parse(fs.readFileSync(path.join(__dirname, "package.json"))
|
|
15
15
|
// from where all the files will be copied
|
16
16
|
const TEMPLATE_DIR = path.join(`${__dirname}`, `template/`);
|
17
17
|
|
18
|
-
// String utils
|
19
|
-
const isTSRelatedFile = sourcePath => {
|
20
|
-
return ["Assets.ts", "MyFirstComponent.ts", "tsconfig.json", "global.d.ts"].some(fileName => sourcePath.includes(fileName));
|
21
|
-
};
|
22
|
-
const isJSRelatedFile = sourcePath => {
|
23
|
-
return ["Assets.js", "MyFirstComponent.js"].some(fileName => sourcePath.includes(fileName));
|
24
|
-
};
|
25
18
|
const isGitIgnore = sourcePath => {
|
26
19
|
return sourcePath.includes("gitignore");
|
27
20
|
};
|
@@ -34,10 +27,8 @@ const isNPMRC = sourcePath => {
|
|
34
27
|
|
35
28
|
// Validation of user input
|
36
29
|
const ComponentNamePattern = /^[A-Z][A-Za-z0-9]+$/;
|
37
|
-
const NamespacePattern = /^[a-z][a-z0-9\.\-]+$/;
|
38
30
|
const isPackageNameValid = name => typeof name === "string" && name.match(/^(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/);
|
39
31
|
const isComponentNameValid = name => typeof name === "string" && ComponentNamePattern.test(name);
|
40
|
-
const isNamespaceValid = name => typeof name === "string" && NamespacePattern.test(name);
|
41
32
|
const isTagValid = tag => typeof tag === "string" && tag.match(/^[a-z0-9]+?-[a-zA-Z0-9\-_]+?[a-z0-9]$/);
|
42
33
|
|
43
34
|
/**
|
@@ -65,13 +56,6 @@ const replaceVarsInFileName = (vars, fileName) => {
|
|
65
56
|
};
|
66
57
|
|
67
58
|
const copyFile = (vars, sourcePath, destPath) => {
|
68
|
-
const ignoreJsRelated = vars.INIT_PACKAGE_VAR_TYPESCRIPT && isJSRelatedFile(sourcePath);
|
69
|
-
const ignoreTsRelated = !vars.INIT_PACKAGE_VAR_TYPESCRIPT && isTSRelatedFile(sourcePath);
|
70
|
-
|
71
|
-
if (ignoreJsRelated || ignoreTsRelated) {
|
72
|
-
return;
|
73
|
-
}
|
74
|
-
|
75
59
|
if (isLogo(sourcePath)) {
|
76
60
|
fs.copyFileSync(sourcePath, destPath);
|
77
61
|
return;
|
@@ -108,16 +92,14 @@ const copyFiles = (vars, sourcePath, destPath) => {
|
|
108
92
|
}
|
109
93
|
};
|
110
94
|
|
111
|
-
const generateFilesContent = (packageName, componentName,
|
95
|
+
const generateFilesContent = (packageName, componentName, skipSubfolder) => {
|
112
96
|
const tagName = argv.tag || hyphaneteComponentName(componentName);
|
113
97
|
|
114
98
|
// All variables that will be replaced in the content of the resources/
|
115
99
|
const vars = {
|
116
|
-
INIT_PACKAGE_VAR_NAMESPACE: namespace, // namespace must be replaced before name
|
117
100
|
INIT_PACKAGE_VAR_NAME: packageName,
|
118
101
|
INIT_PACKAGE_VAR_TAG: tagName,
|
119
102
|
INIT_PACKAGE_VAR_CLASS_NAME: componentName,
|
120
|
-
INIT_PACKAGE_VAR_TYPESCRIPT: typescript,
|
121
103
|
};
|
122
104
|
|
123
105
|
const packageContent = {
|
@@ -126,6 +108,7 @@ const generateFilesContent = (packageName, componentName, namespace, typescript,
|
|
126
108
|
ui5: {
|
127
109
|
webComponentsPackage: true,
|
128
110
|
},
|
111
|
+
type: "module",
|
129
112
|
scripts: {
|
130
113
|
"clean": "wc-dev clean",
|
131
114
|
"lint": "wc-dev lint",
|
@@ -150,13 +133,10 @@ const generateFilesContent = (packageName, componentName, namespace, typescript,
|
|
150
133
|
"devDependencies": {
|
151
134
|
"@ui5/webcomponents-tools": version,
|
152
135
|
"chromedriver": "*",
|
136
|
+
"typescript": "^5.6.2"
|
153
137
|
},
|
154
138
|
};
|
155
139
|
|
156
|
-
if (typescript) {
|
157
|
-
packageContent.devDependencies.typescript = "^4.9.4";
|
158
|
-
}
|
159
|
-
|
160
140
|
// Update package.json
|
161
141
|
let destDir = packageName.includes("@") ? packageName.slice(packageName.lastIndexOf("/") + 1) : packageName;
|
162
142
|
|
@@ -196,22 +176,16 @@ const createWebcomponentsPackage = async () => {
|
|
196
176
|
throw new Error("The component name should be a string, starting with a capital letter [A-Z][a-z], for example: Button, MyButton, etc.");
|
197
177
|
}
|
198
178
|
|
199
|
-
if (argv.namespace && !isNamespaceValid(argv.namespace)) {
|
200
|
-
throw new Error("The JSDoc namespace must start with a letter and can only contain small-case letters, numbers, dots and dashes.");
|
201
|
-
}
|
202
|
-
|
203
179
|
if (argv.tag && !isTagValid(argv.tag) ) {
|
204
180
|
throw new Error("The tag should be in kebab-case (f.e my-component) and it can't be a single word.");
|
205
181
|
}
|
206
182
|
|
207
183
|
let packageName = argv.name || "my-package";
|
208
184
|
let componentName = argv.componentName || "MyComponent";
|
209
|
-
let namespace = argv.namespace || "demo.components";
|
210
|
-
let typescriptSupport = !!argv.enableTypescript;
|
211
185
|
const skipSubfolder = !!argv.skipSubfolder;
|
212
186
|
|
213
187
|
if (argv.skip) {
|
214
|
-
return generateFilesContent(packageName, componentName,
|
188
|
+
return generateFilesContent(packageName, componentName, skipSubfolder);
|
215
189
|
}
|
216
190
|
|
217
191
|
if (!argv.name) {
|
@@ -224,25 +198,6 @@ const createWebcomponentsPackage = async () => {
|
|
224
198
|
packageName = response.name;
|
225
199
|
}
|
226
200
|
|
227
|
-
if (!typescriptSupport) {
|
228
|
-
response = await prompts({
|
229
|
-
type: "select",
|
230
|
-
name: "language",
|
231
|
-
message: "Project type:",
|
232
|
-
choices: [
|
233
|
-
{
|
234
|
-
title: "JavaScript",
|
235
|
-
value: false,
|
236
|
-
},
|
237
|
-
{
|
238
|
-
title: "TypeScript",
|
239
|
-
value: true,
|
240
|
-
},
|
241
|
-
],
|
242
|
-
});
|
243
|
-
typescriptSupport = response.language;
|
244
|
-
}
|
245
|
-
|
246
201
|
if (!argv.componentName) {
|
247
202
|
response = await prompts({
|
248
203
|
type: "text",
|
@@ -254,18 +209,7 @@ const createWebcomponentsPackage = async () => {
|
|
254
209
|
componentName = response.componentName;
|
255
210
|
}
|
256
211
|
|
257
|
-
|
258
|
-
response = await prompts({
|
259
|
-
type: "text",
|
260
|
-
name: "namespace",
|
261
|
-
message: "JSDoc namespace:",
|
262
|
-
initial: "demo.components",
|
263
|
-
validate: (value) => isNamespaceValid(value) ? true : "The JSDoc namespace must start with a letter and can only contain small-case letters, numbers, dots and dashes.",
|
264
|
-
});
|
265
|
-
namespace = response.namespace;
|
266
|
-
}
|
267
|
-
|
268
|
-
return generateFilesContent(packageName, componentName, namespace, typescriptSupport, skipSubfolder);
|
212
|
+
return generateFilesContent(packageName, componentName, skipSubfolder);
|
269
213
|
};
|
270
214
|
|
271
215
|
createWebcomponentsPackage();
|
package/package.json
CHANGED
package/template/.eslintignore
CHANGED
package/template/bundle.esm.js
CHANGED
@@ -6,7 +6,6 @@ import { getLanguage } from "@ui5/webcomponents-base/dist/config/Language.js";
|
|
6
6
|
import { getCalendarType } from "@ui5/webcomponents-base/dist/config/CalendarType.js";
|
7
7
|
import { getTheme, setTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
|
8
8
|
import { getNoConflict, setNoConflict } from "@ui5/webcomponents-base/dist/config/NoConflict.js";
|
9
|
-
import { getRTL } from "@ui5/webcomponents-base/dist/config/RTL.js";
|
10
9
|
import { getFirstDayOfWeek } from "@ui5/webcomponents-base/dist/config/FormatSettings.js";
|
11
10
|
|
12
11
|
// Enable additional themes and i18n texts
|
@@ -25,7 +24,6 @@ window["sap-ui-webcomponents-bundle"] = {
|
|
25
24
|
getNoConflict,
|
26
25
|
setNoConflict,
|
27
26
|
getCalendarType,
|
28
|
-
getRTL,
|
29
27
|
getFirstDayOfWeek,
|
30
28
|
},
|
31
29
|
};
|
package/template/gitignore
CHANGED
@@ -4,7 +4,6 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
|
|
4
4
|
import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
5
5
|
import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
6
6
|
import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
7
|
-
import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
|
8
7
|
|
9
8
|
// Template
|
10
9
|
import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACKAGE_VAR_CLASS_NAMETemplate.lit.js";
|
@@ -22,9 +21,7 @@ import { COUNT } from "./generated/i18n/i18n-defaults.js";
|
|
22
21
|
* The <code>INIT_PACKAGE_VAR_TAG</code> component is a demo component that displays some text.
|
23
22
|
*
|
24
23
|
* @constructor
|
25
|
-
* @
|
26
|
-
* @extends sap.ui.webc.base.UI5Element
|
27
|
-
* @tagname INIT_PACKAGE_VAR_TAG
|
24
|
+
* @extends UI5Element
|
28
25
|
* @public
|
29
26
|
*/
|
30
27
|
@customElement({
|
@@ -42,12 +39,11 @@ class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
|
|
42
39
|
|
43
40
|
/**
|
44
41
|
* Defines the component count.
|
45
|
-
* @
|
42
|
+
* @default 0
|
46
43
|
* @public
|
47
|
-
* @type { sap.ui.webc.base.types.Integer }
|
48
44
|
*/
|
49
|
-
@property({
|
50
|
-
count
|
45
|
+
@property({ type: Number })
|
46
|
+
count = 0;
|
51
47
|
|
52
48
|
onClick() {
|
53
49
|
this.count++;
|
Binary file
|
@@ -21,7 +21,7 @@
|
|
21
21
|
|
22
22
|
<body>
|
23
23
|
<div class="app">
|
24
|
-
<a href="https://sap.github.io/ui5-webcomponents/
|
24
|
+
<a href="https://sap.github.io/ui5-webcomponents/docs/getting-started/first-steps/" target="_blank"><img src="./img/logo.png" class="app-logo" alt="logo"/></a>
|
25
25
|
|
26
26
|
<div class="app-first-component">
|
27
27
|
<h1>Hooray! It's Your First Web Component!</h1>
|
@@ -50,7 +50,7 @@
|
|
50
50
|
|
51
51
|
<div class="app-docs">
|
52
52
|
<h2>Documentation</h2>
|
53
|
-
<a class="link" href="https://sap.github.io/ui5-webcomponents/
|
53
|
+
<a class="link" href="https://sap.github.io/ui5-webcomponents/docs/development/custom-UI5-Web-Components-Packages/">Custom Component Development</a>
|
54
54
|
</div>
|
55
55
|
</div>
|
56
56
|
</body>
|
package/template/tsconfig.json
CHANGED
@@ -1,15 +1,13 @@
|
|
1
1
|
{
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
},
|
15
|
-
}
|
2
|
+
"extends": "@ui5/webcomponents-tools/tsconfig.json",
|
3
|
+
"include": [
|
4
|
+
"src/**/*",
|
5
|
+
"global.d.ts"
|
6
|
+
],
|
7
|
+
"compilerOptions": {
|
8
|
+
"outDir": "dist",
|
9
|
+
"experimentalDecorators": true,
|
10
|
+
"module": "NodeNext",
|
11
|
+
"moduleResolution": "NodeNext",
|
12
|
+
},
|
13
|
+
}
|
@@ -1 +0,0 @@
|
|
1
|
-
module.exports = require("@ui5/webcomponents-tools/components-package/postcss.components.js"); // eslint-disable-line
|
@@ -1 +0,0 @@
|
|
1
|
-
module.exports = require("@ui5/webcomponents-tools/components-package/postcss.themes.js"); // eslint-disable-line
|
package/template/src/Assets.js
DELETED
@@ -1,82 +0,0 @@
|
|
1
|
-
import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
2
|
-
import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
3
|
-
import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
4
|
-
import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
|
5
|
-
|
6
|
-
// Template
|
7
|
-
import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACKAGE_VAR_CLASS_NAMETemplate.lit.js";
|
8
|
-
|
9
|
-
// Styles
|
10
|
-
import INIT_PACKAGE_VAR_CLASS_NAMECss from "./generated/themes/INIT_PACKAGE_VAR_CLASS_NAME.css.js";
|
11
|
-
|
12
|
-
import { COUNT } from "./generated/i18n/i18n-defaults.js";
|
13
|
-
|
14
|
-
/**
|
15
|
-
* @public
|
16
|
-
*/
|
17
|
-
const metadata = {
|
18
|
-
tag: "INIT_PACKAGE_VAR_TAG",
|
19
|
-
properties: /** @lends INIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME.prototype */ {
|
20
|
-
/**
|
21
|
-
* Defines the count of the component.
|
22
|
-
* @type { sap.ui.webc.base.types.Integer }
|
23
|
-
* @defaultvalue 0
|
24
|
-
* @public
|
25
|
-
*/
|
26
|
-
count: {
|
27
|
-
type: Integer,
|
28
|
-
defaultValue: 0,
|
29
|
-
},
|
30
|
-
},
|
31
|
-
slots: {
|
32
|
-
},
|
33
|
-
events: {
|
34
|
-
},
|
35
|
-
};
|
36
|
-
|
37
|
-
/**
|
38
|
-
* @class
|
39
|
-
*
|
40
|
-
* <h3 class="comment-api-title">Overview</h3>
|
41
|
-
*
|
42
|
-
* The <code>INIT_PACKAGE_VAR_TAG</code> component is a demo component that displays some text.
|
43
|
-
*
|
44
|
-
* @constructor
|
45
|
-
* @alias INIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME
|
46
|
-
* @extends sap.ui.webc.base.UI5Element
|
47
|
-
* @tagname INIT_PACKAGE_VAR_TAG
|
48
|
-
* @public
|
49
|
-
*/
|
50
|
-
class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
|
51
|
-
static get metadata() {
|
52
|
-
return metadata;
|
53
|
-
}
|
54
|
-
|
55
|
-
static get render() {
|
56
|
-
return litRender;
|
57
|
-
}
|
58
|
-
|
59
|
-
static get template() {
|
60
|
-
return INIT_PACKAGE_VAR_CLASS_NAMETemplate;
|
61
|
-
}
|
62
|
-
|
63
|
-
static get styles() {
|
64
|
-
return INIT_PACKAGE_VAR_CLASS_NAMECss;
|
65
|
-
}
|
66
|
-
|
67
|
-
static async onDefine() {
|
68
|
-
INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle = await getI18nBundle("INIT_PACKAGE_VAR_NAME");
|
69
|
-
}
|
70
|
-
|
71
|
-
onClick() {
|
72
|
-
this.count++;
|
73
|
-
}
|
74
|
-
|
75
|
-
get counterText() {
|
76
|
-
return INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle.getText(COUNT);
|
77
|
-
}
|
78
|
-
}
|
79
|
-
|
80
|
-
INIT_PACKAGE_VAR_CLASS_NAME.define();
|
81
|
-
|
82
|
-
export default INIT_PACKAGE_VAR_CLASS_NAME;
|
File without changes
|
File without changes
|