@spartan-ng/cli 0.0.1-alpha.452 → 0.0.1-alpha.454

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/generators/ui/libs/ui-radio-group-helm/files/lib/hlm-radio.component.ts.template +41 -1
  3. package/src/generators/ui/supported-ui-libraries.json +40 -39
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spartan-ng/cli",
3
- "version": "0.0.1-alpha.452",
3
+ "version": "0.0.1-alpha.454",
4
4
  "type": "commonjs",
5
5
  "dependencies": {
6
6
  "@nx/angular": ">=20.0.0",
package/src/generators/ui/libs/ui-radio-group-helm/files/lib/hlm-radio.component.ts.template CHANGED
@@ -1,4 +1,17 @@
1
- import { booleanAttribute, Component, computed, input, output } from '@angular/core';
1
+ import { DOCUMENT, isPlatformBrowser } from '@angular/common';
2
+ import {
3
+ booleanAttribute,
4
+ Component,
5
+ computed,
6
+ effect,
7
+ ElementRef,
8
+ inject,
9
+ input,
10
+ output,
11
+ PLATFORM_ID,
12
+ Renderer2,
13
+ signal,
14
+ } from '@angular/core';
2
15
  import { hlm } from '@spartan-ng/brain/core';
3
16
  import { BrnRadioChange, BrnRadioComponent } from '@spartan-ng/brain/radio-group';
4
17
  import { ClassValue } from 'clsx';
@@ -24,6 +37,11 @@ import { ClassValue } from 'clsx';
24
37
  `,
25
38
  })
26
39
  export class HlmRadioComponent<T = unknown> {
40
+ private readonly _document = inject(DOCUMENT);
41
+ private readonly _renderer = inject(Renderer2);
42
+ private readonly _elementRef = inject(ElementRef);
43
+ private readonly _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
44
+
27
45
  public readonly userClass = input<ClassValue>('', { alias: 'class' });
28
46
  protected _computedClass = computed(() =>
29
47
  hlm(
@@ -55,8 +73,30 @@ export class HlmRadioComponent<T = unknown> {
55
73
  /** Whether the checkbox is disabled. */
56
74
  public readonly disabled = input(false, { transform: booleanAttribute });
57
75
 
76
+ protected readonly state = computed(() => {
77
+ const id = this.id();
78
+ return {
79
+ disabled: signal(this.disabled()),
80
+ id: id ? id : null,
81
+ };
82
+ });
58
83
  /**
59
84
  * Event emitted when the checked state of this radio button changes.
60
85
  */
61
86
  public readonly change = output<BrnRadioChange<T>>();
87
+
88
+ constructor() {
89
+ effect(() => {
90
+ const state = this.state();
91
+ const isDisabled = state.disabled();
92
+
93
+ if (!this._elementRef.nativeElement || !this._isBrowser) return;
94
+
95
+ const labelElement =
96
+ this._elementRef.nativeElement.closest('label') ?? this._document.querySelector(`label[for="${state.id}"]`);
97
+
98
+ if (!labelElement) return;
99
+ this._renderer.setAttribute(labelElement, 'data-disabled', isDisabled ? 'true' : 'false');
100
+ });
101
+ }
62
102
  }
package/src/generators/ui/supported-ui-libraries.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "@angular/core": ">=19.0.0",
6
6
  "@ng-icons/core": ">=29.0.0",
7
7
  "@ng-icons/lucide": ">=29.0.0",
8
- "@spartan-ng/brain": "0.0.1-alpha.452",
8
+ "@spartan-ng/brain": "0.0.1-alpha.454",
9
9
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
10
10
  "clsx": "^2.1.1"
11
11
  }
@@ -14,7 +14,7 @@
14
14
  "internalName": "ui-alert-helm",
15
15
  "peerDependencies": {
16
16
  "@angular/core": ">=19.0.0",
17
- "@spartan-ng/brain": "0.0.1-alpha.452",
17
+ "@spartan-ng/brain": "0.0.1-alpha.454",
18
18
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
19
19
  "class-variance-authority": "^0.7.0",
20
20
  "clsx": "^2.1.1"
@@ -24,7 +24,7 @@
24
24
  "internalName": "ui-alert-dialog-helm",
25
25
  "peerDependencies": {
26
26
  "@angular/core": ">=19.0.0",
27
- "@spartan-ng/brain": "0.0.1-alpha.452",
27
+ "@spartan-ng/brain": "0.0.1-alpha.454",
28
28
  "@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
29
29
  "clsx": "^2.1.1"
30
30
  }
@@ -34,7 +34,7 @@
34
34
  "peerDependencies": {
35
35
  "@angular/cdk": ">=19.0.0",
36
36
  "@angular/core": ">=19.0.0",
37
- "@spartan-ng/brain": "0.0.1-alpha.452",
37
+ "@spartan-ng/brain": "0.0.1-alpha.454",
38
38
  "clsx": "^2.1.1"
39
39
  }
40
40
  },
@@ -42,7 +42,7 @@
42
42
  "internalName": "ui-avatar-helm",
43
43
  "peerDependencies": {
44
44
  "@angular/core": ">=19.0.0",
45
- "@spartan-ng/brain": "0.0.1-alpha.452",
45
+ "@spartan-ng/brain": "0.0.1-alpha.454",
46
46
  "class-variance-authority": "^0.7.0",
47
47
  "clsx": "^2.1.1"
48
48
  }
@@ -52,7 +52,7 @@
52
52
  "peerDependencies": {
53
53
  "@angular/cdk": ">=19.0.0",
54
54
  "@angular/core": ">=19.0.0",
55
- "@spartan-ng/brain": "0.0.1-alpha.452",
55
+ "@spartan-ng/brain": "0.0.1-alpha.454",
56
56
  "class-variance-authority": "^0.7.0",
57
57
  "clsx": "^2.1.1"
58
58
  }
@@ -64,7 +64,7 @@
64
64
  "@angular/router": ">=19.0.0",
65
65
  "@ng-icons/core": ">=29.0.0",
66
66
  "@ng-icons/lucide": ">=29.0.0",
67
- "@spartan-ng/brain": "0.0.1-alpha.452",
67
+ "@spartan-ng/brain": "0.0.1-alpha.454",
68
68
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
69
69
  "clsx": "^2.1.1"
70
70
  }
@@ -73,7 +73,7 @@
73
73
  "internalName": "ui-button-helm",
74
74
  "peerDependencies": {
75
75
  "@angular/core": ">=19.0.0",
76
- "@spartan-ng/brain": "0.0.1-alpha.452",
76
+ "@spartan-ng/brain": "0.0.1-alpha.454",
77
77
  "class-variance-authority": "^0.7.0",
78
78
  "clsx": "^2.1.1"
79
79
  }
@@ -85,7 +85,7 @@
85
85
  "@angular/core": ">=19.0.0",
86
86
  "@ng-icons/core": ">=29.0.0",
87
87
  "@ng-icons/lucide": ">=29.0.0",
88
- "@spartan-ng/brain": "0.0.1-alpha.452",
88
+ "@spartan-ng/brain": "0.0.1-alpha.454",
89
89
  "@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
90
90
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
91
91
  "clsx": "^2.1.1"
@@ -95,7 +95,7 @@
95
95
  "internalName": "ui-card-helm",
96
96
  "peerDependencies": {
97
97
  "@angular/core": ">=19.0.0",
98
- "@spartan-ng/brain": "0.0.1-alpha.452",
98
+ "@spartan-ng/brain": "0.0.1-alpha.454",
99
99
  "class-variance-authority": "^0.7.0",
100
100
  "clsx": "^2.1.1"
101
101
  }
@@ -105,7 +105,7 @@
105
105
  "peerDependencies": {
106
106
  "@angular/cdk": ">=19.0.0",
107
107
  "@angular/core": ">=19.0.0",
108
- "@spartan-ng/brain": "0.0.1-alpha.452",
108
+ "@spartan-ng/brain": "0.0.1-alpha.454",
109
109
  "@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
110
110
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
111
111
  "clsx": "^2.1.1"
@@ -119,7 +119,7 @@
119
119
  "@angular/forms": ">=19.0.0",
120
120
  "@ng-icons/core": ">=29.0.0",
121
121
  "@ng-icons/lucide": ">=29.0.0",
122
- "@spartan-ng/brain": "0.0.1-alpha.452",
122
+ "@spartan-ng/brain": "0.0.1-alpha.454",
123
123
  "@spartan-ng/ui-calendar-helm": "0.0.1-alpha.381",
124
124
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
125
125
  "@spartan-ng/ui-popover-helm": "0.0.1-alpha.381",
@@ -134,7 +134,7 @@
134
134
  "@angular/core": ">=19.0.0",
135
135
  "@ng-icons/core": ">=29.0.0",
136
136
  "@ng-icons/lucide": ">=29.0.0",
137
- "@spartan-ng/brain": "0.0.1-alpha.452",
137
+ "@spartan-ng/brain": "0.0.1-alpha.454",
138
138
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
139
139
  "clsx": "^2.1.1"
140
140
  }
@@ -150,7 +150,7 @@
150
150
  "peerDependencies": {
151
151
  "@angular/core": ">=19.0.0",
152
152
  "@angular/forms": ">=19.0.0",
153
- "@spartan-ng/brain": "0.0.1-alpha.452",
153
+ "@spartan-ng/brain": "0.0.1-alpha.454",
154
154
  "class-variance-authority": "^0.7.0",
155
155
  "clsx": "^2.1.1"
156
156
  }
@@ -159,7 +159,7 @@
159
159
  "internalName": "ui-label-helm",
160
160
  "peerDependencies": {
161
161
  "@angular/core": ">=19.0.0",
162
- "@spartan-ng/brain": "0.0.1-alpha.452",
162
+ "@spartan-ng/brain": "0.0.1-alpha.454",
163
163
  "class-variance-authority": "^0.7.0",
164
164
  "clsx": "^2.1.1"
165
165
  }
@@ -170,7 +170,7 @@
170
170
  "@angular/core": ">=19.0.0",
171
171
  "@ng-icons/core": ">=29.0.0",
172
172
  "@ng-icons/lucide": ">=29.0.0",
173
- "@spartan-ng/brain": "0.0.1-alpha.452",
173
+ "@spartan-ng/brain": "0.0.1-alpha.454",
174
174
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
175
175
  "class-variance-authority": "^0.7.0",
176
176
  "clsx": "^2.1.1"
@@ -180,7 +180,7 @@
180
180
  "internalName": "ui-popover-helm",
181
181
  "peerDependencies": {
182
182
  "@angular/core": ">=19.0.0",
183
- "@spartan-ng/brain": "0.0.1-alpha.452",
183
+ "@spartan-ng/brain": "0.0.1-alpha.454",
184
184
  "clsx": "^2.1.1"
185
185
  }
186
186
  },
@@ -188,15 +188,16 @@
188
188
  "internalName": "ui-progress-helm",
189
189
  "peerDependencies": {
190
190
  "@angular/core": ">=19.0.0",
191
- "@spartan-ng/brain": "0.0.1-alpha.452",
191
+ "@spartan-ng/brain": "0.0.1-alpha.454",
192
192
  "clsx": "^2.1.1"
193
193
  }
194
194
  },
195
195
  "radiogroup": {
196
196
  "internalName": "ui-radio-group-helm",
197
197
  "peerDependencies": {
198
+ "@angular/common": ">=19.0.0",
198
199
  "@angular/core": ">=19.0.0",
199
- "@spartan-ng/brain": "0.0.1-alpha.452",
200
+ "@spartan-ng/brain": "0.0.1-alpha.454",
200
201
  "clsx": "^2.1.1"
201
202
  }
202
203
  },
@@ -204,7 +205,7 @@
204
205
  "internalName": "ui-scroll-area-helm",
205
206
  "peerDependencies": {
206
207
  "@angular/core": ">=19.0.0",
207
- "@spartan-ng/brain": "0.0.1-alpha.452",
208
+ "@spartan-ng/brain": "0.0.1-alpha.454",
208
209
  "clsx": "^2.1.1",
209
210
  "ngx-scrollbar": ">=16.0.0"
210
211
  }
@@ -213,7 +214,7 @@
213
214
  "internalName": "ui-separator-helm",
214
215
  "peerDependencies": {
215
216
  "@angular/core": ">=19.0.0",
216
- "@spartan-ng/brain": "0.0.1-alpha.452",
217
+ "@spartan-ng/brain": "0.0.1-alpha.454",
217
218
  "clsx": "^2.1.1"
218
219
  }
219
220
  },
@@ -223,7 +224,7 @@
223
224
  "@angular/core": ">=19.0.0",
224
225
  "@ng-icons/core": ">=29.0.0",
225
226
  "@ng-icons/lucide": ">=29.0.0",
226
- "@spartan-ng/brain": "0.0.1-alpha.452",
227
+ "@spartan-ng/brain": "0.0.1-alpha.454",
227
228
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
228
229
  "class-variance-authority": "^0.7.0",
229
230
  "clsx": "^2.1.1"
@@ -233,7 +234,7 @@
233
234
  "internalName": "ui-skeleton-helm",
234
235
  "peerDependencies": {
235
236
  "@angular/core": ">=19.0.0",
236
- "@spartan-ng/brain": "0.0.1-alpha.452",
237
+ "@spartan-ng/brain": "0.0.1-alpha.454",
237
238
  "clsx": "^2.1.1"
238
239
  }
239
240
  },
@@ -241,7 +242,7 @@
241
242
  "internalName": "ui-spinner-helm",
242
243
  "peerDependencies": {
243
244
  "@angular/core": ">=19.0.0",
244
- "@spartan-ng/brain": "0.0.1-alpha.452",
245
+ "@spartan-ng/brain": "0.0.1-alpha.454",
245
246
  "class-variance-authority": "^0.7.0",
246
247
  "clsx": "^2.1.1"
247
248
  }
@@ -252,7 +253,7 @@
252
253
  "@angular/cdk": ">=19.0.0",
253
254
  "@angular/core": ">=19.0.0",
254
255
  "@angular/forms": ">=19.0.0",
255
- "@spartan-ng/brain": "0.0.1-alpha.452",
256
+ "@spartan-ng/brain": "0.0.1-alpha.454",
256
257
  "clsx": "^2.1.1"
257
258
  }
258
259
  },
@@ -263,7 +264,7 @@
263
264
  "@angular/core": ">=19.0.0",
264
265
  "@ng-icons/core": ">=29.0.0",
265
266
  "@ng-icons/lucide": ">=29.0.0",
266
- "@spartan-ng/brain": "0.0.1-alpha.452",
267
+ "@spartan-ng/brain": "0.0.1-alpha.454",
267
268
  "@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
268
269
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
269
270
  "class-variance-authority": "^0.7.0",
@@ -274,7 +275,7 @@
274
275
  "internalName": "ui-toggle-helm",
275
276
  "peerDependencies": {
276
277
  "@angular/core": ">=19.0.0",
277
- "@spartan-ng/brain": "0.0.1-alpha.452",
278
+ "@spartan-ng/brain": "0.0.1-alpha.454",
278
279
  "class-variance-authority": "^0.7.0",
279
280
  "clsx": "^2.1.1"
280
281
  }
@@ -292,7 +293,7 @@
292
293
  "internalName": "ui-typography-helm",
293
294
  "peerDependencies": {
294
295
  "@angular/core": ">=19.0.0",
295
- "@spartan-ng/brain": "0.0.1-alpha.452",
296
+ "@spartan-ng/brain": "0.0.1-alpha.454",
296
297
  "clsx": "^2.1.1"
297
298
  }
298
299
  },
@@ -301,7 +302,7 @@
301
302
  "peerDependencies": {
302
303
  "@angular/common": ">=19.0.0",
303
304
  "@angular/core": ">=19.0.0",
304
- "@spartan-ng/brain": "0.0.1-alpha.452",
305
+ "@spartan-ng/brain": "0.0.1-alpha.454",
305
306
  "clsx": "^2.1.1"
306
307
  }
307
308
  },
@@ -309,7 +310,7 @@
309
310
  "internalName": "ui-hover-card-helm",
310
311
  "peerDependencies": {
311
312
  "@angular/core": ">=19.0.0",
312
- "@spartan-ng/brain": "0.0.1-alpha.452",
313
+ "@spartan-ng/brain": "0.0.1-alpha.454",
313
314
  "clsx": "^2.1.1"
314
315
  }
315
316
  },
@@ -320,7 +321,7 @@
320
321
  "@angular/forms": ">=19.0.0",
321
322
  "@ng-icons/core": ">=29.0.0",
322
323
  "@ng-icons/lucide": ">=29.0.0",
323
- "@spartan-ng/brain": "0.0.1-alpha.452",
324
+ "@spartan-ng/brain": "0.0.1-alpha.454",
324
325
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
325
326
  "clsx": "^2.1.1"
326
327
  }
@@ -329,7 +330,7 @@
329
330
  "internalName": "ui-tooltip-helm",
330
331
  "peerDependencies": {
331
332
  "@angular/core": ">=19.0.0",
332
- "@spartan-ng/brain": "0.0.1-alpha.452"
333
+ "@spartan-ng/brain": "0.0.1-alpha.454"
333
334
  }
334
335
  },
335
336
  "pagination": {
@@ -341,7 +342,7 @@
341
342
  "@angular/router": ">=19.0.0",
342
343
  "@ng-icons/core": ">=29.0.0",
343
344
  "@ng-icons/lucide": ">=29.0.0",
344
- "@spartan-ng/brain": "0.0.1-alpha.452",
345
+ "@spartan-ng/brain": "0.0.1-alpha.454",
345
346
  "@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
346
347
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
347
348
  "@spartan-ng/ui-select-helm": "0.0.1-alpha.381",
@@ -355,7 +356,7 @@
355
356
  "@angular/core": ">=19.0.0",
356
357
  "@ng-icons/core": ">=29.0.0",
357
358
  "@ng-icons/lucide": ">=29.0.0",
358
- "@spartan-ng/brain": "0.0.1-alpha.452",
359
+ "@spartan-ng/brain": "0.0.1-alpha.454",
359
360
  "@spartan-ng/ui-button-helm": "0.0.1-alpha.381",
360
361
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
361
362
  "clsx": "^2.1.1",
@@ -368,7 +369,7 @@
368
369
  "@angular/core": ">=19.0.0",
369
370
  "@ng-icons/core": ">=29.0.0",
370
371
  "@ng-icons/lucide": ">=29.0.0",
371
- "@spartan-ng/brain": "0.0.1-alpha.452",
372
+ "@spartan-ng/brain": "0.0.1-alpha.454",
372
373
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
373
374
  "class-variance-authority": "^0.7.0",
374
375
  "clsx": "^2.1.1"
@@ -389,14 +390,14 @@
389
390
  "internalName": "ui-form-field-helm",
390
391
  "peerDependencies": {
391
392
  "@angular/core": ">=19.0.0",
392
- "@spartan-ng/brain": "0.0.1-alpha.452"
393
+ "@spartan-ng/brain": "0.0.1-alpha.454"
393
394
  }
394
395
  },
395
396
  "slider": {
396
397
  "internalName": "ui-slider-helm",
397
398
  "peerDependencies": {
398
399
  "@angular/core": ">=19.0.0",
399
- "@spartan-ng/brain": "0.0.1-alpha.452",
400
+ "@spartan-ng/brain": "0.0.1-alpha.454",
400
401
  "clsx": "^2.1.1"
401
402
  }
402
403
  },
@@ -404,7 +405,7 @@
404
405
  "internalName": "ui-toggle-group-helm",
405
406
  "peerDependencies": {
406
407
  "@angular/core": ">=18.0.0",
407
- "@spartan-ng/brain": "0.0.1-alpha.452",
408
+ "@spartan-ng/brain": "0.0.1-alpha.454",
408
409
  "class-variance-authority": "^0.7.0",
409
410
  "clsx": "^2.1.1"
410
411
  }
@@ -416,7 +417,7 @@
416
417
  "@angular/core": ">=19.0.0",
417
418
  "@ng-icons/core": "29.10.0",
418
419
  "@ng-icons/lucide": "30.3.0",
419
- "@spartan-ng/brain": "0.0.1-alpha.452",
420
+ "@spartan-ng/brain": "0.0.1-alpha.454",
420
421
  "@spartan-ng/ui-icon-helm": "0.0.1-alpha.381",
421
422
  "clsx": "^2.1.1"
422
423
  }