@hyalo/angular 0.0.0-stage → 0.3.1

package/fesm2022/hyalo-angular-divider.mjs

@@ -0,0 +1,66 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+var HyDivider = class HyDivider {
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyDivider,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: HyDivider,
+		isStandalone: true,
+		selector: "hy-divider",
+		inputs: { orientation: {
+			classPropertyName: "orientation",
+			publicName: "orientation",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "role": "separator" },
+			properties: { "attr.aria-orientation": "orientation()" }
+		},
+		ngImport: i0,
+		template: "",
+		isInline: true,
+		styles: [":host{display:block;border-block-start:1px solid var(--hy-line);margin-block:var(--hy-space-6)}:host([aria-orientation=\"vertical\"]){display:inline-block;align-self:stretch;border-block-start:0;border-inline-start:1px solid var(--hy-line);margin-block:0;margin-inline:var(--hy-space-3)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyDivider,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-divider",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				role: "separator",
+				"[attr.aria-orientation]": "orientation()"
+			},
+			template: "",
+			styles: [":host{display:block;border-block-start:1px solid var(--hy-line);margin-block:var(--hy-space-6)}:host([aria-orientation=\"vertical\"]){display:inline-block;align-self:stretch;border-block-start:0;border-inline-start:1px solid var(--hy-line);margin-block:0;margin-inline:var(--hy-space-3)}\n"]
+		}]
+	}],
+	propDecorators: { orientation: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "orientation",
+			required: false
+		}]
+	}] }
+});
+export { HyDivider };
+
+//# sourceMappingURL=hyalo-angular-divider.mjs.map

package/fesm2022/hyalo-angular-divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-divider.mjs","names":[],"sources":["../../../projects/hyalo/divider/divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n@Component({\r\n  selector: 'hy-divider',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { role: 'separator', '[attr.aria-orientation]': 'orientation()' },\r\n  template: '',\r\n  styleUrl: './divider.css',\r\n})\r\nexport class HyDivider {\r\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\r\n}\r\n"],"mappings":";;AAQA,IAAa,YAAb,MAAa,UAAS;CACX,cAAc,MAAiC,cAAa,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAD1D,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,aAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,QAAA,YAAA;GAAA,YAAA,EAAA,yBAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UAHV;EAAE,UAAA;EAAA,QAAA,CAAA,mSAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAGD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EAPrB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAY,iBACL,wBAAwB;GAAM,MACzC;IAAE,MAAM;IAAa,2BAA2B;GAAe;GAAE,UAC7D;GAAE,QAAA,CAAA,mSAAA;EAAA,CAAA"}

package/fesm2022/hyalo-angular-empty-state.mjs

@@ -0,0 +1,123 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+import { HyIcon } from "@hyalo/angular/icon";
+var HyEmptyState = class HyEmptyState {
+	heading = input.required(...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+	headingLevel = input(2, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
+	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyEmptyState,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyEmptyState,
+		isStandalone: true,
+		selector: "hy-empty-state",
+		inputs: {
+			heading: {
+				classPropertyName: "heading",
+				publicName: "heading",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			headingLevel: {
+				classPropertyName: "headingLevel",
+				publicName: "headingLevel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "@if (icon()) {\r\n  <div class=\"symbol\"><hy-icon [name]=\"icon()!\" /></div>\r\n}\r\n@switch (headingLevel()) {\r\n  @case (3) {\r\n    <h3>{{ heading() }}</h3>\r\n  }\r\n  @case (4) {\r\n    <h4>{{ heading() }}</h4>\r\n  }\r\n  @case (5) {\r\n    <h5>{{ heading() }}</h5>\r\n  }\r\n  @case (6) {\r\n    <h6>{{ heading() }}</h6>\r\n  }\r\n  @default {\r\n    <h2>{{ heading() }}</h2>\r\n  }\r\n}\r\n@if (description()) {\r\n  <p>{{ description() }}</p>\r\n}\r\n<div class=\"actions\"><ng-content /></div>\r\n",
+		styles: [":host{display:grid;justify-items:center;text-align:center;padding:clamp(1.5rem,5vw,3rem);gap:.75rem;color:var(--hy-ink)}:is(h2,h3,h4,h5,h6),p{margin:0}:is(h2,h3,h4,h5,h6){font-size:var(--hy-step-2)}p{color:var(--hy-ink-2);max-inline-size:42ch}.symbol{display:grid;place-items:center;inline-size:3rem;block-size:3rem;background:var(--hy-primary-wash);color:var(--hy-primary);border-radius:var(--hy-radius-m)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-block-start:.5rem}\n"],
+		dependencies: [{
+			kind: "component",
+			type: HyIcon,
+			selector: "hy-icon",
+			inputs: [
+				"name",
+				"icon",
+				"label",
+				"size",
+				"strokeWidth"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyEmptyState,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-empty-state",
+			imports: [HyIcon],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (icon()) {\r\n  <div class=\"symbol\"><hy-icon [name]=\"icon()!\" /></div>\r\n}\r\n@switch (headingLevel()) {\r\n  @case (3) {\r\n    <h3>{{ heading() }}</h3>\r\n  }\r\n  @case (4) {\r\n    <h4>{{ heading() }}</h4>\r\n  }\r\n  @case (5) {\r\n    <h5>{{ heading() }}</h5>\r\n  }\r\n  @case (6) {\r\n    <h6>{{ heading() }}</h6>\r\n  }\r\n  @default {\r\n    <h2>{{ heading() }}</h2>\r\n  }\r\n}\r\n@if (description()) {\r\n  <p>{{ description() }}</p>\r\n}\r\n<div class=\"actions\"><ng-content /></div>\r\n",
+			styles: [":host{display:grid;justify-items:center;text-align:center;padding:clamp(1.5rem,5vw,3rem);gap:.75rem;color:var(--hy-ink)}:is(h2,h3,h4,h5,h6),p{margin:0}:is(h2,h3,h4,h5,h6){font-size:var(--hy-step-2)}p{color:var(--hy-ink-2);max-inline-size:42ch}.symbol{display:grid;place-items:center;inline-size:3rem;block-size:3rem;background:var(--hy-primary-wash);color:var(--hy-primary);border-radius:var(--hy-radius-m)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-block-start:.5rem}\n"]
+		}]
+	}],
+	propDecorators: {
+		heading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "heading",
+				required: true
+			}]
+		}],
+		headingLevel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingLevel",
+				required: false
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}]
+	}
+});
+export { HyEmptyState };
+
+//# sourceMappingURL=hyalo-angular-empty-state.mjs.map

package/fesm2022/hyalo-angular-empty-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-empty-state.mjs","names":[],"sources":["../../../projects/hyalo/empty-state/empty-state.ts","../../../projects/hyalo/empty-state/empty-state.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { HyIcon } from '@hyalo/angular/icon';\r\n@Component({\r\n  selector: 'hy-empty-state',\r\n  imports: [HyIcon],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './empty-state.html',\r\n  styleUrl: './empty-state.css',\r\n})\r\nexport class HyEmptyState {\r\n  readonly heading = input.required<string>();\r\n  readonly headingLevel = input<2 | 3 | 4 | 5 | 6>(2);\r\n  readonly description = input('');\r\n  readonly icon = input<string>();\r\n}\r\n","@if (icon()) {\r\n  <div class=\"symbol\"><hy-icon [name]=\"icon()!\" /></div>\r\n}\r\n@switch (headingLevel()) {\r\n  @case (3) {\r\n    <h3>{{ heading() }}</h3>\r\n  }\r\n  @case (4) {\r\n    <h4>{{ heading() }}</h4>\r\n  }\r\n  @case (5) {\r\n    <h5>{{ heading() }}</h5>\r\n  }\r\n  @case (6) {\r\n    <h6>{{ heading() }}</h6>\r\n  }\r\n  @default {\r\n    <h2>{{ heading() }}</h2>\r\n  }\r\n}\r\n@if (description()) {\r\n  <p>{{ description() }}</p>\r\n}\r\n<div class=\"actions\"><ng-content /></div>\r\n"],"mappings":";;;AASA,IAAa,eAAb,MAAa,aAAY;CACd,UAAU,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,eAAe,MAAyB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAC1C,cAAc,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACvB,OAAO,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAJpB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAZ,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAY,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UCTzB;EAwBA,QAAA,CAAA,0fAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDpBY;GAAM,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKL,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EAPxB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,SACjB,CAAC,MAAM;GAAC,iBACA,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,0fAAA;EAAA,CAAA"}

package/fesm2022/hyalo-angular-field.mjs

@@ -0,0 +1,344 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, HostAttributeToken, InjectionToken, booleanAttribute, computed, forwardRef, inject, input, signal } from "@angular/core";
+import { injectId } from "@hyalo/angular/core";
+import { NgControl, Validators } from "@angular/forms";
+import { FORM_FIELD } from "@angular/forms/signals";
+const HY_FIELD = new InjectionToken("HY_FIELD");
+var HyInput = class HyInput {
+	field = inject(HY_FIELD, { optional: true });
+	formField = inject(FORM_FIELD, {
+		self: true,
+		optional: true
+	});
+	ngControl = this.formField ? null : inject(NgControl, {
+		self: true,
+		optional: true
+	});
+	destroy = inject(DestroyRef);
+	revision = signal(0, ...ngDevMode ? [{ debugName: "revision" }] : /* istanbul ignore next */ []);
+	control;
+	subscription;
+	constructor() {
+		this.field?.register(this);
+		this.destroy.onDestroy(() => this.subscription?.unsubscribe());
+	}
+	ngDoCheck() {
+		const control = this.ngControl?.control;
+		if (control === this.control) return;
+		this.subscription?.unsubscribe();
+		this.control = control;
+		this.subscription = control?.events.subscribe(() => this.revision.update((value) => value + 1));
+		this.revision.update((value) => value + 1);
+	}
+	labelable = true;
+	id = signal(inject(new HostAttributeToken("id"), { optional: true }) ?? injectId("input")).asReadonly();
+	invalid = computed(() => {
+		this.revision();
+		const state = this.formField?.state(), control = this.ngControl?.control;
+		return state ? state.invalid() && state.touched() : !!control?.invalid && control.touched;
+	}, ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
+	errorMessage = computed(() => {
+		this.revision();
+		const control = this.ngControl?.control;
+		if (!this.formField && control?.errors) {
+			const first = Object.keys(control.errors)[0];
+			const detail = first ? control.errors[first] : void 0;
+			return typeof detail === "object" && detail !== null && "message" in detail && typeof detail.message === "string" ? detail.message : first;
+		}
+		const first = (this.formField?.state().errors() ?? [])[0];
+		return first ? first.message ?? first.kind : void 0;
+	}, ...ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []);
+	showsError = computed(() => this.field ? this.field.errorShown() : this.invalid(), ...ngDevMode ? [{ debugName: "showsError" }] : /* istanbul ignore next */ []);
+	required = computed(() => {
+		this.revision();
+		return this.formField?.state().required() ?? this.ngControl?.control?.hasValidator(Validators.required) ?? false;
+	}, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
+	disabled = computed(() => {
+		this.revision();
+		return this.formField?.state().disabled() ?? this.ngControl?.control?.disabled ?? false;
+	}, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyInput,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyInput,
+		isStandalone: true,
+		selector: "input[hyInput], textarea[hyInput]",
+		host: {
+			properties: {
+				"id": "id()",
+				"attr.aria-describedby": "field?.describedBy() ?? null",
+				"attr.aria-invalid": "showsError() || null"
+			},
+			classAttribute: "hy-input"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyInput,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[hyInput], textarea[hyInput]",
+			host: {
+				class: "hy-input",
+				"[id]": "id()",
+				"[attr.aria-describedby]": "field?.describedBy() ?? null",
+				"[attr.aria-invalid]": "showsError() || null"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var HyPrefix = class HyPrefix {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyPrefix,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyPrefix,
+		isStandalone: true,
+		selector: "[hyPrefix]",
+		host: { classAttribute: "hy-field__prefix" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyPrefix,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hyPrefix]",
+			host: { class: "hy-field__prefix" }
+		}]
+	}]
+});
+var HySuffix = class HySuffix {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HySuffix,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HySuffix,
+		isStandalone: true,
+		selector: "[hySuffix]",
+		host: { classAttribute: "hy-field__suffix" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HySuffix,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hySuffix]",
+			host: { class: "hy-field__suffix" }
+		}]
+	}]
+});
+var HyField = class HyField {
+	labelId = injectId("field-label");
+	hintId = injectId("field-hint");
+	errorId = injectId("field-error");
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	hint = input(...ngDevMode ? [void 0, { debugName: "hint" }] : /* istanbul ignore next */ []);
+	error = input(...ngDevMode ? [void 0, { debugName: "error" }] : /* istanbul ignore next */ []);
+	forceError = input(false, {
+		...ngDevMode ? { debugName: "forceError" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	control = signal(void 0, ...ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []);
+	labelFor = computed(() => {
+		const c = this.control();
+		return c?.labelable ? c.id() : null;
+	}, ...ngDevMode ? [{ debugName: "labelFor" }] : /* istanbul ignore next */ []);
+	errorText = computed(() => {
+		if (this.error()) return this.error();
+		const c = this.control();
+		return c && (c.invalid() || this.forceError()) ? c.errorMessage() : void 0;
+	}, ...ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []);
+	errorShown = computed(() => !!this.errorText(), ...ngDevMode ? [{ debugName: "errorShown" }] : /* istanbul ignore next */ []);
+	describedBy = computed(() => {
+		const ids = [];
+		if (this.hint() && !this.errorText()) ids.push(this.hintId);
+		if (this.errorText()) ids.push(this.errorId);
+		return ids.length ? ids.join(" ") : null;
+	}, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	register(control) {
+		this.control.set(control);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyField,
+		isStandalone: true,
+		selector: "hy-field",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hint: {
+				classPropertyName: "hint",
+				publicName: "hint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			error: {
+				classPropertyName: "error",
+				publicName: "error",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			forceError: {
+				classPropertyName: "forceError",
+				publicName: "forceError",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-size": "size()",
+				"attr.data-invalid": "errorShown() || null",
+				"attr.data-disabled": "control()?.disabled() || null"
+			},
+			classAttribute: "hy-field"
+		},
+		providers: [{
+			provide: HY_FIELD,
+			useExisting: forwardRef(() => HyField)
+		}],
+		ngImport: i0,
+		template: "@if (label()) {\r\n  <label class=\"hy-field__label\" [id]=\"labelId\" [attr.for]=\"labelFor()\">\r\n    {{ label() }}\r\n    @if (control()?.required()) {\r\n      <span class=\"hy-field__required\" aria-hidden=\"true\">*</span>\r\n    }\r\n  </label>\r\n}\r\n<div class=\"hy-field__box\">\r\n  <ng-content select=\"[hyPrefix]\" />\r\n  <ng-content />\r\n  <ng-content select=\"[hySuffix]\" />\r\n</div>\r\n@if (hint() && !errorText()) {\r\n  <p class=\"hy-field__hint\" [id]=\"hintId\">{{ hint() }}</p>\r\n}\r\n<p class=\"hy-field__error\" [id]=\"errorId\" aria-live=\"polite\">{{ errorText() }}</p>\r\n",
+		styles: [":host{--_h: var(--hy-control-md);display:flex;flex-direction:column;gap:var(--hy-space-2);min-inline-size:0}:host([data-size=\"sm\"]){--_h: var(--hy-control-sm)}:host([data-size=\"lg\"]){--_h: var(--hy-control-lg)}.hy-field__label{color:var(--hy-ink);font-size:var(--hy-step--1);letter-spacing:var(--hy-tracking-small);font-weight:560}.hy-field__required{color:var(--hy-danger);margin-inline-start:.15em}.hy-field__box{display:flex;align-items:center;gap:var(--hy-space-2);min-block-size:var(--_h);padding-inline:var(--hy-space-3);border:1px solid var(--hy-field-border, var(--hy-line-strong));border-radius:var(--hy-field-radius, var(--hy-radius-m));background:var(--hy-field-bg, color-mix(in srgb, var(--hy-surface-1) 72%, transparent));box-shadow:inset 0 1px 2px #0f1a240d;transition:border-color var(--hy-dur-quick) var(--hy-ease-out),box-shadow var(--hy-dur-quick) var(--hy-ease-out),background-color var(--hy-dur-quick) var(--hy-ease-out)}.hy-field__box:hover{border-color:color-mix(in srgb,var(--hy-ink) 38%,transparent)}.hy-field__box:focus-within{border-color:var(--hy-primary);background:var(--hy-surface-1);box-shadow:0 0 0 3px var(--hy-primary-wash)}:host([data-invalid]) .hy-field__box{border-color:var(--hy-danger)}:host([data-invalid]) .hy-field__box:focus-within{box-shadow:0 0 0 3px var(--hy-danger-wash)}:host([data-disabled]) .hy-field__box,.hy-field__box:has(:disabled){opacity:.55;cursor:not-allowed}.hy-field__hint,.hy-field__error{margin:0;font-size:var(--hy-step--1);letter-spacing:var(--hy-tracking-small)}.hy-field__hint{color:var(--hy-ink-3)}.hy-field__error{color:var(--hy-danger)}.hy-field__error:empty{display:none}@media(forced-colors:active){.hy-field__box:focus-within{outline:2px solid Highlight}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: HY_FIELD,
+				useExisting: forwardRef(() => HyField)
+			}],
+			host: {
+				class: "hy-field",
+				"[attr.data-size]": "size()",
+				"[attr.data-invalid]": "errorShown() || null",
+				"[attr.data-disabled]": "control()?.disabled() || null"
+			},
+			template: "@if (label()) {\r\n  <label class=\"hy-field__label\" [id]=\"labelId\" [attr.for]=\"labelFor()\">\r\n    {{ label() }}\r\n    @if (control()?.required()) {\r\n      <span class=\"hy-field__required\" aria-hidden=\"true\">*</span>\r\n    }\r\n  </label>\r\n}\r\n<div class=\"hy-field__box\">\r\n  <ng-content select=\"[hyPrefix]\" />\r\n  <ng-content />\r\n  <ng-content select=\"[hySuffix]\" />\r\n</div>\r\n@if (hint() && !errorText()) {\r\n  <p class=\"hy-field__hint\" [id]=\"hintId\">{{ hint() }}</p>\r\n}\r\n<p class=\"hy-field__error\" [id]=\"errorId\" aria-live=\"polite\">{{ errorText() }}</p>\r\n",
+			styles: [":host{--_h: var(--hy-control-md);display:flex;flex-direction:column;gap:var(--hy-space-2);min-inline-size:0}:host([data-size=\"sm\"]){--_h: var(--hy-control-sm)}:host([data-size=\"lg\"]){--_h: var(--hy-control-lg)}.hy-field__label{color:var(--hy-ink);font-size:var(--hy-step--1);letter-spacing:var(--hy-tracking-small);font-weight:560}.hy-field__required{color:var(--hy-danger);margin-inline-start:.15em}.hy-field__box{display:flex;align-items:center;gap:var(--hy-space-2);min-block-size:var(--_h);padding-inline:var(--hy-space-3);border:1px solid var(--hy-field-border, var(--hy-line-strong));border-radius:var(--hy-field-radius, var(--hy-radius-m));background:var(--hy-field-bg, color-mix(in srgb, var(--hy-surface-1) 72%, transparent));box-shadow:inset 0 1px 2px #0f1a240d;transition:border-color var(--hy-dur-quick) var(--hy-ease-out),box-shadow var(--hy-dur-quick) var(--hy-ease-out),background-color var(--hy-dur-quick) var(--hy-ease-out)}.hy-field__box:hover{border-color:color-mix(in srgb,var(--hy-ink) 38%,transparent)}.hy-field__box:focus-within{border-color:var(--hy-primary);background:var(--hy-surface-1);box-shadow:0 0 0 3px var(--hy-primary-wash)}:host([data-invalid]) .hy-field__box{border-color:var(--hy-danger)}:host([data-invalid]) .hy-field__box:focus-within{box-shadow:0 0 0 3px var(--hy-danger-wash)}:host([data-disabled]) .hy-field__box,.hy-field__box:has(:disabled){opacity:.55;cursor:not-allowed}.hy-field__hint,.hy-field__error{margin:0;font-size:var(--hy-step--1);letter-spacing:var(--hy-tracking-small)}.hy-field__hint{color:var(--hy-ink-3)}.hy-field__error{color:var(--hy-danger)}.hy-field__error:empty{display:none}@media(forced-colors:active){.hy-field__box:focus-within{outline:2px solid Highlight}}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "error",
+				required: false
+			}]
+		}],
+		forceError: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "forceError",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}]
+	}
+});
+const HY_TEXT_FIELD = [
+	HyField,
+	HyInput,
+	HyPrefix,
+	HySuffix
+];
+export { HY_FIELD, HY_TEXT_FIELD, HyField, HyInput, HyPrefix, HySuffix };
+
+//# sourceMappingURL=hyalo-angular-field.mjs.map

package/fesm2022/hyalo-angular-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-field.mjs","names":[],"sources":["../../../projects/hyalo/field/field-control.ts","../../../projects/hyalo/field/input.ts","../../../projects/hyalo/field/field.ts","../../../projects/hyalo/field/field.html"],"sourcesContent":["import { InjectionToken, type Signal } from '@angular/core';\r\n\r\n/**\r\n * What a control tells the field around it. Implemented by `hyInput` and\r\n * `hy-select`. Custom controls can implement it too, so `hy-field` can\r\n * label them and show their errors.\r\n */\r\nexport interface HyFieldControl {\r\n  /** Id of the focusable element. */\r\n  readonly id: Signal<string>;\r\n  /** True when the field should show as invalid. */\r\n  readonly invalid: Signal<boolean>;\r\n  /** First error message to show, if any. */\r\n  readonly errorMessage: Signal<string | undefined>;\r\n  readonly required: Signal<boolean>;\r\n  readonly disabled: Signal<boolean>;\r\n  /**\r\n   * True when the control is a native labelable element (input, textarea,\r\n   * select, button). Those get `<label for>`. Others rely on\r\n   * `aria-labelledby`.\r\n   */\r\n  readonly labelable: boolean;\r\n}\r\n\r\n/** The field a control sits in. */\r\nexport interface HyFieldContext {\r\n  readonly labelId: string;\r\n  readonly hintId: string;\r\n  readonly errorId: string;\r\n  /** True while the field displays an error. */\r\n  readonly errorShown: Signal<boolean>;\r\n  /** Space-separated ids for `aria-describedby`. */\r\n  readonly describedBy: Signal<string | null>;\r\n  register(control: HyFieldControl): void;\r\n}\r\n\r\n/** Provided by `hy-field` to the control inside it. */\r\nexport const HY_FIELD = new InjectionToken<HyFieldContext>('HY_FIELD');\r\n","import type { Subscription } from 'rxjs';\nimport { NgControl, Validators, type AbstractControl } from '@angular/forms';\nimport {\n  Directive,\n  HostAttributeToken,\n  DestroyRef,\n  DoCheck,\n  computed,\n  inject,\n  signal,\n} from '@angular/core';\nimport { FORM_FIELD } from '@angular/forms/signals';\nimport { injectId } from '@hyalo/angular/core';\n\nimport { HY_FIELD, type HyFieldControl } from './field-control';\n\n/**\n * Marks a native `<input>` or `<textarea>` as the control of a `hy-field`.\n * It wires the label, hint and error ids, and reads validity from Signal\n * Forms when `[formField]` is on the same element.\n *\n * The element stays native, so Signal Forms, `ngModel`, autofill and\n * mobile keyboards all work as usual.\n */\n@Directive({\n  selector: 'input[hyInput], textarea[hyInput]',\n  host: {\n    class: 'hy-input',\n    '[id]': 'id()',\n    '[attr.aria-describedby]': 'field?.describedBy() ?? null',\n    '[attr.aria-invalid]': 'showsError() || null',\n  },\n})\nexport class HyInput implements HyFieldControl, DoCheck {\n  protected readonly field = inject(HY_FIELD, { optional: true });\n  // The token, not the FormField class, so apps without forms do not bundle them.\n  private readonly formField = inject(FORM_FIELD, { self: true, optional: true });\n\n  // Signal Forms exposes a lightweight NgControl bridge, not an AbstractControl.\n  // Its state is already reactive through FORM_FIELD, so no event subscription is needed.\n  private readonly ngControl = this.formField\n    ? null\n    : inject(NgControl, { self: true, optional: true });\n  private readonly destroy = inject(DestroyRef);\n  private readonly revision = signal(0);\n  private control: AbstractControl | null | undefined;\n  private subscription?: Subscription;\n  constructor() {\n    this.field?.register(this);\n    this.destroy.onDestroy(() => this.subscription?.unsubscribe());\n  }\n  ngDoCheck(): void {\n    const control = this.ngControl?.control;\n    if (control === this.control) return;\n    this.subscription?.unsubscribe();\n    this.control = control;\n    this.subscription = control?.events.subscribe(() => this.revision.update((value) => value + 1));\n    this.revision.update((value) => value + 1);\n  }\n  readonly labelable = true;\n  /** The element's own static `id` attribute, or a generated one. */\n  readonly id = signal(\n    inject(new HostAttributeToken('id'), { optional: true }) ?? injectId('input'),\n  ).asReadonly();\n\n  readonly invalid = computed(() => {\n    this.revision();\n    const state = this.formField?.state(),\n      control = this.ngControl?.control;\n    return state ? state.invalid() && state.touched() : !!control?.invalid && control.touched;\n  });\n\n  readonly errorMessage = computed(() => {\n    this.revision();\n    const control = this.ngControl?.control;\n    if (!this.formField && control?.errors) {\n      const first = Object.keys(control.errors)[0];\n      const detail: unknown = first ? control.errors[first] : undefined;\n      return typeof detail === 'object' &&\n        detail !== null &&\n        'message' in detail &&\n        typeof detail.message === 'string'\n        ? detail.message\n        : first;\n    }\n    const errors = this.formField?.state().errors() ?? [];\n    const first = errors[0];\n    return first ? (first.message ?? first.kind) : undefined;\n  });\n\n  protected readonly showsError = computed(() =>\n    this.field ? this.field.errorShown() : this.invalid(),\n  );\n\n  readonly required = computed(() => {\n    this.revision();\n    return (\n      this.formField?.state().required() ??\n      this.ngControl?.control?.hasValidator(Validators.required) ??\n      false\n    );\n  });\n  readonly disabled = computed(() => {\n    this.revision();\n    return this.formField?.state().disabled() ?? this.ngControl?.control?.disabled ?? false;\n  });\n}\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Directive,\r\n  booleanAttribute,\r\n  computed,\r\n  forwardRef,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { type HySize, injectId } from '@hyalo/angular/core';\r\n\r\nimport { HY_FIELD, type HyFieldContext, type HyFieldControl } from './field-control';\r\nimport { HyInput } from './input';\r\n\r\n/** Content before the control inside the field box, such as an icon. */\r\n@Directive({ selector: '[hyPrefix]', host: { class: 'hy-field__prefix' } })\r\nexport class HyPrefix {}\r\n\r\n/** Content after the control inside the field box, such as a unit or a button. */\r\n@Directive({ selector: '[hySuffix]', host: { class: 'hy-field__suffix' } })\r\nexport class HySuffix {}\r\n\r\n/**\r\n * Label, hint and error around one form control.\r\n *\r\n * ```html\r\n * <hy-field label=\"Email\" hint=\"Only used for the receipt\">\r\n *   <hy-icon hyPrefix name=\"mail\" />\r\n *   <input hyInput type=\"email\" [formField]=\"form.email\" />\r\n * </hy-field>\r\n * ```\r\n *\r\n * With Signal Forms the error comes from the field state and shows once the\r\n * field is touched. An explicit `error` input always wins, which is how\r\n * server-side errors are shown.\r\n */\r\n@Component({\r\n  selector: 'hy-field',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [{ provide: HY_FIELD, useExisting: forwardRef(() => HyField) }],\r\n  host: {\r\n    class: 'hy-field',\r\n    '[attr.data-size]': 'size()',\r\n    '[attr.data-invalid]': 'errorShown() || null',\r\n    '[attr.data-disabled]': 'control()?.disabled() || null',\r\n  },\r\n  templateUrl: './field.html',\r\n  styleUrl: './field.css',\r\n})\r\nexport class HyField implements HyFieldContext {\r\n  readonly labelId = injectId('field-label');\r\n  readonly hintId = injectId('field-hint');\r\n  readonly errorId = injectId('field-error');\r\n\r\n  /** Visible label. Always set one, placeholders are not labels. */\r\n  readonly label = input<string>();\r\n  /** Help text under the control. Hidden while an error shows. */\r\n  readonly hint = input<string>();\r\n  /** Error text. Overrides errors from the form. */\r\n  readonly error = input<string>();\r\n  /** Show errors before the field is touched, for example after submit. */\r\n  readonly forceError = input(false, { transform: booleanAttribute });\r\n  /** Height of the field box. */\r\n  readonly size = input<HySize>('md');\r\n\r\n  protected readonly control = signal<HyFieldControl | undefined>(undefined);\r\n\r\n  protected readonly labelFor = computed(() => {\r\n    const c = this.control();\r\n    return c?.labelable ? c.id() : null;\r\n  });\r\n\r\n  protected readonly errorText = computed(() => {\r\n    if (this.error()) return this.error();\r\n    const c = this.control();\r\n    return c && (c.invalid() || this.forceError()) ? c.errorMessage() : undefined;\r\n  });\r\n\r\n  readonly errorShown = computed(() => !!this.errorText());\r\n\r\n  readonly describedBy = computed(() => {\r\n    const ids = [];\r\n    if (this.hint() && !this.errorText()) ids.push(this.hintId);\r\n    if (this.errorText()) ids.push(this.errorId);\r\n    return ids.length ? ids.join(' ') : null;\r\n  });\r\n\r\n  register(control: HyFieldControl): void {\r\n    this.control.set(control);\r\n  }\r\n}\r\n\r\n/** Everything needed to build a text field. */\r\nexport const HY_TEXT_FIELD = [HyField, HyInput, HyPrefix, HySuffix] as const;\r\n","@if (label()) {\r\n  <label class=\"hy-field__label\" [id]=\"labelId\" [attr.for]=\"labelFor()\">\r\n    {{ label() }}\r\n    @if (control()?.required()) {\r\n      <span class=\"hy-field__required\" aria-hidden=\"true\">*</span>\r\n    }\r\n  </label>\r\n}\r\n<div class=\"hy-field__box\">\r\n  <ng-content select=\"[hyPrefix]\" />\r\n  <ng-content />\r\n  <ng-content select=\"[hySuffix]\" />\r\n</div>\r\n@if (hint() && !errorText()) {\r\n  <p class=\"hy-field__hint\" [id]=\"hintId\">{{ hint() }}</p>\r\n}\r\n<p class=\"hy-field__error\" [id]=\"errorId\" aria-live=\"polite\">{{ errorText() }}</p>\r\n"],"mappings":"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"}