@spartan-ng/cli 0.0.1-alpha.718 → 0.0.1-alpha.719

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/package.json +1 -1
  2. package/src/generators/base/generator.js +30 -0
  3. package/src/generators/base/generator.js.map +1 -1
  4. package/src/generators/base/lib/build-dependency-array.js +13 -0
  5. package/src/generators/base/lib/build-dependency-array.js.map +1 -1
  6. package/src/generators/base/versions.d.ts +1 -1
  7. package/src/generators/base/versions.js +1 -1
  8. package/src/generators/migrate-naming-convention/__snapshots__/generator.spec.ts.snap +1 -1
  9. package/src/generators/ui/libs/avatar/files/lib/hlm-avatar-badge.ts.template +2 -2
  10. package/src/generators/ui/libs/breadcrumb/files/lib/hlm-breadcrumb-ellipsis.ts.template +9 -4
  11. package/src/generators/ui/libs/carousel/files/lib/hlm-carousel-next.ts.template +3 -4
  12. package/src/generators/ui/libs/carousel/files/lib/hlm-carousel-previous.ts.template +3 -4
  13. package/src/generators/ui/libs/checkbox/files/lib/hlm-checkbox.ts.template +3 -4
  14. package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-content.ts.template +4 -4
  15. package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-item-sub-indicator.ts.template +1 -1
  16. package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp-separator.ts.template +2 -3
  17. package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-content.ts.template +4 -4
  18. package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-button.ts.template +1 -1
  19. package/src/generators/ui/libs/spinner/files/lib/hlm-spinner.ts.template +1 -1
  20. package/src/generators/ui/libs/tabs/files/lib/hlm-tabs-paginated-list.ts.template +7 -8
  21. package/src/generators/ui/primitive-deps.js +19 -20
  22. package/src/generators/ui/primitive-deps.js.map +1 -1
  23. package/src/generators/ui/primitives.d.ts +1 -1
  24. package/src/generators/ui/style-luma.css +43 -43
  25. package/src/generators/ui/style-lyra.css +44 -44
  26. package/src/generators/ui/style-maia.css +43 -43
  27. package/src/generators/ui/style-mira.css +48 -48
  28. package/src/generators/ui/style-nova.css +45 -45
  29. package/src/generators/ui/style-vega.css +43 -43
  30. package/src/generators/ui/supported-ui-libraries.json +41 -49
  31. package/src/generators/ui/libs/icon/files/index.ts.template +0 -7
  32. package/src/generators/ui/libs/icon/files/lib/hlm-icon.token.ts.template +0 -20
  33. package/src/generators/ui/libs/icon/files/lib/hlm-icon.ts.template +0 -35
  34. package/src/generators/ui/libs/icon/generator.d.ts +0 -3
  35. package/src/generators/ui/libs/icon/generator.js +0 -9
  36. package/src/generators/ui/libs/icon/generator.js.map +0 -1
package/src/generators/ui/supported-ui-libraries.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "accordion",
4
4
  "peerDependencies": {
5
5
  "@angular/core": ">=21.0.0 <23.0.0",
6
- "@spartan-ng/brain": "0.0.1-alpha.718",
6
+ "@spartan-ng/brain": "0.0.1-alpha.719",
7
7
  "@ng-icons/core": ">=32.0.0 <34.0.0",
8
8
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
9
9
  "clsx": "^2.1.1"
@@ -20,7 +20,7 @@
20
20
  "name": "alert-dialog",
21
21
  "peerDependencies": {
22
22
  "@angular/core": ">=21.0.0 <23.0.0",
23
- "@spartan-ng/brain": "0.0.1-alpha.718",
23
+ "@spartan-ng/brain": "0.0.1-alpha.719",
24
24
  "clsx": "^2.1.1"
25
25
  }
26
26
  },
@@ -36,7 +36,7 @@
36
36
  "peerDependencies": {
37
37
  "@angular/core": ">=21.0.0 <23.0.0",
38
38
  "@angular/forms": ">=21.0.0 <23.0.0",
39
- "@spartan-ng/brain": "0.0.1-alpha.718",
39
+ "@spartan-ng/brain": "0.0.1-alpha.719",
40
40
  "@angular/cdk": ">=21.0.0 <23.0.0",
41
41
  "@ng-icons/core": ">=32.0.0 <34.0.0",
42
42
  "@ng-icons/lucide": ">=32.0.0 <34.0.0"
@@ -46,7 +46,7 @@
46
46
  "name": "avatar",
47
47
  "peerDependencies": {
48
48
  "@angular/core": ">=21.0.0 <23.0.0",
49
- "@spartan-ng/brain": "0.0.1-alpha.718"
49
+ "@spartan-ng/brain": "0.0.1-alpha.719"
50
50
  }
51
51
  },
52
52
  "badge": {
@@ -70,7 +70,7 @@
70
70
  "name": "button",
71
71
  "peerDependencies": {
72
72
  "@angular/core": ">=21.0.0 <23.0.0",
73
- "@spartan-ng/brain": "0.0.1-alpha.718",
73
+ "@spartan-ng/brain": "0.0.1-alpha.719",
74
74
  "class-variance-authority": "^0.7.0",
75
75
  "clsx": "^2.1.1"
76
76
  }
@@ -79,7 +79,7 @@
79
79
  "name": "button-group",
80
80
  "peerDependencies": {
81
81
  "@angular/core": ">=21.0.0 <23.0.0",
82
- "@spartan-ng/brain": "0.0.1-alpha.718",
82
+ "@spartan-ng/brain": "0.0.1-alpha.719",
83
83
  "class-variance-authority": "^0.7.0"
84
84
  }
85
85
  },
@@ -90,7 +90,7 @@
90
90
  "@angular/core": ">=21.0.0 <23.0.0",
91
91
  "@ng-icons/core": ">=32.0.0 <34.0.0",
92
92
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
93
- "@spartan-ng/brain": "0.0.1-alpha.718"
93
+ "@spartan-ng/brain": "0.0.1-alpha.719"
94
94
  }
95
95
  },
96
96
  "card": {
@@ -119,7 +119,7 @@
119
119
  "@angular/cdk": ">=21.0.0 <23.0.0",
120
120
  "@ng-icons/core": ">=32.0.0 <34.0.0",
121
121
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
122
- "@spartan-ng/brain": "0.0.1-alpha.718",
122
+ "@spartan-ng/brain": "0.0.1-alpha.719",
123
123
  "clsx": "^2.1.1"
124
124
  }
125
125
  },
@@ -127,7 +127,7 @@
127
127
  "name": "collapsible",
128
128
  "peerDependencies": {
129
129
  "@angular/core": ">=21.0.0 <23.0.0",
130
- "@spartan-ng/brain": "0.0.1-alpha.718"
130
+ "@spartan-ng/brain": "0.0.1-alpha.719"
131
131
  }
132
132
  },
133
133
  "combobox": {
@@ -135,7 +135,7 @@
135
135
  "peerDependencies": {
136
136
  "@angular/core": ">=21.0.0 <23.0.0",
137
137
  "@angular/forms": ">=21.0.0 <23.0.0",
138
- "@spartan-ng/brain": "0.0.1-alpha.718",
138
+ "@spartan-ng/brain": "0.0.1-alpha.719",
139
139
  "@angular/cdk": ">=21.0.0 <23.0.0",
140
140
  "@ng-icons/core": ">=32.0.0 <34.0.0",
141
141
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -147,7 +147,7 @@
147
147
  "peerDependencies": {
148
148
  "@angular/cdk": ">=21.0.0 <23.0.0",
149
149
  "@angular/core": ">=21.0.0 <23.0.0",
150
- "@spartan-ng/brain": "0.0.1-alpha.718",
150
+ "@spartan-ng/brain": "0.0.1-alpha.719",
151
151
  "clsx": "^2.1.1",
152
152
  "@ng-icons/core": ">=32.0.0 <34.0.0",
153
153
  "@ng-icons/lucide": ">=32.0.0 <34.0.0"
@@ -157,7 +157,7 @@
157
157
  "name": "context-menu",
158
158
  "peerDependencies": {
159
159
  "@angular/core": ">=21.0.0 <23.0.0",
160
- "@spartan-ng/brain": "0.0.1-alpha.718",
160
+ "@spartan-ng/brain": "0.0.1-alpha.719",
161
161
  "@angular/cdk": ">=21.0.0 <23.0.0",
162
162
  "rxjs": "^7.8.0"
163
163
  }
@@ -167,7 +167,7 @@
167
167
  "peerDependencies": {
168
168
  "@angular/core": ">=21.0.0 <23.0.0",
169
169
  "@angular/forms": ">=21.0.0 <23.0.0",
170
- "@spartan-ng/brain": "0.0.1-alpha.718",
170
+ "@spartan-ng/brain": "0.0.1-alpha.719",
171
171
  "@angular/cdk": ">=21.0.0 <23.0.0",
172
172
  "@ng-icons/core": ">=32.0.0 <34.0.0",
173
173
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -178,7 +178,7 @@
178
178
  "name": "dialog",
179
179
  "peerDependencies": {
180
180
  "@angular/core": ">=21.0.0 <23.0.0",
181
- "@spartan-ng/brain": "0.0.1-alpha.718",
181
+ "@spartan-ng/brain": "0.0.1-alpha.719",
182
182
  "@angular/cdk": ">=21.0.0 <23.0.0",
183
183
  "@angular/common": ">=21.0.0 <23.0.0",
184
184
  "@ng-icons/core": ">=32.0.0 <34.0.0",
@@ -190,7 +190,7 @@
190
190
  "name": "drawer",
191
191
  "peerDependencies": {
192
192
  "@angular/core": ">=21.0.0 <23.0.0",
193
- "@spartan-ng/brain": "0.0.1-alpha.718",
193
+ "@spartan-ng/brain": "0.0.1-alpha.719",
194
194
  "clsx": "^2.1.1"
195
195
  }
196
196
  },
@@ -201,7 +201,7 @@
201
201
  "@ng-icons/core": ">=32.0.0 <34.0.0",
202
202
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
203
203
  "@angular/cdk": ">=21.0.0 <23.0.0",
204
- "@spartan-ng/brain": "0.0.1-alpha.718",
204
+ "@spartan-ng/brain": "0.0.1-alpha.719",
205
205
  "rxjs": "^7.8.0"
206
206
  }
207
207
  },
@@ -216,7 +216,7 @@
216
216
  "name": "field",
217
217
  "peerDependencies": {
218
218
  "@angular/core": ">=21.0.0 <23.0.0",
219
- "@spartan-ng/brain": "0.0.1-alpha.718",
219
+ "@spartan-ng/brain": "0.0.1-alpha.719",
220
220
  "@angular/cdk": ">=21.0.0 <23.0.0",
221
221
  "class-variance-authority": "^0.7.0"
222
222
  }
@@ -225,15 +225,7 @@
225
225
  "name": "hover-card",
226
226
  "peerDependencies": {
227
227
  "@angular/core": ">=21.0.0 <23.0.0",
228
- "@spartan-ng/brain": "0.0.1-alpha.718"
229
- }
230
- },
231
- "icon": {
232
- "name": "icon",
233
- "peerDependencies": {
234
- "@ng-icons/core": ">=32.0.0 <34.0.0",
235
- "@angular/core": ">=21.0.0 <23.0.0",
236
- "@ng-icons/lucide": ">=32.0.0 <34.0.0"
228
+ "@spartan-ng/brain": "0.0.1-alpha.719"
237
229
  }
238
230
  },
239
231
  "input": {
@@ -241,7 +233,7 @@
241
233
  "peerDependencies": {
242
234
  "@angular/core": ">=21.0.0 <23.0.0",
243
235
  "@angular/forms": ">=21.0.0 <23.0.0",
244
- "@spartan-ng/brain": "0.0.1-alpha.718"
236
+ "@spartan-ng/brain": "0.0.1-alpha.719"
245
237
  }
246
238
  },
247
239
  "input-group": {
@@ -258,7 +250,7 @@
258
250
  "@ng-icons/core": ">=32.0.0 <34.0.0",
259
251
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
260
252
  "@angular/cdk": ">=21.0.0 <23.0.0",
261
- "@spartan-ng/brain": "0.0.1-alpha.718"
253
+ "@spartan-ng/brain": "0.0.1-alpha.719"
262
254
  }
263
255
  },
264
256
  "item": {
@@ -266,7 +258,7 @@
266
258
  "peerDependencies": {
267
259
  "@angular/core": ">=21.0.0 <23.0.0",
268
260
  "class-variance-authority": "^0.7.0",
269
- "@spartan-ng/brain": "0.0.1-alpha.718"
261
+ "@spartan-ng/brain": "0.0.1-alpha.719"
270
262
  }
271
263
  },
272
264
  "kbd": {
@@ -279,14 +271,14 @@
279
271
  "name": "label",
280
272
  "peerDependencies": {
281
273
  "@angular/core": ">=21.0.0 <23.0.0",
282
- "@spartan-ng/brain": "0.0.1-alpha.718"
274
+ "@spartan-ng/brain": "0.0.1-alpha.719"
283
275
  }
284
276
  },
285
277
  "menubar": {
286
278
  "name": "menubar",
287
279
  "peerDependencies": {
288
280
  "@angular/core": ">=21.0.0 <23.0.0",
289
- "@spartan-ng/brain": "0.0.1-alpha.718",
281
+ "@spartan-ng/brain": "0.0.1-alpha.719",
290
282
  "@angular/cdk": ">=21.0.0 <23.0.0",
291
283
  "rxjs": "^7.8.0"
292
284
  }
@@ -299,7 +291,7 @@
299
291
  "@angular/forms": ">=21.0.0 <23.0.0",
300
292
  "@ng-icons/core": ">=32.0.0 <34.0.0",
301
293
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
302
- "@spartan-ng/brain": "0.0.1-alpha.718",
294
+ "@spartan-ng/brain": "0.0.1-alpha.719",
303
295
  "clsx": "^2.1.1"
304
296
  }
305
297
  },
@@ -308,7 +300,7 @@
308
300
  "peerDependencies": {
309
301
  "@angular/cdk": ">=21.0.0 <23.0.0",
310
302
  "@angular/core": ">=21.0.0 <23.0.0",
311
- "@spartan-ng/brain": "0.0.1-alpha.718",
303
+ "@spartan-ng/brain": "0.0.1-alpha.719",
312
304
  "@ng-icons/core": ">=32.0.0 <34.0.0",
313
305
  "@ng-icons/lucide": ">=32.0.0 <34.0.0"
314
306
  }
@@ -329,7 +321,7 @@
329
321
  "peerDependencies": {
330
322
  "@angular/cdk": ">=21.0.0 <23.0.0",
331
323
  "@angular/core": ">=21.0.0 <23.0.0",
332
- "@spartan-ng/brain": "0.0.1-alpha.718"
324
+ "@spartan-ng/brain": "0.0.1-alpha.719"
333
325
  }
334
326
  },
335
327
  "progress": {
@@ -337,7 +329,7 @@
337
329
  "peerDependencies": {
338
330
  "@angular/cdk": ">=21.0.0 <23.0.0",
339
331
  "@angular/core": ">=21.0.0 <23.0.0",
340
- "@spartan-ng/brain": "0.0.1-alpha.718"
332
+ "@spartan-ng/brain": "0.0.1-alpha.719"
341
333
  }
342
334
  },
343
335
  "radio-group": {
@@ -345,7 +337,7 @@
345
337
  "peerDependencies": {
346
338
  "@angular/core": ">=21.0.0 <23.0.0",
347
339
  "@angular/forms": ">=21.0.0 <23.0.0",
348
- "@spartan-ng/brain": "0.0.1-alpha.718",
340
+ "@spartan-ng/brain": "0.0.1-alpha.719",
349
341
  "clsx": "^2.1.1",
350
342
  "@angular/cdk": ">=21.0.0 <23.0.0",
351
343
  "@angular/common": ">=21.0.0 <23.0.0"
@@ -355,7 +347,7 @@
355
347
  "name": "resizable",
356
348
  "peerDependencies": {
357
349
  "@angular/core": ">=21.0.0 <23.0.0",
358
- "@spartan-ng/brain": "0.0.1-alpha.718"
350
+ "@spartan-ng/brain": "0.0.1-alpha.719"
359
351
  }
360
352
  },
361
353
  "scroll-area": {
@@ -371,7 +363,7 @@
371
363
  "@angular/core": ">=21.0.0 <23.0.0",
372
364
  "@angular/forms": ">=21.0.0 <23.0.0",
373
365
  "@angular/cdk": ">=21.0.0 <23.0.0",
374
- "@spartan-ng/brain": "0.0.1-alpha.718",
366
+ "@spartan-ng/brain": "0.0.1-alpha.719",
375
367
  "@ng-icons/core": ">=32.0.0 <34.0.0",
376
368
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
377
369
  "clsx": "^2.1.1"
@@ -381,14 +373,14 @@
381
373
  "name": "separator",
382
374
  "peerDependencies": {
383
375
  "@angular/core": ">=21.0.0 <23.0.0",
384
- "@spartan-ng/brain": "0.0.1-alpha.718"
376
+ "@spartan-ng/brain": "0.0.1-alpha.719"
385
377
  }
386
378
  },
387
379
  "sheet": {
388
380
  "name": "sheet",
389
381
  "peerDependencies": {
390
382
  "@angular/core": ">=21.0.0 <23.0.0",
391
- "@spartan-ng/brain": "0.0.1-alpha.718",
383
+ "@spartan-ng/brain": "0.0.1-alpha.719",
392
384
  "@angular/cdk": ">=21.0.0 <23.0.0",
393
385
  "@ng-icons/core": ">=32.0.0 <34.0.0",
394
386
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -400,7 +392,7 @@
400
392
  "peerDependencies": {
401
393
  "@angular/core": ">=21.0.0 <23.0.0",
402
394
  "@angular/cdk": ">=21.0.0 <23.0.0",
403
- "@spartan-ng/brain": "0.0.1-alpha.718",
395
+ "@spartan-ng/brain": "0.0.1-alpha.719",
404
396
  "class-variance-authority": "^0.7.0",
405
397
  "@ng-icons/core": ">=32.0.0 <34.0.0",
406
398
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
@@ -419,7 +411,7 @@
419
411
  "peerDependencies": {
420
412
  "@angular/core": ">=21.0.0 <23.0.0",
421
413
  "@angular/forms": ">=21.0.0 <23.0.0",
422
- "@spartan-ng/brain": "0.0.1-alpha.718"
414
+ "@spartan-ng/brain": "0.0.1-alpha.719"
423
415
  }
424
416
  },
425
417
  "sonner": {
@@ -429,7 +421,7 @@
429
421
  "@angular/core": ">=21.0.0 <23.0.0",
430
422
  "@ng-icons/core": ">=32.0.0 <34.0.0",
431
423
  "@ng-icons/lucide": ">=32.0.0 <34.0.0",
432
- "@spartan-ng/brain": "0.0.1-alpha.718",
424
+ "@spartan-ng/brain": "0.0.1-alpha.719",
433
425
  "clsx": "^2.1.1"
434
426
  }
435
427
  },
@@ -447,7 +439,7 @@
447
439
  "@angular/core": ">=21.0.0 <23.0.0",
448
440
  "@angular/cdk": ">=21.0.0 <23.0.0",
449
441
  "@angular/forms": ">=21.0.0 <23.0.0",
450
- "@spartan-ng/brain": "0.0.1-alpha.718",
442
+ "@spartan-ng/brain": "0.0.1-alpha.719",
451
443
  "clsx": "^2.1.1"
452
444
  }
453
445
  },
@@ -461,7 +453,7 @@
461
453
  "name": "tabs",
462
454
  "peerDependencies": {
463
455
  "@angular/core": ">=21.0.0 <23.0.0",
464
- "@spartan-ng/brain": "0.0.1-alpha.718",
456
+ "@spartan-ng/brain": "0.0.1-alpha.719",
465
457
  "class-variance-authority": "^0.7.0",
466
458
  "@angular/cdk": ">=21.0.0 <23.0.0",
467
459
  "@ng-icons/core": ">=32.0.0 <34.0.0",
@@ -475,14 +467,14 @@
475
467
  "peerDependencies": {
476
468
  "@angular/core": ">=21.0.0 <23.0.0",
477
469
  "@angular/forms": ">=21.0.0 <23.0.0",
478
- "@spartan-ng/brain": "0.0.1-alpha.718"
470
+ "@spartan-ng/brain": "0.0.1-alpha.719"
479
471
  }
480
472
  },
481
473
  "toggle": {
482
474
  "name": "toggle",
483
475
  "peerDependencies": {
484
476
  "@angular/core": ">=21.0.0 <23.0.0",
485
- "@spartan-ng/brain": "0.0.1-alpha.718",
477
+ "@spartan-ng/brain": "0.0.1-alpha.719",
486
478
  "class-variance-authority": "^0.7.0"
487
479
  }
488
480
  },
@@ -490,7 +482,7 @@
490
482
  "name": "toggle-group",
491
483
  "peerDependencies": {
492
484
  "@angular/core": ">=21.0.0 <23.0.0",
493
- "@spartan-ng/brain": "0.0.1-alpha.718",
485
+ "@spartan-ng/brain": "0.0.1-alpha.719",
494
486
  "@angular/cdk": ">=21.0.0 <23.0.0"
495
487
  }
496
488
  },
@@ -498,7 +490,7 @@
498
490
  "name": "tooltip",
499
491
  "peerDependencies": {
500
492
  "@angular/core": ">=21.0.0 <23.0.0",
501
- "@spartan-ng/brain": "0.0.1-alpha.718",
493
+ "@spartan-ng/brain": "0.0.1-alpha.719",
502
494
  "class-variance-authority": "^0.7.0"
503
495
  }
504
496
  },
package/src/generators/ui/libs/icon/files/index.ts.template DELETED
@@ -1,7 +0,0 @@
1
- import { NgIcon } from '@ng-icons/core';
2
- import { HlmIcon } from './lib/hlm-icon';
3
-
4
- export * from './lib/hlm-icon';
5
- export * from './lib/hlm-icon.token';
6
-
7
- export const HlmIconImports = [HlmIcon, NgIcon] as const;
package/src/generators/ui/libs/icon/files/lib/hlm-icon.token.ts.template DELETED
@@ -1,20 +0,0 @@
1
- import { InjectionToken, type ValueProvider, inject } from '@angular/core';
2
- import type { IconSize } from './hlm-icon';
3
-
4
- export interface HlmIconConfig {
5
- size: IconSize;
6
- }
7
-
8
- const defaultConfig: HlmIconConfig = {
9
- size: 'base',
10
- };
11
-
12
- const HlmIconConfigToken = new InjectionToken<HlmIconConfig>('HlmIconConfig');
13
-
14
- export function provideHlmIconConfig(config: Partial<HlmIconConfig>): ValueProvider {
15
- return { provide: HlmIconConfigToken, useValue: { ...defaultConfig, ...config } };
16
- }
17
-
18
- export function injectHlmIconConfig(): HlmIconConfig {
19
- return inject(HlmIconConfigToken, { optional: true }) ?? defaultConfig;
20
- }
package/src/generators/ui/libs/icon/files/lib/hlm-icon.ts.template DELETED
@@ -1,35 +0,0 @@
1
- import { Directive, computed, input } from '@angular/core';
2
- import { injectHlmIconConfig } from './hlm-icon.token';
3
-
4
- export type IconSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'none' | (Record<never, never> & string);
5
-
6
- @Directive({
7
- selector: 'ng-icon[hlmIcon], ng-icon[hlm]',
8
- host: {
9
- '[style.--ng-icon__size]': '_computedSize()',
10
- },
11
- })
12
- export class HlmIcon {
13
- private readonly _config = injectHlmIconConfig();
14
- public readonly size = input<IconSize>(this._config.size);
15
-
16
- protected readonly _computedSize = computed(() => {
17
- const size = this.size();
18
-
19
- switch (size) {
20
- case 'xs':
21
- return '12px';
22
- case 'sm':
23
- return '16px';
24
- case 'base':
25
- return '24px';
26
- case 'lg':
27
- return '32px';
28
- case 'xl':
29
- return '48px';
30
- default: {
31
- return size;
32
- }
33
- }
34
- });
35
- }
package/src/generators/ui/libs/icon/generator.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import type { Tree } from '@nx/devkit';
2
- import type { HlmBaseGeneratorSchema } from '../../../base/schema';
3
- export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;
package/src/generators/ui/libs/icon/generator.js DELETED
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.generator = generator;
4
- const tslib_1 = require("tslib");
5
- const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
6
- async function generator(tree, options) {
7
- return await (0, generator_1.default)(tree, { ...options, name: 'icon' });
8
- }
9
- //# sourceMappingURL=generator.js.map
package/src/generators/ui/libs/icon/generator.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/icon/generator.ts"],"names":[],"mappings":";;AAIA,8BAEC;;AALD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,CAAC"}