@cdevhub/ngx-tw 0.5.0 → 0.6.0

package/fesm2022/cdevhub-ngx-tw-segmented-control.mjs

@@ -1,8 +1,14 @@
 import * as i0 from '@angular/core';
 import { input, inject, ElementRef, forwardRef, isDevMode, computed, ChangeDetectionStrategy, Component, model, contentChildren, signal, linkedSignal } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { NgControl } from '@angular/forms';
+import { Directionality } from '@angular/cdk/bidi';
 import { tv } from 'tailwind-variants';
+import { wireErrorState } from '@cdevhub/ngx-tw/core';
 
+/** Maps every legacy spelling onto its canonical replacement. */
+const VARIANT_ALIASES = {
+    filled: 'solid',
+};
 // ── tv() config ──
 // All slot styling — base, size, orientation, rounded, variant × color × active,
 // disabled — flows through this single config. Static literal class strings are
@@ -15,12 +21,16 @@ const segmentedControlVariants = tv({
         option: 'inline-flex items-center justify-center gap-1.5 font-medium whitespace-nowrap cursor-pointer transition-colors duration-normal motion-reduce:transition-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500',
     },
     variants: {
+        // Pinned control heights — see `docs/vertical-rhythm.md`. The option carries
+        // horizontal padding and font size only; the height itself is pinned in the
+        // orientation-keyed compound variants below, because *which box* owns the
+        // pin depends on the axis (root when horizontal, option when vertical).
         size: {
-            xs: { option: 'px-2 py-1 text-xs' },
-            sm: { option: 'px-3 py-1.5 text-sm' },
-            md: { option: 'px-4 py-2 text-sm' },
-            lg: { option: 'px-5 py-2.5 text-base' },
-            xl: { option: 'px-6 py-3 text-base' },
+            xs: { option: 'px-2 text-xs' },
+            sm: { option: 'px-3 text-sm' },
+            md: { option: 'px-4 text-sm' },
+            lg: { option: 'px-5 text-base' },
+            xl: { option: 'px-6 text-base' },
         },
         orientation: {
             horizontal: { root: 'flex-row gap-1' },
@@ -36,7 +46,7 @@ const segmentedControlVariants = tv({
         // all active styling without per-axis defaults bleeding through.
         variant: {
             surface: {},
-            filled: {},
+            solid: {},
             outline: {},
         },
         color: {
@@ -59,6 +69,36 @@ const segmentedControlVariants = tv({
         },
     },
     compoundVariants: [
+        // ── Pinned heights (docs/vertical-rhythm.md) ──
+        // Horizontal: the *root* is the single-line control, so the pin lives there.
+        // The `p-1` recessed track stays (it is the component's visual identity) and
+        // is absorbed by the pinned box under `box-sizing: border-box`; the root is
+        // `inline-flex` with the default `align-items: stretch`, so each option fills
+        // the remaining height without a pin of its own.
+        //
+        // `xs` is the exception, and it is an accessibility floor rather than a
+        // style choice. The option — not the root — carries `role="radio"`, the
+        // tabindex and the click handler, so the option IS the target. A 24px root
+        // minus a 4px inset per side leaves a 16px target, under the WCAG 2.2
+        // SC 2.5.8 (AA) 24px minimum. An inset track and a 24px target cannot both
+        // fit inside 24px, so at `xs` the inset is dropped: the option fills the
+        // full 24px and `gap-1` alone carries the track read. Widening the root to
+        // 32px instead would restore the inset but break the shared control height
+        // that lets a segmented control sit flush beside a button or input.
+        { orientation: 'horizontal', size: 'xs', class: { root: 'h-6 p-0' } },
+        { orientation: 'horizontal', size: 'sm', class: { root: 'h-8' } },
+        { orientation: 'horizontal', size: 'md', class: { root: 'h-9' } },
+        { orientation: 'horizontal', size: 'lg', class: { root: 'h-11' } },
+        { orientation: 'horizontal', size: 'xl', class: { root: 'h-12' } },
+        // Vertical: the root grows with the option count, so pinning it would crush
+        // the stack. Each option is its own single-line control row instead, which
+        // reproduces the pre-migration vertical height exactly (padding-derived
+        // before, declared now).
+        { orientation: 'vertical', size: 'xs', class: { option: 'h-6' } },
+        { orientation: 'vertical', size: 'sm', class: { option: 'h-8' } },
+        { orientation: 'vertical', size: 'md', class: { option: 'h-9' } },
+        { orientation: 'vertical', size: 'lg', class: { option: 'h-11' } },
+        { orientation: 'vertical', size: 'xl', class: { option: 'h-12' } },
         // surface × color × active=true
         { variant: 'surface', color: 'primary', active: true, class: { option: 'bg-surface shadow-sm text-primary-fg' } },
         { variant: 'surface', color: 'secondary', active: true, class: { option: 'bg-surface shadow-sm text-secondary-fg' } },
@@ -68,15 +108,15 @@ const segmentedControlVariants = tv({
         { variant: 'surface', color: 'success', active: true, class: { option: 'bg-surface shadow-sm text-success-fg' } },
         { variant: 'surface', color: 'warning', active: true, class: { option: 'bg-surface shadow-sm text-warning-fg' } },
         { variant: 'surface', color: 'error', active: true, class: { option: 'bg-surface shadow-sm text-error-fg' } },
-        // filled × color × active=true
-        { variant: 'filled', color: 'primary', active: true, class: { option: 'bg-primary-solid text-primary-solid-fg shadow-sm' } },
-        { variant: 'filled', color: 'secondary', active: true, class: { option: 'bg-secondary-solid text-secondary-solid-fg shadow-sm' } },
-        { variant: 'filled', color: 'accent', active: true, class: { option: 'bg-accent-solid text-accent-solid-fg shadow-sm' } },
-        { variant: 'filled', color: 'neutral', active: true, class: { option: 'bg-neutral-solid text-neutral-solid-fg shadow-sm' } },
-        { variant: 'filled', color: 'info', active: true, class: { option: 'bg-info-solid text-info-solid-fg shadow-sm' } },
-        { variant: 'filled', color: 'success', active: true, class: { option: 'bg-success-solid text-success-solid-fg shadow-sm' } },
-        { variant: 'filled', color: 'warning', active: true, class: { option: 'bg-warning-solid text-warning-solid-fg shadow-sm' } },
-        { variant: 'filled', color: 'error', active: true, class: { option: 'bg-error-solid text-error-solid-fg shadow-sm' } },
+        // solid × color × active=true
+        { variant: 'solid', color: 'primary', active: true, class: { option: 'bg-primary-solid text-primary-solid-fg shadow-sm' } },
+        { variant: 'solid', color: 'secondary', active: true, class: { option: 'bg-secondary-solid text-secondary-solid-fg shadow-sm' } },
+        { variant: 'solid', color: 'accent', active: true, class: { option: 'bg-accent-solid text-accent-solid-fg shadow-sm' } },
+        { variant: 'solid', color: 'neutral', active: true, class: { option: 'bg-neutral-solid text-neutral-solid-fg shadow-sm' } },
+        { variant: 'solid', color: 'info', active: true, class: { option: 'bg-info-solid text-info-solid-fg shadow-sm' } },
+        { variant: 'solid', color: 'success', active: true, class: { option: 'bg-success-solid text-success-solid-fg shadow-sm' } },
+        { variant: 'solid', color: 'warning', active: true, class: { option: 'bg-warning-solid text-warning-solid-fg shadow-sm' } },
+        { variant: 'solid', color: 'error', active: true, class: { option: 'bg-error-solid text-error-solid-fg shadow-sm' } },
         // outline × color × active=true
         { variant: 'outline', color: 'primary', active: true, class: { option: 'ring-2 ring-primary-border-strong text-primary-fg' } },
         { variant: 'outline', color: 'secondary', active: true, class: { option: 'ring-2 ring-secondary-border-strong text-secondary-fg' } },
@@ -128,13 +168,17 @@ class SegmentedControlOptionComponent {
             return false;
         if (this.isActive())
             return true;
-        // If no option is active, first non-disabled option gets focus
-        if (this.parent?.activeValue() === null) {
-            const opts = this.parent.options();
-            const first = opts.find((o) => !o.isDisabled());
-            return first?.value() === this.value();
-        }
-        return false;
+        // Roving-tabindex recovery. The fallback used to be gated on
+        // `activeValue() === null`, which is a strict check: `undefined`, `''`, a
+        // stale id, or an active option that is itself disabled all left NO
+        // option tabbable and dropped the whole control out of the tab order
+        // (WCAG SC 2.1.1). The real condition is "no enabled option is active".
+        const opts = this.parent?.options() ?? [];
+        const hasTabbableActive = opts.some((o) => o.isActive() && !o.isDisabled());
+        if (hasTabbableActive)
+            return false;
+        const first = opts.find((o) => !o.isDisabled());
+        return first?.value() === this.value();
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isFocusable" }] : /* istanbul ignore next */ []));
     classes = computed(() => {
@@ -142,7 +186,7 @@ class SegmentedControlOptionComponent {
             size: this.parent?.size() ?? 'md',
             orientation: this.parent?.orientation() ?? 'horizontal',
             rounded: this.parent?.effectiveRounded() ?? 'pill',
-            variant: this.parent?.variant() ?? 'surface',
+            variant: this.parent?.resolvedVariant() ?? 'surface',
             color: this.parent?.color() ?? 'primary',
             active: this.isActive(),
             disabled: this.isDisabled(),
@@ -150,11 +194,13 @@ class SegmentedControlOptionComponent {
         return result.option();
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    /** Selects this option in the parent segmented control. No-op when the option is disabled. */
     select() {
         if (this.isDisabled())
             return;
         this.parent?.selectOption(this.value());
     }
+    /** Moves DOM focus to this option's element. Called by the parent group's arrow-key handler, which moves focus and selection together (selection-follows-focus, as WAI-ARIA APG specifies for a radiogroup). */
     focus() {
         this.elementRef.nativeElement.focus();
     }
@@ -180,7 +226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 // ── SegmentedControlComponent ──
 class SegmentedControlComponent {
-    /** Controls the active indicator style. `'surface'` shows a raised white pill; `'filled'` shows a solid colored background; `'outline'` shows a colored ring border. Defaults to `'surface'`. */
+    /** Controls the active indicator style. `'surface'` shows a raised white pill; `'solid'` shows a solid colored background; `'outline'` shows a colored ring border. Defaults to `'surface'`. `'filled'` is a deprecated alias for `'solid'`. */
     variant = input('surface', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     /** Sets the semantic color for the active option indicator. Defaults to `'primary'`. */
@@ -198,23 +244,86 @@ class SegmentedControlComponent {
     /** When true, prevents all interaction and applies muted styling. Defaults to `false`. */
     disabled = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    /** The value of the currently selected option. Two-way bound. Updates on user selection. */
+    /** When true, sets `aria-required="true"` on the radiogroup so assistive tech announces a choice is mandatory. Also inferred from `Validators.required` on a bound control, so a reactive/template-driven form does not have to state it twice. Defaults to `false`. */
+    requiredInput = input(false, { ...(ngDevMode ? { debugName: "requiredInput" } : /* istanbul ignore next */ {}), alias: 'required' });
+    /** Per-instance override of the {@link ErrorStateMatcher}. When omitted, the control uses the `TW_ERROR_STATE_MATCHER` token's value. */
+    errorStateMatcher = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorStateMatcher" }] : /* istanbul ignore next */ []));
+    /**
+     * The value of the currently selected option. Two-way bound. Defaults to
+     * `null`.
+     *
+     * The two-way binding mints a `valueChange` output, and it is the
+     * *any-change* channel: it fires on user selection **and** on a programmatic
+     * write from a bound form (`FormControl.setValue`, `ngModel`, `writeValue`).
+     * Unlike `tw-checkbox` / `tw-switch` / `tw-radio-group`, this control ships no
+     * separate gesture-only `change` output, so writing back into the same form
+     * from a `(valueChange)` handler will echo. To act on user selection alone,
+     * compare against the value you last wrote, or listen on the form control.
+     */
     value = model(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     /** @internal */
     options = contentChildren(SegmentedControlOptionComponent, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    elementRef = inject((ElementRef));
+    ngControl = inject(NgControl, { optional: true, self: true });
+    /**
+     * Optional so a consumer that never imports `BidiModule` still gets a working
+     * control — arrow navigation falls back to LTR when the token is absent. Read
+     * imperatively inside the keydown handler; nothing here needs to re-render on
+     * a direction change.
+     */
+    directionality = inject(Directionality, { optional: true });
     onChange = () => { };
     onTouched = () => { };
     cvaDisabled = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    /** @internal Shared `errorState` / `required` / `errors` derivation — see `wireErrorState`. */
+    errorWiring = wireErrorState({
+        ngControl: () => this.ngControl,
+        matcher: () => this.errorStateMatcher(),
+        required: () => this.requiredInput(),
+    });
+    constructor() {
+        // Material-style CVA wiring: declare ourselves as the value accessor on any
+        // host-level `NgControl` (FormControlDirective, NgModel, etc.). This avoids
+        // the circular-DI that a static `NG_VALUE_ACCESSOR` provider would create
+        // because `NgControl` is injected with `self: true` on the same element.
+        //
+        // The assignment MUST stay in the constructor. This component exposes a
+        // `value` model(), so Angular v22 would otherwise compile it as a
+        // signal-forms *custom control* and skip `setUpValidators` entirely — a
+        // silent validator drop that no value/disabled test can catch.
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
     isDisabled = computed(() => this.disabled() || this.cvaDisabled(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    /**
+     * @internal Resolved required state: the `required` input OR'd with
+     * `Validators.required` on a bound `NgControl`. The OR (rather than a
+     * validator-only read) is what keeps signal forms working — `cvaControlCreate`
+     * writes the `required` *input* directly from the field state and never
+     * consults validators, so the input arm carries that branch while the
+     * validator arm carries reactive/template-driven forms.
+     */
+    required = this.errorWiring.required;
+    /** @internal Whether the control is in an error state per the configured `ErrorStateMatcher`. Reads the bound `NgControl.invalid` through the matcher and drives `aria-invalid` on the radiogroup host. */
+    errorState = this.errorWiring.errorState;
     activeValue = linkedSignal(() => this.value(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "activeValue" }] : /* istanbul ignore next */ []));
     /** @internal Read by `SegmentedControlOptionComponent.classes` to resolve the option's tv() bucket. Vertical orientation forces `'md'` regardless of input. */
     effectiveRounded = computed(() => this.orientation() === 'vertical' ? 'md' : this.rounded(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "effectiveRounded" }] : /* istanbul ignore next */ []));
+    /** @internal Canonical variant with legacy spellings folded in. Read by `SegmentedControlOptionComponent.classes` to resolve the option's tv() bucket. */
+    resolvedVariant = computed(() => {
+        const v = this.variant();
+        return (VARIANT_ALIASES[v] ??
+            v);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
     variantResult = computed(() => segmentedControlVariants({
         size: this.size(),
         orientation: this.orientation(),
@@ -229,28 +338,81 @@ class SegmentedControlComponent {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
     // ── Selection ──
+    /** Selects the option with the given value, updating the two-way bound `value` and notifying the registered `ControlValueAccessor` callbacks. No-op when the control is disabled. */
     selectOption(val) {
         if (this.isDisabled())
             return;
         this.activeValue.set(val);
         this.value.set(val);
         this.onChange(val);
+        // Deliberately NOT `onTouched()`. Angular's CVA contract registers
+        // `onTouched` as the BLUR notification; calling it on selection flipped
+        // `touched` with no blur, so a consumer staging error display on `touched`
+        // got different behaviour from `tw-segmented-control` than from
+        // `tw-slider` / `tw-input`. `onFocusOut()` below is the only place that
+        // fires it. The control's own `valueChanges`/`statusChanges` subscription
+        // (see `ngOnInit`) is what refreshes `errorState` after this write.
+    }
+    /**
+     * @internal Blur notification for the CVA contract. Fires `onTouched` only
+     * when focus leaves the radiogroup entirely — roving focus moves between
+     * option elements inside the group, and each of those hops raises `focusout`
+     * on the host too. Without this the control is only ever marked `touched` by
+     * a selection, so a user who tabs through without choosing never surfaces the
+     * `required` error.
+     */
+    onFocusOut(event) {
+        const next = event.relatedTarget;
+        if (next && this.elementRef.nativeElement.contains(next))
+            return;
         this.onTouched();
+        this.errorWiring.bump();
     }
     // ── Keyboard navigation ──
+    /** @internal Handles roving-focus keyboard navigation (Arrow keys, Home, End) and Space / Enter activation across the option group. */
     onKeydown(event) {
         const opts = this.options();
         if (opts.length === 0)
             return;
+        // Space activates the focused option, as WAI-ARIA requires of every
+        // `role="radio"`. The option host is a custom element, not a native
+        // control, so no click event is synthesised for us — without this branch
+        // selection is pointer-only (WCAG SC 2.1.1). Enter is accepted too: it
+        // costs nothing and matches what users expect from a button-like control.
+        if (event.key === ' ' || event.key === 'Spacebar' || event.key === 'Enter') {
+            const target = event.target;
+            const focused = target
+                ? opts.find(o => o.elementRef.nativeElement.contains(target))
+                : undefined;
+            if (focused && !focused.isDisabled()) {
+                // Space would otherwise scroll the page.
+                event.preventDefault();
+                this.selectOption(focused.value());
+            }
+            return;
+        }
         let targetIndex = -1;
         const currentIdx = opts.findIndex(o => o.value() === this.activeValue());
         const startIdx = currentIdx >= 0 ? currentIdx : 0;
+        // Horizontal arrows follow the layout direction. The option host is a
+        // custom element carrying `role="radio"`, not a native `<input>`, so the
+        // browser's RTL arrow flipping is unavailable — without this the arrows
+        // step backwards in DOM order but forwards visually in an RTL locale.
+        // Vertical arrows are direction-independent (CDK's ListKeyManager draws the
+        // same line), and the flip applies regardless of `orientation()` because a
+        // radiogroup accepts both arrow pairs in either layout, per WAI-ARIA APG.
+        const forward = this.directionality?.value === 'rtl' ? -1 : 1;
+        const backward = forward === 1 ? -1 : 1;
         switch (event.key) {
             case 'ArrowRight':
+                targetIndex = this.findNextEnabledIndex(opts, startIdx, forward);
+                break;
+            case 'ArrowLeft':
+                targetIndex = this.findNextEnabledIndex(opts, startIdx, backward);
+                break;
             case 'ArrowDown':
                 targetIndex = this.findNextEnabledIndex(opts, startIdx, 1);
                 break;
-            case 'ArrowLeft':
             case 'ArrowUp':
                 targetIndex = this.findNextEnabledIndex(opts, startIdx, -1);
                 break;
@@ -299,14 +461,15 @@ class SegmentedControlComponent {
     setDisabledState(isDisabled) {
         this.cvaDisabled.set(isDisabled);
     }
+    // ── Lifecycle ──
+    ngOnInit() {
+        // NgControl's `control` is set by the parent FormControl* directive before
+        // children's `ngOnInit`. Subscribe here so `errorState` reacts to
+        // status/value changes on the bound control.
+        this.errorWiring.connect();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: SegmentedControlComponent, isStandalone: true, selector: "tw-segmented-control", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "rootClasses()", "attr.aria-orientation": "orientation()", "attr.aria-disabled": "isDisabled() || null" } }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => SegmentedControlComponent),
-                multi: true,
-            },
-        ], queries: [{ propertyName: "options", predicate: SegmentedControlOptionComponent, isSignal: true }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: SegmentedControlComponent, isStandalone: true, selector: "tw-segmented-control", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, requiredInput: { classPropertyName: "requiredInput", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown($event)", "focusout": "onFocusOut($event)" }, properties: { "class": "rootClasses()", "attr.aria-orientation": "orientation()", "attr.aria-disabled": "isDisabled() || null", "attr.aria-invalid": "errorState() || null", "attr.aria-required": "required() || null" } }, queries: [{ propertyName: "options", predicate: SegmentedControlOptionComponent, isSignal: true }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SegmentedControlComponent, decorators: [{
             type: Component,
@@ -314,22 +477,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     selector: 'tw-segmented-control',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `<ng-content />`,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SegmentedControlComponent),
-                            multi: true,
-                        },
-                    ],
+                    // No static `NG_VALUE_ACCESSOR` provider: this control injects
+                    // `NgControl` with `{ self: true }` for `TW_ERROR_STATE_MATCHER`
+                    // integration, and a static provider on the same element creates circular
+                    // DI against it. The accessor is registered by runtime assignment in the
+                    // constructor instead — see the constructor comment for why that must be
+                    // the constructor and not `ngOnInit`.
                     host: {
                         'role': 'radiogroup',
                         '[class]': 'rootClasses()',
                         '[attr.aria-orientation]': 'orientation()',
                         '[attr.aria-disabled]': 'isDisabled() || null',
+                        '[attr.aria-invalid]': 'errorState() || null',
+                        '[attr.aria-required]': 'required() || null',
                         '(keydown)': 'onKeydown($event)',
+                        '(focusout)': 'onFocusOut($event)',
                     },
                 }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SegmentedControlOptionComponent), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], requiredInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SegmentedControlOptionComponent), { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/cdevhub-ngx-tw-segmented-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdevhub-ngx-tw-segmented-control.mjs","sources":["../../../projects/ngx-tw/segmented-control/segmented-control.ts","../../../projects/ngx-tw/segmented-control/cdevhub-ngx-tw-segmented-control.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  isDevMode,\n  linkedSignal,\n  model,\n  signal,\n} from '@angular/core';\nimport { type ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { tv } from 'tailwind-variants';\nimport type { TwColor, TwOrientation, TwSize } from '@cdevhub/ngx-tw/core';\n\n/** Visual style of the active indicator. */\nexport type SegmentedControlVariant = 'surface' | 'filled' | 'outline';\n\n/** Border-radius shape of the container and options. */\nexport type SegmentedControlRounded = 'pill' | 'md';\n\n// ── tv() config ──\n// All slot styling — base, size, orientation, rounded, variant × color × active,\n// disabled — flows through this single config. Static literal class strings are\n// required so the Tailwind v4 JIT scanner picks them up; new\n// `{role}-{solid,fg,border-strong}` combinations need a matching entry in\n// `theme/index.css`'s `@source inline(...)` safelist.\n\nconst segmentedControlVariants = tv({\n  slots: {\n    root: 'inline-flex bg-surface-muted p-1',\n    option:\n      'inline-flex items-center justify-center gap-1.5 font-medium whitespace-nowrap cursor-pointer transition-colors duration-normal motion-reduce:transition-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500',\n  },\n  variants: {\n    size: {\n      xs: { option: 'px-2 py-1 text-xs' },\n      sm: { option: 'px-3 py-1.5 text-sm' },\n      md: { option: 'px-4 py-2 text-sm' },\n      lg: { option: 'px-5 py-2.5 text-base' },\n      xl: { option: 'px-6 py-3 text-base' },\n    },\n    orientation: {\n      horizontal: { root: 'flex-row gap-1' },\n      vertical: { root: 'flex-col gap-1' },\n    },\n    rounded: {\n      pill: { root: 'rounded-full', option: 'rounded-full' },\n      md: { root: 'rounded-md', option: 'rounded-md' },\n    },\n    // `variant` and `color` participate only via `compoundVariants` below —\n    // their per-axis entries are intentionally empty so the cartesian product\n    // (3 variants × 8 colors × 2 active states = 48 compound entries) owns\n    // all active styling without per-axis defaults bleeding through.\n    variant: {\n      surface: {},\n      filled: {},\n      outline: {},\n    },\n    color: {\n      primary: {},\n      secondary: {},\n      accent: {},\n      neutral: {},\n      info: {},\n      success: {},\n      warning: {},\n      error: {},\n    },\n    active: {\n      true: {},\n      false: { option: 'text-fg-muted hover:text-fg' },\n    },\n    disabled: {\n      true: { option: 'opacity-50 pointer-events-none cursor-default' },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    // surface × color × active=true\n    { variant: 'surface', color: 'primary', active: true, class: { option: 'bg-surface shadow-sm text-primary-fg' } },\n    { variant: 'surface', color: 'secondary', active: true, class: { option: 'bg-surface shadow-sm text-secondary-fg' } },\n    { variant: 'surface', color: 'accent', active: true, class: { option: 'bg-surface shadow-sm text-accent-fg' } },\n    { variant: 'surface', color: 'neutral', active: true, class: { option: 'bg-surface shadow-sm text-fg' } },\n    { variant: 'surface', color: 'info', active: true, class: { option: 'bg-surface shadow-sm text-info-fg' } },\n    { variant: 'surface', color: 'success', active: true, class: { option: 'bg-surface shadow-sm text-success-fg' } },\n    { variant: 'surface', color: 'warning', active: true, class: { option: 'bg-surface shadow-sm text-warning-fg' } },\n    { variant: 'surface', color: 'error', active: true, class: { option: 'bg-surface shadow-sm text-error-fg' } },\n    // filled × color × active=true\n    { variant: 'filled', color: 'primary', active: true, class: { option: 'bg-primary-solid text-primary-solid-fg shadow-sm' } },\n    { variant: 'filled', color: 'secondary', active: true, class: { option: 'bg-secondary-solid text-secondary-solid-fg shadow-sm' } },\n    { variant: 'filled', color: 'accent', active: true, class: { option: 'bg-accent-solid text-accent-solid-fg shadow-sm' } },\n    { variant: 'filled', color: 'neutral', active: true, class: { option: 'bg-neutral-solid text-neutral-solid-fg shadow-sm' } },\n    { variant: 'filled', color: 'info', active: true, class: { option: 'bg-info-solid text-info-solid-fg shadow-sm' } },\n    { variant: 'filled', color: 'success', active: true, class: { option: 'bg-success-solid text-success-solid-fg shadow-sm' } },\n    { variant: 'filled', color: 'warning', active: true, class: { option: 'bg-warning-solid text-warning-solid-fg shadow-sm' } },\n    { variant: 'filled', color: 'error', active: true, class: { option: 'bg-error-solid text-error-solid-fg shadow-sm' } },\n    // outline × color × active=true\n    { variant: 'outline', color: 'primary', active: true, class: { option: 'ring-2 ring-primary-border-strong text-primary-fg' } },\n    { variant: 'outline', color: 'secondary', active: true, class: { option: 'ring-2 ring-secondary-border-strong text-secondary-fg' } },\n    { variant: 'outline', color: 'accent', active: true, class: { option: 'ring-2 ring-accent-border-strong text-accent-fg' } },\n    { variant: 'outline', color: 'neutral', active: true, class: { option: 'ring-2 ring-border-strong text-fg' } },\n    { variant: 'outline', color: 'info', active: true, class: { option: 'ring-2 ring-info-border-strong text-info-fg' } },\n    { variant: 'outline', color: 'success', active: true, class: { option: 'ring-2 ring-success-border-strong text-success-fg' } },\n    { variant: 'outline', color: 'warning', active: true, class: { option: 'ring-2 ring-warning-border-strong text-warning-fg' } },\n    { variant: 'outline', color: 'error', active: true, class: { option: 'ring-2 ring-error-border-strong text-error-fg' } },\n  ],\n  defaultVariants: {\n    size: 'md',\n    orientation: 'horizontal',\n    rounded: 'pill',\n    variant: 'surface',\n    color: 'primary',\n    active: false,\n    disabled: false,\n  },\n}, { twMerge: true });\n\n// ── SegmentedControlOptionComponent ──\n\nlet nextId = 0;\n\n@Component({\n  selector: 'tw-segmented-option',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />`,\n  host: {\n    'role': 'radio',\n    '[id]': 'id',\n    '[class]': 'classes()',\n    '[attr.aria-checked]': 'isActive()',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '[attr.tabindex]': 'isFocusable() ? 0 : -1',\n    '(click)': 'select()',\n  },\n})\nexport class SegmentedControlOptionComponent {\n  /** Unique value identifying this option. Required. */\n  readonly value = input.required<string>();\n\n  /** When true, this option cannot be selected and is skipped by keyboard navigation. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  readonly elementRef = inject(ElementRef<HTMLElement>);\n  // `{ optional: true }` so the dev-mode guard below can fire a clearer\n  // error than a raw DI failure when the option is rendered outside a\n  // `<tw-segmented-control>`. All downstream reads use `this.parent?.` so\n  // production misconfiguration degrades cleanly to a non-interactive option\n  // (the dev `console.error` makes the cause obvious during development).\n  private readonly parent: SegmentedControlComponent | null = inject(\n    forwardRef(() => SegmentedControlComponent),\n    { optional: true },\n  );\n\n  readonly id = `tw-segmented-option-${nextId++}`;\n\n  constructor() {\n    if (isDevMode() && !this.parent) {\n      console.error(\n        '<tw-segmented-option> must be a child of <tw-segmented-control>.',\n      );\n    }\n  }\n\n  readonly isActive = computed(() => this.parent?.activeValue() === this.value());\n\n  readonly isDisabled = computed(() => this.disabled() || (this.parent?.isDisabled() ?? false));\n\n  readonly isFocusable = computed(() => {\n    if (this.isDisabled()) return false;\n    if (this.isActive()) return true;\n    // If no option is active, first non-disabled option gets focus\n    if (this.parent?.activeValue() === null) {\n      const opts = this.parent.options();\n      const first = opts.find((o: SegmentedControlOptionComponent) => !o.isDisabled());\n      return first?.value() === this.value();\n    }\n    return false;\n  });\n\n  readonly classes = computed(() => {\n    const result = segmentedControlVariants({\n      size: this.parent?.size() ?? 'md',\n      orientation: this.parent?.orientation() ?? 'horizontal',\n      rounded: this.parent?.effectiveRounded() ?? 'pill',\n      variant: this.parent?.variant() ?? 'surface',\n      color: this.parent?.color() ?? 'primary',\n      active: this.isActive(),\n      disabled: this.isDisabled(),\n    });\n    return result.option();\n  });\n\n  select(): void {\n    if (this.isDisabled()) return;\n    this.parent?.selectOption(this.value());\n  }\n\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n}\n\n// ── SegmentedControlComponent ──\n\n@Component({\n  selector: 'tw-segmented-control',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />`,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SegmentedControlComponent),\n      multi: true,\n    },\n  ],\n  host: {\n    'role': 'radiogroup',\n    '[class]': 'rootClasses()',\n    '[attr.aria-orientation]': 'orientation()',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class SegmentedControlComponent implements ControlValueAccessor {\n  /** Controls the active indicator style. `'surface'` shows a raised white pill; `'filled'` shows a solid colored background; `'outline'` shows a colored ring border. Defaults to `'surface'`. */\n  readonly variant = input<SegmentedControlVariant>('surface');\n\n  /** Sets the semantic color for the active option indicator. Defaults to `'primary'`. */\n  readonly color = input<TwColor>('primary');\n\n  /** Controls padding, font size, and gap of options. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** Layout direction of the control. Defaults to `'horizontal'`. */\n  readonly orientation = input<TwOrientation>('horizontal');\n\n  /** Controls the border-radius shape of the container and options. `'pill'` uses fully rounded corners; `'md'` uses standard radius. Vertical orientation forces `'md'`. Defaults to `'pill'`. */\n  readonly rounded = input<SegmentedControlRounded>('pill');\n\n  /** When true, prevents all interaction and applies muted styling. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  /** The value of the currently selected option. Two-way bound. Updates on user selection. */\n  readonly value = model<string | null>(null);\n\n  /** @internal */\n  readonly options = contentChildren(SegmentedControlOptionComponent);\n\n  private onChange: (value: string | null) => void = () => {};\n  private onTouched: () => void = () => {};\n  private readonly cvaDisabled = signal(false);\n\n  readonly isDisabled = computed(() => this.disabled() || this.cvaDisabled());\n\n  readonly activeValue = linkedSignal(() => this.value());\n\n  /** @internal Read by `SegmentedControlOptionComponent.classes` to resolve the option's tv() bucket. Vertical orientation forces `'md'` regardless of input. */\n  readonly effectiveRounded = computed<SegmentedControlRounded>(() =>\n    this.orientation() === 'vertical' ? 'md' : this.rounded(),\n  );\n\n  private readonly variantResult = computed(() =>\n    segmentedControlVariants({\n      size: this.size(),\n      orientation: this.orientation(),\n      rounded: this.effectiveRounded(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => {\n    const base = this.variantResult().root();\n    return this.isDisabled()\n      ? `${base} opacity-50 pointer-events-none`\n      : base;\n  });\n\n  // ── Selection ──\n\n  selectOption(val: string): void {\n    if (this.isDisabled()) return;\n    this.activeValue.set(val);\n    this.value.set(val);\n    this.onChange(val);\n    this.onTouched();\n  }\n\n  // ── Keyboard navigation ──\n\n  onKeydown(event: KeyboardEvent): void {\n    const opts = this.options();\n    if (opts.length === 0) return;\n\n    let targetIndex = -1;\n    const currentIdx = opts.findIndex(o => o.value() === this.activeValue());\n    const startIdx = currentIdx >= 0 ? currentIdx : 0;\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        targetIndex = this.findNextEnabledIndex(opts, startIdx, 1);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        targetIndex = this.findNextEnabledIndex(opts, startIdx, -1);\n        break;\n      case 'Home':\n        targetIndex = opts.findIndex(o => !o.isDisabled());\n        break;\n      case 'End':\n        for (let i = opts.length - 1; i >= 0; i--) {\n          if (!opts[i].isDisabled()) { targetIndex = i; break; }\n        }\n        break;\n      default:\n        return;\n    }\n\n    if (targetIndex >= 0) {\n      event.preventDefault();\n      const opt = opts[targetIndex];\n      this.selectOption(opt.value());\n      opt.focus();\n    }\n  }\n\n  private findNextEnabledIndex(\n    opts: readonly SegmentedControlOptionComponent[],\n    from: number,\n    direction: 1 | -1,\n  ): number {\n    const len = opts.length;\n    let idx = from;\n    for (let i = 0; i < len; i++) {\n      idx = (idx + direction + len) % len;\n      if (!opts[idx].isDisabled()) return idx;\n    }\n    return -1;\n  }\n\n  // ── ControlValueAccessor ──\n\n  writeValue(val: string | null): void {\n    this.activeValue.set(val);\n    this.value.set(val ?? null);\n  }\n\n  registerOnChange(fn: (value: string | null) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.cvaDisabled.set(isDisabled);\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":"cdevhub-ngx-tw-segmented-control.mjs","sources":["../../../projects/ngx-tw/segmented-control/segmented-control.ts","../../../projects/ngx-tw/segmented-control/cdevhub-ngx-tw-segmented-control.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  isDevMode,\n  linkedSignal,\n  model,\n  type OnInit,\n  signal,\n  type Signal,\n} from '@angular/core';\nimport { type ControlValueAccessor, NgControl } from '@angular/forms';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { tv } from 'tailwind-variants';\nimport {\n  type ErrorStateMatcher,\n  type TwColor,\n  type TwOrientation,\n  type TwSize,\n  wireErrorState,\n} from '@cdevhub/ngx-tw/core';\n\n/** Visual style of the active indicator. */\nexport type SegmentedControlVariant =\n  | 'surface'\n  | 'solid'\n  | 'outline'\n  | SegmentedControlVariantLegacy;\n\n/**\n * Legacy `variant` spellings, kept so existing templates keep compiling.\n *\n * @deprecated `'filled'` is an alias for `'solid'`; it will be removed in the next\n * major. Prefer `'solid'`.\n */\nexport type SegmentedControlVariantLegacy = 'filled';\n\n/** Canonical `variant` spellings — the set `tv()` actually keys on. */\ntype SegmentedControlVariantCanonical = Exclude<\n  SegmentedControlVariant,\n  SegmentedControlVariantLegacy\n>;\n\n/** Maps every legacy spelling onto its canonical replacement. */\nconst VARIANT_ALIASES: Readonly<\n  Record<SegmentedControlVariantLegacy, SegmentedControlVariantCanonical>\n> = {\n  filled: 'solid',\n};\n\n/** Border-radius shape of the container and options. */\nexport type SegmentedControlRounded = 'pill' | 'md';\n\n// ── tv() config ──\n// All slot styling — base, size, orientation, rounded, variant × color × active,\n// disabled — flows through this single config. Static literal class strings are\n// required so the Tailwind v4 JIT scanner picks them up; new\n// `{role}-{solid,fg,border-strong}` combinations need a matching entry in\n// `theme/index.css`'s `@source inline(...)` safelist.\n\nconst segmentedControlVariants = tv({\n  slots: {\n    root: 'inline-flex bg-surface-muted p-1',\n    option:\n      'inline-flex items-center justify-center gap-1.5 font-medium whitespace-nowrap cursor-pointer transition-colors duration-normal motion-reduce:transition-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500',\n  },\n  variants: {\n    // Pinned control heights — see `docs/vertical-rhythm.md`. The option carries\n    // horizontal padding and font size only; the height itself is pinned in the\n    // orientation-keyed compound variants below, because *which box* owns the\n    // pin depends on the axis (root when horizontal, option when vertical).\n    size: {\n      xs: { option: 'px-2 text-xs' },\n      sm: { option: 'px-3 text-sm' },\n      md: { option: 'px-4 text-sm' },\n      lg: { option: 'px-5 text-base' },\n      xl: { option: 'px-6 text-base' },\n    },\n    orientation: {\n      horizontal: { root: 'flex-row gap-1' },\n      vertical: { root: 'flex-col gap-1' },\n    },\n    rounded: {\n      pill: { root: 'rounded-full', option: 'rounded-full' },\n      md: { root: 'rounded-md', option: 'rounded-md' },\n    },\n    // `variant` and `color` participate only via `compoundVariants` below —\n    // their per-axis entries are intentionally empty so the cartesian product\n    // (3 variants × 8 colors × 2 active states = 48 compound entries) owns\n    // all active styling without per-axis defaults bleeding through.\n    variant: {\n      surface: {},\n      solid: {},\n      outline: {},\n    },\n    color: {\n      primary: {},\n      secondary: {},\n      accent: {},\n      neutral: {},\n      info: {},\n      success: {},\n      warning: {},\n      error: {},\n    },\n    active: {\n      true: {},\n      false: { option: 'text-fg-muted hover:text-fg' },\n    },\n    disabled: {\n      true: { option: 'opacity-50 pointer-events-none cursor-default' },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    // ── Pinned heights (docs/vertical-rhythm.md) ──\n    // Horizontal: the *root* is the single-line control, so the pin lives there.\n    // The `p-1` recessed track stays (it is the component's visual identity) and\n    // is absorbed by the pinned box under `box-sizing: border-box`; the root is\n    // `inline-flex` with the default `align-items: stretch`, so each option fills\n    // the remaining height without a pin of its own.\n    //\n    // `xs` is the exception, and it is an accessibility floor rather than a\n    // style choice. The option — not the root — carries `role=\"radio\"`, the\n    // tabindex and the click handler, so the option IS the target. A 24px root\n    // minus a 4px inset per side leaves a 16px target, under the WCAG 2.2\n    // SC 2.5.8 (AA) 24px minimum. An inset track and a 24px target cannot both\n    // fit inside 24px, so at `xs` the inset is dropped: the option fills the\n    // full 24px and `gap-1` alone carries the track read. Widening the root to\n    // 32px instead would restore the inset but break the shared control height\n    // that lets a segmented control sit flush beside a button or input.\n    { orientation: 'horizontal', size: 'xs', class: { root: 'h-6 p-0' } },\n    { orientation: 'horizontal', size: 'sm', class: { root: 'h-8' } },\n    { orientation: 'horizontal', size: 'md', class: { root: 'h-9' } },\n    { orientation: 'horizontal', size: 'lg', class: { root: 'h-11' } },\n    { orientation: 'horizontal', size: 'xl', class: { root: 'h-12' } },\n    // Vertical: the root grows with the option count, so pinning it would crush\n    // the stack. Each option is its own single-line control row instead, which\n    // reproduces the pre-migration vertical height exactly (padding-derived\n    // before, declared now).\n    { orientation: 'vertical', size: 'xs', class: { option: 'h-6' } },\n    { orientation: 'vertical', size: 'sm', class: { option: 'h-8' } },\n    { orientation: 'vertical', size: 'md', class: { option: 'h-9' } },\n    { orientation: 'vertical', size: 'lg', class: { option: 'h-11' } },\n    { orientation: 'vertical', size: 'xl', class: { option: 'h-12' } },\n    // surface × color × active=true\n    { variant: 'surface', color: 'primary', active: true, class: { option: 'bg-surface shadow-sm text-primary-fg' } },\n    { variant: 'surface', color: 'secondary', active: true, class: { option: 'bg-surface shadow-sm text-secondary-fg' } },\n    { variant: 'surface', color: 'accent', active: true, class: { option: 'bg-surface shadow-sm text-accent-fg' } },\n    { variant: 'surface', color: 'neutral', active: true, class: { option: 'bg-surface shadow-sm text-fg' } },\n    { variant: 'surface', color: 'info', active: true, class: { option: 'bg-surface shadow-sm text-info-fg' } },\n    { variant: 'surface', color: 'success', active: true, class: { option: 'bg-surface shadow-sm text-success-fg' } },\n    { variant: 'surface', color: 'warning', active: true, class: { option: 'bg-surface shadow-sm text-warning-fg' } },\n    { variant: 'surface', color: 'error', active: true, class: { option: 'bg-surface shadow-sm text-error-fg' } },\n    // solid × color × active=true\n    { variant: 'solid', color: 'primary', active: true, class: { option: 'bg-primary-solid text-primary-solid-fg shadow-sm' } },\n    { variant: 'solid', color: 'secondary', active: true, class: { option: 'bg-secondary-solid text-secondary-solid-fg shadow-sm' } },\n    { variant: 'solid', color: 'accent', active: true, class: { option: 'bg-accent-solid text-accent-solid-fg shadow-sm' } },\n    { variant: 'solid', color: 'neutral', active: true, class: { option: 'bg-neutral-solid text-neutral-solid-fg shadow-sm' } },\n    { variant: 'solid', color: 'info', active: true, class: { option: 'bg-info-solid text-info-solid-fg shadow-sm' } },\n    { variant: 'solid', color: 'success', active: true, class: { option: 'bg-success-solid text-success-solid-fg shadow-sm' } },\n    { variant: 'solid', color: 'warning', active: true, class: { option: 'bg-warning-solid text-warning-solid-fg shadow-sm' } },\n    { variant: 'solid', color: 'error', active: true, class: { option: 'bg-error-solid text-error-solid-fg shadow-sm' } },\n    // outline × color × active=true\n    { variant: 'outline', color: 'primary', active: true, class: { option: 'ring-2 ring-primary-border-strong text-primary-fg' } },\n    { variant: 'outline', color: 'secondary', active: true, class: { option: 'ring-2 ring-secondary-border-strong text-secondary-fg' } },\n    { variant: 'outline', color: 'accent', active: true, class: { option: 'ring-2 ring-accent-border-strong text-accent-fg' } },\n    { variant: 'outline', color: 'neutral', active: true, class: { option: 'ring-2 ring-border-strong text-fg' } },\n    { variant: 'outline', color: 'info', active: true, class: { option: 'ring-2 ring-info-border-strong text-info-fg' } },\n    { variant: 'outline', color: 'success', active: true, class: { option: 'ring-2 ring-success-border-strong text-success-fg' } },\n    { variant: 'outline', color: 'warning', active: true, class: { option: 'ring-2 ring-warning-border-strong text-warning-fg' } },\n    { variant: 'outline', color: 'error', active: true, class: { option: 'ring-2 ring-error-border-strong text-error-fg' } },\n  ],\n  defaultVariants: {\n    size: 'md',\n    orientation: 'horizontal',\n    rounded: 'pill',\n    variant: 'surface',\n    color: 'primary',\n    active: false,\n    disabled: false,\n  },\n}, { twMerge: true });\n\n// ── SegmentedControlOptionComponent ──\n\nlet nextId = 0;\n\n@Component({\n  selector: 'tw-segmented-option',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />`,\n  host: {\n    'role': 'radio',\n    '[id]': 'id',\n    '[class]': 'classes()',\n    '[attr.aria-checked]': 'isActive()',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '[attr.tabindex]': 'isFocusable() ? 0 : -1',\n    '(click)': 'select()',\n  },\n})\nexport class SegmentedControlOptionComponent {\n  /** Unique value identifying this option. Required. */\n  readonly value = input.required<string>();\n\n  /** When true, this option cannot be selected and is skipped by keyboard navigation. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  readonly elementRef = inject(ElementRef<HTMLElement>);\n  // `{ optional: true }` so the dev-mode guard below can fire a clearer\n  // error than a raw DI failure when the option is rendered outside a\n  // `<tw-segmented-control>`. All downstream reads use `this.parent?.` so\n  // production misconfiguration degrades cleanly to a non-interactive option\n  // (the dev `console.error` makes the cause obvious during development).\n  private readonly parent: SegmentedControlComponent | null = inject(\n    forwardRef(() => SegmentedControlComponent),\n    { optional: true },\n  );\n\n  readonly id = `tw-segmented-option-${nextId++}`;\n\n  constructor() {\n    if (isDevMode() && !this.parent) {\n      console.error(\n        '<tw-segmented-option> must be a child of <tw-segmented-control>.',\n      );\n    }\n  }\n\n  readonly isActive = computed(() => this.parent?.activeValue() === this.value());\n\n  readonly isDisabled = computed(() => this.disabled() || (this.parent?.isDisabled() ?? false));\n\n  readonly isFocusable = computed(() => {\n    if (this.isDisabled()) return false;\n    if (this.isActive()) return true;\n    // Roving-tabindex recovery. The fallback used to be gated on\n    // `activeValue() === null`, which is a strict check: `undefined`, `''`, a\n    // stale id, or an active option that is itself disabled all left NO\n    // option tabbable and dropped the whole control out of the tab order\n    // (WCAG SC 2.1.1). The real condition is \"no enabled option is active\".\n    const opts = this.parent?.options() ?? [];\n    const hasTabbableActive = opts.some(\n      (o: SegmentedControlOptionComponent) => o.isActive() && !o.isDisabled(),\n    );\n    if (hasTabbableActive) return false;\n    const first = opts.find((o: SegmentedControlOptionComponent) => !o.isDisabled());\n    return first?.value() === this.value();\n  });\n\n  readonly classes = computed(() => {\n    const result = segmentedControlVariants({\n      size: this.parent?.size() ?? 'md',\n      orientation: this.parent?.orientation() ?? 'horizontal',\n      rounded: this.parent?.effectiveRounded() ?? 'pill',\n      variant: this.parent?.resolvedVariant() ?? 'surface',\n      color: this.parent?.color() ?? 'primary',\n      active: this.isActive(),\n      disabled: this.isDisabled(),\n    });\n    return result.option();\n  });\n\n  /** Selects this option in the parent segmented control. No-op when the option is disabled. */\n  select(): void {\n    if (this.isDisabled()) return;\n    this.parent?.selectOption(this.value());\n  }\n\n  /** Moves DOM focus to this option's element. Called by the parent group's arrow-key handler, which moves focus and selection together (selection-follows-focus, as WAI-ARIA APG specifies for a radiogroup). */\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n}\n\n// ── SegmentedControlComponent ──\n\n@Component({\n  selector: 'tw-segmented-control',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />`,\n  // No static `NG_VALUE_ACCESSOR` provider: this control injects\n  // `NgControl` with `{ self: true }` for `TW_ERROR_STATE_MATCHER`\n  // integration, and a static provider on the same element creates circular\n  // DI against it. The accessor is registered by runtime assignment in the\n  // constructor instead — see the constructor comment for why that must be\n  // the constructor and not `ngOnInit`.\n  host: {\n    'role': 'radiogroup',\n    '[class]': 'rootClasses()',\n    '[attr.aria-orientation]': 'orientation()',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '[attr.aria-invalid]': 'errorState() || null',\n    '[attr.aria-required]': 'required() || null',\n    '(keydown)': 'onKeydown($event)',\n    '(focusout)': 'onFocusOut($event)',\n  },\n})\nexport class SegmentedControlComponent implements ControlValueAccessor, OnInit {\n  /** Controls the active indicator style. `'surface'` shows a raised white pill; `'solid'` shows a solid colored background; `'outline'` shows a colored ring border. Defaults to `'surface'`. `'filled'` is a deprecated alias for `'solid'`. */\n  readonly variant = input<SegmentedControlVariant>('surface');\n\n  /** Sets the semantic color for the active option indicator. Defaults to `'primary'`. */\n  readonly color = input<TwColor>('primary');\n\n  /** Controls padding, font size, and gap of options. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** Layout direction of the control. Defaults to `'horizontal'`. */\n  readonly orientation = input<TwOrientation>('horizontal');\n\n  /** Controls the border-radius shape of the container and options. `'pill'` uses fully rounded corners; `'md'` uses standard radius. Vertical orientation forces `'md'`. Defaults to `'pill'`. */\n  readonly rounded = input<SegmentedControlRounded>('pill');\n\n  /** When true, prevents all interaction and applies muted styling. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  /** When true, sets `aria-required=\"true\"` on the radiogroup so assistive tech announces a choice is mandatory. Also inferred from `Validators.required` on a bound control, so a reactive/template-driven form does not have to state it twice. Defaults to `false`. */\n  readonly requiredInput = input(false, { alias: 'required' });\n\n  /** Per-instance override of the {@link ErrorStateMatcher}. When omitted, the control uses the `TW_ERROR_STATE_MATCHER` token's value. */\n  readonly errorStateMatcher = input<ErrorStateMatcher | undefined>(undefined);\n\n  /**\n   * The value of the currently selected option. Two-way bound. Defaults to\n   * `null`.\n   *\n   * The two-way binding mints a `valueChange` output, and it is the\n   * *any-change* channel: it fires on user selection **and** on a programmatic\n   * write from a bound form (`FormControl.setValue`, `ngModel`, `writeValue`).\n   * Unlike `tw-checkbox` / `tw-switch` / `tw-radio-group`, this control ships no\n   * separate gesture-only `change` output, so writing back into the same form\n   * from a `(valueChange)` handler will echo. To act on user selection alone,\n   * compare against the value you last wrote, or listen on the form control.\n   */\n  readonly value = model<string | null>(null);\n\n  /** @internal */\n  readonly options = contentChildren(SegmentedControlOptionComponent);\n\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly ngControl = inject(NgControl, { optional: true, self: true });\n  /**\n   * Optional so a consumer that never imports `BidiModule` still gets a working\n   * control — arrow navigation falls back to LTR when the token is absent. Read\n   * imperatively inside the keydown handler; nothing here needs to re-render on\n   * a direction change.\n   */\n  private readonly directionality = inject(Directionality, { optional: true });\n\n  private onChange: (value: string | null) => void = () => {};\n  private onTouched: () => void = () => {};\n  private readonly cvaDisabled = signal(false);\n\n  /** @internal Shared `errorState` / `required` / `errors` derivation — see `wireErrorState`. */\n  private readonly errorWiring = wireErrorState({\n    ngControl: () => this.ngControl,\n    matcher: () => this.errorStateMatcher(),\n    required: () => this.requiredInput(),\n  });\n\n  constructor() {\n    // Material-style CVA wiring: declare ourselves as the value accessor on any\n    // host-level `NgControl` (FormControlDirective, NgModel, etc.). This avoids\n    // the circular-DI that a static `NG_VALUE_ACCESSOR` provider would create\n    // because `NgControl` is injected with `self: true` on the same element.\n    //\n    // The assignment MUST stay in the constructor. This component exposes a\n    // `value` model(), so Angular v22 would otherwise compile it as a\n    // signal-forms *custom control* and skip `setUpValidators` entirely — a\n    // silent validator drop that no value/disabled test can catch.\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  readonly isDisabled = computed(() => this.disabled() || this.cvaDisabled());\n\n  /**\n   * @internal Resolved required state: the `required` input OR'd with\n   * `Validators.required` on a bound `NgControl`. The OR (rather than a\n   * validator-only read) is what keeps signal forms working — `cvaControlCreate`\n   * writes the `required` *input* directly from the field state and never\n   * consults validators, so the input arm carries that branch while the\n   * validator arm carries reactive/template-driven forms.\n   */\n  readonly required: Signal<boolean> = this.errorWiring.required;\n\n  /** @internal Whether the control is in an error state per the configured `ErrorStateMatcher`. Reads the bound `NgControl.invalid` through the matcher and drives `aria-invalid` on the radiogroup host. */\n  readonly errorState: Signal<boolean> = this.errorWiring.errorState;\n\n  readonly activeValue = linkedSignal(() => this.value());\n\n  /** @internal Read by `SegmentedControlOptionComponent.classes` to resolve the option's tv() bucket. Vertical orientation forces `'md'` regardless of input. */\n  readonly effectiveRounded = computed<SegmentedControlRounded>(() =>\n    this.orientation() === 'vertical' ? 'md' : this.rounded(),\n  );\n\n  /** @internal Canonical variant with legacy spellings folded in. Read by `SegmentedControlOptionComponent.classes` to resolve the option's tv() bucket. */\n  readonly resolvedVariant = computed<SegmentedControlVariantCanonical>(() => {\n    const v = this.variant();\n    return (\n      (VARIANT_ALIASES as Record<string, SegmentedControlVariantCanonical | undefined>)[v] ??\n      (v as SegmentedControlVariantCanonical)\n    );\n  });\n\n  private readonly variantResult = computed(() =>\n    segmentedControlVariants({\n      size: this.size(),\n      orientation: this.orientation(),\n      rounded: this.effectiveRounded(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => {\n    const base = this.variantResult().root();\n    return this.isDisabled()\n      ? `${base} opacity-50 pointer-events-none`\n      : base;\n  });\n\n  // ── Selection ──\n\n  /** Selects the option with the given value, updating the two-way bound `value` and notifying the registered `ControlValueAccessor` callbacks. No-op when the control is disabled. */\n  selectOption(val: string): void {\n    if (this.isDisabled()) return;\n    this.activeValue.set(val);\n    this.value.set(val);\n    this.onChange(val);\n    // Deliberately NOT `onTouched()`. Angular's CVA contract registers\n    // `onTouched` as the BLUR notification; calling it on selection flipped\n    // `touched` with no blur, so a consumer staging error display on `touched`\n    // got different behaviour from `tw-segmented-control` than from\n    // `tw-slider` / `tw-input`. `onFocusOut()` below is the only place that\n    // fires it. The control's own `valueChanges`/`statusChanges` subscription\n    // (see `ngOnInit`) is what refreshes `errorState` after this write.\n  }\n\n  /**\n   * @internal Blur notification for the CVA contract. Fires `onTouched` only\n   * when focus leaves the radiogroup entirely — roving focus moves between\n   * option elements inside the group, and each of those hops raises `focusout`\n   * on the host too. Without this the control is only ever marked `touched` by\n   * a selection, so a user who tabs through without choosing never surfaces the\n   * `required` error.\n   */\n  onFocusOut(event: FocusEvent): void {\n    const next = event.relatedTarget as Node | null;\n    if (next && this.elementRef.nativeElement.contains(next)) return;\n    this.onTouched();\n    this.errorWiring.bump();\n  }\n\n  // ── Keyboard navigation ──\n\n  /** @internal Handles roving-focus keyboard navigation (Arrow keys, Home, End) and Space / Enter activation across the option group. */\n  onKeydown(event: KeyboardEvent): void {\n    const opts = this.options();\n    if (opts.length === 0) return;\n\n    // Space activates the focused option, as WAI-ARIA requires of every\n    // `role=\"radio\"`. The option host is a custom element, not a native\n    // control, so no click event is synthesised for us — without this branch\n    // selection is pointer-only (WCAG SC 2.1.1). Enter is accepted too: it\n    // costs nothing and matches what users expect from a button-like control.\n    if (event.key === ' ' || event.key === 'Spacebar' || event.key === 'Enter') {\n      const target = event.target as Node | null;\n      const focused = target\n        ? opts.find(o => o.elementRef.nativeElement.contains(target))\n        : undefined;\n      if (focused && !focused.isDisabled()) {\n        // Space would otherwise scroll the page.\n        event.preventDefault();\n        this.selectOption(focused.value());\n      }\n      return;\n    }\n\n    let targetIndex = -1;\n    const currentIdx = opts.findIndex(o => o.value() === this.activeValue());\n    const startIdx = currentIdx >= 0 ? currentIdx : 0;\n\n    // Horizontal arrows follow the layout direction. The option host is a\n    // custom element carrying `role=\"radio\"`, not a native `<input>`, so the\n    // browser's RTL arrow flipping is unavailable — without this the arrows\n    // step backwards in DOM order but forwards visually in an RTL locale.\n    // Vertical arrows are direction-independent (CDK's ListKeyManager draws the\n    // same line), and the flip applies regardless of `orientation()` because a\n    // radiogroup accepts both arrow pairs in either layout, per WAI-ARIA APG.\n    const forward: 1 | -1 = this.directionality?.value === 'rtl' ? -1 : 1;\n    const backward: 1 | -1 = forward === 1 ? -1 : 1;\n\n    switch (event.key) {\n      case 'ArrowRight':\n        targetIndex = this.findNextEnabledIndex(opts, startIdx, forward);\n        break;\n      case 'ArrowLeft':\n        targetIndex = this.findNextEnabledIndex(opts, startIdx, backward);\n        break;\n      case 'ArrowDown':\n        targetIndex = this.findNextEnabledIndex(opts, startIdx, 1);\n        break;\n      case 'ArrowUp':\n        targetIndex = this.findNextEnabledIndex(opts, startIdx, -1);\n        break;\n      case 'Home':\n        targetIndex = opts.findIndex(o => !o.isDisabled());\n        break;\n      case 'End':\n        for (let i = opts.length - 1; i >= 0; i--) {\n          if (!opts[i].isDisabled()) { targetIndex = i; break; }\n        }\n        break;\n      default:\n        return;\n    }\n\n    if (targetIndex >= 0) {\n      event.preventDefault();\n      const opt = opts[targetIndex];\n      this.selectOption(opt.value());\n      opt.focus();\n    }\n  }\n\n  private findNextEnabledIndex(\n    opts: readonly SegmentedControlOptionComponent[],\n    from: number,\n    direction: 1 | -1,\n  ): number {\n    const len = opts.length;\n    let idx = from;\n    for (let i = 0; i < len; i++) {\n      idx = (idx + direction + len) % len;\n      if (!opts[idx].isDisabled()) return idx;\n    }\n    return -1;\n  }\n\n  // ── ControlValueAccessor ──\n\n  writeValue(val: string | null): void {\n    this.activeValue.set(val);\n    this.value.set(val ?? null);\n  }\n\n  registerOnChange(fn: (value: string | null) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.cvaDisabled.set(isDisabled);\n  }\n\n  // ── Lifecycle ──\n\n  ngOnInit(): void {\n    // NgControl's `control` is set by the parent FormControl* directive before\n    // children's `ngOnInit`. Subscribe here so `errorState` reacts to\n    // status/value changes on the bound control.\n    this.errorWiring.connect();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}