@spartan-ng/cli 0.0.1-alpha.326 → 0.0.1-alpha.327

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 (69) hide show
  1. package/package.json +1 -1
  2. package/src/generators/ui/libs/ui-accordion-helm/files/index.ts.template +3 -3
  3. package/src/generators/ui/libs/ui-accordion-helm/files/lib/hlm-accordion-content.directive.ts.template +12 -67
  4. package/src/generators/ui/libs/ui-accordion-helm/files/lib/hlm-accordion-icon.directive.ts.template +31 -0
  5. package/src/generators/ui/libs/ui-accordion-helm/files/lib/hlm-accordion-item.directive.ts.template +7 -6
  6. package/src/generators/ui/libs/ui-accordion-helm/files/lib/hlm-accordion-trigger.directive.ts.template +12 -23
  7. package/src/generators/ui/libs/ui-accordion-helm/files/lib/hlm-accordion.directive.ts.template +10 -7
  8. package/src/generators/ui/libs/ui-alert-dialog-helm/files/index.ts.template +6 -6
  9. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-cancel-button.directive.ts.template +3 -6
  10. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/{hlm-alert-dialog-content.directive.ts.template → hlm-alert-dialog-content.component.ts.template} +19 -20
  11. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-description.directive.ts.template +5 -6
  12. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-footer.component.ts.template +6 -6
  13. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-header.component.ts.template +6 -6
  14. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-overlay.directive.ts.template +10 -16
  15. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-title.directive.ts.template +4 -6
  16. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog.component.ts.template +30 -0
  17. package/src/generators/ui/libs/ui-alert-helm/files/lib/hlm-alert-description.directive.ts.template +3 -3
  18. package/src/generators/ui/libs/ui-alert-helm/files/lib/hlm-alert-title.directive.ts.template +3 -3
  19. package/src/generators/ui/libs/ui-alert-helm/files/lib/hlm-alert.directive.ts.template +3 -3
  20. package/src/generators/ui/libs/ui-aspect-ratio-helm/files/lib/helm-aspect-ratio.directive.ts.template +7 -9
  21. package/src/generators/ui/libs/ui-avatar-helm/files/lib/hlm-avatar.component.ts.template +11 -14
  22. package/src/generators/ui/libs/ui-badge-helm/files/lib/hlm-badge.directive.ts.template +3 -3
  23. package/src/generators/ui/libs/ui-button-helm/files/lib/hlm-button.directive.ts.template +3 -3
  24. package/src/generators/ui/libs/ui-card-helm/files/lib/hlm-card-content.directive.ts.template +3 -3
  25. package/src/generators/ui/libs/ui-card-helm/files/lib/hlm-card-description.directive.ts.template +3 -3
  26. package/src/generators/ui/libs/ui-card-helm/files/lib/hlm-card-footer.directive.ts.template +3 -3
  27. package/src/generators/ui/libs/ui-card-helm/files/lib/hlm-card-header.directive.ts.template +3 -3
  28. package/src/generators/ui/libs/ui-card-helm/files/lib/hlm-card-title.directive.ts.template +3 -3
  29. package/src/generators/ui/libs/ui-card-helm/files/lib/hlm-card.directive.ts.template +3 -3
  30. package/src/generators/ui/libs/ui-checkbox-helm/files/index.ts.template +14 -0
  31. package/src/generators/ui/libs/ui-checkbox-helm/files/lib/hlm-checkbox-checkicon.component.ts.template +37 -0
  32. package/src/generators/ui/libs/ui-checkbox-helm/files/lib/hlm-checkbox.directive.ts.template +30 -0
  33. package/src/generators/ui/libs/ui-checkbox-helm/generator.d.ts +3 -0
  34. package/src/generators/ui/libs/ui-checkbox-helm/generator.js +12 -0
  35. package/src/generators/ui/libs/ui-checkbox-helm/generator.js.map +1 -0
  36. package/src/generators/ui/libs/ui-dialog-helm/files/index.ts.template +6 -3
  37. package/src/generators/ui/libs/ui-dialog-helm/files/lib/hlm-dialog-content.component.ts.template +44 -0
  38. package/src/generators/ui/libs/ui-dialog-helm/files/lib/hlm-dialog-overlay.directive.ts.template +10 -16
  39. package/src/generators/ui/libs/ui-dialog-helm/files/lib/hlm-dialog.component.ts.template +29 -0
  40. package/src/generators/ui/libs/ui-icon-helm/files/lib/hlm-icon.component.ts.template +50 -5
  41. package/src/generators/ui/libs/ui-input-helm/files/lib/hlm-input-error.directive.ts.template +3 -3
  42. package/src/generators/ui/libs/ui-input-helm/files/lib/hlm-input.directive.ts.template +3 -3
  43. package/src/generators/ui/libs/ui-label-helm/files/lib/hlm-label.directive.ts.template +37 -8
  44. package/src/generators/ui/libs/ui-menu-helm/files/index.ts.template +18 -9
  45. package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-bar-item.directive.ts.template +3 -1
  46. package/src/generators/ui/libs/ui-menu-helm/files/lib/{hlm-menu-bar.directive.ts.template → hlm-menu-bar.component.ts.template} +7 -4
  47. package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-group.component.ts.template +15 -0
  48. package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-item-check.component.ts.template +1 -1
  49. package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-item-checkbox.directive.ts.template +41 -0
  50. package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-item-radio.component.ts.template +1 -1
  51. package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-item-radio.directive.ts.template +41 -0
  52. package/src/generators/ui/libs/ui-menu-helm/files/lib/hlm-menu-item.directive.ts.template +24 -7
  53. package/src/generators/ui/libs/ui-menu-helm/files/lib/{hlm-menu.directive.ts.template → hlm-menu.component.ts.template} +11 -6
  54. package/src/generators/ui/libs/ui-menu-helm/files/lib/{hlm-sub-menu.directive.ts.template → hlm-sub-menu.component.ts.template} +9 -4
  55. package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-content.directive.ts.template +1 -1
  56. package/src/generators/ui/libs/ui-spinner-helm/files/lib/hlm-spinner.component.ts.template +3 -3
  57. package/src/generators/ui/libs/ui-table-helm/files/index.ts.template +3 -0
  58. package/src/generators/ui/libs/ui-table-helm/files/lib/hlm-caption.component.ts.template +73 -0
  59. package/src/generators/ui/libs/ui-table-helm/files/lib/hlm-table.component.ts.template +20 -2
  60. package/src/generators/ui/libs/ui-table-helm/files/lib/hlm-table.directive.ts.template +4 -3
  61. package/src/generators/ui/libs/ui-table-helm/files/lib/hlm-td.component.ts.template +23 -11
  62. package/src/generators/ui/libs/ui-table-helm/files/lib/hlm-th.component.ts.template +12 -2
  63. package/src/generators/ui/libs/ui-table-helm/files/lib/hlm-trow.component.ts.template +11 -1
  64. package/src/generators/ui/libs/ui-tabs-helm/files/lib/hlm-tabs-list.directive.ts.template +14 -11
  65. package/src/generators/ui/libs/ui-toggle-helm/files/lib/hlm-toggle.directive.ts.template +3 -3
  66. package/src/generators/ui/supported-ui-libraries.json +51 -34
  67. package/src/generators/ui/libs/ui-accordion-helm/files/lib/hlm-accordion-icon.component.ts.template +0 -28
  68. package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-close.directive.ts.template +0 -26
  69. package/src/generators/ui/libs/ui-dialog-helm/files/lib/hlm-dialog-content.directive.ts.template +0 -37
package/src/generators/ui/libs/ui-tabs-helm/files/lib/hlm-tabs-list.directive.ts.template CHANGED
@@ -1,19 +1,22 @@
1
- import { Directive, Input, computed, signal } from '@angular/core';
1
+ import { computed, Directive, Input, signal } from '@angular/core';
2
2
  import { hlm } from '@spartan-ng/ui-core';
3
- import { VariantProps, cva } from 'class-variance-authority';
3
+ import { cva, VariantProps } from 'class-variance-authority';
4
4
  import { ClassValue } from 'clsx';
5
5
 
6
- const listVariants = cva('inline-flex items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', {
7
- variants: {
8
- orientation: {
9
- horizontal: 'h-10 space-x-1',
10
- vertical: 'mt-2 flex-col h-fit space-y-1',
6
+ export const listVariants = cva(
7
+ 'inline-flex items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
8
+ {
9
+ variants: {
10
+ orientation: {
11
+ horizontal: 'h-10 space-x-1',
12
+ vertical: 'mt-2 flex-col h-fit space-y-1',
13
+ },
14
+ },
15
+ defaultVariants: {
16
+ orientation: 'horizontal',
11
17
  },
12
18
  },
13
- defaultVariants: {
14
- orientation: 'horizontal',
15
- },
16
- });
19
+ );
17
20
  type ListVariants = VariantProps<typeof listVariants>;
18
21
 
19
22
  @Directive({
package/src/generators/ui/libs/ui-toggle-helm/files/lib/hlm-toggle.directive.ts.template CHANGED
@@ -1,9 +1,9 @@
1
- import { Directive, Input, computed, signal } from '@angular/core';
1
+ import { computed, Directive, Input, signal } from '@angular/core';
2
2
  import { hlm } from '@spartan-ng/ui-core';
3
- import { VariantProps, cva } from 'class-variance-authority';
3
+ import { cva, VariantProps } from 'class-variance-authority';
4
4
  import { ClassValue } from 'clsx';
5
5
 
6
- const toggleVariants = cva(
6
+ export const toggleVariants = cva(
7
7
  'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
8
8
  {
9
9
  variants: {
package/src/generators/ui/supported-ui-libraries.json CHANGED
@@ -2,17 +2,18 @@
2
2
  "accordion": {
3
3
  "internalName": "ui-accordion-helm",
4
4
  "peerDependencies": {
5
- "@angular/common": "^17.0.0",
6
5
  "@angular/core": "^17.0.0",
7
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
8
- "clsx": "^1.2.1"
6
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
7
+ "clsx": "^1.2.1",
8
+ "@spartan-ng/ui-accordion-brain": "0.0.1-alpha.318",
9
+ "@ng-icons/radix-icons": "^25.1.0"
9
10
  }
10
11
  },
11
12
  "alert": {
12
13
  "internalName": "ui-alert-helm",
13
14
  "peerDependencies": {
14
15
  "@angular/core": "^17.0.0",
15
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
16
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
16
17
  "class-variance-authority": "^0.6.0",
17
18
  "clsx": "^1.2.1"
18
19
  }
@@ -21,8 +22,10 @@
21
22
  "internalName": "ui-alert-dialog-helm",
22
23
  "peerDependencies": {
23
24
  "@angular/core": "^17.0.0",
24
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
25
- "clsx": "^1.2.1"
25
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
26
+ "clsx": "^1.2.1",
27
+ "@spartan-ng/ui-alertdialog-brain": "0.0.1-alpha.318",
28
+ "@spartan-ng/ui-dialog-brain": "0.0.1-alpha.318"
26
29
  }
27
30
  },
28
31
  "aspectratio": {
@@ -30,16 +33,15 @@
30
33
  "peerDependencies": {
31
34
  "@angular/core": "^17.0.0",
32
35
  "@angular/cdk": "^17.0.0",
33
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
36
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
34
37
  "clsx": "^1.2.1"
35
38
  }
36
39
  },
37
40
  "avatar": {
38
41
  "internalName": "ui-avatar-helm",
39
42
  "peerDependencies": {
40
- "@angular/common": "^17.0.0",
41
43
  "@angular/core": "^17.0.0",
42
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
44
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
43
45
  "clsx": "^1.2.1",
44
46
  "class-variance-authority": "^0.6.0"
45
47
  }
@@ -48,7 +50,7 @@
48
50
  "internalName": "ui-badge-helm",
49
51
  "peerDependencies": {
50
52
  "@angular/core": "^17.0.0",
51
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
53
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
52
54
  "class-variance-authority": "^0.6.0",
53
55
  "clsx": "^1.2.1"
54
56
  }
@@ -57,7 +59,7 @@
57
59
  "internalName": "ui-button-helm",
58
60
  "peerDependencies": {
59
61
  "@angular/core": "^17.0.0",
60
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
62
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
61
63
  "class-variance-authority": "^0.6.0",
62
64
  "clsx": "^1.2.1"
63
65
  }
@@ -66,7 +68,7 @@
66
68
  "internalName": "ui-card-helm",
67
69
  "peerDependencies": {
68
70
  "@angular/core": "^17.0.0",
69
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
71
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
70
72
  "class-variance-authority": "^0.6.0",
71
73
  "clsx": "^1.2.1"
72
74
  }
@@ -75,7 +77,7 @@
75
77
  "internalName": "ui-command-helm",
76
78
  "peerDependencies": {
77
79
  "@angular/core": "^17.0.0",
78
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
80
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
79
81
  "clsx": "^1.2.1"
80
82
  }
81
83
  },
@@ -83,15 +85,18 @@
83
85
  "internalName": "ui-dialog-helm",
84
86
  "peerDependencies": {
85
87
  "@angular/core": "^17.0.0",
86
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
87
- "clsx": "^1.2.1"
88
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
89
+ "clsx": "^1.2.1",
90
+ "@spartan-ng/ui-dialog-brain": "0.0.1-alpha.318",
91
+ "@ng-icons/radix-icons": "^25.1.0"
88
92
  }
89
93
  },
90
94
  "icon": {
91
95
  "internalName": "ui-icon-helm",
92
96
  "peerDependencies": {
93
97
  "@angular/core": "^17.0.0",
94
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
98
+ "@angular/common": "^17.0.0",
99
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
95
100
  "@ng-icons/core": "^25.1.0",
96
101
  "class-variance-authority": "^0.6.0",
97
102
  "clsx": "^1.2.1"
@@ -101,7 +106,7 @@
101
106
  "internalName": "ui-input-helm",
102
107
  "peerDependencies": {
103
108
  "@angular/core": "^17.0.0",
104
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
109
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
105
110
  "class-variance-authority": "^0.6.0",
106
111
  "clsx": "^1.2.1"
107
112
  }
@@ -110,7 +115,8 @@
110
115
  "internalName": "ui-label-helm",
111
116
  "peerDependencies": {
112
117
  "@angular/core": "^17.0.0",
113
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
118
+ "@angular/common": "^17.0.0",
119
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
114
120
  "class-variance-authority": "^0.6.0",
115
121
  "clsx": "^1.2.1"
116
122
  }
@@ -119,17 +125,18 @@
119
125
  "internalName": "ui-menu-helm",
120
126
  "peerDependencies": {
121
127
  "@angular/core": "^17.0.0",
122
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
128
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
123
129
  "@ng-icons/radix-icons": "^25.1.0",
124
130
  "clsx": "^1.2.1",
125
- "class-variance-authority": "^0.6.0"
131
+ "class-variance-authority": "^0.6.0",
132
+ "@spartan-ng/ui-menu-brain": "0.0.1-alpha.318"
126
133
  }
127
134
  },
128
135
  "popover": {
129
136
  "internalName": "ui-popover-helm",
130
137
  "peerDependencies": {
131
138
  "@angular/core": "^17.0.0",
132
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
139
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
133
140
  "clsx": "^1.2.1"
134
141
  }
135
142
  },
@@ -137,7 +144,7 @@
137
144
  "internalName": "ui-progress-helm",
138
145
  "peerDependencies": {
139
146
  "@angular/core": "^17.0.0",
140
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
147
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
141
148
  "clsx": "^1.2.1"
142
149
  }
143
150
  },
@@ -145,7 +152,7 @@
145
152
  "internalName": "ui-radio-group-helm",
146
153
  "peerDependencies": {
147
154
  "@angular/core": "^17.0.0",
148
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
155
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
149
156
  "clsx": "^1.2.1"
150
157
  }
151
158
  },
@@ -153,7 +160,7 @@
153
160
  "internalName": "ui-scroll-area-helm",
154
161
  "peerDependencies": {
155
162
  "@angular/core": "^17.0.0",
156
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
163
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
157
164
  "ngx-scrollbar": "^13.0.1",
158
165
  "clsx": "^1.2.1"
159
166
  }
@@ -162,7 +169,7 @@
162
169
  "internalName": "ui-separator-helm",
163
170
  "peerDependencies": {
164
171
  "@angular/core": "^17.0.0",
165
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
172
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
166
173
  "clsx": "^1.2.1"
167
174
  }
168
175
  },
@@ -170,7 +177,7 @@
170
177
  "internalName": "ui-sheet-helm",
171
178
  "peerDependencies": {
172
179
  "@angular/core": "^17.0.0",
173
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
180
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
174
181
  "clsx": "^1.2.1",
175
182
  "class-variance-authority": "^0.6.0"
176
183
  }
@@ -179,7 +186,7 @@
179
186
  "internalName": "ui-skeleton-helm",
180
187
  "peerDependencies": {
181
188
  "@angular/core": "^17.0.0",
182
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
189
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
183
190
  "clsx": "^1.2.1"
184
191
  }
185
192
  },
@@ -187,7 +194,7 @@
187
194
  "internalName": "ui-spinner-helm",
188
195
  "peerDependencies": {
189
196
  "@angular/core": "^17.0.0",
190
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
197
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
191
198
  "class-variance-authority": "^0.6.0",
192
199
  "clsx": "^1.2.1"
193
200
  }
@@ -196,7 +203,7 @@
196
203
  "internalName": "ui-switch-helm",
197
204
  "peerDependencies": {
198
205
  "@angular/core": "^17.0.0",
199
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
206
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
200
207
  "clsx": "^1.2.1"
201
208
  }
202
209
  },
@@ -204,7 +211,7 @@
204
211
  "internalName": "ui-tabs-helm",
205
212
  "peerDependencies": {
206
213
  "@angular/core": "^17.0.0",
207
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
214
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
208
215
  "clsx": "^1.2.1",
209
216
  "class-variance-authority": "^0.6.0"
210
217
  }
@@ -213,7 +220,7 @@
213
220
  "internalName": "ui-toggle-helm",
214
221
  "peerDependencies": {
215
222
  "@angular/core": "^17.0.0",
216
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
223
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
217
224
  "clsx": "^1.2.1",
218
225
  "class-variance-authority": "^0.6.0"
219
226
  }
@@ -222,7 +229,7 @@
222
229
  "internalName": "ui-typography-helm",
223
230
  "peerDependencies": {
224
231
  "@angular/core": "^17.0.0",
225
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
232
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
226
233
  "clsx": "^1.2.1"
227
234
  }
228
235
  },
@@ -231,7 +238,7 @@
231
238
  "peerDependencies": {
232
239
  "@angular/common": "^17.0.0",
233
240
  "@angular/core": "^17.0.0",
234
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
241
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
235
242
  "clsx": "^1.2.1"
236
243
  }
237
244
  },
@@ -239,8 +246,18 @@
239
246
  "internalName": "ui-hover-card-helm",
240
247
  "peerDependencies": {
241
248
  "@angular/core": "^17.0.0",
242
- "@spartan-ng/ui-core": "0.0.1-alpha.317",
249
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
243
250
  "clsx": "^1.2.1"
244
251
  }
252
+ },
253
+ "checkbox": {
254
+ "internalName": "ui-checkbox-helm",
255
+ "peerDependencies": {
256
+ "@angular/core": "^17.0.0",
257
+ "@spartan-ng/ui-core": "0.0.1-alpha.318",
258
+ "@spartan-ng/ui-checkbox-brain": "0.0.1-alpha.318",
259
+ "clsx": "^1.2.1",
260
+ "@ng-icons/radix-icons": "^25.1.0"
261
+ }
245
262
  }
246
263
  }
package/src/generators/ui/libs/ui-accordion-helm/files/lib/hlm-accordion-icon.component.ts.template DELETED
@@ -1,28 +0,0 @@
1
- import { Component, Input, computed, signal } from '@angular/core';
2
- import { hlm } from '@spartan-ng/ui-core';
3
- import { ClassValue } from 'clsx';
4
-
5
- @Component({
6
- selector: 'hlm-accordion-icon',
7
- standalone: true,
8
- template: `
9
- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
10
- <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
11
- </svg>
12
- `,
13
- host: {
14
- '[class]': '_computedClass()',
15
- },
16
- })
17
- export class HlmAccordionIconComponent {
18
- private readonly _userCls = signal<ClassValue>('');
19
- @Input()
20
- set class(userCls: ClassValue) {
21
- this._userCls.set(userCls);
22
- }
23
-
24
- protected _computedClass = computed(() => this._generateClass());
25
- private _generateClass() {
26
- return hlm('inline-block h-4 w-4 transition-transform duration-200', this._userCls());
27
- }
28
- }
package/src/generators/ui/libs/ui-alert-dialog-helm/files/lib/hlm-alert-dialog-close.directive.ts.template DELETED
@@ -1,26 +0,0 @@
1
- import { Directive, Input, computed, signal } from '@angular/core';
2
- import { hlm } from '@spartan-ng/ui-core';
3
- import { ClassValue } from 'clsx';
4
-
5
- @Directive({
6
- selector: '[hlmAlertDialogClose],[brnAlertDialogClose][hlm]',
7
- standalone: true,
8
- host: {
9
- '[class]': '_computedClass()',
10
- },
11
- })
12
- export class HlmAlertDialogCloseDirective {
13
- private readonly _userCls = signal<ClassValue>('');
14
- @Input()
15
- set class(userCls: ClassValue) {
16
- this._userCls.set(userCls);
17
- }
18
-
19
- protected _computedClass = computed(() => this._generateClass());
20
- private _generateClass() {
21
- return hlm(
22
- 'absolute right-4 top-4 [&>hlm-icon]:h-4 [&>hlm-icon]:w-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',
23
- this._userCls(),
24
- );
25
- }
26
- }
package/src/generators/ui/libs/ui-dialog-helm/files/lib/hlm-dialog-content.directive.ts.template DELETED
@@ -1,37 +0,0 @@
1
- import { computed, Directive, effect, ElementRef, inject, Input, Renderer2, signal } from '@angular/core';
2
- import { hlm, injectExposesStateProvider } from '@spartan-ng/ui-core';
3
- import { ClassValue } from 'clsx';
4
-
5
- @Directive({
6
- selector: '[hlmDialogContent],[brnDialogContent][hlm]',
7
- standalone: true,
8
- host: {
9
- '[class]': '_computedClass()',
10
- },
11
- })
12
- export class HlmDialogContentDirective {
13
- private _statusProvider = injectExposesStateProvider({ host: true });
14
- public state = this._statusProvider.state ?? signal('closed').asReadonly();
15
- private _renderer = inject(Renderer2);
16
- private _element = inject(ElementRef);
17
-
18
- constructor() {
19
- effect(() => {
20
- this._renderer.setAttribute(this._element.nativeElement, 'data-state', this.state());
21
- });
22
- }
23
-
24
- private readonly _userCls = signal<ClassValue>('');
25
- @Input()
26
- set class(userCls: ClassValue) {
27
- this._userCls.set(userCls);
28
- }
29
-
30
- protected _computedClass = computed(() => this._generateClass());
31
- private _generateClass() {
32
- return hlm(
33
- 'border-border grid w-full max-w-lg relative gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%] sm:rounded-lg md:w-full',
34
- this._userCls(),
35
- );
36
- }
37
- }