@radix-ng/primitives 1.0.6 → 1.0.8

package/fesm2022/radix-ng-primitives-time-field.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, ElementRef, input, computed, signal, effect, Directive, model, booleanAttribute, contentChildren, linkedSignal, NgModule } from '@angular/core';
-import { useDateField, isNullish, normalizeDateStep, createFormatter, normalizeHourCycle, getDefaultTime, syncSegmentValues, initializeSegmentValues, isBefore, createContent, watch, isSegmentNavigationKey, ARROW_LEFT, ARROW_RIGHT, provideToken } from '@radix-ng/primitives/core';
+import { useDateField, isNullish, RdxFormUiControlBase, normalizeDateStep, createFormatter, normalizeHourCycle, getDefaultTime, syncSegmentValues, initializeSegmentValues, isBefore, resolveDisplayValid, createContent, watch, isSegmentNavigationKey, ARROW_LEFT, ARROW_RIGHT, provideToken } from '@radix-ng/primitives/core';
 import { toCalendarDateTime, today, getLocalTimeZone, Time, isEqualDay } from '@internationalized/date';
 import { injectDirection } from '@radix-ng/primitives/direction-provider';
 
@@ -38,8 +38,11 @@ class RdxTimeFieldInputDirective {
         /**
          * @ignore
          */
-        this.isInvalid = computed(() => this.rootContext.isInvalid(), /* @ts-ignore */
+        this.isInvalid = computed(() => this.rootContext.invalidState(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
+        /** @ignore Tri-state display validity from the root (gated by an enclosing Field). */
+        this.displayValid = computed(() => this.rootContext.displayValid(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayValid" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -94,7 +97,7 @@ class RdxTimeFieldInputDirective {
         this.hasLeftFocus.set(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxTimeFieldInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxTimeFieldInputDirective, isStandalone: true, selector: "[rdxTimeFieldInput]", inputs: { part: { classPropertyName: "part", publicName: "part", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "part() !== \"literal\" && handleSegmentClick($event)", "keydown": "part() !== \"literal\" && handleSegmentKeydown($event)", "focus": "part() !== \"literal\" && onFocus($event)", "focusout": "part() !== \"literal\" && onFocusOut()" }, properties: { "attr.contenteditable": "disabled() || readonly() ? false : part() !== \"literal\"", "attr.data-rdx-date-field-segment": "part()", "attr.aria-disabled": "disabled() ? \"\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-invalid": "isInvalid() ? \"\" : undefined", "attr.aria-invalid": "isInvalid() ? true : undefined" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxTimeFieldInputDirective, isStandalone: true, selector: "[rdxTimeFieldInput]", inputs: { part: { classPropertyName: "part", publicName: "part", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "part() !== \"literal\" && handleSegmentClick($event)", "keydown": "part() !== \"literal\" && handleSegmentKeydown($event)", "focus": "part() !== \"literal\" && onFocus($event)", "focusout": "part() !== \"literal\" && onFocusOut()" }, properties: { "attr.contenteditable": "disabled() || readonly() ? false : part() !== \"literal\"", "attr.data-rdx-date-field-segment": "part()", "attr.aria-disabled": "disabled() ? \"\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-invalid": "displayValid() === false ? \"\" : undefined", "attr.aria-invalid": "displayValid() === false ? true : undefined" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxTimeFieldInputDirective, decorators: [{
             type: Directive,
@@ -105,8 +108,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '[attr.data-rdx-date-field-segment]': 'part()',
                         '[attr.aria-disabled]': 'disabled() ? "" : undefined',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined',
-                        '[attr.data-invalid]': 'isInvalid() ? "" : undefined',
-                        '[attr.aria-invalid]': 'isInvalid() ? true : undefined',
+                        '[attr.data-invalid]': 'displayValid() === false ? "" : undefined',
+                        '[attr.aria-invalid]': 'displayValid() === false ? true : undefined',
                         '(mousedown)': 'part() !== "literal" && handleSegmentClick($event)',
                         '(keydown)': 'part() !== "literal" && handleSegmentKeydown($event)',
                         '(focus)': 'part() !== "literal" && onFocus($event)',
@@ -137,8 +140,13 @@ function isSameTimeValue(a, b) {
         return a === b;
     return a.compare(b) === 0;
 }
-class RdxTimeFieldRootDirective {
+class RdxTimeFieldRootDirective extends RdxFormUiControlBase {
+    /** @ignore Mark the field touched (model + `touch` output) for Signal Forms. Called on segment blur. */
+    markAsTouched() {
+        this.formUi.markAsTouched();
+    }
     constructor() {
+        super();
         /**
          * The controlled checked state of the calendar.
          */
@@ -285,6 +293,25 @@ class RdxTimeFieldRootDirective {
             return false;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
+        /**
+         * @ignore Effective invalid: the built-in range check OR the form-driven `invalid` / `errors`
+         * (Signal Forms). Reflected on the root and segments.
+         */
+        this.invalidState = computed(() => this.isInvalid() || this.formUi.invalidState(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "invalidState" }] : /* istanbul ignore next */ []));
+        /**
+         * @ignore Tri-state display validity: the enclosing Field's gated state when inside a `rdxFieldRoot`,
+         * else the time-field's own (parse + form) invalidity. Overrides the base default (`formUi` only).
+         */
+        this.displayValid = computed(() => resolveDisplayValid(this.fieldValidity, this.invalidState), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayValid" }] : /* istanbul ignore next */ []));
+        /** @ignore */
+        this.touchedState = this.formUi.touchedState;
+        /** @ignore */
+        this.dirtyState = this.formUi.dirtyState;
+        /** @ignore Whether the user has focused a segment — gates dirty tracking so a form/initial seed of `value` doesn't mark dirty. */
+        this.userInteracted = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "userInteracted" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -341,6 +368,13 @@ class RdxTimeFieldRootDirective {
         this.focusNext = () => {
             this.nextFocusableSegment()?.focus();
         };
+        // Mark dirty when the value changes after the user has interacted (a form/initial seed of
+        // `value` lands before any segment focus, so it is excluded).
+        watch([this.value], () => {
+            if (this.userInteracted()) {
+                this.formUi.markDirty();
+            }
+        });
         watch([this.convertedModelValue], ([value]) => {
             if (!isNullish(value) &&
                 (!isEqualDay(this.convertedPlaceholder(), value) ||
@@ -378,9 +412,10 @@ class RdxTimeFieldRootDirective {
      */
     setFocusedElement(el) {
         this.currentFocusedElement.set(el);
+        this.userInteracted.set(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxTimeFieldRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.2", type: RdxTimeFieldRootDirective, isStandalone: true, selector: "[rdxTimeFieldRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, hourCycle: { classPropertyName: "hourCycle", publicName: "hourCycle", isSignal: true, isRequired: false, transformFunction: null }, granularity: { classPropertyName: "granularity", publicName: "granularity", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, dirInput: { classPropertyName: "dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, hideTimeZone: { classPropertyName: "hideTimeZone", publicName: "hideTimeZone", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", placeholder: "placeholderChange" }, host: { attributes: { "role": "group" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.aria-disabled": "disabled() ? \"\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-invalid": "isInvalid() ? \"\" : undefined", "attr.dir": "dir()" } }, providers: [provideToken(TIME_FIELDS_ROOT_CONTEXT, RdxTimeFieldRootDirective)], queries: [{ propertyName: "segmentInputs", predicate: RdxTimeFieldInputDirective, isSignal: true }], exportAs: ["rdxTimeFieldRoot"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.2", type: RdxTimeFieldRootDirective, isStandalone: true, selector: "[rdxTimeFieldRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, hourCycle: { classPropertyName: "hourCycle", publicName: "hourCycle", isSignal: true, isRequired: false, transformFunction: null }, granularity: { classPropertyName: "granularity", publicName: "granularity", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, dirInput: { classPropertyName: "dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, hideTimeZone: { classPropertyName: "hideTimeZone", publicName: "hideTimeZone", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", placeholder: "placeholderChange" }, host: { attributes: { "role": "group" }, listeners: { "keydown": "onKeydown($event)", "focusout": "markAsTouched()" }, properties: { "attr.aria-disabled": "disabled() ? \"\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.aria-invalid": "displayValid() === false ? \"true\" : undefined", "attr.data-invalid": "displayValid() === false ? \"\" : undefined", "attr.data-valid": "displayValid() === true ? \"\" : undefined", "attr.data-touched": "touchedState() ? \"\" : undefined", "attr.data-dirty": "dirtyState() ? \"\" : undefined", "attr.dir": "dir()" } }, providers: [provideToken(TIME_FIELDS_ROOT_CONTEXT, RdxTimeFieldRootDirective)], queries: [{ propertyName: "segmentInputs", predicate: RdxTimeFieldInputDirective, isSignal: true }], exportAs: ["rdxTimeFieldRoot"], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxTimeFieldRootDirective, decorators: [{
             type: Directive,
@@ -393,9 +428,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '[attr.aria-disabled]': 'disabled() ? "" : undefined',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined',
                         '[attr.data-readonly]': 'readonly() ? "" : undefined',
-                        '[attr.data-invalid]': 'isInvalid() ? "" : undefined',
+                        '[attr.aria-invalid]': 'displayValid() === false ? "true" : undefined',
+                        '[attr.data-invalid]': 'displayValid() === false ? "" : undefined',
+                        '[attr.data-valid]': 'displayValid() === true ? "" : undefined',
+                        '[attr.data-touched]': 'touchedState() ? "" : undefined',
+                        '[attr.data-dirty]': 'dirtyState() ? "" : undefined',
                         '[attr.dir]': 'dir()',
-                        '(keydown)': 'onKeydown($event)'
+                        '(keydown)': 'onKeydown($event)',
+                        '(focusout)': 'markAsTouched()'
                     }
                 }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], hourCycle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourCycle", required: false }] }], granularity: [{ type: i0.Input, args: [{ isSignal: true, alias: "granularity", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], dirInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "minValue", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], hideTimeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTimeZone", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }, { type: i0.Output, args: ["placeholderChange"] }], segmentInputs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => RdxTimeFieldInputDirective), { isSignal: true }] }] } });

package/fesm2022/radix-ng-primitives-time-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-time-field.mjs","sources":["../../../packages/primitives/time-field/src/time-field-context.token.ts","../../../packages/primitives/time-field/src/time-field-input.directive.ts","../../../packages/primitives/time-field/src/time-field-root.directive.ts","../../../packages/primitives/time-field/index.ts","../../../packages/primitives/time-field/radix-ng-primitives-time-field.ts"],"sourcesContent":["import { inject, InjectionToken, InputSignal, ModelSignal, Signal, WritableSignal } from '@angular/core';\nimport { DateStep, Formatter, HourCycle, SegmentValueObj, TimeValue } from '@radix-ng/primitives/core';\n\nexport interface TimeFieldContextToken {\n    locale: InputSignal<string>;\n    value: ModelSignal<TimeValue | undefined>;\n    placeholder: ModelSignal<TimeValue>;\n    isInvalid: Signal<boolean>;\n    disabled: InputSignal<boolean>;\n    readonly: InputSignal<boolean>;\n    formatter: Signal<Formatter>;\n    hourCycle: InputSignal<HourCycle>;\n    segmentValues: WritableSignal<SegmentValueObj>;\n    focusNext: () => void;\n    setFocusedElement: (el: HTMLElement) => void;\n    convertedModelValue: WritableSignal<TimeValue | undefined>;\n    convertedPlaceholder: WritableSignal<TimeValue>;\n    step$: Signal<DateStep>;\n}\n\nexport const TIME_FIELDS_ROOT_CONTEXT = new InjectionToken<TimeFieldContextToken>('TIME_FIELDS_ROOT_CONTEXT');\n\nexport function injectTimeFieldsRootContext(): TimeFieldContextToken {\n    return inject(TIME_FIELDS_ROOT_CONTEXT);\n}\n","import { computed, Directive, effect, ElementRef, inject, input, signal, WritableSignal } from '@angular/core';\nimport { DateValue } from '@internationalized/date';\nimport { SegmentPart, useDateField } from '@radix-ng/primitives/core';\nimport { injectTimeFieldsRootContext } from './time-field-context.token';\n\n@Directive({\n    selector: '[rdxTimeFieldInput]',\n    host: {\n        '[attr.contenteditable]': 'disabled() || readonly() ? false : part() !== \"literal\"',\n        '[attr.data-rdx-date-field-segment]': 'part()',\n        '[attr.aria-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-invalid]': 'isInvalid() ? \"\" : undefined',\n        '[attr.aria-invalid]': 'isInvalid() ? true : undefined',\n\n        '(mousedown)': 'part() !== \"literal\" && handleSegmentClick($event)',\n        '(keydown)': 'part() !== \"literal\" && handleSegmentKeydown($event)',\n        '(focus)': 'part() !== \"literal\" && onFocus($event)',\n        '(focusout)': 'part() !== \"literal\" && onFocusOut()'\n    }\n})\nexport class RdxTimeFieldInputDirective {\n    private readonly el = inject(ElementRef);\n\n    /**\n     * The host element of this segment. Consumed by the root to collect focusable\n     * segments in DOM order.\n     * @ignore\n     */\n    readonly element: HTMLElement = this.el.nativeElement;\n\n    private readonly rootContext = injectTimeFieldsRootContext();\n\n    /**\n     * The part of the date to render\n     * `'hour' | 'minute' | 'second' | 'dayPeriod' | 'literal' | 'timeZoneName'`\n     */\n    readonly part = input<SegmentPart>();\n\n    /**\n     * @ignore\n     */\n    readonly disabled = computed(() => this.rootContext.disabled());\n\n    /**\n     * @ignore\n     */\n    readonly readonly = computed(() => this.rootContext.readonly());\n\n    /**\n     * @ignore\n     */\n    readonly isInvalid = computed(() => this.rootContext.isInvalid());\n\n    /**\n     * @ignore\n     */\n    readonly hasLeftFocus = signal<boolean>(true);\n\n    /**\n     * @ignore\n     */\n    readonly lastKeyZero = signal<boolean>(false);\n\n    private readonly fieldData = computed(() => {\n        return useDateField({\n            hasLeftFocus: this.hasLeftFocus,\n            lastKeyZero: this.lastKeyZero,\n            placeholder: this.rootContext.convertedPlaceholder as unknown as WritableSignal<DateValue>,\n            hourCycle: this.rootContext.hourCycle(),\n            segmentValues: this.rootContext.segmentValues,\n            formatter: this.rootContext.formatter(),\n            part: <SegmentPart>this.part(),\n            disabled: this.rootContext.disabled,\n            readonly: this.rootContext.readonly,\n            modelValue: this.rootContext.convertedModelValue as unknown as WritableSignal<DateValue>,\n            focusNext: this.rootContext.focusNext,\n            step: this.rootContext.step$\n        });\n    });\n\n    private readonly attributes = computed(() => this.fieldData().attributes());\n\n    /**\n     * @ignore\n     */\n    handleSegmentClick: (e: Event) => void;\n\n    /**\n     * @ignore\n     */\n    handleSegmentKeydown: (e: Event) => void;\n\n    constructor() {\n        effect(() => {\n            const { handleSegmentClick, handleSegmentKeydown } = this.fieldData();\n            this.handleSegmentKeydown = handleSegmentKeydown as (e: Event) => void;\n            this.handleSegmentClick = handleSegmentClick as (e: Event) => void;\n        });\n\n        effect(() => {\n            const attrs = this.attributes();\n            Object.entries(attrs).forEach(([attr, value]) => {\n                this.el.nativeElement.setAttribute(attr, String(value));\n            });\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    onFocus(e: Event) {\n        this.rootContext.setFocusedElement(e.target as HTMLElement);\n    }\n\n    /**\n     * @ignore\n     */\n    onFocusOut() {\n        this.hasLeftFocus.set(true);\n    }\n}\n","import {\n    booleanAttribute,\n    computed,\n    contentChildren,\n    Directive,\n    input,\n    linkedSignal,\n    model,\n    Signal,\n    signal\n} from '@angular/core';\nimport { DateValue, getLocalTimeZone, isEqualDay, Time, toCalendarDateTime, today } from '@internationalized/date';\nimport {\n    ARROW_LEFT,\n    ARROW_RIGHT,\n    BooleanInput,\n    createContent,\n    createFormatter,\n    DateStep,\n    Direction,\n    Formatter,\n    getDefaultTime,\n    Granularity,\n    HourCycle,\n    initializeSegmentValues,\n    isBefore,\n    isNullish,\n    isSegmentNavigationKey,\n    normalizeDateStep,\n    normalizeHourCycle,\n    provideToken,\n    SegmentValueObj,\n    syncSegmentValues,\n    TimeValue,\n    watch\n} from '@radix-ng/primitives/core';\nimport { injectDirection } from '@radix-ng/primitives/direction-provider';\nimport { TIME_FIELDS_ROOT_CONTEXT } from './time-field-context.token';\nimport { RdxTimeFieldInputDirective } from './time-field-input.directive';\n\nfunction convertValue(value: TimeValue, date: DateValue = today(getLocalTimeZone())) {\n    if (value && 'day' in value) {\n        return value;\n    }\n\n    return toCalendarDateTime(date, value);\n}\n\n/**\n * Map the internal edit buffer (`convertedModelValue`, always a date-bearing value\n * so the segment editor has a date context) back onto the public `value` model.\n * A date-bearing model keeps its shape; a time-only model is exposed as a plain `Time`.\n */\nfunction toModelValue(value: TimeValue, current: TimeValue | undefined): TimeValue {\n    if (current && 'day' in current) {\n        return value;\n    }\n\n    return new Time(value.hour, value.minute, value.second, value.millisecond);\n}\n\nfunction isSameTimeValue(a: TimeValue | undefined, b: TimeValue | undefined): boolean {\n    if (isNullish(a) || isNullish(b)) return a === b;\n    return (a as { compare(other: TimeValue): number }).compare(b) === 0;\n}\n\n@Directive({\n    selector: '[rdxTimeFieldRoot]',\n    exportAs: 'rdxTimeFieldRoot',\n    providers: [provideToken(TIME_FIELDS_ROOT_CONTEXT, RdxTimeFieldRootDirective)],\n    host: {\n        role: 'group',\n        '[attr.aria-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonly() ? \"\" : undefined',\n        '[attr.data-invalid]': 'isInvalid() ? \"\" : undefined',\n        '[attr.dir]': 'dir()',\n\n        '(keydown)': 'onKeydown($event)'\n    }\n})\nexport class RdxTimeFieldRootDirective {\n    /**\n     * The controlled checked state of the calendar.\n     */\n    readonly value = model<TimeValue | undefined>();\n\n    /**\n     * The hour cycle to use for formatting times. Defaults to the locale preference\n     */\n    readonly hourCycle = input<HourCycle>();\n\n    /**\n     * The granularity to use for formatting the field. Defaults to 'day' if a CalendarDate is provided, otherwise defaults to 'minute'.\n     * The field will render segments for each part of the date up to and including the specified granularity.\n     */\n    readonly granularity = input<Granularity>();\n\n    /**\n     * The locale to use for formatting dates.\n     */\n    readonly locale = input<string>('en');\n\n    readonly dirInput = input<Direction | undefined>(undefined, { alias: 'dir' });\n    readonly dir = injectDirection(this.dirInput);\n\n    /**\n     * The minimum valid date that can be entered.\n     */\n    readonly minValue = input<TimeValue>();\n\n    /**\n     * The maximum valid date that can be entered.\n     */\n    readonly maxValue = input<TimeValue>();\n\n    /**\n     * Whether or not to hide the time zone segment of the field.\n     */\n    readonly hideTimeZone = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether or not the field is readonly.\n     */\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The stepping interval for the time fields. Defaults to 1\n     */\n    readonly step = input<DateStep>();\n\n    readonly step$ = computed(() => normalizeDateStep(this.step()));\n\n    /**\n     * Locale- and hour-cycle-aware formatter. Recomputed whenever `locale` or\n     * `hourCycle` change so segments always render with the current settings.\n     * @ignore\n     */\n    readonly formatter: Signal<Formatter> = computed(() =>\n        createFormatter(this.locale(), {\n            hourCycle: normalizeHourCycle(this.hourCycle())\n        })\n    );\n\n    /**\n     * @ignore\n     */\n    readonly defaultDate = computed(() =>\n        getDefaultTime({\n            defaultPlaceholder: undefined,\n            defaultValue: this.value()\n        })\n    );\n\n    /**\n     * The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar and can be used to programmatically control the calendar view\n     */\n    readonly placeholder = model<TimeValue | undefined>(this.defaultDate().copy());\n\n    // Internal state\n\n    /**\n     * Segment input parts, collected from the projected content in DOM order. This\n     * stays in sync with `segmentContents()` (granularity / locale / value changes\n     * add or remove segments) instead of being captured once after view init.\n     * @ignore\n     */\n    private readonly segmentInputs = contentChildren(RdxTimeFieldInputDirective);\n\n    /**\n     * The focusable (non-literal) segment elements, in DOM order.\n     * @ignore\n     */\n    readonly segmentElements = computed(() =>\n        this.segmentInputs()\n            .filter((seg) => seg.part() !== 'literal')\n            .map((seg) => seg.element)\n    );\n\n    /**\n     * @ignore\n     */\n    readonly currentFocusedElement = signal<HTMLElement | null>(null);\n\n    /**\n     * @ignore\n     */\n    readonly inferredGranularity = computed(() => this.granularity() ?? 'minute');\n\n    readonly convertedMinValue = computed(() => (this.minValue() ? convertValue(this.minValue()!) : undefined));\n    readonly convertedMaxValue = computed(() => (this.maxValue() ? convertValue(this.maxValue()!) : undefined));\n\n    readonly convertedModelValue = linkedSignal({\n        source: () => {\n            if (isNullish(this.value())) return this.value();\n\n            return convertValue(this.value()!);\n        },\n        computation: (value: TimeValue | undefined) => {\n            return value;\n        }\n    });\n\n    readonly convertedPlaceholder = linkedSignal({\n        source: () => {\n            return convertValue(<TimeValue>this.placeholder());\n        },\n        computation: (value: TimeValue) => {\n            return value;\n        }\n    });\n\n    /**\n     * The per-segment values. Writable so segment editing (via `useDateField`) can\n     * update individual parts, but re-synced from the model whenever the value,\n     * granularity or formatter change — so a controlled `value` set after init is\n     * reflected, and an empty field re-initializes when granularity changes.\n     * @ignore\n     */\n    readonly segmentValues = linkedSignal<\n        { value: TimeValue | undefined; granularity: Granularity; formatter: Formatter },\n        SegmentValueObj\n    >({\n        source: () => ({\n            value: this.convertedModelValue(),\n            granularity: this.inferredGranularity(),\n            formatter: this.formatter()\n        }),\n        computation: ({ value, granularity, formatter }) =>\n            value\n                ? { ...syncSegmentValues({ value: <DateValue>value, formatter }) }\n                : { ...initializeSegmentValues(granularity, true) }\n    });\n\n    /**\n     * @ignore\n     */\n    readonly isInvalid = computed(() => {\n        if (!this.value()) return false;\n\n        if (\n            this.convertedMinValue() &&\n            isBefore(<DateValue>this.convertedModelValue(), <DateValue>this.convertedMinValue())\n        )\n            return true;\n\n        if (\n            this.convertedMaxValue() &&\n            isBefore(<DateValue>this.convertedMaxValue(), <DateValue>this.convertedModelValue())\n        )\n            return true;\n\n        return false;\n    });\n\n    /**\n     * @ignore\n     */\n    readonly allSegmentContent = computed(() =>\n        createContent({\n            granularity: this.inferredGranularity(),\n            dateRef: <DateValue>this.convertedPlaceholder(),\n            formatter: this.formatter(),\n            hideTimeZone: this.hideTimeZone(),\n            hourCycle: this.hourCycle(),\n            segmentValues: this.segmentValues(),\n            locale: this.locale,\n            isTimeValue: true\n        })\n    );\n\n    /**\n     * An array of segments that should be readonly, which prevent user input on them.\n     */\n    readonly segmentContents = computed(() => this.allSegmentContent().arr);\n\n    /**\n     * @ignore\n     */\n    readonly currentSegmentIndex = computed(() =>\n        this.segmentElements().findIndex((el) => el === this.currentFocusedElement())\n    );\n\n    /**\n     * @ignore\n     */\n    readonly prevFocusableSegment = computed(() => {\n        const sign = this.dir() === 'rtl' ? -1 : 1;\n        const elements = this.segmentElements();\n        const index = this.currentSegmentIndex();\n        const prevCondition = sign > 0 ? index < 0 : index > elements.length - 1;\n        if (prevCondition) return null;\n\n        return elements[index - sign];\n    });\n\n    /**\n     * @ignore\n     */\n    readonly nextFocusableSegment = computed(() => {\n        const sign = this.dir() === 'rtl' ? -1 : 1;\n        const elements = this.segmentElements();\n        const index = this.currentSegmentIndex();\n        const nextCondition = sign < 0 ? index < 0 : index > elements.length - 1;\n        if (nextCondition) return null;\n\n        return elements[index + sign];\n    });\n\n    /**\n     * @ignore\n     */\n    readonly focusNext = () => {\n        this.nextFocusableSegment()?.focus();\n    };\n\n    constructor() {\n        watch([this.convertedModelValue], ([value]) => {\n            if (\n                !isNullish(value) &&\n                (!isEqualDay(<DateValue>this.convertedPlaceholder(), <DateValue>value) ||\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-expect-error\n                    this.convertedPlaceholder().compare(value) !== 0)\n            )\n                this.placeholder.set(value.copy());\n\n            // Segment editing (via `useDateField`) writes the internal `convertedModelValue`\n            // buffer; mirror it back onto the public `value` model so two-way binding and\n            // `valueChange` fire. The guard keeps this idempotent and breaks the feedback loop\n            // (`value` → `convertedModelValue` source → here) once the values agree.\n            const next = isNullish(value) ? undefined : toModelValue(value, this.value());\n            if (!isSameTimeValue(this.value(), next)) {\n                this.value.set(next);\n            }\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    onKeydown(event: Event) {\n        const keyEvent = event as KeyboardEvent;\n        if (!isSegmentNavigationKey(keyEvent.key)) return;\n        const code = keyEvent.code;\n\n        if (code === ARROW_LEFT) {\n            this.prevFocusableSegment()?.focus();\n        }\n\n        if (code === ARROW_RIGHT) {\n            this.nextFocusableSegment()?.focus();\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    setFocusedElement(el: HTMLElement) {\n        this.currentFocusedElement.set(el);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxTimeFieldInputDirective } from './src/time-field-input.directive';\nimport { RdxTimeFieldRootDirective } from './src/time-field-root.directive';\n\nexport * from './src/time-field-context.token';\nexport * from './src/time-field-input.directive';\nexport * from './src/time-field-root.directive';\n\nconst _imports = [RdxTimeFieldRootDirective, RdxTimeFieldInputDirective];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxTimeFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-time-field.mjs","sources":["../../../packages/primitives/time-field/src/time-field-context.token.ts","../../../packages/primitives/time-field/src/time-field-input.directive.ts","../../../packages/primitives/time-field/src/time-field-root.directive.ts","../../../packages/primitives/time-field/index.ts","../../../packages/primitives/time-field/radix-ng-primitives-time-field.ts"],"sourcesContent":["import { inject, InjectionToken, InputSignal, ModelSignal, Signal, WritableSignal } from '@angular/core';\nimport { DateStep, Formatter, HourCycle, SegmentValueObj, TimeValue } from '@radix-ng/primitives/core';\n\nexport interface TimeFieldContextToken {\n    locale: InputSignal<string>;\n    value: ModelSignal<TimeValue | undefined>;\n    placeholder: ModelSignal<TimeValue>;\n    isInvalid: Signal<boolean>;\n    /** Effective invalid: the built-in range check OR the form-driven invalid state. */\n    invalidState: Signal<boolean>;\n    /** Tri-state displayed validity (`true`/`false`/`null`): the field's gated state inside a Field, else own. */\n    displayValid: Signal<boolean | null>;\n    disabled: InputSignal<boolean>;\n    readonly: InputSignal<boolean>;\n    formatter: Signal<Formatter>;\n    hourCycle: InputSignal<HourCycle>;\n    segmentValues: WritableSignal<SegmentValueObj>;\n    focusNext: () => void;\n    setFocusedElement: (el: HTMLElement) => void;\n    convertedModelValue: WritableSignal<TimeValue | undefined>;\n    convertedPlaceholder: WritableSignal<TimeValue>;\n    step$: Signal<DateStep>;\n}\n\nexport const TIME_FIELDS_ROOT_CONTEXT = new InjectionToken<TimeFieldContextToken>('TIME_FIELDS_ROOT_CONTEXT');\n\nexport function injectTimeFieldsRootContext(): TimeFieldContextToken {\n    return inject(TIME_FIELDS_ROOT_CONTEXT);\n}\n","import { computed, Directive, effect, ElementRef, inject, input, signal, WritableSignal } from '@angular/core';\nimport { DateValue } from '@internationalized/date';\nimport { SegmentPart, useDateField } from '@radix-ng/primitives/core';\nimport { injectTimeFieldsRootContext } from './time-field-context.token';\n\n@Directive({\n    selector: '[rdxTimeFieldInput]',\n    host: {\n        '[attr.contenteditable]': 'disabled() || readonly() ? false : part() !== \"literal\"',\n        '[attr.data-rdx-date-field-segment]': 'part()',\n        '[attr.aria-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-invalid]': 'displayValid() === false ? \"\" : undefined',\n        '[attr.aria-invalid]': 'displayValid() === false ? true : undefined',\n\n        '(mousedown)': 'part() !== \"literal\" && handleSegmentClick($event)',\n        '(keydown)': 'part() !== \"literal\" && handleSegmentKeydown($event)',\n        '(focus)': 'part() !== \"literal\" && onFocus($event)',\n        '(focusout)': 'part() !== \"literal\" && onFocusOut()'\n    }\n})\nexport class RdxTimeFieldInputDirective {\n    private readonly el = inject(ElementRef);\n\n    /**\n     * The host element of this segment. Consumed by the root to collect focusable\n     * segments in DOM order.\n     * @ignore\n     */\n    readonly element: HTMLElement = this.el.nativeElement;\n\n    private readonly rootContext = injectTimeFieldsRootContext();\n\n    /**\n     * The part of the date to render\n     * `'hour' | 'minute' | 'second' | 'dayPeriod' | 'literal' | 'timeZoneName'`\n     */\n    readonly part = input<SegmentPart>();\n\n    /**\n     * @ignore\n     */\n    readonly disabled = computed(() => this.rootContext.disabled());\n\n    /**\n     * @ignore\n     */\n    readonly readonly = computed(() => this.rootContext.readonly());\n\n    /**\n     * @ignore\n     */\n    readonly isInvalid = computed(() => this.rootContext.invalidState());\n\n    /** @ignore Tri-state display validity from the root (gated by an enclosing Field). */\n    readonly displayValid = computed(() => this.rootContext.displayValid());\n\n    /**\n     * @ignore\n     */\n    readonly hasLeftFocus = signal<boolean>(true);\n\n    /**\n     * @ignore\n     */\n    readonly lastKeyZero = signal<boolean>(false);\n\n    private readonly fieldData = computed(() => {\n        return useDateField({\n            hasLeftFocus: this.hasLeftFocus,\n            lastKeyZero: this.lastKeyZero,\n            placeholder: this.rootContext.convertedPlaceholder as unknown as WritableSignal<DateValue>,\n            hourCycle: this.rootContext.hourCycle(),\n            segmentValues: this.rootContext.segmentValues,\n            formatter: this.rootContext.formatter(),\n            part: <SegmentPart>this.part(),\n            disabled: this.rootContext.disabled,\n            readonly: this.rootContext.readonly,\n            modelValue: this.rootContext.convertedModelValue as unknown as WritableSignal<DateValue>,\n            focusNext: this.rootContext.focusNext,\n            step: this.rootContext.step$\n        });\n    });\n\n    private readonly attributes = computed(() => this.fieldData().attributes());\n\n    /**\n     * @ignore\n     */\n    handleSegmentClick: (e: Event) => void;\n\n    /**\n     * @ignore\n     */\n    handleSegmentKeydown: (e: Event) => void;\n\n    constructor() {\n        effect(() => {\n            const { handleSegmentClick, handleSegmentKeydown } = this.fieldData();\n            this.handleSegmentKeydown = handleSegmentKeydown as (e: Event) => void;\n            this.handleSegmentClick = handleSegmentClick as (e: Event) => void;\n        });\n\n        effect(() => {\n            const attrs = this.attributes();\n            Object.entries(attrs).forEach(([attr, value]) => {\n                this.el.nativeElement.setAttribute(attr, String(value));\n            });\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    onFocus(e: Event) {\n        this.rootContext.setFocusedElement(e.target as HTMLElement);\n    }\n\n    /**\n     * @ignore\n     */\n    onFocusOut() {\n        this.hasLeftFocus.set(true);\n    }\n}\n","import {\n    booleanAttribute,\n    computed,\n    contentChildren,\n    Directive,\n    input,\n    linkedSignal,\n    model,\n    Signal,\n    signal\n} from '@angular/core';\nimport { DateValue, getLocalTimeZone, isEqualDay, Time, toCalendarDateTime, today } from '@internationalized/date';\nimport {\n    ARROW_LEFT,\n    ARROW_RIGHT,\n    BooleanInput,\n    createContent,\n    createFormatter,\n    DateStep,\n    Direction,\n    Formatter,\n    getDefaultTime,\n    Granularity,\n    HourCycle,\n    initializeSegmentValues,\n    isBefore,\n    isNullish,\n    isSegmentNavigationKey,\n    normalizeDateStep,\n    normalizeHourCycle,\n    provideToken,\n    RdxFormUiControlBase,\n    RdxFormValueControl,\n    resolveDisplayValid,\n    SegmentValueObj,\n    syncSegmentValues,\n    TimeValue,\n    watch\n} from '@radix-ng/primitives/core';\nimport { injectDirection } from '@radix-ng/primitives/direction-provider';\nimport { TIME_FIELDS_ROOT_CONTEXT } from './time-field-context.token';\nimport { RdxTimeFieldInputDirective } from './time-field-input.directive';\n\nfunction convertValue(value: TimeValue, date: DateValue = today(getLocalTimeZone())) {\n    if (value && 'day' in value) {\n        return value;\n    }\n\n    return toCalendarDateTime(date, value);\n}\n\n/**\n * Map the internal edit buffer (`convertedModelValue`, always a date-bearing value\n * so the segment editor has a date context) back onto the public `value` model.\n * A date-bearing model keeps its shape; a time-only model is exposed as a plain `Time`.\n */\nfunction toModelValue(value: TimeValue, current: TimeValue | undefined): TimeValue {\n    if (current && 'day' in current) {\n        return value;\n    }\n\n    return new Time(value.hour, value.minute, value.second, value.millisecond);\n}\n\nfunction isSameTimeValue(a: TimeValue | undefined, b: TimeValue | undefined): boolean {\n    if (isNullish(a) || isNullish(b)) return a === b;\n    return (a as { compare(other: TimeValue): number }).compare(b) === 0;\n}\n\n@Directive({\n    selector: '[rdxTimeFieldRoot]',\n    exportAs: 'rdxTimeFieldRoot',\n    providers: [provideToken(TIME_FIELDS_ROOT_CONTEXT, RdxTimeFieldRootDirective)],\n    host: {\n        role: 'group',\n        '[attr.aria-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonly() ? \"\" : undefined',\n        '[attr.aria-invalid]': 'displayValid() === false ? \"true\" : undefined',\n        '[attr.data-invalid]': 'displayValid() === false ? \"\" : undefined',\n        '[attr.data-valid]': 'displayValid() === true ? \"\" : undefined',\n        '[attr.data-touched]': 'touchedState() ? \"\" : undefined',\n        '[attr.data-dirty]': 'dirtyState() ? \"\" : undefined',\n        '[attr.dir]': 'dir()',\n\n        '(keydown)': 'onKeydown($event)',\n        '(focusout)': 'markAsTouched()'\n    }\n})\nexport class RdxTimeFieldRootDirective\n    extends RdxFormUiControlBase\n    implements RdxFormValueControl<TimeValue | undefined>\n{\n    /**\n     * The controlled checked state of the calendar.\n     */\n    readonly value = model<TimeValue | undefined>();\n\n    /**\n     * The hour cycle to use for formatting times. Defaults to the locale preference\n     */\n    readonly hourCycle = input<HourCycle>();\n\n    /**\n     * The granularity to use for formatting the field. Defaults to 'day' if a CalendarDate is provided, otherwise defaults to 'minute'.\n     * The field will render segments for each part of the date up to and including the specified granularity.\n     */\n    readonly granularity = input<Granularity>();\n\n    /**\n     * The locale to use for formatting dates.\n     */\n    readonly locale = input<string>('en');\n\n    readonly dirInput = input<Direction | undefined>(undefined, { alias: 'dir' });\n    readonly dir = injectDirection(this.dirInput);\n\n    /**\n     * The minimum valid date that can be entered.\n     */\n    readonly minValue = input<TimeValue>();\n\n    /**\n     * The maximum valid date that can be entered.\n     */\n    readonly maxValue = input<TimeValue>();\n\n    /**\n     * Whether or not to hide the time zone segment of the field.\n     */\n    readonly hideTimeZone = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether or not the field is readonly.\n     */\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The stepping interval for the time fields. Defaults to 1\n     */\n    readonly step = input<DateStep>();\n\n    readonly step$ = computed(() => normalizeDateStep(this.step()));\n\n    /**\n     * Locale- and hour-cycle-aware formatter. Recomputed whenever `locale` or\n     * `hourCycle` change so segments always render with the current settings.\n     * @ignore\n     */\n    readonly formatter: Signal<Formatter> = computed(() =>\n        createFormatter(this.locale(), {\n            hourCycle: normalizeHourCycle(this.hourCycle())\n        })\n    );\n\n    /**\n     * @ignore\n     */\n    readonly defaultDate = computed(() =>\n        getDefaultTime({\n            defaultPlaceholder: undefined,\n            defaultValue: this.value()\n        })\n    );\n\n    /**\n     * The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar and can be used to programmatically control the calendar view\n     */\n    readonly placeholder = model<TimeValue | undefined>(this.defaultDate().copy());\n\n    // Internal state\n\n    /**\n     * Segment input parts, collected from the projected content in DOM order. This\n     * stays in sync with `segmentContents()` (granularity / locale / value changes\n     * add or remove segments) instead of being captured once after view init.\n     * @ignore\n     */\n    private readonly segmentInputs = contentChildren(RdxTimeFieldInputDirective);\n\n    /**\n     * The focusable (non-literal) segment elements, in DOM order.\n     * @ignore\n     */\n    readonly segmentElements = computed(() =>\n        this.segmentInputs()\n            .filter((seg) => seg.part() !== 'literal')\n            .map((seg) => seg.element)\n    );\n\n    /**\n     * @ignore\n     */\n    readonly currentFocusedElement = signal<HTMLElement | null>(null);\n\n    /**\n     * @ignore\n     */\n    readonly inferredGranularity = computed(() => this.granularity() ?? 'minute');\n\n    readonly convertedMinValue = computed(() => (this.minValue() ? convertValue(this.minValue()!) : undefined));\n    readonly convertedMaxValue = computed(() => (this.maxValue() ? convertValue(this.maxValue()!) : undefined));\n\n    readonly convertedModelValue = linkedSignal({\n        source: () => {\n            if (isNullish(this.value())) return this.value();\n\n            return convertValue(this.value()!);\n        },\n        computation: (value: TimeValue | undefined) => {\n            return value;\n        }\n    });\n\n    readonly convertedPlaceholder = linkedSignal({\n        source: () => {\n            return convertValue(<TimeValue>this.placeholder());\n        },\n        computation: (value: TimeValue) => {\n            return value;\n        }\n    });\n\n    /**\n     * The per-segment values. Writable so segment editing (via `useDateField`) can\n     * update individual parts, but re-synced from the model whenever the value,\n     * granularity or formatter change — so a controlled `value` set after init is\n     * reflected, and an empty field re-initializes when granularity changes.\n     * @ignore\n     */\n    readonly segmentValues = linkedSignal<\n        { value: TimeValue | undefined; granularity: Granularity; formatter: Formatter },\n        SegmentValueObj\n    >({\n        source: () => ({\n            value: this.convertedModelValue(),\n            granularity: this.inferredGranularity(),\n            formatter: this.formatter()\n        }),\n        computation: ({ value, granularity, formatter }) =>\n            value\n                ? { ...syncSegmentValues({ value: <DateValue>value, formatter }) }\n                : { ...initializeSegmentValues(granularity, true) }\n    });\n\n    /**\n     * @ignore\n     */\n    readonly isInvalid = computed(() => {\n        if (!this.value()) return false;\n\n        if (\n            this.convertedMinValue() &&\n            isBefore(<DateValue>this.convertedModelValue(), <DateValue>this.convertedMinValue())\n        )\n            return true;\n\n        if (\n            this.convertedMaxValue() &&\n            isBefore(<DateValue>this.convertedMaxValue(), <DateValue>this.convertedModelValue())\n        )\n            return true;\n\n        return false;\n    });\n\n    /**\n     * @ignore Effective invalid: the built-in range check OR the form-driven `invalid` / `errors`\n     * (Signal Forms). Reflected on the root and segments.\n     */\n    readonly invalidState = computed(() => this.isInvalid() || this.formUi.invalidState());\n    /**\n     * @ignore Tri-state display validity: the enclosing Field's gated state when inside a `rdxFieldRoot`,\n     * else the time-field's own (parse + form) invalidity. Overrides the base default (`formUi` only).\n     */\n    override readonly displayValid = computed(() => resolveDisplayValid(this.fieldValidity, this.invalidState));\n    /** @ignore */\n    readonly touchedState = this.formUi.touchedState;\n    /** @ignore */\n    readonly dirtyState = this.formUi.dirtyState;\n\n    /** @ignore Whether the user has focused a segment — gates dirty tracking so a form/initial seed of `value` doesn't mark dirty. */\n    private readonly userInteracted = signal(false);\n\n    /** @ignore Mark the field touched (model + `touch` output) for Signal Forms. Called on segment blur. */\n    markAsTouched(): void {\n        this.formUi.markAsTouched();\n    }\n\n    /**\n     * @ignore\n     */\n    readonly allSegmentContent = computed(() =>\n        createContent({\n            granularity: this.inferredGranularity(),\n            dateRef: <DateValue>this.convertedPlaceholder(),\n            formatter: this.formatter(),\n            hideTimeZone: this.hideTimeZone(),\n            hourCycle: this.hourCycle(),\n            segmentValues: this.segmentValues(),\n            locale: this.locale,\n            isTimeValue: true\n        })\n    );\n\n    /**\n     * An array of segments that should be readonly, which prevent user input on them.\n     */\n    readonly segmentContents = computed(() => this.allSegmentContent().arr);\n\n    /**\n     * @ignore\n     */\n    readonly currentSegmentIndex = computed(() =>\n        this.segmentElements().findIndex((el) => el === this.currentFocusedElement())\n    );\n\n    /**\n     * @ignore\n     */\n    readonly prevFocusableSegment = computed(() => {\n        const sign = this.dir() === 'rtl' ? -1 : 1;\n        const elements = this.segmentElements();\n        const index = this.currentSegmentIndex();\n        const prevCondition = sign > 0 ? index < 0 : index > elements.length - 1;\n        if (prevCondition) return null;\n\n        return elements[index - sign];\n    });\n\n    /**\n     * @ignore\n     */\n    readonly nextFocusableSegment = computed(() => {\n        const sign = this.dir() === 'rtl' ? -1 : 1;\n        const elements = this.segmentElements();\n        const index = this.currentSegmentIndex();\n        const nextCondition = sign < 0 ? index < 0 : index > elements.length - 1;\n        if (nextCondition) return null;\n\n        return elements[index + sign];\n    });\n\n    /**\n     * @ignore\n     */\n    readonly focusNext = () => {\n        this.nextFocusableSegment()?.focus();\n    };\n\n    constructor() {\n        super();\n\n        // Mark dirty when the value changes after the user has interacted (a form/initial seed of\n        // `value` lands before any segment focus, so it is excluded).\n        watch([this.value], () => {\n            if (this.userInteracted()) {\n                this.formUi.markDirty();\n            }\n        });\n\n        watch([this.convertedModelValue], ([value]) => {\n            if (\n                !isNullish(value) &&\n                (!isEqualDay(<DateValue>this.convertedPlaceholder(), <DateValue>value) ||\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-expect-error\n                    this.convertedPlaceholder().compare(value) !== 0)\n            )\n                this.placeholder.set(value.copy());\n\n            // Segment editing (via `useDateField`) writes the internal `convertedModelValue`\n            // buffer; mirror it back onto the public `value` model so two-way binding and\n            // `valueChange` fire. The guard keeps this idempotent and breaks the feedback loop\n            // (`value` → `convertedModelValue` source → here) once the values agree.\n            const next = isNullish(value) ? undefined : toModelValue(value, this.value());\n            if (!isSameTimeValue(this.value(), next)) {\n                this.value.set(next);\n            }\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    onKeydown(event: Event) {\n        const keyEvent = event as KeyboardEvent;\n        if (!isSegmentNavigationKey(keyEvent.key)) return;\n        const code = keyEvent.code;\n\n        if (code === ARROW_LEFT) {\n            this.prevFocusableSegment()?.focus();\n        }\n\n        if (code === ARROW_RIGHT) {\n            this.nextFocusableSegment()?.focus();\n        }\n    }\n\n    /**\n     * @ignore\n     */\n    setFocusedElement(el: HTMLElement) {\n        this.currentFocusedElement.set(el);\n        this.userInteracted.set(true);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxTimeFieldInputDirective } from './src/time-field-input.directive';\nimport { RdxTimeFieldRootDirective } from './src/time-field-root.directive';\n\nexport * from './src/time-field-context.token';\nexport * from './src/time-field-input.directive';\nexport * from './src/time-field-root.directive';\n\nconst _imports = [RdxTimeFieldRootDirective, RdxTimeFieldInputDirective];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxTimeFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/radix-ng-primitives-toggle-group.mjs

@@ -2,7 +2,8 @@ import * as i0 from '@angular/core';
 import { model, input, booleanAttribute, output, computed, signal, effect, untracked, Directive, inject, ElementRef } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/composite';
 import { RdxCompositeRoot } from '@radix-ng/primitives/composite';
-import { createCancelableChangeEventDetails, createContext, provideValueAccessor } from '@radix-ng/primitives/core';
+import * as i2 from '@radix-ng/primitives/core';
+import { RdxFormUiControlBase, createCancelableChangeEventDetails, createContext, provideValueAccessor, provideFormUiState, RdxFormUiStateHost } from '@radix-ng/primitives/core';
 import { injectDirection } from '@radix-ng/primitives/direction-provider';
 import { injectToolbarRootContext, injectToolbarGroupContext } from '@radix-ng/primitives/toolbar';
 
@@ -13,7 +14,7 @@ function toggleGroupContext(instance) {
         disabled: instance.isDisabled,
         orientation: instance.orientation,
         isValueInitialized: instance.isValueInitialized,
-        toggle: (value, event, eventDetails) => instance.toggle(value, event, eventDetails)
+        toggle: (value, nextPressed, event, eventDetails) => instance.toggle(value, nextPressed, event, eventDetails)
     };
 }
 /**
@@ -21,8 +22,9 @@ function toggleGroupContext(instance) {
  * ({@link RdxToggleGroup}) or omit it when an ancestor already owns focus, e.g. a toolbar
  * ({@link RdxToggleGroupWithoutFocus}).
  */
-class RdxToggleGroupBase {
+class RdxToggleGroupBase extends RdxFormUiControlBase {
     constructor() {
+        super();
         /**
          * The pressed values. Always an array — a single value is `[value]`. Use with `(onValueChange)`
          * for controlled state.
@@ -71,22 +73,32 @@ class RdxToggleGroupBase {
             }
         });
     }
+    /** @ignore Bridge the CVA `onTouched` so `markAsTouched()` also notifies Reactive/template forms. */
+    formUiTouchTarget() {
+        return { markAsTouched: () => this.onTouched?.() };
+    }
     /** @ignore Extra disabled state inherited from composite parents such as Toolbar. */
     isExternallyDisabled() {
         return false;
     }
     /** @ignore */
-    toggle(value, event, eventDetails) {
+    toggle(value, nextPressed, event, eventDetails) {
         if (this.isDisabled()) {
             return;
         }
         const current = this.pressedValues();
         let next;
+        // The item supplies the next pressed boolean (source of truth); the group only maps it onto its
+        // value set — add `value` when pressed, remove it when not.
         if (this.multiple()) {
-            next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value];
+            next = nextPressed
+                ? current.includes(value)
+                    ? current
+                    : [...current, value]
+                : current.filter((item) => item !== value);
         }
         else {
-            next = current.includes(value) ? [] : [value];
+            next = nextPressed ? [value] : [];
         }
         const resolvedEventDetails = eventDetails ??
             createCancelableChangeEventDetails('none', event ?? new Event('toggle-group.value-change'), event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined).eventDetails;
@@ -95,6 +107,7 @@ class RdxToggleGroupBase {
             return;
         }
         this.value.set(next);
+        this.formUi.markDirty();
         this.onChange?.(next);
     }
     /** @ignore */
@@ -114,7 +127,7 @@ class RdxToggleGroupBase {
         this.accessorDisabled.set(isDisabled);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxToggleGroupBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxToggleGroupBase, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "orientation()", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-multiple": "multiple() ? \"\" : undefined" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxToggleGroupBase, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "group" }, properties: { "attr.data-orientation": "orientation()", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-multiple": "multiple() ? \"\" : undefined" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxToggleGroupBase, decorators: [{
             type: Directive,
@@ -123,8 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         role: 'group',
                         '[attr.data-orientation]': 'orientation()',
                         '[attr.data-disabled]': 'isDisabled() ? "" : undefined',
-                        '[attr.data-multiple]': 'multiple() ? "" : undefined',
-                        '(focusout)': 'onTouched?.()'
+                        '[attr.data-multiple]': 'multiple() ? "" : undefined'
                     }
                 }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], onValueChange: [{ type: i0.Output, args: ["onValueChange"] }] } });
@@ -189,18 +201,20 @@ class RdxToggleGroup extends RdxToggleGroupBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxToggleGroup, isStandalone: true, selector: "[rdxToggleGroup]", inputs: { dirInput: { classPropertyName: "dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroup))),
-            provideValueAccessor(RdxToggleGroup)
-        ], exportAs: ["rdxToggleGroup"], usesInheritance: true, hostDirectives: [{ directive: i1.RdxCompositeRoot }], ngImport: i0 }); }
+            provideValueAccessor(RdxToggleGroup),
+            provideFormUiState(() => inject(RdxToggleGroup).formUi)
+        ], exportAs: ["rdxToggleGroup"], usesInheritance: true, hostDirectives: [{ directive: i1.RdxCompositeRoot }, { directive: i2.RdxFormUiStateHost }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxToggleGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxToggleGroup]',
                     exportAs: 'rdxToggleGroup',
-                    hostDirectives: [RdxCompositeRoot],
+                    hostDirectives: [RdxCompositeRoot, RdxFormUiStateHost],
                     providers: [
                         provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroup))),
-                        provideValueAccessor(RdxToggleGroup)
+                        provideValueAccessor(RdxToggleGroup),
+                        provideFormUiState(() => inject(RdxToggleGroup).formUi)
                     ]
                 }]
         }], ctorParameters: () => [], propDecorators: { dirInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }] } });
@@ -226,17 +240,20 @@ class RdxToggleGroupWithoutFocus extends RdxToggleGroupBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxToggleGroupWithoutFocus, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxToggleGroupWithoutFocus, isStandalone: true, selector: "[rdxToggleGroupWithoutFocus]", providers: [
             provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroupWithoutFocus))),
-            provideValueAccessor(RdxToggleGroupWithoutFocus)
-        ], exportAs: ["rdxToggleGroupWithoutFocus"], usesInheritance: true, ngImport: i0 }); }
+            provideValueAccessor(RdxToggleGroupWithoutFocus),
+            provideFormUiState(() => inject(RdxToggleGroupWithoutFocus).formUi)
+        ], exportAs: ["rdxToggleGroupWithoutFocus"], usesInheritance: true, hostDirectives: [{ directive: i2.RdxFormUiStateHost }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxToggleGroupWithoutFocus, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxToggleGroupWithoutFocus]',
                     exportAs: 'rdxToggleGroupWithoutFocus',
+                    hostDirectives: [RdxFormUiStateHost],
                     providers: [
                         provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroupWithoutFocus))),
-                        provideValueAccessor(RdxToggleGroupWithoutFocus)
+                        provideValueAccessor(RdxToggleGroupWithoutFocus),
+                        provideFormUiState(() => inject(RdxToggleGroupWithoutFocus).formUi)
                     ]
                 }]
         }] });

package/fesm2022/radix-ng-primitives-toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-toggle-group.mjs","sources":["../../../packages/primitives/toggle-group/src/toggle-group-base.ts","../../../packages/primitives/toggle-group/src/toggle-group-context.ts","../../../packages/primitives/toggle-group/src/toggle-group.ts","../../../packages/primitives/toggle-group/src/toggle-group-without-focus.ts","../../../packages/primitives/toggle-group/radix-ng-primitives-toggle-group.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, effect, input, model, output, signal, untracked } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport {\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    DataOrientation,\n    RdxCancelableChangeEventDetails\n} from '@radix-ng/primitives/core';\nimport { RdxToggleGroupContext } from './toggle-group-context';\n\nexport type RdxToggleGroupValueChangeReason = 'none';\nexport type RdxToggleGroupValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxToggleGroupValueChangeReason>;\n\nexport interface RdxToggleGroupValueChangeEvent {\n    value: string[];\n    eventDetails: RdxToggleGroupValueChangeEventDetails;\n}\n\n/** Builds the shared context a {@link RdxToggle} reads when it belongs to this group. */\nexport function toggleGroupContext(instance: RdxToggleGroupBase): RdxToggleGroupContext {\n    return {\n        value: instance.pressedValues,\n        disabled: instance.isDisabled,\n        orientation: instance.orientation,\n        isValueInitialized: instance.isValueInitialized,\n        toggle: (value, event, eventDetails) => instance.toggle(value, event, eventDetails)\n    };\n}\n\n/**\n * Shared state and behavior for the toggle group. Concrete directives add the composite root\n * ({@link RdxToggleGroup}) or omit it when an ancestor already owns focus, e.g. a toolbar\n * ({@link RdxToggleGroupWithoutFocus}).\n */\n@Directive({\n    host: {\n        role: 'group',\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-multiple]': 'multiple() ? \"\" : undefined',\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport abstract class RdxToggleGroupBase implements ControlValueAccessor {\n    /**\n     * The pressed values. Always an array — a single value is `[value]`. Use with `(onValueChange)`\n     * for controlled state.\n     */\n    readonly value = model<string[]>();\n\n    /** The values pressed when the group is initially rendered (uncontrolled). */\n    readonly defaultValue = input<string[]>();\n\n    /**\n     * Whether multiple items can be pressed at the same time.\n     *\n     * @default false\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the whole group is disabled.\n     *\n     * @default false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The orientation of the group, controlling arrow-key navigation.\n     *\n     * @default 'horizontal'\n     */\n    readonly orientation = input<DataOrientation>('horizontal');\n\n    /** Event emitted when the pressed values change. */\n    readonly onValueChange = output<RdxToggleGroupValueChangeEvent>();\n\n    /** @ignore */\n    readonly pressedValues = computed(() => this.value() ?? []);\n    /** @ignore */\n    readonly isValueInitialized = computed(() => this.value() !== undefined || this.defaultValue() !== undefined);\n\n    protected readonly accessorDisabled = signal(false);\n    /** @ignore */\n    readonly isDisabled = computed(() => this.disabled() || this.accessorDisabled() || this.isExternallyDisabled());\n\n    private onChange?: (value: string[]) => void;\n    protected onTouched?: () => void;\n\n    constructor() {\n        effect(() => {\n            const initial = this.defaultValue();\n            if (initial !== undefined && untracked(this.value) === undefined) {\n                this.value.set(initial);\n            }\n        });\n    }\n\n    /** @ignore Extra disabled state inherited from composite parents such as Toolbar. */\n    protected isExternallyDisabled(): boolean {\n        return false;\n    }\n\n    /** @ignore */\n    toggle(value: string, event?: Event, eventDetails?: RdxToggleGroupValueChangeEventDetails): void {\n        if (this.isDisabled()) {\n            return;\n        }\n\n        const current = this.pressedValues();\n        let next: string[];\n\n        if (this.multiple()) {\n            next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value];\n        } else {\n            next = current.includes(value) ? [] : [value];\n        }\n\n        const resolvedEventDetails =\n            eventDetails ??\n            createCancelableChangeEventDetails(\n                'none',\n                event ?? new Event('toggle-group.value-change'),\n                event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined\n            ).eventDetails;\n\n        this.onValueChange.emit({ value: next, eventDetails: resolvedEventDetails });\n        if (resolvedEventDetails.isCanceled()) {\n            return;\n        }\n\n        this.value.set(next);\n        this.onChange?.(next);\n    }\n\n    /** @ignore */\n    writeValue(value: string[] | string | null): void {\n        this.value.set(value == null ? [] : Array.isArray(value) ? value : [value]);\n    }\n\n    /** @ignore */\n    registerOnChange(fn: (value: string[]) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @ignore */\n    setDisabledState(isDisabled: boolean): void {\n        this.accessorDisabled.set(isDisabled);\n    }\n}\n","import { Signal } from '@angular/core';\nimport { createContext, DataOrientation, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';\n\ntype RdxToggleGroupContextChangeReason = 'none';\n\n/**\n * Shared state a {@link RdxToggle} reads when it participates in a toggle group.\n */\nexport interface RdxToggleGroupContext {\n    /** The currently pressed values. */\n    readonly value: Signal<string[]>;\n\n    /** Whether the whole group is disabled. */\n    readonly disabled: Signal<boolean>;\n\n    /** The orientation of the group. */\n    readonly orientation: Signal<DataOrientation>;\n\n    /** Whether the group value was initialized by `value` or `defaultValue`. */\n    readonly isValueInitialized: Signal<boolean>;\n\n    /** Toggle the pressed state of `value` within the group. */\n    toggle(\n        value: string,\n        event?: Event,\n        eventDetails?: RdxCancelableChangeEventDetails<RdxToggleGroupContextChangeReason>\n    ): void;\n}\n\nexport const [injectToggleGroupContext, provideToggleGroupContext] = createContext<RdxToggleGroupContext>(\n    'RdxToggleGroupContext',\n    'components/toggle-group'\n);\n","import { booleanAttribute, computed, Directive, effect, ElementRef, inject, input } from '@angular/core';\nimport { RdxCompositeMetadata, RdxCompositeRoot } from '@radix-ng/primitives/composite';\nimport { BooleanInput, Direction, provideValueAccessor } from '@radix-ng/primitives/core';\nimport { injectDirection } from '@radix-ng/primitives/direction-provider';\nimport { RdxToggleGroupBase, toggleGroupContext } from './toggle-group-base';\nimport { provideToggleGroupContext } from './toggle-group-context';\n\n/**\n * A set of two-state buttons that can be toggled on or off. Owns composite keyboard focus over its\n * `[rdxToggle]` children.\n *\n * @see https://base-ui.com/react/components/toggle-group\n */\n@Directive({\n    selector: '[rdxToggleGroup]',\n    exportAs: 'rdxToggleGroup',\n    hostDirectives: [RdxCompositeRoot],\n    providers: [\n        provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroup))),\n        provideValueAccessor(RdxToggleGroup)\n    ]\n})\nexport class RdxToggleGroup extends RdxToggleGroupBase {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    /** Text direction for arrow-key navigation. */\n    readonly dirInput = input<Direction | undefined>(undefined, { alias: 'dir' });\n    readonly dir = injectDirection(this.dirInput);\n\n    /**\n     * Whether keyboard navigation should loop from the last item back to the first.\n     *\n     * @default true\n     */\n    readonly loopFocus = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    private readonly compositeRoot = inject(RdxCompositeRoot, { self: true });\n    private readonly itemMetadata = computed(() =>\n        Array.from(this.compositeRoot.itemMap().values()).filter(isToggleItemMetadata)\n    );\n    private readonly disabledIndices = computed(() =>\n        this.itemMetadata()\n            .filter((metadata) => metadata.disabled)\n            .map((metadata) => metadata.index)\n    );\n    private readonly activeIndex = computed(() => {\n        const pressedValues = this.pressedValues();\n        if (pressedValues.length === 0) {\n            return -1;\n        }\n\n        return this.itemMetadata().find((metadata) => pressedValues.includes(metadata.value))?.index ?? -1;\n    });\n\n    constructor() {\n        super();\n\n        effect(() => {\n            this.compositeRoot.setOrientation(this.orientation());\n            this.compositeRoot.setDir(this.dir());\n            this.compositeRoot.setLoopFocus(this.loopFocus());\n            this.compositeRoot.setEnableHomeAndEndKeys(true);\n        });\n\n        effect(() => {\n            this.compositeRoot.setDisabledIndices(this.disabledIndices());\n        });\n\n        effect(() => {\n            const activeIndex = this.activeIndex();\n\n            if (activeIndex === -1 || this.disabledIndices().includes(activeIndex)) {\n                return;\n            }\n\n            const activeElement = this.elementRef.nativeElement.ownerDocument.activeElement;\n            if (activeElement && this.elementRef.nativeElement.contains(activeElement)) {\n                return;\n            }\n\n            this.compositeRoot.setHighlightedIndex(activeIndex);\n        });\n    }\n}\n\ninterface RdxToggleItemMetadata {\n    [key: string]: unknown;\n    disabled: boolean;\n    value: string;\n}\n\nfunction isToggleItemMetadata(metadata: RdxCompositeMetadata): metadata is RdxCompositeMetadata<RdxToggleItemMetadata> {\n    return typeof metadata['disabled'] === 'boolean' && typeof metadata['value'] === 'string';\n}\n","import { Directive, inject } from '@angular/core';\nimport { provideValueAccessor } from '@radix-ng/primitives/core';\nimport { injectToolbarGroupContext, injectToolbarRootContext } from '@radix-ng/primitives/toolbar';\nimport { RdxToggleGroupBase, toggleGroupContext } from './toggle-group-base';\nimport { provideToggleGroupContext } from './toggle-group-context';\n\n/**\n * A toggle group that does NOT create its own composite root, for use inside a container that\n * already owns keyboard focus (e.g. a toolbar). The `[rdxToggle]` children register with the nearest\n * ancestor composite root instead. Mirrors Base UI's behavior of skipping its composite root\n * when nested in a toolbar.\n */\n@Directive({\n    selector: '[rdxToggleGroupWithoutFocus]',\n    exportAs: 'rdxToggleGroupWithoutFocus',\n    providers: [\n        provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroupWithoutFocus))),\n        provideValueAccessor(RdxToggleGroupWithoutFocus)\n    ]\n})\nexport class RdxToggleGroupWithoutFocus extends RdxToggleGroupBase {\n    private readonly toolbarRootContext = injectToolbarRootContext(true);\n    private readonly toolbarGroupContext = injectToolbarGroupContext(true);\n\n    protected override isExternallyDisabled(): boolean {\n        return (this.toolbarRootContext?.disabled() ?? false) || (this.toolbarGroupContext?.disabled() ?? false);\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":"radix-ng-primitives-toggle-group.mjs","sources":["../../../packages/primitives/toggle-group/src/toggle-group-base.ts","../../../packages/primitives/toggle-group/src/toggle-group-context.ts","../../../packages/primitives/toggle-group/src/toggle-group.ts","../../../packages/primitives/toggle-group/src/toggle-group-without-focus.ts","../../../packages/primitives/toggle-group/radix-ng-primitives-toggle-group.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, effect, input, model, output, signal, untracked } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport {\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    DataOrientation,\n    RdxCancelableChangeEventDetails,\n    RdxFormUiControlBase,\n    RdxFormUiTouchTarget,\n    RdxFormValueControl\n} from '@radix-ng/primitives/core';\nimport { RdxToggleGroupContext } from './toggle-group-context';\n\nexport type RdxToggleGroupValueChangeReason = 'none';\nexport type RdxToggleGroupValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxToggleGroupValueChangeReason>;\n\nexport interface RdxToggleGroupValueChangeEvent {\n    value: string[];\n    eventDetails: RdxToggleGroupValueChangeEventDetails;\n}\n\n/** Builds the shared context a {@link RdxToggle} reads when it belongs to this group. */\nexport function toggleGroupContext(instance: RdxToggleGroupBase): RdxToggleGroupContext {\n    return {\n        value: instance.pressedValues,\n        disabled: instance.isDisabled,\n        orientation: instance.orientation,\n        isValueInitialized: instance.isValueInitialized,\n        toggle: (value, nextPressed, event, eventDetails) => instance.toggle(value, nextPressed, event, eventDetails)\n    };\n}\n\n/**\n * Shared state and behavior for the toggle group. Concrete directives add the composite root\n * ({@link RdxToggleGroup}) or omit it when an ancestor already owns focus, e.g. a toolbar\n * ({@link RdxToggleGroupWithoutFocus}).\n */\n@Directive({\n    host: {\n        role: 'group',\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-multiple]': 'multiple() ? \"\" : undefined'\n    }\n})\nexport abstract class RdxToggleGroupBase\n    extends RdxFormUiControlBase\n    implements ControlValueAccessor, RdxFormValueControl<string[] | undefined>\n{\n    /**\n     * The pressed values. Always an array — a single value is `[value]`. Use with `(onValueChange)`\n     * for controlled state.\n     */\n    readonly value = model<string[]>();\n\n    /** The values pressed when the group is initially rendered (uncontrolled). */\n    readonly defaultValue = input<string[]>();\n\n    /**\n     * Whether multiple items can be pressed at the same time.\n     *\n     * @default false\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the whole group is disabled.\n     *\n     * @default false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The orientation of the group, controlling arrow-key navigation.\n     *\n     * @default 'horizontal'\n     */\n    readonly orientation = input<DataOrientation>('horizontal');\n\n    /** Event emitted when the pressed values change. */\n    readonly onValueChange = output<RdxToggleGroupValueChangeEvent>();\n\n    /** @ignore */\n    readonly pressedValues = computed(() => this.value() ?? []);\n    /** @ignore */\n    readonly isValueInitialized = computed(() => this.value() !== undefined || this.defaultValue() !== undefined);\n\n    protected readonly accessorDisabled = signal(false);\n    /** @ignore */\n    readonly isDisabled = computed(() => this.disabled() || this.accessorDisabled() || this.isExternallyDisabled());\n\n    private onChange?: (value: string[]) => void;\n    protected onTouched?: () => void;\n\n    constructor() {\n        super();\n\n        effect(() => {\n            const initial = this.defaultValue();\n            if (initial !== undefined && untracked(this.value) === undefined) {\n                this.value.set(initial);\n            }\n        });\n    }\n\n    /** @ignore Bridge the CVA `onTouched` so `markAsTouched()` also notifies Reactive/template forms. */\n    protected override formUiTouchTarget(): RdxFormUiTouchTarget {\n        return { markAsTouched: () => this.onTouched?.() };\n    }\n\n    /** @ignore Extra disabled state inherited from composite parents such as Toolbar. */\n    protected isExternallyDisabled(): boolean {\n        return false;\n    }\n\n    /** @ignore */\n    toggle(\n        value: string,\n        nextPressed: boolean,\n        event?: Event,\n        eventDetails?: RdxToggleGroupValueChangeEventDetails\n    ): void {\n        if (this.isDisabled()) {\n            return;\n        }\n\n        const current = this.pressedValues();\n        let next: string[];\n\n        // The item supplies the next pressed boolean (source of truth); the group only maps it onto its\n        // value set — add `value` when pressed, remove it when not.\n        if (this.multiple()) {\n            next = nextPressed\n                ? current.includes(value)\n                    ? current\n                    : [...current, value]\n                : current.filter((item) => item !== value);\n        } else {\n            next = nextPressed ? [value] : [];\n        }\n\n        const resolvedEventDetails =\n            eventDetails ??\n            createCancelableChangeEventDetails(\n                'none',\n                event ?? new Event('toggle-group.value-change'),\n                event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined\n            ).eventDetails;\n\n        this.onValueChange.emit({ value: next, eventDetails: resolvedEventDetails });\n        if (resolvedEventDetails.isCanceled()) {\n            return;\n        }\n\n        this.value.set(next);\n        this.formUi.markDirty();\n        this.onChange?.(next);\n    }\n\n    /** @ignore */\n    writeValue(value: string[] | string | null): void {\n        this.value.set(value == null ? [] : Array.isArray(value) ? value : [value]);\n    }\n\n    /** @ignore */\n    registerOnChange(fn: (value: string[]) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @ignore */\n    setDisabledState(isDisabled: boolean): void {\n        this.accessorDisabled.set(isDisabled);\n    }\n}\n","import { Signal } from '@angular/core';\nimport { createContext, DataOrientation, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';\n\ntype RdxToggleGroupContextChangeReason = 'none';\n\n/**\n * Shared state a {@link RdxToggle} reads when it participates in a toggle group.\n */\nexport interface RdxToggleGroupContext {\n    /** The currently pressed values. */\n    readonly value: Signal<string[]>;\n\n    /** Whether the whole group is disabled. */\n    readonly disabled: Signal<boolean>;\n\n    /** The orientation of the group. */\n    readonly orientation: Signal<DataOrientation>;\n\n    /** Whether the group value was initialized by `value` or `defaultValue`. */\n    readonly isValueInitialized: Signal<boolean>;\n\n    /**\n     * Set the pressed state of `value` within the group. The item computes the next pressed boolean\n     * (Base UI parity — the item is the source of truth), so the group applies it rather than\n     * re-deriving the toggle from its current value set.\n     */\n    toggle(\n        value: string,\n        nextPressed: boolean,\n        event?: Event,\n        eventDetails?: RdxCancelableChangeEventDetails<RdxToggleGroupContextChangeReason>\n    ): void;\n}\n\nexport const [injectToggleGroupContext, provideToggleGroupContext] = createContext<RdxToggleGroupContext>(\n    'RdxToggleGroupContext',\n    'components/toggle-group'\n);\n","import { booleanAttribute, computed, Directive, effect, ElementRef, inject, input } from '@angular/core';\nimport { RdxCompositeMetadata, RdxCompositeRoot } from '@radix-ng/primitives/composite';\nimport {\n    BooleanInput,\n    Direction,\n    provideFormUiState,\n    provideValueAccessor,\n    RdxFormUiStateHost\n} from '@radix-ng/primitives/core';\nimport { injectDirection } from '@radix-ng/primitives/direction-provider';\nimport { RdxToggleGroupBase, toggleGroupContext } from './toggle-group-base';\nimport { provideToggleGroupContext } from './toggle-group-context';\n\n/**\n * A set of two-state buttons that can be toggled on or off. Owns composite keyboard focus over its\n * `[rdxToggle]` children.\n *\n * @see https://base-ui.com/react/components/toggle-group\n */\n@Directive({\n    selector: '[rdxToggleGroup]',\n    exportAs: 'rdxToggleGroup',\n    hostDirectives: [RdxCompositeRoot, RdxFormUiStateHost],\n    providers: [\n        provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroup))),\n        provideValueAccessor(RdxToggleGroup),\n        provideFormUiState(() => inject(RdxToggleGroup).formUi)\n    ]\n})\nexport class RdxToggleGroup extends RdxToggleGroupBase {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    /** Text direction for arrow-key navigation. */\n    readonly dirInput = input<Direction | undefined>(undefined, { alias: 'dir' });\n    readonly dir = injectDirection(this.dirInput);\n\n    /**\n     * Whether keyboard navigation should loop from the last item back to the first.\n     *\n     * @default true\n     */\n    readonly loopFocus = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    private readonly compositeRoot = inject(RdxCompositeRoot, { self: true });\n    private readonly itemMetadata = computed(() =>\n        Array.from(this.compositeRoot.itemMap().values()).filter(isToggleItemMetadata)\n    );\n    private readonly disabledIndices = computed(() =>\n        this.itemMetadata()\n            .filter((metadata) => metadata.disabled)\n            .map((metadata) => metadata.index)\n    );\n    private readonly activeIndex = computed(() => {\n        const pressedValues = this.pressedValues();\n        if (pressedValues.length === 0) {\n            return -1;\n        }\n\n        return this.itemMetadata().find((metadata) => pressedValues.includes(metadata.value))?.index ?? -1;\n    });\n\n    constructor() {\n        super();\n\n        effect(() => {\n            this.compositeRoot.setOrientation(this.orientation());\n            this.compositeRoot.setDir(this.dir());\n            this.compositeRoot.setLoopFocus(this.loopFocus());\n            this.compositeRoot.setEnableHomeAndEndKeys(true);\n        });\n\n        effect(() => {\n            this.compositeRoot.setDisabledIndices(this.disabledIndices());\n        });\n\n        effect(() => {\n            const activeIndex = this.activeIndex();\n\n            if (activeIndex === -1 || this.disabledIndices().includes(activeIndex)) {\n                return;\n            }\n\n            const activeElement = this.elementRef.nativeElement.ownerDocument.activeElement;\n            if (activeElement && this.elementRef.nativeElement.contains(activeElement)) {\n                return;\n            }\n\n            this.compositeRoot.setHighlightedIndex(activeIndex);\n        });\n    }\n}\n\ninterface RdxToggleItemMetadata {\n    [key: string]: unknown;\n    disabled: boolean;\n    value: string;\n}\n\nfunction isToggleItemMetadata(metadata: RdxCompositeMetadata): metadata is RdxCompositeMetadata<RdxToggleItemMetadata> {\n    return typeof metadata['disabled'] === 'boolean' && typeof metadata['value'] === 'string';\n}\n","import { Directive, inject } from '@angular/core';\nimport { provideFormUiState, provideValueAccessor, RdxFormUiStateHost } from '@radix-ng/primitives/core';\nimport { injectToolbarGroupContext, injectToolbarRootContext } from '@radix-ng/primitives/toolbar';\nimport { RdxToggleGroupBase, toggleGroupContext } from './toggle-group-base';\nimport { provideToggleGroupContext } from './toggle-group-context';\n\n/**\n * A toggle group that does NOT create its own composite root, for use inside a container that\n * already owns keyboard focus (e.g. a toolbar). The `[rdxToggle]` children register with the nearest\n * ancestor composite root instead. Mirrors Base UI's behavior of skipping its composite root\n * when nested in a toolbar.\n */\n@Directive({\n    selector: '[rdxToggleGroupWithoutFocus]',\n    exportAs: 'rdxToggleGroupWithoutFocus',\n    hostDirectives: [RdxFormUiStateHost],\n    providers: [\n        provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroupWithoutFocus))),\n        provideValueAccessor(RdxToggleGroupWithoutFocus),\n        provideFormUiState(() => inject(RdxToggleGroupWithoutFocus).formUi)\n    ]\n})\nexport class RdxToggleGroupWithoutFocus extends RdxToggleGroupBase {\n    private readonly toolbarRootContext = injectToolbarRootContext(true);\n    private readonly toolbarGroupContext = injectToolbarGroupContext(true);\n\n    protected override isExternallyDisabled(): boolean {\n        return (this.toolbarRootContext?.disabled() ?? false) || (this.toolbarGroupContext?.disabled() ?? false);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}