@spartan-ng/cli 0.0.1-alpha.366 → 0.0.1-alpha.367

package/src/generators/ui/libs/ui-command-helm/generator.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generator = generator;
 const tslib_1 = require("tslib");
-const generator_1 = require("../../../base/generator");
-function generator(tree, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'command', internalName: 'ui-command-helm', publicName: 'ui-command-helm' }));
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, {
+        ...options,
+        primitiveName: 'command',
+        internalName: 'ui-command-helm',
+        publicName: 'ui-command-helm',
     });
 }
 //# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/ui-command-helm/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-command-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AATD,uDAAuD;AAEvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,SAAS,EACxB,YAAY,EAAE,iBAAiB,EAC/B,UAAU,EAAE,iBAAiB,IAC5B,CAAC;IACJ,CAAC;CAAA"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-command-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,iBAAiB;QAC/B,UAAU,EAAE,iBAAiB;KAC7B,CAAC,CAAC;AACJ,CAAC"}

package/src/generators/ui/libs/ui-dialog-helm/files/lib/hlm-dialog.service.ts.template

@@ -22,15 +22,15 @@ export class HlmDialogService {
 	private readonly _brnDialogService = inject(BrnDialogService);
 
 	public open(component: ComponentType<unknown> | TemplateRef<unknown>, options?: Partial<HlmDialogOptions>) {
-		options = {
+		const mergedOptions = {
 			...DEFAULT_BRN_DIALOG_OPTIONS,
 			closeDelay: 100,
-			// eslint-disable-next-line
+
 			...(options ?? {}),
 			backdropClass: cssClassesToArray(`${hlmDialogOverlayClass} ${options?.backdropClass ?? ''}`),
 			context: { ...options?.context, $component: component, $dynamicComponentClass: options?.contentClass },
 		};
 
-		return this._brnDialogService.open(HlmDialogContentComponent, undefined, options.context, options);
+		return this._brnDialogService.open(HlmDialogContentComponent, undefined, mergedOptions.context, mergedOptions);
 	}
 }

package/src/generators/ui/libs/ui-dialog-helm/generator.d.ts

@@ -1,3 +1,3 @@
 import { Tree } from '@nx/devkit';
-import { HlmBaseGeneratorSchema } from '../../../base/schema';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
 export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/ui-dialog-helm/generator.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generator = generator;
 const tslib_1 = require("tslib");
-const generator_1 = require("../../../base/generator");
-function generator(tree, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'dialog', internalName: 'ui-dialog-helm', publicName: 'ui-dialog-helm' }));
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, {
+        ...options,
+        primitiveName: 'dialog',
+        internalName: 'ui-dialog-helm',
+        publicName: 'ui-dialog-helm',
     });
 }
 //# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/ui-dialog-helm/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-dialog-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AATD,uDAAuD;AAEvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,QAAQ,EACvB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,gBAAgB,IAC3B,CAAC;IACJ,CAAC;CAAA"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-dialog-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,gBAAgB;QAC9B,UAAU,EAAE,gBAAgB;KAC5B,CAAC,CAAC;AACJ,CAAC"}

package/src/generators/ui/libs/ui-form-field-helm/files/lib/form-field.spec.ts.template

@@ -1,3 +1,5 @@
+/* eslint-disable @angular-eslint/component-class-suffix */
+/* eslint-disable @angular-eslint/component-selector */
 import { Component } from '@angular/core';
 import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
 import { render, screen } from '@testing-library/angular';
@@ -33,7 +35,7 @@ const DIRECTIVES = [HlmFormFieldComponent, HlmErrorDirective, HlmHintDirective,
 	`,
 })
 class SingleFormFieldMock {
-	name = new FormControl('', Validators.required);
+	public name = new FormControl('', Validators.required);
 }
 
 @Component({
@@ -58,7 +60,7 @@ class SingleFormFieldMock {
 	providers: [{ provide: ErrorStateMatcher, useClass: ShowOnDirtyErrorStateMatcher }],
 })
 class SingleFormFieldDirtyMock {
-	name = new FormControl('', Validators.required);
+	public name = new FormControl('', Validators.required);
 }
 
 describe('Hlm Form Field Component', () => {

package/src/generators/ui/libs/ui-form-field-helm/files/lib/hlm-error.directive.ts.template

@@ -2,6 +2,7 @@ import { Directive } from '@angular/core';
 
 @Directive({
 	standalone: true,
+	// eslint-disable-next-line @angular-eslint/directive-selector
 	selector: 'hlm-error',
 	host: {
 		class: 'block text-destructive text-sm font-medium',

package/src/generators/ui/libs/ui-form-field-helm/files/lib/hlm-form-field.component.ts.template

@@ -1,5 +1,4 @@
-import { Component, type Signal, computed, contentChild, contentChildren, effect } from '@angular/core';
-
+import { Component, computed, contentChild, contentChildren, effect } from '@angular/core';
 import { BrnFormFieldControl } from '@spartan-ng/ui-formfield-brain';
 import { HlmErrorDirective } from './hlm-error.directive';
 
@@ -23,13 +22,13 @@ import { HlmErrorDirective } from './hlm-error.directive';
 	},
 })
 export class HlmFormFieldComponent {
-	control = contentChild(BrnFormFieldControl);
+	public readonly control = contentChild(BrnFormFieldControl);
 
-	errorChildren = contentChildren(HlmErrorDirective);
+	public readonly errorChildren = contentChildren(HlmErrorDirective);
 
-	hasDisplayedMessage: Signal<'error' | 'hint'> = computed(() => {
-		return this.errorChildren() && this.errorChildren().length > 0 && this.control()?.errorState() ? 'error' : 'hint';
-	});
+	protected readonly hasDisplayedMessage = computed<'error' | 'hint'>(() =>
+		this.errorChildren() && this.errorChildren().length > 0 && this.control()?.errorState() ? 'error' : 'hint',
+	);
 
 	constructor() {
 		effect(() => {

package/src/generators/ui/libs/ui-form-field-helm/files/lib/hlm-hint.directive.ts.template

@@ -1,6 +1,7 @@
 import { Directive } from '@angular/core';
 
 @Directive({
+	// eslint-disable-next-line @angular-eslint/directive-selector
 	selector: 'hlm-hint',
 	standalone: true,
 	host: {

package/src/generators/ui/libs/ui-form-field-helm/generator.d.ts

@@ -1,3 +1,3 @@
 import { Tree } from '@nx/devkit';
-import { HlmBaseGeneratorSchema } from '../../../base/schema';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
 export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/ui-form-field-helm/generator.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generator = generator;
 const tslib_1 = require("tslib");
-const generator_1 = require("../../../base/generator");
-function generator(tree, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'formfield', internalName: 'ui-form-field-helm', publicName: 'ui-formfield-helm' }));
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, {
+        ...options,
+        primitiveName: 'formfield',
+        internalName: 'ui-form-field-helm',
+        publicName: 'ui-formfield-helm',
     });
 }
 //# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/ui-form-field-helm/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-form-field-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AATD,uDAAuD;AAEvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,WAAW,EAC1B,YAAY,EAAE,oBAAoB,EAClC,UAAU,EAAE,mBAAmB,IAC9B,CAAC;IACJ,CAAC;CAAA"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-form-field-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,WAAW;QAC1B,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,mBAAmB;KAC/B,CAAC,CAAC;AACJ,CAAC"}

package/src/generators/ui/libs/ui-hover-card-helm/generator.d.ts

@@ -1,3 +1,3 @@
 import { Tree } from '@nx/devkit';
-import { HlmBaseGeneratorSchema } from '../../../base/schema';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
 export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/ui-hover-card-helm/generator.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generator = generator;
 const tslib_1 = require("tslib");
-const generator_1 = require("../../../base/generator");
-function generator(tree, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'hovercard', internalName: 'ui-hover-card-helm', publicName: 'ui-hovercard-helm' }));
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, {
+        ...options,
+        primitiveName: 'hovercard',
+        internalName: 'ui-hover-card-helm',
+        publicName: 'ui-hovercard-helm',
     });
 }
 //# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/ui-hover-card-helm/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-hover-card-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AATD,uDAAuD;AAEvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,WAAW,EAC1B,YAAY,EAAE,oBAAoB,EAClC,UAAU,EAAE,mBAAmB,IAC9B,CAAC;IACJ,CAAC;CAAA"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-hover-card-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,WAAW;QAC1B,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,mBAAmB;KAC/B,CAAC,CAAC;AACJ,CAAC"}

package/src/generators/ui/libs/ui-icon-helm/files/index.ts.template

@@ -3,6 +3,7 @@ import { provideIcons as provideIconsImport } from '@ng-icons/core';
 import { HlmIconComponent } from './lib/hlm-icon.component';
 
 export * from './lib/hlm-icon.component';
+export * from './lib/hlm-icon.token';
 
 export const provideIcons = provideIconsImport;
 

package/src/generators/ui/libs/ui-icon-helm/files/lib/hlm-icon.component.spec.ts.template

@@ -16,7 +16,7 @@ import { HlmIconComponent } from './hlm-icon.component';
 	`,
 })
 class HlmMockComponent {
-	@Input() size = 'base';
+	@Input() public size = 'base';
 }
 
 describe('HlmIconComponent', () => {
@@ -37,9 +37,9 @@ describe('HlmIconComponent', () => {
 	it('should pass the size, color and strokeWidth props and the classes to the ng-icon component', () => {
 		const debugEl = r.fixture.debugElement.query(By.directive(NgIconComponent));
 		const component = debugEl.componentInstance as NgIconComponent;
-		expect(component.color).toBe('red');
-		expect(component.strokeWidth).toBe('2');
-		expect(component.size).toBe('100%');
+		expect(component.color()).toBe('red');
+		expect(component.strokeWidth()).toBe('2');
+		expect(component.size()).toBe('100%');
 		expect(debugEl.nativeElement.classList).toContain('test2');
 	});
 
@@ -57,7 +57,7 @@ describe('HlmIconComponent', () => {
 		await r.rerender({ componentInputs: { size: '2rem' } });
 		r.fixture.detectChanges();
 		const debugEl = r.fixture.debugElement.query(By.directive(NgIconComponent));
-		expect(debugEl.componentInstance.size).toBe('2rem');
+		expect(debugEl.componentInstance.size()).toBe('2rem');
 		expect(r.container.querySelector('hlm-icon')?.classList).not.toContain('h-6');
 		expect(r.container.querySelector('hlm-icon')?.classList).not.toContain('w-6');
 	});

package/src/generators/ui/libs/ui-icon-helm/files/lib/hlm-icon.component.ts.template

@@ -3,18 +3,19 @@ import {
 	ChangeDetectionStrategy,
 	Component,
 	ElementRef,
-	Input,
 	type OnDestroy,
 	PLATFORM_ID,
 	ViewEncapsulation,
 	computed,
 	inject,
+	input,
 	signal,
 } from '@angular/core';
-import { type IconName, NgIconComponent } from '@ng-icons/core';
+import { type IconType, NgIconComponent } from '@ng-icons/core';
 import { hlm } from '@spartan-ng/ui-core';
-import { cva } from 'class-variance-authority';
+import { type VariantProps, cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
+import { injectHlmIconConfig } from './hlm-icon.token';
 
 const DEFINED_SIZES = ['xs', 'sm', 'base', 'lg', 'xl', 'none'] as const;
 
@@ -36,7 +37,8 @@ export const iconVariants = cva('inline-flex', {
 	},
 });
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+export type IconVariants = VariantProps<typeof iconVariants>;
+
 export type IconSize = DefinedSizes | (Record<never, never> & string);
 
 const isDefinedSize = (size: IconSize): size is DefinedSizes => {
@@ -53,11 +55,11 @@ const TAILWIND_H_W_PATTERN = /\b(h-\d+|w-\d+)\b/g;
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	template: `
 		<ng-icon
-			[class]="ngIconCls()"
+			[class]="ngIconClass()"
 			[size]="ngIconSize()"
-			[name]="_name()"
-			[color]="_color()"
-			[strokeWidth]="_strokeWidth()"
+			[name]="name()"
+			[color]="color()"
+			[strokeWidth]="strokeWidth()"
 		/>
 	`,
 	host: {
@@ -67,26 +69,32 @@ const TAILWIND_H_W_PATTERN = /\b(h-\d+|w-\d+)\b/g;
 export class HlmIconComponent implements OnDestroy {
 	private readonly _host = inject(ElementRef);
 	private readonly _platformId = inject(PLATFORM_ID);
+	private readonly _config = injectHlmIconConfig();
 
 	private _mutObs?: MutationObserver;
 
 	private readonly _hostClasses = signal<string>('');
 
-	protected readonly _name = signal<IconName | string>('');
-	protected readonly _size = signal<IconSize>('base');
-	protected readonly _color = signal<string | undefined>(undefined);
-	protected readonly _strokeWidth = signal<string | number | undefined>(undefined);
-	protected readonly userCls = signal<ClassValue>('');
-	protected readonly ngIconSize = computed(() => (isDefinedSize(this._size()) ? '100%' : (this._size() as string)));
-	protected readonly ngIconCls = signal<ClassValue>('');
+	public readonly name = input<IconType>(this._config.name);
+
+	public readonly size = input<IconSize>(this._config.size);
+
+	protected readonly ngIconSize = computed(() => (isDefinedSize(this.size()) ? '100%' : (this.size() as string)));
+
+	public readonly color = input<string | undefined>(undefined);
+
+	public readonly strokeWidth = input<string | number | undefined>(undefined);
+
+	public readonly ngIconClass = input<ClassValue>('');
+
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 
 	protected readonly _computedClass = computed(() => {
-		const size: IconSize = this._size();
+		const size: IconSize = this.size();
 		const hostClasses = this._hostClasses();
-		const userCls = this.userCls();
 		const variant = isDefinedSize(size) ? size : 'none';
 		const classes = variant === 'none' && size === 'none' ? hostClasses : hostClasses.replace(TAILWIND_H_W_PATTERN, '');
-		return hlm(iconVariants({ variant }), userCls, classes);
+		return hlm(iconVariants({ variant }), this.userClass(), classes);
 	});
 
 	constructor() {
@@ -107,34 +115,4 @@ export class HlmIconComponent implements OnDestroy {
 		this._mutObs?.disconnect();
 		this._mutObs = undefined;
 	}
-
-	@Input()
-	set name(value: IconName | string) {
-		this._name.set(value);
-	}
-
-	@Input()
-	set size(value: IconSize) {
-		this._size.set(value);
-	}
-
-	@Input()
-	set color(value: string | undefined) {
-		this._color.set(value);
-	}
-
-	@Input()
-	set strokeWidth(value: string | number | undefined) {
-		this._strokeWidth.set(value);
-	}
-
-	@Input()
-	set ngIconClass(cls: ClassValue) {
-		this.ngIconCls.set(cls);
-	}
-
-	@Input()
-	set class(cls: ClassValue) {
-		this.userCls.set(cls);
-	}
 }

package/src/generators/ui/libs/ui-icon-helm/files/lib/hlm-icon.token.ts.template

@@ -0,0 +1,23 @@
+import { InjectionToken, ValueProvider, inject } from '@angular/core';
+import { type IconType } from '@ng-icons/core';
+import type { IconSize } from './hlm-icon.component';
+
+export interface HlmIconConfig {
+	name: IconType;
+	size: IconSize;
+}
+
+const defaultConfig: HlmIconConfig = {
+	name: '',
+	size: 'base',
+};
+
+const HlmIconConfigToken = new InjectionToken<HlmIconConfig>('HlmIconConfig');
+
+export function provideHlmIconConfig(config: Partial<HlmIconConfig>): ValueProvider {
+	return { provide: HlmIconConfigToken, useValue: { ...defaultConfig, ...config } };
+}
+
+export function injectHlmIconConfig(): HlmIconConfig {
+	return inject(HlmIconConfigToken, { optional: true }) ?? defaultConfig;
+}

package/src/generators/ui/libs/ui-icon-helm/generator.d.ts

@@ -1,3 +1,3 @@
 import { Tree } from '@nx/devkit';
-import { HlmBaseGeneratorSchema } from '../../../base/schema';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
 export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/ui-icon-helm/generator.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generator = generator;
 const tslib_1 = require("tslib");
-const generator_1 = require("../../../base/generator");
-function generator(tree, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'icon', internalName: 'ui-icon-helm', publicName: 'ui-icon-helm' }));
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, {
+        ...options,
+        primitiveName: 'icon',
+        internalName: 'ui-icon-helm',
+        publicName: 'ui-icon-helm',
     });
 }
 //# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/ui-icon-helm/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-icon-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AATD,uDAAuD;AAEvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,cAAc,EAC5B,UAAU,EAAE,cAAc,IACzB,CAAC;IACJ,CAAC;CAAA"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-icon-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,cAAc;QAC5B,UAAU,EAAE,cAAc;KAC1B,CAAC,CAAC;AACJ,CAAC"}

package/src/generators/ui/libs/ui-input-helm/files/lib/hlm-input.directive.ts.template

@@ -1,4 +1,4 @@
-import { Directive, type DoCheck, Injector, Input, computed, effect, inject, input, signal } from '@angular/core';
+import { Directive, type DoCheck, Injector, computed, effect, inject, input, signal } from '@angular/core';
 import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { hlm } from '@spartan-ng/ui-core';
 import { BrnFormFieldControl } from '@spartan-ng/ui-formfield-brain';
@@ -43,47 +43,43 @@ type InputVariants = VariantProps<typeof inputVariants>;
 	],
 })
 export class HlmInputDirective implements BrnFormFieldControl, DoCheck {
-	private readonly _size = signal<InputVariants['size']>('default');
-	@Input()
-	set size(value: InputVariants['size']) {
-		this._size.set(value);
-	}
+	public readonly size = input<InputVariants['size']>('default');
 
-	private readonly _error = signal<InputVariants['error']>('auto');
-	@Input()
-	set error(value: InputVariants['error']) {
-		this._error.set(value);
-	}
+	public readonly error = input<InputVariants['error']>('auto');
+
+	protected readonly state = computed(() => ({
+		error: signal(this.error()),
+	}));
 
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
-	protected _computedClass = computed(() =>
-		hlm(inputVariants({ size: this._size(), error: this._error() }), this.userClass()),
+	protected readonly _computedClass = computed(() =>
+		hlm(inputVariants({ size: this.size(), error: this.state().error() }), this.userClass()),
 	);
 
-	private injector = inject(Injector);
+	private readonly _injector = inject(Injector);
 
-	ngControl: NgControl | null = this.injector.get(NgControl, null);
+	public readonly ngControl: NgControl | null = this._injector.get(NgControl, null);
 
-	errorStateTracker: ErrorStateTracker;
+	private readonly _errorStateTracker: ErrorStateTracker;
 
-	private defaultErrorStateMatcher = inject(ErrorStateMatcher);
-	private parentForm = inject(NgForm, { optional: true });
-	private parentFormGroup = inject(FormGroupDirective, { optional: true });
+	private readonly _defaultErrorStateMatcher = inject(ErrorStateMatcher);
+	private readonly _parentForm = inject(NgForm, { optional: true });
+	private readonly _parentFormGroup = inject(FormGroupDirective, { optional: true });
 
-	errorState = computed(() => this.errorStateTracker.errorState());
+	public readonly errorState = computed(() => this._errorStateTracker.errorState());
 
 	constructor() {
-		this.errorStateTracker = new ErrorStateTracker(
-			this.defaultErrorStateMatcher,
+		this._errorStateTracker = new ErrorStateTracker(
+			this._defaultErrorStateMatcher,
 			this.ngControl,
-			this.parentFormGroup,
-			this.parentForm,
+			this._parentFormGroup,
+			this._parentForm,
 		);
 
 		effect(
 			() => {
 				if (this.ngControl) {
-					this.error = this.errorStateTracker.errorState();
+					this.setError(this._errorStateTracker.errorState());
 				}
 			},
 			{ allowSignalWrites: true },
@@ -91,6 +87,10 @@ export class HlmInputDirective implements BrnFormFieldControl, DoCheck {
 	}
 
 	ngDoCheck() {
-		this.errorStateTracker.updateErrorState();
+		this._errorStateTracker.updateErrorState();
+	}
+
+	setError(error: InputVariants['error']) {
+		this.state().error.set(error);
 	}
 }

package/src/generators/ui/libs/ui-input-helm/generator.d.ts

@@ -1,3 +1,3 @@
 import { Tree } from '@nx/devkit';
-import { HlmBaseGeneratorSchema } from '../../../base/schema';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
 export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/ui-input-helm/generator.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generator = generator;
 const tslib_1 = require("tslib");
-const generator_1 = require("../../../base/generator");
-function generator(tree, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'input', internalName: 'ui-input-helm', publicName: 'ui-input-helm' }));
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, {
+        ...options,
+        primitiveName: 'input',
+        internalName: 'ui-input-helm',
+        publicName: 'ui-input-helm',
     });
 }
 //# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/ui-input-helm/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-input-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AATD,uDAAuD;AAEvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,eAAe,EAC7B,UAAU,EAAE,eAAe,IAC1B,CAAC;IACJ,CAAC;CAAA"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-input-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,OAAO;QACtB,YAAY,EAAE,eAAe;QAC7B,UAAU,EAAE,eAAe;KAC3B,CAAC,CAAC;AACJ,CAAC"}

package/src/generators/ui/libs/ui-label-helm/files/lib/hlm-label.directive.ts.template

@@ -1,4 +1,4 @@
-import { Directive, Input, computed, inject, input, signal } from '@angular/core';
+import { Directive, computed, inject, input, signal } from '@angular/core';
 import { hlm } from '@spartan-ng/ui-core';
 import { BrnLabelDirective } from '@spartan-ng/ui-label-brain';
 import { type VariantProps, cva } from 'class-variance-authority';
@@ -46,11 +46,20 @@ export class HlmLabelDirective {
 	private readonly _brn = inject(BrnLabelDirective, { host: true });
 
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+
+	public readonly variant = input<LabelVariants['variant']>('default');
+
+	public readonly error = input<LabelVariants['error']>('auto');
+
+	protected readonly state = computed(() => ({
+		error: signal(this.error()),
+	}));
+
 	protected readonly _computedClass = computed(() =>
 		hlm(
 			labelVariants({
-				variant: this._variant(),
-				error: this._error(),
+				variant: this.variant(),
+				error: this.state().error(),
 				disabled: this._brn?.dataDisabled() ?? 'auto',
 			}),
 			'[&.ng-invalid.ng-touched]:text-destructive',
@@ -58,15 +67,7 @@ export class HlmLabelDirective {
 		),
 	);
 
-	private readonly _variant = signal<LabelVariants['variant']>('default');
-	@Input()
-	set variant(value: LabelVariants['variant']) {
-		this._variant.set(value);
-	}
-
-	private readonly _error = signal<LabelVariants['error']>('auto');
-	@Input()
-	set error(value: LabelVariants['error']) {
-		this._error.set(value);
+	setError(error: LabelVariants['error']): void {
+		this.state().error.set(error);
 	}
 }

package/src/generators/ui/libs/ui-label-helm/generator.d.ts

@@ -1,3 +1,3 @@
 import { Tree } from '@nx/devkit';
-import { HlmBaseGeneratorSchema } from '../../../base/schema';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
 export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/ui-label-helm/generator.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generator = generator;
 const tslib_1 = require("tslib");
-const generator_1 = require("../../../base/generator");
-function generator(tree, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'label', internalName: 'ui-label-helm', publicName: 'ui-label-helm' }));
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, {
+        ...options,
+        primitiveName: 'label',
+        internalName: 'ui-label-helm',
+        publicName: 'ui-label-helm',
     });
 }
 //# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/ui-label-helm/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-label-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AATD,uDAAuD;AAEvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,eAAe,EAC7B,UAAU,EAAE,eAAe,IAC1B,CAAC;IACJ,CAAC;CAAA"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-label-helm/generator.ts"],"names":[],"mappings":";;AAIA,8BAOC;;AAVD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE;QACnC,GAAG,OAAO;QACV,aAAa,EAAE,OAAO;QACtB,YAAY,EAAE,eAAe;QAC7B,UAAU,EAAE,eAAe;KAC3B,CAAC,CAAC;AACJ,CAAC"}