@joanroucoux/cairn-ui 0.8.2 → 0.9.1

package/fesm2022/joanroucoux-cairn-ui-choice-chips.mjs

@@ -1,91 +1,179 @@
-import * as i0 from '@angular/core';
-import { input, model, booleanAttribute, output, inject, ElementRef, viewChildren, computed, forwardRef, Component } from '@angular/core';
-import { UI_CONTROL } from '@joanroucoux/cairn-ui/control';
-import { CONTROL_SURFACE_CLASSES } from '@joanroucoux/cairn-ui/input';
-
-const CHIP_CLASSES = 'h-10 px-3.5 pointer-fine:h-8 pointer-fine:px-3 rounded-pill text-label font-medium cursor-pointer transition-transform duration-(--duration-press) ease-out active:scale-(--press-scale) disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)';
-const SELECTED_CLASSES = 'bg-(--primary) text-(--primary-foreground)';
-const UNSELECTED_CLASSES = 'text-(--foreground) shadow-[inset_0_0_0_1px_var(--border)]';
+import * as i0 from "@angular/core";
+import { Component, ElementRef, booleanAttribute, computed, forwardRef, inject, input, model, output, viewChildren } from "@angular/core";
+import { UI_CONTROL } from "@joanroucoux/cairn-ui/control";
+import { CONTROL_SURFACE_CLASSES } from "@joanroucoux/cairn-ui/input";
+const CHIP_CLASSES = "h-10 px-3.5 pointer-fine:h-8 pointer-fine:px-3 rounded-pill text-label font-medium cursor-pointer transition-transform duration-(--duration-press) ease-out active:scale-(--press-scale) disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)";
+const SELECTED_CLASSES = "bg-(--primary) text-(--primary-foreground)";
+const UNSELECTED_CLASSES = "text-(--foreground) shadow-[inset_0_0_0_1px_var(--border)]";
 const nextId = (() => {
-    let count = 0;
-    return () => `ui-choice-chips-${++count}`;
+	let count = 0;
+	return () => `ui-choice-chips-${++count}`;
 })();
-/**
- * Exclusive choice among a handful of named options, shown as wrapping pills: an account envelope,
- * a category, a frequency. Binds to Signal Forms with `[formField]`.
- *
- * @example
- * <ui-choice-chips label="Envelope" [options]="envelopes" [(value)]="envelope" />
- *
- * @example
- * <ui-choice-chips label="Envelope" [options]="envelopes" [formField]="form.envelope" />
- */
-class UiChoiceChips {
-    options = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    value = model.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    label = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
-    ariaLabel = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    ariaLabelledby = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledby" }] : /* istanbul ignore next */ []));
-    surface = input('background', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "surface" }] : /* istanbul ignore next */ []));
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    errors = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
-    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    touched = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
-    touch = output();
-    labelId = nextId();
-    #host = inject(ElementRef);
-    radios = viewChildren('radio', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []));
-    labelledBy = computed(() => this.ariaLabelledby() ?? (this.label() ? this.labelId : null), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
-    chipClasses(optionValue) {
-        const state = optionValue === this.value()
-            ? SELECTED_CLASSES
-            : `${CONTROL_SURFACE_CLASSES[this.surface()]} ${UNSELECTED_CLASSES}`;
-        return `${CHIP_CLASSES} ${state}`;
-    }
-    tabIndexFor(optionValue) {
-        const opts = this.options();
-        const tabStopValue = opts.some((option) => option.value === this.value()) ? this.value() : opts[0]?.value;
-        return optionValue === tabStopValue ? 0 : -1;
-    }
-    select(optionValue) {
-        this.value.set(optionValue);
-    }
-    onFocusOut(event) {
-        if (!this.#host.nativeElement.contains(event.relatedTarget)) {
-            this.touch.emit();
-        }
-    }
-    onKeydown(event, index) {
-        const opts = this.options();
-        const target = {
-            ArrowRight: index + 1,
-            ArrowDown: index + 1,
-            ArrowLeft: index - 1,
-            ArrowUp: index - 1,
-            Home: 0,
-            End: opts.length - 1,
-        }[event.key];
-        if (target === undefined) {
-            return;
-        }
-        event.preventDefault();
-        const nextIndex = ((target % opts.length) + opts.length) % opts.length;
-        this.value.set(opts[nextIndex].value);
-        this.radios()[nextIndex].nativeElement.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiChoiceChips, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: UiChoiceChips, isStandalone: true, selector: "ui-choice-chips", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touch: "touch" }, providers: [{ provide: UI_CONTROL, useExisting: forwardRef(() => UiChoiceChips) }], viewQueries: [{ propertyName: "radios", predicate: ["radio"], descendants: true, isSignal: true }], ngImport: i0, template: `
+var UiChoiceChips = class UiChoiceChips {
+	options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	value = model.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(...ngDevMode ? [void 0, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	ariaLabelledby = input(...ngDevMode ? [void 0, { debugName: "ariaLabelledby" }] : /* istanbul ignore next */ []);
+	surface = input("background", ...ngDevMode ? [{ debugName: "surface" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touched = input(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
+	touch = output();
+	labelId = nextId();
+	#host = inject(ElementRef);
+	radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []);
+	labelledBy = computed(() => this.ariaLabelledby() ?? (this.label() ? this.labelId : null), ...ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []);
+	chipClasses(optionValue) {
+		const state = optionValue === this.value() ? SELECTED_CLASSES : `${CONTROL_SURFACE_CLASSES[this.surface()]} ${UNSELECTED_CLASSES}`;
+		return `${CHIP_CLASSES} ${state}`;
+	}
+	tabIndexFor(optionValue) {
+		const opts = this.options();
+		return optionValue === (opts.some((option) => option.value === this.value()) ? this.value() : opts[0]?.value) ? 0 : -1;
+	}
+	select(optionValue) {
+		this.value.set(optionValue);
+	}
+	onFocusOut(event) {
+		if (!this.#host.nativeElement.contains(event.relatedTarget)) this.touch.emit();
+	}
+	onKeydown(event, index) {
+		const opts = this.options();
+		const target = {
+			ArrowRight: index + 1,
+			ArrowDown: index + 1,
+			ArrowLeft: index - 1,
+			ArrowUp: index - 1,
+			Home: 0,
+			End: opts.length - 1
+		}[event.key];
+		if (target === void 0) return;
+		event.preventDefault();
+		const nextIndex = (target % opts.length + opts.length) % opts.length;
+		this.value.set(opts[nextIndex].value);
+		this.radios()[nextIndex].nativeElement.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UiChoiceChips,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: UiChoiceChips,
+		isStandalone: true,
+		selector: "ui-choice-chips",
+		inputs: {
+			options: {
+				classPropertyName: "options",
+				publicName: "options",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledby: {
+				classPropertyName: "ariaLabelledby",
+				publicName: "ariaLabelledby",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			surface: {
+				classPropertyName: "surface",
+				publicName: "surface",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errors: {
+				classPropertyName: "errors",
+				publicName: "errors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			touched: {
+				classPropertyName: "touched",
+				publicName: "touched",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			touch: "touch"
+		},
+		providers: [{
+			provide: UI_CONTROL,
+			useExisting: forwardRef(() => UiChoiceChips)
+		}],
+		viewQueries: [{
+			propertyName: "radios",
+			predicate: ["radio"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
     <div
       class="flex flex-col gap-1.5"
       role="radiogroup"
@@ -119,13 +207,20 @@ class UiChoiceChips {
         }
       </div>
     </div>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiChoiceChips, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ui-choice-chips',
-                    template: `
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UiChoiceChips,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-choice-chips",
+			template: `
     <div
       class="flex flex-col gap-1.5"
       role="radiogroup"
@@ -160,13 +255,114 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </div>
     </div>
   `,
-                    providers: [{ provide: UI_CONTROL, useExisting: forwardRef(() => UiChoiceChips) }],
-                }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }, { type: i0.Output, args: ["valueChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], surface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], radios: [{ type: i0.ViewChildren, args: ['radio', { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+			providers: [{
+				provide: UI_CONTROL,
+				useExisting: forwardRef(() => UiChoiceChips)
+			}]
+		}]
+	}],
+	propDecorators: {
+		options: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "options",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		ariaLabelledby: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabelledby",
+				required: false
+			}]
+		}],
+		surface: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "surface",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		errors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errors",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		touched: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "touched",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
+		radios: [{
+			type: i0.ViewChildren,
+			args: ["radio", { isSignal: true }]
+		}]
+	}
+});
 export { UiChoiceChips };
-//# sourceMappingURL=joanroucoux-cairn-ui-choice-chips.mjs.map
+
+//# sourceMappingURL=joanroucoux-cairn-ui-choice-chips.mjs.map

package/fesm2022/joanroucoux-cairn-ui-choice-chips.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"joanroucoux-cairn-ui-choice-chips.mjs","sources":["../../../projects/ui/choice-chips/choice-chips.ts","../../../projects/ui/choice-chips/joanroucoux-cairn-ui-choice-chips.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  booleanAttribute,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  model,\n  output,\n  viewChildren,\n} from '@angular/core';\n\nimport { UI_CONTROL, type UiControl, type UiControlError } from '@joanroucoux/cairn-ui/control';\nimport { CONTROL_SURFACE_CLASSES, type ControlSurface } from '@joanroucoux/cairn-ui/input';\n\nexport type ChoiceChipOption = {\n  value: string;\n  label: string;\n};\n\nconst CHIP_CLASSES =\n  'h-10 px-3.5 pointer-fine:h-8 pointer-fine:px-3 rounded-pill text-label font-medium cursor-pointer transition-transform duration-(--duration-press) ease-out active:scale-(--press-scale) disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)';\n\nconst SELECTED_CLASSES = 'bg-(--primary) text-(--primary-foreground)';\n\nconst UNSELECTED_CLASSES = 'text-(--foreground) shadow-[inset_0_0_0_1px_var(--border)]';\n\nconst nextId = (() => {\n  let count = 0;\n\n  return (): string => `ui-choice-chips-${++count}`;\n})();\n\n/**\n * Exclusive choice among a handful of named options, shown as wrapping pills: an account envelope,\n * a category, a frequency. Binds to Signal Forms with `[formField]`.\n *\n * @example\n * <ui-choice-chips label=\"Envelope\" [options]=\"envelopes\" [(value)]=\"envelope\" />\n *\n * @example\n * <ui-choice-chips label=\"Envelope\" [options]=\"envelopes\" [formField]=\"form.envelope\" />\n */\n@Component({\n  selector: 'ui-choice-chips',\n  template: `\n    <div\n      class=\"flex flex-col gap-1.5\"\n      role=\"radiogroup\"\n      [attr.aria-invalid]=\"invalid() || null\"\n      [attr.aria-label]=\"ariaLabel() ?? null\"\n      [attr.aria-labelledby]=\"labelledBy()\"\n      [attr.aria-required]=\"required() || null\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      @if (label()) {\n        <span class=\"text-label leading-[17px] font-medium text-(--muted-foreground)\" [id]=\"labelId\">{{\n          label()\n        }}</span>\n      }\n\n      <div class=\"flex flex-wrap gap-1.5\">\n        @for (option of options(); track option.value; let index = $index) {\n          <button\n            #radio\n            role=\"radio\"\n            type=\"button\"\n            [attr.aria-checked]=\"option.value === value()\"\n            [attr.tabindex]=\"tabIndexFor(option.value)\"\n            [class]=\"chipClasses(option.value)\"\n            [disabled]=\"disabled()\"\n            (click)=\"select(option.value)\"\n            (keydown)=\"onKeydown($event, index)\"\n          >\n            {{ option.label }}\n          </button>\n        }\n      </div>\n    </div>\n  `,\n  providers: [{ provide: UI_CONTROL, useExisting: forwardRef(() => UiChoiceChips) }],\n})\nexport class UiChoiceChips implements UiControl {\n  readonly options = input.required<ChoiceChipOption[]>();\n  readonly value = model.required<string>();\n  readonly label = input<string>();\n  readonly ariaLabel = input<string>();\n  readonly ariaLabelledby = input<string>();\n  readonly surface = input<ControlSurface>('background');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly errors = input<readonly UiControlError[]>([]);\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly touched = input(false);\n  readonly touch = output<void>();\n\n  protected readonly labelId = nextId();\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected readonly radios = viewChildren<ElementRef<HTMLButtonElement>>('radio');\n\n  protected readonly labelledBy = computed(() => this.ariaLabelledby() ?? (this.label() ? this.labelId : null));\n\n  protected chipClasses(optionValue: string): string {\n    const state =\n      optionValue === this.value()\n        ? SELECTED_CLASSES\n        : `${CONTROL_SURFACE_CLASSES[this.surface()]} ${UNSELECTED_CLASSES}`;\n\n    return `${CHIP_CLASSES} ${state}`;\n  }\n\n  protected tabIndexFor(optionValue: string): number {\n    const opts = this.options();\n    const tabStopValue = opts.some((option) => option.value === this.value()) ? this.value() : opts[0]?.value;\n\n    return optionValue === tabStopValue ? 0 : -1;\n  }\n\n  protected select(optionValue: string): void {\n    this.value.set(optionValue);\n  }\n\n  protected onFocusOut(event: FocusEvent): void {\n    if (!this.#host.nativeElement.contains(event.relatedTarget as Node | null)) {\n      this.touch.emit();\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent, index: number): void {\n    const opts = this.options();\n    const target = {\n      ArrowRight: index + 1,\n      ArrowDown: index + 1,\n      ArrowLeft: index - 1,\n      ArrowUp: index - 1,\n      Home: 0,\n      End: opts.length - 1,\n    }[event.key];\n\n    if (target === undefined) {\n      return;\n    }\n    event.preventDefault();\n\n    const nextIndex = ((target % opts.length) + opts.length) % opts.length;\n\n    this.value.set(opts[nextIndex]!.value);\n    this.radios()[nextIndex]!.nativeElement.focus();\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-choice-chips.mjs","names":[],"sources":["../../../projects/ui/choice-chips/choice-chips.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  booleanAttribute,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  model,\n  output,\n  viewChildren,\n} from '@angular/core';\n\nimport { UI_CONTROL, type UiControl, type UiControlError } from '@joanroucoux/cairn-ui/control';\nimport { CONTROL_SURFACE_CLASSES, type ControlSurface } from '@joanroucoux/cairn-ui/input';\n\nexport type ChoiceChipOption = {\n  value: string;\n  label: string;\n};\n\nconst CHIP_CLASSES =\n  'h-10 px-3.5 pointer-fine:h-8 pointer-fine:px-3 rounded-pill text-label font-medium cursor-pointer transition-transform duration-(--duration-press) ease-out active:scale-(--press-scale) disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)';\n\nconst SELECTED_CLASSES = 'bg-(--primary) text-(--primary-foreground)';\n\nconst UNSELECTED_CLASSES = 'text-(--foreground) shadow-[inset_0_0_0_1px_var(--border)]';\n\nconst nextId = (() => {\n  let count = 0;\n\n  return (): string => `ui-choice-chips-${++count}`;\n})();\n\n/**\n * Exclusive choice among a handful of named options, shown as wrapping pills. Binds to Signal Forms\n * with `[formField]`.\n *\n * @example\n * <ui-choice-chips label=\"Envelope\" [options]=\"envelopes\" [(value)]=\"envelope\" />\n *\n * @example\n * <ui-choice-chips label=\"Envelope\" [options]=\"envelopes\" [formField]=\"form.envelope\" />\n */\n@Component({\n  selector: 'ui-choice-chips',\n  template: `\n    <div\n      class=\"flex flex-col gap-1.5\"\n      role=\"radiogroup\"\n      [attr.aria-invalid]=\"invalid() || null\"\n      [attr.aria-label]=\"ariaLabel() ?? null\"\n      [attr.aria-labelledby]=\"labelledBy()\"\n      [attr.aria-required]=\"required() || null\"\n      (focusout)=\"onFocusOut($event)\"\n    >\n      @if (label()) {\n        <span class=\"text-label leading-[17px] font-medium text-(--muted-foreground)\" [id]=\"labelId\">{{\n          label()\n        }}</span>\n      }\n\n      <div class=\"flex flex-wrap gap-1.5\">\n        @for (option of options(); track option.value; let index = $index) {\n          <button\n            #radio\n            role=\"radio\"\n            type=\"button\"\n            [attr.aria-checked]=\"option.value === value()\"\n            [attr.tabindex]=\"tabIndexFor(option.value)\"\n            [class]=\"chipClasses(option.value)\"\n            [disabled]=\"disabled()\"\n            (click)=\"select(option.value)\"\n            (keydown)=\"onKeydown($event, index)\"\n          >\n            {{ option.label }}\n          </button>\n        }\n      </div>\n    </div>\n  `,\n  providers: [{ provide: UI_CONTROL, useExisting: forwardRef(() => UiChoiceChips) }],\n})\nexport class UiChoiceChips implements UiControl {\n  readonly options = input.required<ChoiceChipOption[]>();\n  readonly value = model.required<string>();\n  readonly label = input<string>();\n  readonly ariaLabel = input<string>();\n  readonly ariaLabelledby = input<string>();\n  readonly surface = input<ControlSurface>('background');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly errors = input<readonly UiControlError[]>([]);\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly touched = input(false);\n  readonly touch = output<void>();\n\n  protected readonly labelId = nextId();\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected readonly radios = viewChildren<ElementRef<HTMLButtonElement>>('radio');\n\n  protected readonly labelledBy = computed(() => this.ariaLabelledby() ?? (this.label() ? this.labelId : null));\n\n  protected chipClasses(optionValue: string): string {\n    const state =\n      optionValue === this.value()\n        ? SELECTED_CLASSES\n        : `${CONTROL_SURFACE_CLASSES[this.surface()]} ${UNSELECTED_CLASSES}`;\n\n    return `${CHIP_CLASSES} ${state}`;\n  }\n\n  protected tabIndexFor(optionValue: string): number {\n    const opts = this.options();\n    const tabStopValue = opts.some((option) => option.value === this.value()) ? this.value() : opts[0]?.value;\n\n    return optionValue === tabStopValue ? 0 : -1;\n  }\n\n  protected select(optionValue: string): void {\n    this.value.set(optionValue);\n  }\n\n  protected onFocusOut(event: FocusEvent): void {\n    if (!this.#host.nativeElement.contains(event.relatedTarget as Node | null)) {\n      this.touch.emit();\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent, index: number): void {\n    const opts = this.options();\n    const target = {\n      ArrowRight: index + 1,\n      ArrowDown: index + 1,\n      ArrowLeft: index - 1,\n      ArrowUp: index - 1,\n      Home: 0,\n      End: opts.length - 1,\n    }[event.key];\n\n    if (target === undefined) {\n      return;\n    }\n    event.preventDefault();\n\n    const nextIndex = ((target % opts.length) + opts.length) % opts.length;\n\n    this.value.set(opts[nextIndex]!.value);\n    this.radios()[nextIndex]!.nativeElement.focus();\n  }\n}\n"],"mappings":"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"}

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

@@ -1,18 +1,5 @@
-import { InjectionToken } from '@angular/core';
-
-/**
- * Resolves to the styled control projected into a field.
- *
- * Angular's `[formField]` directive fills any input named `errors` or `touched` on the directives
- * sitting on its host element, so a control declaring them receives its own validation state with
- * nothing written at the call site. This token is how the field finds whichever control was
- * projected into it.
- */
-const UI_CONTROL = new InjectionToken('UI_CONTROL');
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { InjectionToken } from "@angular/core";
+const UI_CONTROL = new InjectionToken("UI_CONTROL");
 export { UI_CONTROL };
-//# sourceMappingURL=joanroucoux-cairn-ui-control.mjs.map
+
+//# sourceMappingURL=joanroucoux-cairn-ui-control.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"joanroucoux-cairn-ui-control.mjs","sources":["../../../projects/ui/control/control.ts","../../../projects/ui/control/joanroucoux-cairn-ui-control.ts"],"sourcesContent":["import { InjectionToken, type Signal } from '@angular/core';\n\n/**\n * The part of a validation error this library reads. Angular's own `ValidationError` satisfies it,\n * which is how a Signal Forms error reaches a field without this package depending on\n * `@angular/forms`.\n */\nexport type UiControlError = { readonly message?: string };\n\n/** What a styled control offers the field wrapped around it. */\nexport type UiControl = {\n  readonly errors: Signal<readonly UiControlError[]>;\n  readonly touched: Signal<boolean>;\n};\n\n/**\n * Resolves to the styled control projected into a field.\n *\n * Angular's `[formField]` directive fills any input named `errors` or `touched` on the directives\n * sitting on its host element, so a control declaring them receives its own validation state with\n * nothing written at the call site. This token is how the field finds whichever control was\n * projected into it.\n */\nexport const UI_CONTROL = new InjectionToken<UiControl>('UI_CONTROL');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAeA;;;;;;;AAOG;MACU,UAAU,GAAG,IAAI,cAAc,CAAY,YAAY;;ACvBpE;;AAEG;;;;"}
+{"version":3,"file":"joanroucoux-cairn-ui-control.mjs","names":[],"sources":["../../../projects/ui/control/control.ts"],"sourcesContent":["import { InjectionToken, type Signal } from '@angular/core';\n\n/**\n * The part of a validation error this library reads. Angular's own `ValidationError` satisfies it.\n */\nexport type UiControlError = { readonly message?: string };\n\n/** What a styled control offers the field wrapped around it. */\nexport type UiControl = {\n  readonly errors: Signal<readonly UiControlError[]>;\n  readonly touched: Signal<boolean>;\n};\n\n/**\n * Resolves to the styled control projected into a field. A control provides it and declares the\n * `errors` and `touched` inputs that Angular's `[formField]` fills.\n */\nexport const UI_CONTROL = new InjectionToken<UiControl>('UI_CONTROL');\n"],"mappings":";AAiBA,MAAa,aAAa,IAAI,eAA0B,YAAY"}