@ui5/create-webcomponents-package 0.0.0-7b7921cd9 → 0.0.0-7c7170d4a

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 CHANGED
@@ -3,6 +3,789 @@
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)
7
+
8
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
9
+
10
+
11
+
12
+
13
+
14
+ # [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)
15
+
16
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
17
+
18
+
19
+
20
+
21
+
22
+ # [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)
23
+
24
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
25
+
26
+
27
+
28
+
29
+
30
+ # [2.0.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0...v2.0.0-rc.0) (2024-04-09)
31
+
32
+
33
+ ### chore
34
+
35
+ * 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)
36
+
37
+
38
+ ### BREAKING CHANGES
39
+
40
+ * "Device#isIE" method has been removed and no longer available
41
+
42
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461
43
+ * 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:
44
+ ```ts
45
+ import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js"
46
+ import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js"
47
+ import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"
48
+ ```
49
+ * Removed the `ICardHeader` interface. If you previously used the interface
50
+ ```ts
51
+ import type { ICardHeader } from "@ui5/webcomponents-base/dist/Card.js"
52
+ ```
53
+ Use the CardHeader type instead:
54
+ ```ts
55
+ import type CardHeader from "@ui5/webcomponents-base/dist/CardHeader.js"
56
+ ```
57
+ * Removed the `IUploadCollectionItem` interface. If you previously used the interface:
58
+ ```js
59
+ import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js"
60
+ ```
61
+ Use the `UploadCollectionItem` type instead:
62
+ ```js
63
+ import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"
64
+ ```
65
+
66
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461
67
+ * The `size` property now accepts different values. If you previously used it like:
68
+ ```html
69
+ <ui5-busy-indicator size="Small"></ui5-busy-indicator>
70
+ ```
71
+ Now use the new values instead:
72
+ ```html
73
+ <ui5-busy-indicator size="S"></ui5-busy-indicator>
74
+ ```
75
+
76
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461
77
+ * The `status` property and its shadow part have been renamed. If you previously used them:
78
+ ```html
79
+ <style>
80
+ .cardHeader::part(status) { ... }
81
+ </style>
82
+ <ui5-card-header status="3 of 10"></ui5-popover>
83
+ ```
84
+ Now use `additionalText` instead:
85
+ ```html
86
+ <style>
87
+ .cardHeader::part(additional-text) { ... }
88
+ </style>
89
+ <ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>
90
+ ```
91
+
92
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461
93
+ * The `pageIndicatorStyle` no longer exists. If you previously used it like:
94
+ ```html
95
+ <ui5-carousel page-indicator-style="Numeric"></ui5-carousel>
96
+ ```
97
+ Now you should use `pageIndicatorType` instead:
98
+ ```html
99
+ <ui5-carousel page-indicator-type="Numeric"></ui5-carousel>
100
+ ```
101
+
102
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461
103
+ * Removed `UI5Element#render` method in favour of `UI5Element#renderer`. If you previously used "render"
104
+ ```js
105
+ class MyClass extends UI5Element {
106
+ static get render() {
107
+ return litRenderer;
108
+ }
109
+ }
110
+ ```
111
+ start using "renderer"
112
+ ```ts
113
+ class MyClass extends UI5Element {
114
+ static get renderer() {
115
+ return litRenderer;
116
+ }
117
+ }
118
+ ```
119
+ * Remove JavaScript template option from @ui5/create-webcomponents-package
120
+ Previously `npm init @ui5/webcomponents-package` used to create JS-based project, however now it will be TypeScript-based project.
121
+ 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.
122
+ * The `Left` and `Right` options option have been renamed. If you previously used them to set the placement or the alignment of the popover:
123
+ ```html
124
+ <ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>
125
+ ```
126
+ Now use `Start` or `End` instead:
127
+ ```html
128
+ <ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>
129
+ ```
130
+
131
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461
132
+
133
+ * docs: deploy v2 preview
134
+ * Remove `soccor` icon. Use `soccer` instead.
135
+ * Remove `add-polygone` icon. Use `add-polygon` instead.
136
+ * 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`
137
+ * All Assets-static.js modules are removed. If you previously imported any Assets-static.js module from any package:
138
+ ```ts
139
+ import "@ui5/webcomponents/dist/Assets-static.js";
140
+ import "@ui5/webcomponents-icons/dist/Assets-static.js"
141
+ ```
142
+ use the dynamic equivalent of it:
143
+ ```ts
144
+ import "@ui5/webcomponents/dist/Assets.js";
145
+ import "@ui5/webcomponents-icons/dist/Assets.js"
146
+ ```
147
+
148
+ Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
149
+ * The event `selected-dates-change ` is renamed to `selection-change`. In addition the event details
150
+ `values` and `dates` are renamed to `selectedValues` and `selectedDateValues`. If you previously used the Calendar event as follows:
151
+ ```ts
152
+ myCalendar.addEventListener("selected-dates-change", () => {
153
+ const values = e.detail.values;
154
+ const dates = e.detail.dates;
155
+ })
156
+ ```
157
+ Now you have to use the new event name and details:
158
+ ```ts
159
+ myCalendar.addEventListener("selection-change", () => {
160
+ const values = event.detail.selectedValues;
161
+ const dates = event.detail.selectedDateValues;
162
+ })
163
+ ```
164
+
165
+ Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
166
+ * The property `color` is renamed to `value`. If you previously used the change event of the ColorPicker as follows:
167
+ ```html
168
+ <ui5-color-picker color="red"></ui5-color-picker>
169
+ ```
170
+ Now you have to use it like this:
171
+ ```html
172
+ <ui5-color-picker value="red"></ui5-color-picker>
173
+ ```
174
+
175
+ Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
176
+ * JavaScript projects may not function properly with the tools package.
177
+ * The `openPopover` and `showAt` methods are removed in favor of `open` and `opener` properties. If you previously used the imperative API:
178
+ ```js
179
+ button.addEventListener("click", function(event) {
180
+ colorPalettePopover.showAt(this);
181
+ });
182
+ ```
183
+ Now the declarative API should be used instead:
184
+ ```html
185
+ <ui5-button id="opener">Open</ui5-button>
186
+ <ui5-color-palette-popover opener="opener">
187
+ ```
188
+ ```js
189
+ button.addEventListener("click", function(event) {
190
+ colorPalettePopover.open = !colorPalettePopover.open;
191
+ });
192
+ ```
193
+ * The `ui5-bar` component is now in `main` library. If you previously imported the `ui5-bar` from `fiori`:
194
+ ```ts
195
+ import "@ui5/webcomponents-fiori/dist/Bar.js;
196
+ ```
197
+ Now, import the `ui5-bar` from `main`:
198
+ ```ts
199
+ import "@ui5/webcomponents/dist/Bar.js";
200
+ ```
201
+
202
+ Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
203
+ * If you have previously used:
204
+ ```html
205
+ <ui5-tab id="nestedTab" slot="subTabs"></ui5-tab>
206
+ ```
207
+ Now use:
208
+ ```html
209
+ <ui5-tab id="nestedTab" slot="items"></ui5-tab>
210
+ ```
211
+
212
+ Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
213
+ * If you have previously used:
214
+ ```html
215
+ <ui5-tabcontainer tabs-overflow-mode="StartAndEnd"></ui5-tabcontainer>
216
+ ```
217
+ Now use:
218
+ ```html
219
+ <ui5-tabcontainer overflow-mode="StartAndEnd"></ui5-tabcontainer>
220
+ ```
221
+
222
+ Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
223
+ * If you previously imported `TabContainerBackgroundDesign`, use `BackgroundDesign` instead.
224
+
225
+ Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
226
+ * The showOverflow property is removed. If previously you have used:
227
+ ```html
228
+ <ui5-tabcontainer show-overflow></ui5-tabcontainer>
229
+ ```
230
+ now use the overflowButton slot:
231
+ ```html
232
+ <ui5-tabcontainer>
233
+ <ui5-button slot="startOverflowButton" id="startOverflowButton">Start</ui5-button>
234
+ <ui5-button slot="overflowButton" id="endOverflowButton">End</ui5-button>
235
+ </ui5-tabcontainer>
236
+ ```
237
+
238
+ Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
239
+ * The `placementType` property and the `PopoverPlacementType` enum have been renamed.
240
+ If you have previously used the `placementType` property and the `PopoverPlacementType`
241
+ ```html
242
+ <ui5-popover placement-type="Bottom"></ui5-popover>
243
+ ```
244
+ ```js
245
+ import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacementType.js";
246
+ ```
247
+ Now use `placement` instead:
248
+ ```html
249
+ <ui5-placement="Bottom"></ui5-popover>
250
+ ```
251
+ ```js
252
+ import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
253
+ ```
254
+
255
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461
256
+ * The `size` property of the `ui5--illustrated-message` is renamed to `design`.
257
+ If you have previously used the `size` property:
258
+ ```html
259
+ <ui5-illustrated-message size="Dialog">
260
+ ```
261
+ Now use `design` instead:
262
+ ```html
263
+ <ui5-illustrated-message design="Dialog">
264
+
265
+ ```
266
+
267
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
268
+ * The `separator-style` property is renamed to `separators` and the `BreadcrumbsSeparatorStyle` enum is renamed to `BreadcrumbsSeparator`.
269
+ If you have previously used the `separator-style` property:
270
+ ```html
271
+ <ui5-breadcrumbs separator-style="Slash">
272
+ ```
273
+ Now use `separators` instead:
274
+ ```html
275
+ <ui5-breadcrumbs separators="Slash">
276
+ ```
277
+
278
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
279
+ * The `disabled` property of the `ui5-option` is removed.
280
+ If you have previously used the `disabled` property:
281
+ ```html
282
+ <ui5-option disabled>Option</ui5-option>
283
+ ```
284
+ it will no longer work for the component.
285
+
286
+ Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
287
+ * 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.
288
+
289
+
290
+
291
+
292
+
293
+ # [1.24.0](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0-rc.4...v1.24.0) (2024-04-04)
294
+
295
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
296
+
297
+
298
+
299
+
300
+
301
+ # [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)
302
+
303
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
304
+
305
+
306
+
307
+
308
+
309
+ # [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)
310
+
311
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
312
+
313
+
314
+
315
+
316
+
317
+ # [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)
318
+
319
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
320
+
321
+
322
+
323
+
324
+
325
+ # [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)
326
+
327
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
328
+
329
+
330
+
331
+
332
+
333
+ # [1.24.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.1...v1.24.0-rc.0) (2024-03-14)
334
+
335
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
336
+
337
+
338
+
339
+
340
+
341
+ ## [1.23.1](https://github.com/SAP/ui5-webcomponents/compare/v1.23.1-rc.0...v1.23.1) (2024-03-08)
342
+
343
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
344
+
345
+
346
+
347
+
348
+
349
+ ## [1.23.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0...v1.23.1-rc.0) (2024-03-07)
350
+
351
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
352
+
353
+
354
+
355
+
356
+
357
+ # [1.23.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.5...v1.23.0) (2024-03-06)
358
+
359
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
360
+
361
+
362
+
363
+
364
+
365
+ # [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)
366
+
367
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
368
+
369
+
370
+
371
+
372
+
373
+ # [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)
374
+
375
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
376
+
377
+
378
+
379
+
380
+
381
+ # [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)
382
+
383
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
384
+
385
+
386
+
387
+
388
+
389
+ # [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)
390
+
391
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
392
+
393
+
394
+
395
+
396
+
397
+ # [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)
398
+
399
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
400
+
401
+
402
+
403
+
404
+
405
+ # [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)
406
+
407
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
408
+
409
+
410
+
411
+
412
+
413
+ ## [1.22.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0...v1.22.1-rc.0) (2024-02-08)
414
+
415
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
416
+
417
+
418
+
419
+
420
+
421
+ # [1.22.0](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0-rc.3...v1.22.0) (2024-02-05)
422
+
423
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
424
+
425
+
426
+
427
+
428
+
429
+ # [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)
430
+
431
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
432
+
433
+
434
+
435
+
436
+
437
+ # [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)
438
+
439
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
440
+
441
+
442
+
443
+
444
+
445
+ # [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)
446
+
447
+
448
+ ### Bug Fixes
449
+
450
+ * broken test page ([#8097](https://github.com/SAP/ui5-webcomponents/issues/8097)) ([6903367](https://github.com/SAP/ui5-webcomponents/commit/6903367c290b84490c74a6ef56b074aa0a2fc729))
451
+
452
+
453
+
454
+
455
+
456
+ # [1.22.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0...v1.22.0-rc.0) (2024-01-11)
457
+
458
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
459
+
460
+
461
+
462
+
463
+
464
+ # [1.21.0](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.5...v1.21.0) (2024-01-05)
465
+
466
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
467
+
468
+
469
+
470
+
471
+
472
+ # [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)
473
+
474
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
475
+
476
+
477
+
478
+
479
+
480
+ # [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)
481
+
482
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
483
+
484
+
485
+
486
+
487
+
488
+ # [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)
489
+
490
+
491
+ ### Features
492
+
493
+ * **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))
494
+
495
+
496
+
497
+
498
+
499
+ # [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)
500
+
501
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
502
+
503
+
504
+
505
+
506
+
507
+ # [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)
508
+
509
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
510
+
511
+
512
+
513
+
514
+
515
+ # [1.21.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.20.0...v1.21.0-rc.0) (2023-12-07)
516
+
517
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
518
+
519
+
520
+
521
+
522
+
523
+ # [1.20.0](https://github.com/SAP/ui5-webcomponents/compare/v1.20.0-rc.3...v1.20.0) (2023-12-04)
524
+
525
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
526
+
527
+
528
+
529
+
530
+
531
+ # [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)
532
+
533
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
534
+
535
+
536
+
537
+
538
+
539
+ # [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)
540
+
541
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
542
+
543
+
544
+
545
+
546
+
547
+ # [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)
548
+
549
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
550
+
551
+
552
+
553
+
554
+
555
+ # [1.20.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.19.0...v1.20.0-rc.0) (2023-11-09)
556
+
557
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
558
+
559
+
560
+
561
+
562
+
563
+ # [1.19.0](https://github.com/SAP/ui5-webcomponents/compare/v1.19.0-rc.3...v1.19.0) (2023-11-02)
564
+
565
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
566
+
567
+
568
+
569
+
570
+
571
+ # [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)
572
+
573
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
574
+
575
+
576
+
577
+
578
+
579
+ # [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)
580
+
581
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
582
+
583
+
584
+
585
+
586
+
587
+ # [1.19.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.19.0-rc.0...v1.19.0-rc.1) (2023-10-19)
588
+
589
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
590
+
591
+
592
+
593
+
594
+
595
+ # [1.19.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.18.1-rc.0...v1.19.0-rc.0) (2023-10-12)
596
+
597
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
598
+
599
+
600
+
601
+
602
+
603
+ ## [1.18.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.18.0...v1.18.1-rc.0) (2023-10-05)
604
+
605
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
606
+
607
+
608
+
609
+
610
+
611
+ # [1.18.0](https://github.com/SAP/ui5-webcomponents/compare/v1.18.0-rc.2...v1.18.0) (2023-10-02)
612
+
613
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
614
+
615
+
616
+
617
+
618
+
619
+ # [1.18.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.18.0-rc.1...v1.18.0-rc.2) (2023-09-28)
620
+
621
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
622
+
623
+
624
+
625
+
626
+
627
+ # [1.18.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.18.0-rc.0...v1.18.0-rc.1) (2023-09-21)
628
+
629
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
630
+
631
+
632
+
633
+
634
+
635
+ # [1.18.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.17.0...v1.18.0-rc.0) (2023-09-07)
636
+
637
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
638
+
639
+
640
+
641
+
642
+
643
+ # [1.17.0](https://github.com/SAP/ui5-webcomponents/compare/v1.17.0-rc.2...v1.17.0) (2023-09-01)
644
+
645
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
646
+
647
+
648
+
649
+
650
+
651
+ # [1.17.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.17.0-rc.1...v1.17.0-rc.2) (2023-08-24)
652
+
653
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
654
+
655
+
656
+
657
+
658
+
659
+ # [1.17.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.17.0-rc.0...v1.17.0-rc.1) (2023-08-17)
660
+
661
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
662
+
663
+
664
+
665
+
666
+
667
+ # [1.17.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.16.0...v1.17.0-rc.0) (2023-08-10)
668
+
669
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
670
+
671
+
672
+
673
+
674
+
675
+ # [1.16.0](https://github.com/SAP/ui5-webcomponents/compare/v1.16.0-rc.4...v1.16.0) (2023-08-03)
676
+
677
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
678
+
679
+
680
+
681
+
682
+
683
+ # [1.16.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v1.16.0-rc.3...v1.16.0-rc.4) (2023-08-03)
684
+
685
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
686
+
687
+
688
+
689
+
690
+
691
+ # [1.16.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.16.0-rc.2...v1.16.0-rc.3) (2023-07-27)
692
+
693
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
694
+
695
+
696
+
697
+
698
+
699
+ # [1.16.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.16.0-rc.1...v1.16.0-rc.2) (2023-07-20)
700
+
701
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
702
+
703
+
704
+
705
+
706
+
707
+ # [1.16.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.16.0-rc.0...v1.16.0-rc.1) (2023-07-13)
708
+
709
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
710
+
711
+
712
+
713
+
714
+
715
+ # [1.16.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.15.1...v1.16.0-rc.0) (2023-07-06)
716
+
717
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
718
+
719
+
720
+
721
+
722
+
723
+ ## [1.15.1](https://github.com/SAP/ui5-webcomponents/compare/v1.15.0...v1.15.1) (2023-06-30)
724
+
725
+
726
+ ### Bug Fixes
727
+
728
+ * **framework:** fix links in starting page of new pkg [ci skip] ([475fed5](https://github.com/SAP/ui5-webcomponents/commit/475fed55504f4a15e8b26aaf3c9e4d73b55976ec))
729
+
730
+
731
+
732
+
733
+
734
+ # [1.15.0](https://github.com/SAP/ui5-webcomponents/compare/v1.15.0-rc.2...v1.15.0) (2023-06-30)
735
+
736
+
737
+ ### Bug Fixes
738
+
739
+ * fix image in `create-webcomponent-package` ([#7253](https://github.com/SAP/ui5-webcomponents/issues/7253)) ([3317e64](https://github.com/SAP/ui5-webcomponents/commit/3317e64b911f992abf34b88a48e6003a723f7b9e))
740
+
741
+
742
+
743
+
744
+
745
+ # [1.15.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.15.0-rc.1...v1.15.0-rc.2) (2023-06-22)
746
+
747
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
748
+
749
+
750
+
751
+
752
+
753
+ # [1.15.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.15.0-rc.0...v1.15.0-rc.1) (2023-06-15)
754
+
755
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
756
+
757
+
758
+
759
+
760
+
761
+
762
+
763
+
764
+
765
+ # [1.15.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0...v1.15.0-rc.0) (2023-06-08)
766
+
767
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
768
+
769
+
770
+
771
+
772
+
773
+ # [1.14.0](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0-rc.2...v1.14.0) (2023-06-01)
774
+
775
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
776
+
777
+
778
+
779
+
780
+
781
+ # [1.14.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0-rc.1...v1.14.0-rc.2) (2023-06-01)
782
+
783
+ **Note:** Version bump only for package @ui5/create-webcomponents-package
784
+
785
+
786
+
787
+
788
+
6
789
  # [1.14.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0-rc.0...v1.14.0-rc.1) (2023-05-25)
7
790
 
8
791
  **Note:** Version bump only for package @ui5/create-webcomponents-package
package/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  ![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_wide.png)
2
2
 
3
+
3
4
  # UI5 Web Components - Create Package
4
5
 
5
6
  [![npm Package Version](https://badge.fury.io/js/%40ui5%2Fwebcomponents.svg)](https://www.npmjs.com/package/@ui5/webcomponents)
@@ -18,9 +19,8 @@ Usage:
18
19
 
19
20
  Options:
20
21
  --name <string> - defines the package name
21
- --componentName <string> - defines the component class name that will be created in your new package
22
- --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.
23
- --enable-typescript - enables TypeScript support for the package
22
+ --component-name <string> - defines the component class name that will be created in your new package
23
+ --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
24
  --skip - skips configuration and generates package with a default value for each parameter that wasn't passed
25
25
  ```
26
26
 
@@ -34,8 +34,8 @@ Usage:
34
34
  yarn create @ui5/webcomponents-package [OPTIONS]
35
35
  Options:
36
36
  --name <string> - defines the package name
37
+ --component-name <string> - defines the component class name that will be created in your new package
37
38
  --tag <string> - defines the tag name of the sample web component that will be created in your new package
38
- --enable-typescript - enables TypeScript support for the package
39
39
  --skip - skips configuration and generates package with a default value for each parameter that wasn't passed
40
40
  ```
41
41
 
@@ -48,7 +48,7 @@ components package.
48
48
  - [UI5 Web Components - Playground and API Reference](https://sap.github.io/ui5-webcomponents/playground/)
49
49
 
50
50
  ## Support
51
- 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://join-ui5-slack.herokuapp.com/).
51
+ 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/).
52
52
 
53
53
  ## Contribute
54
54
  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,26 +15,20 @@ 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
  };
21
+ const isLogo = sourcePath => {
22
+ return sourcePath.includes("logo");
23
+ };
28
24
  const isNPMRC = sourcePath => {
29
25
  return sourcePath.includes("npmrc");
30
26
  };
31
27
 
32
28
  // Validation of user input
33
29
  const ComponentNamePattern = /^[A-Z][A-Za-z0-9]+$/;
34
- const NamespacePattern = /^[a-z][a-z0-9\.\-]+$/;
35
30
  const isPackageNameValid = name => typeof name === "string" && name.match(/^(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/);
36
31
  const isComponentNameValid = name => typeof name === "string" && ComponentNamePattern.test(name);
37
- const isNamespaceValid = name => typeof name === "string" && NamespacePattern.test(name);
38
32
  const isTagValid = tag => typeof tag === "string" && tag.match(/^[a-z0-9]+?-[a-zA-Z0-9\-_]+?[a-z0-9]$/);
39
33
 
40
34
  /**
@@ -62,10 +56,8 @@ const replaceVarsInFileName = (vars, fileName) => {
62
56
  };
63
57
 
64
58
  const copyFile = (vars, sourcePath, destPath) => {
65
- const ignoreJsRelated = vars.INIT_PACKAGE_VAR_TYPESCRIPT && isJSRelatedFile(sourcePath);
66
- const ignoreTsRelated = !vars.INIT_PACKAGE_VAR_TYPESCRIPT && isTSRelatedFile(sourcePath);
67
-
68
- if (ignoreJsRelated || ignoreTsRelated) {
59
+ if (isLogo(sourcePath)) {
60
+ fs.copyFileSync(sourcePath, destPath);
69
61
  return;
70
62
  }
71
63
 
@@ -100,20 +92,18 @@ const copyFiles = (vars, sourcePath, destPath) => {
100
92
  }
101
93
  };
102
94
 
103
- const generateFilesContent = (packageName, componentName, namespace, typescript, skipSubfolder) => {
95
+ const generateFilesContent = (packageName, componentName, skipSubfolder) => {
104
96
  const tagName = argv.tag || hyphaneteComponentName(componentName);
105
97
 
106
98
  // All variables that will be replaced in the content of the resources/
107
99
  const vars = {
108
- INIT_PACKAGE_VAR_NAMESPACE: namespace, // namespace must be replaced before name
109
100
  INIT_PACKAGE_VAR_NAME: packageName,
110
101
  INIT_PACKAGE_VAR_TAG: tagName,
111
102
  INIT_PACKAGE_VAR_CLASS_NAME: componentName,
112
- INIT_PACKAGE_VAR_TYPESCRIPT: typescript,
113
103
  };
114
104
 
115
105
  const packageContent = {
116
- packageName,
106
+ name: packageName,
117
107
  version: "0.0.1",
118
108
  ui5: {
119
109
  webComponentsPackage: true,
@@ -142,13 +132,10 @@ const generateFilesContent = (packageName, componentName, namespace, typescript,
142
132
  "devDependencies": {
143
133
  "@ui5/webcomponents-tools": version,
144
134
  "chromedriver": "*",
135
+ "typescript": "^5.2.2"
145
136
  },
146
137
  };
147
138
 
148
- if (typescript) {
149
- packageContent.devDependencies.typescript = "^4.9.4";
150
- }
151
-
152
139
  // Update package.json
153
140
  let destDir = packageName.includes("@") ? packageName.slice(packageName.lastIndexOf("/") + 1) : packageName;
154
141
 
@@ -188,22 +175,16 @@ const createWebcomponentsPackage = async () => {
188
175
  throw new Error("The component name should be a string, starting with a capital letter [A-Z][a-z], for example: Button, MyButton, etc.");
189
176
  }
190
177
 
191
- if (argv.namespace && !isNamespaceValid(argv.namespace)) {
192
- throw new Error("The JSDoc namespace must start with a letter and can only contain small-case letters, numbers, dots and dashes.");
193
- }
194
-
195
178
  if (argv.tag && !isTagValid(argv.tag) ) {
196
179
  throw new Error("The tag should be in kebab-case (f.e my-component) and it can't be a single word.");
197
180
  }
198
181
 
199
182
  let packageName = argv.name || "my-package";
200
183
  let componentName = argv.componentName || "MyComponent";
201
- let namespace = argv.namespace || "demo.components";
202
- let typescriptSupport = !!argv.enableTypescript;
203
184
  const skipSubfolder = !!argv.skipSubfolder;
204
185
 
205
186
  if (argv.skip) {
206
- return generateFilesContent(packageName, componentName, namespace, typescriptSupport, skipSubfolder);
187
+ return generateFilesContent(packageName, componentName, skipSubfolder);
207
188
  }
208
189
 
209
190
  if (!argv.name) {
@@ -216,25 +197,6 @@ const createWebcomponentsPackage = async () => {
216
197
  packageName = response.name;
217
198
  }
218
199
 
219
- if (!typescriptSupport) {
220
- response = await prompts({
221
- type: "select",
222
- name: "language",
223
- message: "Project type:",
224
- choices: [
225
- {
226
- title: "JavaScript",
227
- value: false,
228
- },
229
- {
230
- title: "TypeScript",
231
- value: true,
232
- },
233
- ],
234
- });
235
- typescriptSupport = response.language;
236
- }
237
-
238
200
  if (!argv.componentName) {
239
201
  response = await prompts({
240
202
  type: "text",
@@ -246,18 +208,7 @@ const createWebcomponentsPackage = async () => {
246
208
  componentName = response.componentName;
247
209
  }
248
210
 
249
- if (!argv.namespace) {
250
- response = await prompts({
251
- type: "text",
252
- name: "namespace",
253
- message: "JSDoc namespace:",
254
- initial: "demo.components",
255
- validate: (value) => isNamespaceValid(value) ? true : "The JSDoc namespace must start with a letter and can only contain small-case letters, numbers, dots and dashes.",
256
- });
257
- namespace = response.namespace;
258
- }
259
-
260
- return generateFilesContent(packageName, componentName, namespace, typescriptSupport, skipSubfolder);
211
+ return generateFilesContent(packageName, componentName, skipSubfolder);
261
212
  };
262
213
 
263
214
  createWebcomponentsPackage();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/create-webcomponents-package",
3
- "version": "0.0.0-7b7921cd9",
3
+ "version": "0.0.0-7c7170d4a",
4
4
  "description": "UI5 Web Components: create package",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -2,5 +2,4 @@
2
2
  dist
3
3
  test
4
4
  src/generated
5
- jsdoc-dist
6
5
  .eslintrc.js
@@ -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
  };
@@ -1,4 +1,3 @@
1
1
  node_modules
2
2
  dist
3
- jsdoc-dist
4
3
  src/generated
@@ -2,7 +2,6 @@ const getScripts = require("@ui5/webcomponents-tools/components-package/nps.js")
2
2
 
3
3
  const options = {
4
4
  port: 8080,
5
- typescript: INIT_PACKAGE_VAR_TYPESCRIPT,
6
5
  };
7
6
 
8
7
  const scripts = getScripts(options);
@@ -1 +1,6 @@
1
- <div @click="{{onClick}}">{{counterText}} :: {{counter}}</div>
1
+ <div
2
+ class="root"
3
+ @click="{{onClick}}"
4
+ >
5
+ {{counterText}} :: {{count}}
6
+ </div>
@@ -4,6 +4,7 @@ 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";
7
8
 
8
9
  // Template
9
10
  import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACKAGE_VAR_CLASS_NAMETemplate.lit.js";
@@ -11,7 +12,7 @@ import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACK
11
12
  // Styles
12
13
  import INIT_PACKAGE_VAR_CLASS_NAMECss from "./generated/themes/INIT_PACKAGE_VAR_CLASS_NAME.css.js";
13
14
 
14
- import { COUNTER } from "./generated/i18n/i18n-defaults.js";
15
+ import { COUNT } from "./generated/i18n/i18n-defaults.js";
15
16
 
16
17
  /**
17
18
  * @class
@@ -21,9 +22,7 @@ import { COUNTER } from "./generated/i18n/i18n-defaults.js";
21
22
  * The <code>INIT_PACKAGE_VAR_TAG</code> component is a demo component that displays some text.
22
23
  *
23
24
  * @constructor
24
- * @alias INIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME
25
- * @extends sap.ui.webc.base.UI5Element
26
- * @tagname INIT_PACKAGE_VAR_TAG
25
+ * @extends UI5Element
27
26
  * @public
28
27
  */
29
28
  @customElement({
@@ -40,20 +39,19 @@ class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
40
39
  }
41
40
 
42
41
  /**
43
- * Defines the component counter.
44
- * @name NIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME.prototype.counter
42
+ * Defines the component count.
43
+ * @default 0
45
44
  * @public
46
- * @type { number }
47
45
  */
48
- @property({ defaultValue: 0 })
49
- counter!: number;
46
+ @property({ validator: Integer, defaultValue: 0 })
47
+ count!: number;
50
48
 
51
49
  onClick() {
52
- this.counter++;
50
+ this.count++;
53
51
  }
54
52
 
55
53
  get counterText() {
56
- return INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle.getText(COUNTER);
54
+ return INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle.getText(COUNT);
57
55
  }
58
56
  }
59
57
 
@@ -1,3 +1,3 @@
1
1
  # the "counter" text for the sample component
2
- COUNTER=Counter
2
+ COUNT=Count
3
3
 
@@ -1 +1 @@
1
- COUNTER=Schalter
1
+ COUNT=Zählung
@@ -1 +1 @@
1
- COUNTER=Counter
1
+ COUNT=Count
@@ -1 +1 @@
1
- COUNTER=Encimera
1
+ COUNT=Cuenta
@@ -1 +1 @@
1
- COUNTER=Comptoir
1
+ COUNT=Comte
@@ -1,4 +1,8 @@
1
- :host {
1
+ .root {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ flex-direction: column;
2
6
  padding: 0 2rem;
3
7
  color: var(--sapAvatar_6_TextColor);
4
8
  background-color: var(--sapAvatar_6_Background);
@@ -9,4 +13,5 @@
9
13
  line-height: 3rem;
10
14
  font-size: 1.25rem;
11
15
  user-select: none;
16
+ cursor: pointer;
12
17
  }
@@ -15,7 +15,7 @@ h2 {
15
15
  margin-bottom: 0.5rem;
16
16
  }
17
17
 
18
- .app, .app-first-component, .app-settings, .app-docs {
18
+ .app, .app-settings, .app-docs, .app-first-component {
19
19
  display: flex;
20
20
  align-items: center;
21
21
  justify-content: center;
@@ -33,4 +33,4 @@ h2 {
33
33
  a {
34
34
  margin: 0.25rem;
35
35
  color: var(--sapLinkColor);
36
- }
36
+ }
@@ -14,21 +14,21 @@
14
14
  "language": "EN"
15
15
  }
16
16
  </script>
17
-
17
+
18
18
  <link rel="stylesheet" type="text/css" href="./css/index.css">
19
19
  <script src="../../bundle.esm.js" type="module"></script>
20
20
  </head>
21
21
 
22
22
  <body>
23
23
  <div class="app">
24
- <a href="https://sap.github.io/ui5-webcomponents/playground/getting-started" target="_blank"><img src="./img/logo.png" alt="logo"/></a>
24
+ <a href="https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-getting-started-first-steps--docs" target="_blank"><img src="./img/logo.png" alt="logo"/></a>
25
25
 
26
26
  <div class="app-first-component">
27
27
  <h1>Hooray! It's Your First Web Component!</h1>
28
28
  <div> <pre>&lt;INIT_PACKAGE_VAR_TAG>&lt;/INIT_PACKAGE_VAR_TAG> </pre></div>
29
29
  <INIT_PACKAGE_VAR_TAG id="myFirstComponent"></INIT_PACKAGE_VAR_TAG>
30
30
  </div>
31
-
31
+
32
32
  <div class="app-settings">
33
33
 
34
34
  <h2>Switch themes</h2>
@@ -38,7 +38,7 @@
38
38
  <a class="link" href="?sap-ui-theme=sap_horizon_hcb">Horizon High Contrast Black</a>
39
39
  <a class="link" href="?sap-ui-theme=sap_horizon_hcw">Horizon High Contrast White</a>
40
40
  </div>
41
-
41
+
42
42
  <h2>Switch language</h2>
43
43
  <div>
44
44
  <a class="link" href="?sap-ui-language=en">English</a>
@@ -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/playground/development">Custom Component Development</a>
53
+ <a class="link" href="https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-development-custom-ui5-web-components-packages--docs">Custom Component Development</a>
54
54
  </div>
55
55
  </div>
56
56
  </body>
@@ -2,6 +2,7 @@
2
2
  "include": ["src/**/*", "global.d.ts"],
3
3
  "compilerOptions": {
4
4
  "target": "ES2021",
5
+ "lib": ["DOM", "DOM.Iterable", "ES2023"],
5
6
  // Generate d.ts files
6
7
  "declaration": true,
7
8
  "outDir": "dist",
@@ -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
@@ -1,5 +0,0 @@
1
- import "@ui5/webcomponents-theming/dist/Assets.js"; // Theming
2
-
3
- // own INIT_PACKAGE_VAR_NAME package assets
4
- import "./generated/json-imports/Themes.js";
5
- import "./generated/json-imports/i18n.js";
@@ -1,80 +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
-
5
- // Template
6
- import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACKAGE_VAR_CLASS_NAMETemplate.lit.js";
7
-
8
- // Styles
9
- import INIT_PACKAGE_VAR_CLASS_NAMECss from "./generated/themes/INIT_PACKAGE_VAR_CLASS_NAME.css.js";
10
-
11
- import { COUNTER } from "./generated/i18n/i18n-defaults.js";
12
-
13
- /**
14
- * @public
15
- */
16
- const metadata = {
17
- tag: "INIT_PACKAGE_VAR_TAG",
18
- properties: /** @lends INIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME.prototype */ {
19
- /**
20
- * Defines the counter of the component.
21
- * @type { number }
22
- * @defaultvalue 0
23
- * @public
24
- */
25
- counter: {
26
- defaultValue: 0,
27
- },
28
- },
29
- slots: {
30
- },
31
- events: {
32
- },
33
- };
34
-
35
- /**
36
- * @class
37
- *
38
- * <h3 class="comment-api-title">Overview</h3>
39
- *
40
- * The <code>INIT_PACKAGE_VAR_TAG</code> component is a demo component that displays some text.
41
- *
42
- * @constructor
43
- * @alias INIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME
44
- * @extends sap.ui.webc.base.UI5Element
45
- * @tagname INIT_PACKAGE_VAR_TAG
46
- * @public
47
- */
48
- class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
49
- static get metadata() {
50
- return metadata;
51
- }
52
-
53
- static get render() {
54
- return litRender;
55
- }
56
-
57
- static get template() {
58
- return INIT_PACKAGE_VAR_CLASS_NAMETemplate;
59
- }
60
-
61
- static get styles() {
62
- return INIT_PACKAGE_VAR_CLASS_NAMECss;
63
- }
64
-
65
- static async onDefine() {
66
- INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle = await getI18nBundle("INIT_PACKAGE_VAR_NAME");
67
- }
68
-
69
- onClick() {
70
- this.counter++;
71
- }
72
-
73
- get counterText() {
74
- return INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle.getText(COUNTER);
75
- }
76
- }
77
-
78
- INIT_PACKAGE_VAR_CLASS_NAME.define();
79
-
80
- export default INIT_PACKAGE_VAR_CLASS_NAME;