@joanroucoux/cairn-ui 0.8.2 → 0.9.0

package/fesm2022/joanroucoux-cairn-ui-field.mjs

@@ -1,162 +1,223 @@
-import * as i0 from '@angular/core';
-import { Directive, input, booleanAttribute, inject, ElementRef, contentChild, computed, afterRenderEffect, Component } from '@angular/core';
-import { UI_CONTROL } from '@joanroucoux/cairn-ui/control';
-
+import * as i0 from "@angular/core";
+import { Component, Directive, ElementRef, afterRenderEffect, booleanAttribute, computed, contentChild, inject, input } from "@angular/core";
+import { UI_CONTROL } from "@joanroucoux/cairn-ui/control";
 const nextId = (() => {
-    let count = 0;
-    return () => `ui-field-${++count}`;
+	let count = 0;
+	return () => `ui-field-${++count}`;
 })();
-/**
- * Marks an element, typically an 18px svg icon, as the leading content of a `ui-field`: it sits
- * inside the control's left edge and the control's text is inset to clear it. Decorative, so hidden
- * from assistive technologies.
- *
- * @example
- * <ui-field label="Search" labelHidden>
- *   <svg uiFieldLeading width="18" height="18" viewBox="0 0 24 24">...</svg>
- *   <input uiInput type="search" />
- * </ui-field>
- */
-class UiFieldLeading {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiFieldLeading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: UiFieldLeading, isStandalone: true, selector: "[uiFieldLeading]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "pointer-events-none absolute left-3 flex text-(--muted-foreground)" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiFieldLeading, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[uiFieldLeading]',
-                    host: {
-                        class: 'pointer-events-none absolute left-3 flex text-(--muted-foreground)',
-                        'aria-hidden': 'true',
-                    },
-                }]
-        }] });
-/**
- * Marks an element, typically an icon button, as the trailing action of a `ui-field`: it sits on the
- * control's right edge, square to the control's height, and the control's text is padded to clear it.
- *
- * @example
- * <ui-field label="Password">
- *   <input uiInput type="password" size="xl" />
- *   <button uiFieldTrailing type="button" aria-label="Show the password" [attr.aria-pressed]="shown()">...</button>
- * </ui-field>
- *
- * A toggle such as this one should carry `aria-pressed`. The slot shares the right edge with `unit`:
- * set one or the other, not both.
- */
-class UiFieldTrailing {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiFieldTrailing, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: UiFieldTrailing, isStandalone: true, selector: "[uiFieldTrailing]", host: { classAttribute: "absolute right-0 grid h-full aspect-square place-items-center rounded-control cursor-pointer text-(--muted-foreground) transition-[color] duration-(--duration-fast) ease-out hover:text-(--foreground) focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-(--ring)" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiFieldTrailing, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[uiFieldTrailing]',
-                    host: {
-                        class: 'absolute right-0 grid h-full aspect-square place-items-center rounded-control cursor-pointer text-(--muted-foreground) transition-[color] duration-(--duration-fast) ease-out hover:text-(--foreground) focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-(--ring)',
-                    },
-                }]
-        }] });
-/**
- * Label, control, hint and error as one unit. The control stays a plain native element:
- * the field finds it in its own projected content and wires the ARIA attributes onto it.
- *
- * The message comes from the caller's `error`, or, where none is set, from the projected control's
- * own validation state once it is touched.
- *
- * @example
- * <ui-field label="Quantity" hint="Leave empty if unknown">
- *   <input uiInput type="number" [formField]="form.quantity" />
- * </ui-field>
- *
- * @example
- * <ui-field label="ISIN or name" [error]="blank() ? 'Enter an ISIN' : undefined">
- *   <input uiInput type="search" />
- * </ui-field>
- *
- * @example
- * <ui-field label="Search holdings" labelHidden>
- *   <input uiInput type="search" placeholder="Instrument or account" />
- * </ui-field>
- */
-class UiField {
-    label = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    labelHidden = input(false, { ...(ngDevMode ? { debugName: "labelHidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    hint = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "hint" }] : /* istanbul ignore next */ []));
-    error = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "error" }] : /* istanbul ignore next */ []));
-    unit = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "unit" }] : /* istanbul ignore next */ []));
-    optional = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "optional" }] : /* istanbul ignore next */ []));
-    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    #id = nextId();
-    hintId = `${this.#id}-hint`;
-    errorId = `${this.#id}-error`;
-    #host = inject(ElementRef);
-    control = contentChild(UI_CONTROL, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
-    leading = contentChild(UiFieldLeading, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "leading" }] : /* istanbul ignore next */ []));
-    trailing = contentChild(UiFieldTrailing, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "trailing" }] : /* istanbul ignore next */ []));
-    rowClasses = computed(() => [
-        'relative flex items-center',
-        this.leading() ? '[&>input]:pl-[38px]' : '',
-        this.trailing() ? '[&>input]:pr-12 lg:[&>input]:pr-11' : '',
-    ]
-        .filter(Boolean)
-        .join(' '), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rowClasses" }] : /* istanbul ignore next */ []));
-    labelClasses = computed(() => this.labelHidden() ? 'sr-only' : 'text-label leading-[17px] font-medium text-(--muted-foreground)', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []));
-    /**
-     * The caller's own `error` wins: it is the only way to report something the control does not
-     * know about, such as a search box refusing an empty query.
-     */
-    message = computed(() => {
-        const explicit = this.error();
-        if (explicit) {
-            return explicit;
-        }
-        const control = this.control();
-        if (!control?.touched()) {
-            return undefined;
-        }
-        return control.errors().find((error) => error.message)?.message;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-    constructor() {
-        let markedByField = false;
-        afterRenderEffect(() => {
-            // querySelector, not viewChild.required, so the "no control found" guard below stays reachable and testable.
-            const control = this.#host.nativeElement.querySelector('input, select, textarea');
-            if (!control) {
-                return;
-            }
-            control.id ||= this.#id;
-            this.#host.nativeElement.querySelector('label').htmlFor = control.id;
-            const describedBy = [this.hint() ? this.hintId : null, this.message() ? this.errorId : null].filter(Boolean);
-            if (describedBy.length > 0) {
-                control.setAttribute('aria-describedby', describedBy.join(' '));
-            }
-            else {
-                control.removeAttribute('aria-describedby');
-            }
-            if (this.message() || this.invalid()) {
-                control.setAttribute('aria-invalid', 'true');
-                markedByField = true;
-            }
-            else if (markedByField) {
-                control.removeAttribute('aria-invalid');
-                markedByField = false;
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: UiField, isStandalone: true, selector: "ui-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, labelHidden: { classPropertyName: "labelHidden", publicName: "labelHidden", 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 }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "control", first: true, predicate: UI_CONTROL, descendants: true, isSignal: true }, { propertyName: "leading", first: true, predicate: UiFieldLeading, descendants: true, isSignal: true }, { propertyName: "trailing", first: true, predicate: UiFieldTrailing, descendants: true, isSignal: true }], ngImport: i0, template: `
+var UiFieldLeading = class UiFieldLeading {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UiFieldLeading,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: UiFieldLeading,
+		isStandalone: true,
+		selector: "[uiFieldLeading]",
+		host: {
+			attributes: { "aria-hidden": "true" },
+			classAttribute: "pointer-events-none absolute left-3 flex text-(--muted-foreground)"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UiFieldLeading,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiFieldLeading]",
+			host: {
+				class: "pointer-events-none absolute left-3 flex text-(--muted-foreground)",
+				"aria-hidden": "true"
+			}
+		}]
+	}]
+});
+var UiFieldTrailing = class UiFieldTrailing {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UiFieldTrailing,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: UiFieldTrailing,
+		isStandalone: true,
+		selector: "[uiFieldTrailing]",
+		host: { classAttribute: "absolute right-0 grid h-full aspect-square place-items-center rounded-control cursor-pointer text-(--muted-foreground) transition-[color] duration-(--duration-fast) ease-out hover:text-(--foreground) focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-(--ring)" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UiFieldTrailing,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiFieldTrailing]",
+			host: { class: "absolute right-0 grid h-full aspect-square place-items-center rounded-control cursor-pointer text-(--muted-foreground) transition-[color] duration-(--duration-fast) ease-out hover:text-(--foreground) focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-(--ring)" }
+		}]
+	}]
+});
+var UiField = class UiField {
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	labelHidden = input(false, {
+		...ngDevMode ? { debugName: "labelHidden" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	hint = input(...ngDevMode ? [void 0, { debugName: "hint" }] : /* istanbul ignore next */ []);
+	error = input(...ngDevMode ? [void 0, { debugName: "error" }] : /* istanbul ignore next */ []);
+	unit = input(...ngDevMode ? [void 0, { debugName: "unit" }] : /* istanbul ignore next */ []);
+	optional = input(...ngDevMode ? [void 0, { debugName: "optional" }] : /* istanbul ignore next */ []);
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	#id = nextId();
+	hintId = `${this.#id}-hint`;
+	errorId = `${this.#id}-error`;
+	#host = inject(ElementRef);
+	control = contentChild(UI_CONTROL, ...ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []);
+	leading = contentChild(UiFieldLeading, ...ngDevMode ? [{ debugName: "leading" }] : /* istanbul ignore next */ []);
+	trailing = contentChild(UiFieldTrailing, ...ngDevMode ? [{ debugName: "trailing" }] : /* istanbul ignore next */ []);
+	rowClasses = computed(() => [
+		"relative flex items-center",
+		this.leading() ? "[&>input]:pl-[38px]" : "",
+		this.trailing() ? "[&>input]:pr-12 lg:[&>input]:pr-11" : ""
+	].filter(Boolean).join(" "), ...ngDevMode ? [{ debugName: "rowClasses" }] : /* istanbul ignore next */ []);
+	labelClasses = computed(() => this.labelHidden() ? "sr-only" : "text-label leading-[17px] font-medium text-(--muted-foreground)", ...ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []);
+	message = computed(() => {
+		const explicit = this.error();
+		if (explicit) return explicit;
+		const control = this.control();
+		if (!control?.touched()) return;
+		return control.errors().find((error) => error.message)?.message;
+	}, ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+	constructor() {
+		let markedByField = false;
+		afterRenderEffect(() => {
+			const control = this.#host.nativeElement.querySelector("input, select, textarea");
+			if (!control) return;
+			control.id ||= this.#id;
+			this.#host.nativeElement.querySelector("label").htmlFor = control.id;
+			const describedBy = [this.hint() ? this.hintId : null, this.message() ? this.errorId : null].filter(Boolean);
+			if (describedBy.length > 0) control.setAttribute("aria-describedby", describedBy.join(" "));
+			else control.removeAttribute("aria-describedby");
+			if (this.message() || this.invalid()) {
+				control.setAttribute("aria-invalid", "true");
+				markedByField = true;
+			} else if (markedByField) {
+				control.removeAttribute("aria-invalid");
+				markedByField = false;
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UiField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: UiField,
+		isStandalone: true,
+		selector: "ui-field",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			labelHidden: {
+				classPropertyName: "labelHidden",
+				publicName: "labelHidden",
+				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
+			},
+			unit: {
+				classPropertyName: "unit",
+				publicName: "unit",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			optional: {
+				classPropertyName: "optional",
+				publicName: "optional",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		queries: [
+			{
+				propertyName: "control",
+				first: true,
+				predicate: UI_CONTROL,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "leading",
+				first: true,
+				predicate: UiFieldLeading,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "trailing",
+				first: true,
+				predicate: UiFieldTrailing,
+				descendants: true,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: `
     <div class="group flex flex-col gap-1.5">
       <!-- eslint-disable-next-line @angular-eslint/template/label-has-associated-control -- htmlFor is wired at runtime, once the projected control's id is known -->
       <label [class]="labelClasses()"
@@ -185,13 +246,20 @@ class UiField {
         </p>
       }
     </div>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiField, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ui-field',
-                    template: `
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UiField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-field",
+			template: `
     <div class="group flex flex-col gap-1.5">
       <!-- eslint-disable-next-line @angular-eslint/template/label-has-associated-control -- htmlFor is wired at runtime, once the projected control's id is known -->
       <label [class]="labelClasses()"
@@ -220,13 +288,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </p>
       }
     </div>
-  `,
-                }]
-        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], labelHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelHidden", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], optional: [{ type: i0.Input, args: [{ isSignal: true, alias: "optional", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => UI_CONTROL), { isSignal: true }] }], leading: [{ type: i0.ContentChild, args: [i0.forwardRef(() => UiFieldLeading), { isSignal: true }] }], trailing: [{ type: i0.ContentChild, args: [i0.forwardRef(() => UiFieldTrailing), { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		labelHidden: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelHidden",
+				required: false
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "error",
+				required: false
+			}]
+		}],
+		unit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unit",
+				required: false
+			}]
+		}],
+		optional: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "optional",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		control: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => UI_CONTROL), { isSignal: true }]
+		}],
+		leading: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => UiFieldLeading), { isSignal: true }]
+		}],
+		trailing: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => UiFieldTrailing), { isSignal: true }]
+		}]
+	}
+});
 export { UiField, UiFieldLeading, UiFieldTrailing };
-//# sourceMappingURL=joanroucoux-cairn-ui-field.mjs.map
+
+//# sourceMappingURL=joanroucoux-cairn-ui-field.mjs.map

package/fesm2022/joanroucoux-cairn-ui-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"joanroucoux-cairn-ui-field.mjs","sources":["../../../projects/ui/field/field.ts","../../../projects/ui/field/joanroucoux-cairn-ui-field.ts"],"sourcesContent":["import {\n  Component,\n  Directive,\n  ElementRef,\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChild,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { UI_CONTROL } from '@joanroucoux/cairn-ui/control';\n\nconst nextId = (() => {\n  let count = 0;\n\n  return (): string => `ui-field-${++count}`;\n})();\n\n/**\n * Marks an element, typically an 18px svg icon, as the leading content of a `ui-field`: it sits\n * inside the control's left edge and the control's text is inset to clear it. Decorative, so hidden\n * from assistive technologies.\n *\n * @example\n * <ui-field label=\"Search\" labelHidden>\n *   <svg uiFieldLeading width=\"18\" height=\"18\" viewBox=\"0 0 24 24\">...</svg>\n *   <input uiInput type=\"search\" />\n * </ui-field>\n */\n@Directive({\n  selector: '[uiFieldLeading]',\n  host: {\n    class: 'pointer-events-none absolute left-3 flex text-(--muted-foreground)',\n    'aria-hidden': 'true',\n  },\n})\nexport class UiFieldLeading {}\n\n/**\n * Marks an element, typically an icon button, as the trailing action of a `ui-field`: it sits on the\n * control's right edge, square to the control's height, and the control's text is padded to clear it.\n *\n * @example\n * <ui-field label=\"Password\">\n *   <input uiInput type=\"password\" size=\"xl\" />\n *   <button uiFieldTrailing type=\"button\" aria-label=\"Show the password\" [attr.aria-pressed]=\"shown()\">...</button>\n * </ui-field>\n *\n * A toggle such as this one should carry `aria-pressed`. The slot shares the right edge with `unit`:\n * set one or the other, not both.\n */\n@Directive({\n  selector: '[uiFieldTrailing]',\n  host: {\n    class:\n      'absolute right-0 grid h-full aspect-square place-items-center rounded-control cursor-pointer text-(--muted-foreground) transition-[color] duration-(--duration-fast) ease-out hover:text-(--foreground) focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-(--ring)',\n  },\n})\nexport class UiFieldTrailing {}\n\n/**\n * Label, control, hint and error as one unit. The control stays a plain native element:\n * the field finds it in its own projected content and wires the ARIA attributes onto it.\n *\n * The message comes from the caller's `error`, or, where none is set, from the projected control's\n * own validation state once it is touched.\n *\n * @example\n * <ui-field label=\"Quantity\" hint=\"Leave empty if unknown\">\n *   <input uiInput type=\"number\" [formField]=\"form.quantity\" />\n * </ui-field>\n *\n * @example\n * <ui-field label=\"ISIN or name\" [error]=\"blank() ? 'Enter an ISIN' : undefined\">\n *   <input uiInput type=\"search\" />\n * </ui-field>\n *\n * @example\n * <ui-field label=\"Search holdings\" labelHidden>\n *   <input uiInput type=\"search\" placeholder=\"Instrument or account\" />\n * </ui-field>\n */\n@Component({\n  selector: 'ui-field',\n  template: `\n    <div class=\"group flex flex-col gap-1.5\">\n      <!-- eslint-disable-next-line @angular-eslint/template/label-has-associated-control -- htmlFor is wired at runtime, once the projected control's id is known -->\n      <label [class]=\"labelClasses()\"\n        >{{ label() }}\n        @if (optional()) {\n          {{ ' ' }}<span class=\"font-normal text-(--subtle-foreground)\">{{ optional() }}</span>\n        }\n      </label>\n\n      <div [class]=\"rowClasses()\">\n        <ng-content select=\"[uiFieldLeading]\" />\n        <ng-content />\n        <ng-content select=\"[uiFieldTrailing]\" />\n        @if (unit()) {\n          <span class=\"text-label pointer-events-none absolute right-3 text-(--subtle-foreground)\">{{ unit() }}</span>\n        }\n      </div>\n\n      @if (hint()) {\n        <span class=\"text-label text-(--muted-foreground)\" [id]=\"hintId\">{{ hint() }}</span>\n      }\n\n      @if (message()) {\n        <p animate.enter=\"ui-enter-fade\" class=\"text-label font-medium text-(--negative)\" role=\"alert\" [id]=\"errorId\">\n          {{ message() }}\n        </p>\n      }\n    </div>\n  `,\n})\nexport class UiField {\n  readonly label = input.required<string>();\n  readonly labelHidden = input(false, { transform: booleanAttribute });\n  readonly hint = input<string>();\n  readonly error = input<string>();\n  readonly unit = input<string>();\n  readonly optional = input<string>();\n  readonly invalid = input(false, { transform: booleanAttribute });\n\n  readonly #id = nextId();\n  protected readonly hintId = `${this.#id}-hint`;\n  protected readonly errorId = `${this.#id}-error`;\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected readonly control = contentChild(UI_CONTROL);\n  protected readonly leading = contentChild(UiFieldLeading);\n\n  protected readonly trailing = contentChild(UiFieldTrailing);\n\n  protected readonly rowClasses = computed(() =>\n    [\n      'relative flex items-center',\n      this.leading() ? '[&>input]:pl-[38px]' : '',\n      this.trailing() ? '[&>input]:pr-12 lg:[&>input]:pr-11' : '',\n    ]\n      .filter(Boolean)\n      .join(' '),\n  );\n\n  protected readonly labelClasses = computed(() =>\n    this.labelHidden() ? 'sr-only' : 'text-label leading-[17px] font-medium text-(--muted-foreground)',\n  );\n\n  /**\n   * The caller's own `error` wins: it is the only way to report something the control does not\n   * know about, such as a search box refusing an empty query.\n   */\n  protected readonly message = computed(() => {\n    const explicit = this.error();\n\n    if (explicit) {\n      return explicit;\n    }\n\n    const control = this.control();\n\n    if (!control?.touched()) {\n      return undefined;\n    }\n\n    return control.errors().find((error) => error.message)?.message;\n  });\n\n  constructor() {\n    let markedByField = false;\n\n    afterRenderEffect(() => {\n      // querySelector, not viewChild.required, so the \"no control found\" guard below stays reachable and testable.\n      const control = this.#host.nativeElement.querySelector<HTMLElement>('input, select, textarea');\n\n      if (!control) {\n        return;\n      }\n\n      control.id ||= this.#id;\n      this.#host.nativeElement.querySelector('label')!.htmlFor = control.id;\n\n      const describedBy = [this.hint() ? this.hintId : null, this.message() ? this.errorId : null].filter(Boolean);\n\n      if (describedBy.length > 0) {\n        control.setAttribute('aria-describedby', describedBy.join(' '));\n      } else {\n        control.removeAttribute('aria-describedby');\n      }\n\n      if (this.message() || this.invalid()) {\n        control.setAttribute('aria-invalid', 'true');\n        markedByField = true;\n      } else if (markedByField) {\n        control.removeAttribute('aria-invalid');\n        markedByField = false;\n      }\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"joanroucoux-cairn-ui-field.mjs","names":[],"sources":["../../../projects/ui/field/field.ts"],"sourcesContent":["import {\n  Component,\n  Directive,\n  ElementRef,\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChild,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { UI_CONTROL } from '@joanroucoux/cairn-ui/control';\n\nconst nextId = (() => {\n  let count = 0;\n\n  return (): string => `ui-field-${++count}`;\n})();\n\n/**\n * Marks an element, typically an 18px svg icon, as the leading content of a `ui-field`, inside the\n * control's left edge. Decorative, so hidden from assistive technologies.\n *\n * @example\n * <ui-field label=\"Search\" labelHidden>\n *   <svg uiFieldLeading width=\"18\" height=\"18\" viewBox=\"0 0 24 24\">...</svg>\n *   <input uiInput type=\"search\" />\n * </ui-field>\n */\n@Directive({\n  selector: '[uiFieldLeading]',\n  host: {\n    class: 'pointer-events-none absolute left-3 flex text-(--muted-foreground)',\n    'aria-hidden': 'true',\n  },\n})\nexport class UiFieldLeading {}\n\n/**\n * Marks an element, typically an icon button, as the trailing action of a `ui-field`, on the\n * control's right edge. A toggle should carry `aria-pressed`. The slot shares the right edge with\n * `unit`: set one or the other, not both.\n *\n * @example\n * <ui-field label=\"Password\">\n *   <input uiInput type=\"password\" size=\"xl\" />\n *   <button uiFieldTrailing type=\"button\" aria-label=\"Show the password\" [attr.aria-pressed]=\"shown()\">...</button>\n * </ui-field>\n */\n@Directive({\n  selector: '[uiFieldTrailing]',\n  host: {\n    class:\n      'absolute right-0 grid h-full aspect-square place-items-center rounded-control cursor-pointer text-(--muted-foreground) transition-[color] duration-(--duration-fast) ease-out hover:text-(--foreground) focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-(--ring)',\n  },\n})\nexport class UiFieldTrailing {}\n\n/**\n * Label, control, hint and error as one unit. The projected native control is found and wired with\n * the ARIA attributes. The message comes from `error`, which wins, or else from the control's own\n * validation state once touched.\n *\n * @example\n * <ui-field label=\"Quantity\" hint=\"Leave empty if unknown\">\n *   <input uiInput type=\"number\" [formField]=\"form.quantity\" />\n * </ui-field>\n *\n * @example\n * <ui-field label=\"ISIN or name\" [error]=\"blank() ? 'Enter an ISIN' : undefined\">\n *   <input uiInput type=\"search\" />\n * </ui-field>\n *\n * @example\n * <ui-field label=\"Search holdings\" labelHidden>\n *   <input uiInput type=\"search\" placeholder=\"Instrument or account\" />\n * </ui-field>\n */\n@Component({\n  selector: 'ui-field',\n  template: `\n    <div class=\"group flex flex-col gap-1.5\">\n      <!-- eslint-disable-next-line @angular-eslint/template/label-has-associated-control -- htmlFor is wired at runtime, once the projected control's id is known -->\n      <label [class]=\"labelClasses()\"\n        >{{ label() }}\n        @if (optional()) {\n          {{ ' ' }}<span class=\"font-normal text-(--subtle-foreground)\">{{ optional() }}</span>\n        }\n      </label>\n\n      <div [class]=\"rowClasses()\">\n        <ng-content select=\"[uiFieldLeading]\" />\n        <ng-content />\n        <ng-content select=\"[uiFieldTrailing]\" />\n        @if (unit()) {\n          <span class=\"text-label pointer-events-none absolute right-3 text-(--subtle-foreground)\">{{ unit() }}</span>\n        }\n      </div>\n\n      @if (hint()) {\n        <span class=\"text-label text-(--muted-foreground)\" [id]=\"hintId\">{{ hint() }}</span>\n      }\n\n      @if (message()) {\n        <p animate.enter=\"ui-enter-fade\" class=\"text-label font-medium text-(--negative)\" role=\"alert\" [id]=\"errorId\">\n          {{ message() }}\n        </p>\n      }\n    </div>\n  `,\n})\nexport class UiField {\n  readonly label = input.required<string>();\n  readonly labelHidden = input(false, { transform: booleanAttribute });\n  readonly hint = input<string>();\n  readonly error = input<string>();\n  readonly unit = input<string>();\n  readonly optional = input<string>();\n  readonly invalid = input(false, { transform: booleanAttribute });\n\n  readonly #id = nextId();\n  protected readonly hintId = `${this.#id}-hint`;\n  protected readonly errorId = `${this.#id}-error`;\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected readonly control = contentChild(UI_CONTROL);\n  protected readonly leading = contentChild(UiFieldLeading);\n\n  protected readonly trailing = contentChild(UiFieldTrailing);\n\n  protected readonly rowClasses = computed(() =>\n    [\n      'relative flex items-center',\n      this.leading() ? '[&>input]:pl-[38px]' : '',\n      this.trailing() ? '[&>input]:pr-12 lg:[&>input]:pr-11' : '',\n    ]\n      .filter(Boolean)\n      .join(' '),\n  );\n\n  protected readonly labelClasses = computed(() =>\n    this.labelHidden() ? 'sr-only' : 'text-label leading-[17px] font-medium text-(--muted-foreground)',\n  );\n\n  protected readonly message = computed(() => {\n    const explicit = this.error();\n\n    if (explicit) {\n      return explicit;\n    }\n\n    const control = this.control();\n\n    if (!control?.touched()) {\n      return undefined;\n    }\n\n    return control.errors().find((error) => error.message)?.message;\n  });\n\n  constructor() {\n    let markedByField = false;\n\n    afterRenderEffect(() => {\n      const control = this.#host.nativeElement.querySelector<HTMLElement>('input, select, textarea');\n\n      if (!control) {\n        return;\n      }\n\n      control.id ||= this.#id;\n      this.#host.nativeElement.querySelector('label')!.htmlFor = control.id;\n\n      const describedBy = [this.hint() ? this.hintId : null, this.message() ? this.errorId : null].filter(Boolean);\n\n      if (describedBy.length > 0) {\n        control.setAttribute('aria-describedby', describedBy.join(' '));\n      } else {\n        control.removeAttribute('aria-describedby');\n      }\n\n      if (this.message() || this.invalid()) {\n        control.setAttribute('aria-invalid', 'true');\n        markedByField = true;\n      } else if (markedByField) {\n        control.removeAttribute('aria-invalid');\n        markedByField = false;\n      }\n    });\n  }\n}\n"],"mappings":";;;AAcA,MAAM,gBAAe;CACnB,IAAI,QAAQ;CAEZ,aAAqB,YAAY,EAAE;AACrC,EAAA,CAAE;AAmBF,IAAa,iBAAb,MAAa,eAAc;CAAd,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,MAAA;GAAA,YAAA,EAAA,eAAA,OAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;CAAA,CAAA;;AAAd,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAP1B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IACJ,OAAO;IACP,eAAe;GAChB;EACF,CAAA;;;AAqBD,IAAa,kBAAb,MAAa,gBAAe;CAAf,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAe,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAf,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAe,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,iSAAA;EAAA,UAAA;CAAA,CAAA;;AAAf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAP3B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM,EACJ,OACE,iSACH;EACF,CAAA;;;AAwDD,IAAa,UAAb,MAAa,QAAO;CACT,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,cAAc,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,cAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACxD,OAAO,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACtB,QAAQ,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACvB,OAAO,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACtB,WAAW,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAC1B,UAAU,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CAEpD,MAAM,OAAM;CACF,SAAS,GAAG,KAAK,IAAG;CACpB,UAAU,GAAG,KAAK,IAAG;CAC/B,QAAQ,OAAgC,UAAU;CACxC,UAAU,aAAa,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,UAAU,aAAa,gBAAe,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEtC,WAAW,aAAa,iBAAgB,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAExC,aAAa,eAC9B;EACE;EACA,KAAK,QAAO,IAAK,wBAAwB;EACzC,KAAK,SAAQ,IAAK,uCAAuC;CAC1D,CAAA,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,GACZ,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAEkB,eAAe,eAChC,KAAK,YAAW,IAAK,YAAY,mEAClC,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEkB,UAAU,eAAc;EACzC,MAAM,WAAW,KAAK,MAAK;EAE3B,IAAI,UACF,OAAO;EAGT,MAAM,UAAU,KAAK,QAAO;EAE5B,IAAI,CAAC,SAAS,QAAO,GACnB;EAGF,OAAO,QAAQ,OAAM,CAAE,CAAC,MAAM,UAAU,MAAM,OAAO,CAAC,EAAE;CAC1D,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEF,cAAA;EACE,IAAI,gBAAgB;EAEpB,wBAAuB;GACrB,MAAM,UAAU,KAAK,MAAM,cAAc,cAA2B,yBAAyB;GAE7F,IAAI,CAAC,SACH;GAGF,QAAQ,OAAO,KAAK;GACpB,KAAK,MAAM,cAAc,cAAc,OAAO,CAAE,CAAC,UAAU,QAAQ;GAEnE,MAAM,cAAc,CAAC,KAAK,KAAI,IAAK,KAAK,SAAS,MAAM,KAAK,QAAO,IAAK,KAAK,UAAU,IAAI,CAAC,CAAC,OAAO,OAAO;GAE3G,IAAI,YAAY,SAAS,GACvB,QAAQ,aAAa,oBAAoB,YAAY,KAAK,GAAG,CAAC;QAE9D,QAAQ,gBAAgB,kBAAkB;GAG5C,IAAI,KAAK,QAAO,KAAM,KAAK,QAAO,GAAI;IACpC,QAAQ,aAAa,gBAAgB,MAAM;IAC3C,gBAAgB;GAClB,OAAO,IAAI,eAAe;IACxB,QAAQ,gBAAgB,cAAc;IACtC,gBAAgB;GAClB;EACF,CAAC;CACH;CA7EW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAO,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAP,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAO,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;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;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAawB;IAAU,aAAA;IAAA,UAAA;GAAA;GAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WACV;IAAc,aAAA;IAAA,UAAA;GAAA;GAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAEb;IAAe,aAAA;IAAA,UAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UA/ChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BT,UAAA;CAAA,CAAA;;AAEU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAO,YAAA,CAAA;EAjCnB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BX,CAAA;CAc2C,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,aAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,UAAU,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBACV,cAAc,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAEb,eAAe,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}