@radix-ng/primitives 1.0.7 → 1.0.8

package/fesm2022/radix-ng-primitives-date-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, getDefaultDate, hasTime, syncSegmentValues, initializeSegmentValues, isBefore, createContent, watch, ARROW_LEFT, ARROW_RIGHT, isSegmentNavigationKey, provideToken } from '@radix-ng/primitives/core';
+import { useDateField, isNullish, RdxFormUiControlBase, normalizeDateStep, createFormatter, normalizeHourCycle, getDefaultDate, hasTime, syncSegmentValues, initializeSegmentValues, isBefore, resolveDisplayValid, createContent, watch, ARROW_LEFT, ARROW_RIGHT, isSegmentNavigationKey, provideToken } from '@radix-ng/primitives/core';
 import { injectDirection } from '@radix-ng/primitives/direction-provider';
 
 const DATE_FIELDS_ROOT_CONTEXT = new InjectionToken('DATE_FIELDS_ROOT_CONTEXT');
@@ -43,8 +43,11 @@ class RdxDateFieldInputDirective {
         /**
          * @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
          */
@@ -132,7 +135,7 @@ class RdxDateFieldInputDirective {
         this.hasLeftFocus.set(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDateFieldInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxDateFieldInputDirective, isStandalone: true, selector: "[rdxDateFieldInput]", 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\"", "style.caret-color": "part() !== \"literal\" ? \"transparent\" : undefined", "attr.data-rdx-date-field-segment": "part()", "attr.aria-disabled": "disabled() ? \"true\" : 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: RdxDateFieldInputDirective, isStandalone: true, selector: "[rdxDateFieldInput]", 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\"", "style.caret-color": "part() !== \"literal\" ? \"transparent\" : undefined", "attr.data-rdx-date-field-segment": "part()", "attr.aria-disabled": "disabled() ? \"true\" : 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: RdxDateFieldInputDirective, decorators: [{
             type: Directive,
@@ -144,8 +147,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '[attr.data-rdx-date-field-segment]': 'part()',
                         '[attr.aria-disabled]': 'disabled() ? "true" : 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)',
@@ -154,8 +157,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { part: [{ type: i0.Input, args: [{ isSignal: true, alias: "part", required: false }] }] } });
 
-class RdxDateFieldRootDirective {
+class RdxDateFieldRootDirective 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 value of the date field.
          */
@@ -294,6 +302,26 @@ class RdxDateFieldRootDirective {
             return false;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
+        /**
+         * @ignore Effective invalid: the built-in range/availability 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 date-field's own (parse + form) invalidity. Overrides the base (whose default uses only
+         * `formUi.invalidState`) so the standalone path keeps the built-in range/availability check.
+         */
+        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
          */
@@ -349,6 +377,13 @@ class RdxDateFieldRootDirective {
         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.value], ([modelValue]) => {
             if (!isNullish(modelValue) && this.placeholder()?.compare(modelValue) !== 0) {
                 this.placeholder.set(modelValue.copy());
@@ -388,9 +423,10 @@ class RdxDateFieldRootDirective {
      */
     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: RdxDateFieldRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.2", type: RdxDateFieldRootDirective, isStandalone: true, selector: "[rdxDateFieldRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", 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() ? \"true\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-invalid": "isInvalid() ? \"\" : undefined", "attr.dir": "dir()" } }, providers: [provideToken(DATE_FIELDS_ROOT_CONTEXT, RdxDateFieldRootDirective)], queries: [{ propertyName: "segmentInputs", predicate: RdxDateFieldInputDirective, isSignal: true }], exportAs: ["rdxDateFieldRoot"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.2", type: RdxDateFieldRootDirective, isStandalone: true, selector: "[rdxDateFieldRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", 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() ? \"true\" : 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(DATE_FIELDS_ROOT_CONTEXT, RdxDateFieldRootDirective)], queries: [{ propertyName: "segmentInputs", predicate: RdxDateFieldInputDirective, isSignal: true }], exportAs: ["rdxDateFieldRoot"], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDateFieldRootDirective, decorators: [{
             type: Directive,
@@ -403,9 +439,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '[attr.aria-disabled]': 'disabled() ? "true" : 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"] }], isDateUnavailable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDateUnavailable", required: false }] }], 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(() => RdxDateFieldInputDirective), { isSignal: true }] }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-date-field.mjs","sources":["../../../packages/primitives/date-field/src/date-field-context.token.ts","../../../packages/primitives/date-field/src/date-field-input.directive.ts","../../../packages/primitives/date-field/src/date-field-root.directive.ts","../../../packages/primitives/date-field/index.ts","../../../packages/primitives/date-field/radix-ng-primitives-date-field.ts"],"sourcesContent":["import { inject, InjectionToken, InputSignal, ModelSignal, Signal, WritableSignal } from '@angular/core';\nimport { DateValue } from '@internationalized/date';\nimport { DateStep, Formatter, HourCycle, SegmentValueObj } from '@radix-ng/primitives/core';\n\nexport interface DateFieldContextToken {\n    locale: InputSignal<string>;\n    value: ModelSignal<DateValue | undefined>;\n    disabled: InputSignal<boolean>;\n    readonly: InputSignal<boolean>;\n    isInvalid: Signal<boolean>;\n    placeholder: ModelSignal<DateValue>;\n    hourCycle: InputSignal<HourCycle>;\n    step$: Signal<DateStep>;\n    formatter: Signal<Formatter>;\n    segmentValues: WritableSignal<SegmentValueObj>;\n    focusNext: () => void;\n    setFocusedElement: (el: HTMLElement) => void;\n}\n\nexport const DATE_FIELDS_ROOT_CONTEXT = new InjectionToken<DateFieldContextToken>('DATE_FIELDS_ROOT_CONTEXT');\n\nexport function injectDateFieldsRootContext(): DateFieldContextToken {\n    return inject(DATE_FIELDS_ROOT_CONTEXT);\n}\n","import { computed, Directive, effect, ElementRef, inject, input, signal } from '@angular/core';\nimport { isNullish, SegmentPart, useDateField } from '@radix-ng/primitives/core';\nimport { injectDateFieldsRootContext } from './date-field-context.token';\n\n/**\n * Attribute keys produced by `useDateField().attributes()` that are instead owned by host\n * bindings. Writing them imperatively would clobber the host value — re-enabling a disabled\n * segment via `contenteditable`, or overwriting a consumer's inline `style`.\n */\nconst hostManagedAttrs = new Set(['contenteditable', 'style']);\n\n@Directive({\n    selector: '[rdxDateFieldInput]',\n    host: {\n        '[attr.contenteditable]': 'disabled() || readonly() ? false : part() !== \"literal\"',\n        '[style.caret-color]': 'part() !== \"literal\" ? \"transparent\" : undefined',\n        '[attr.data-rdx-date-field-segment]': 'part()',\n        '[attr.aria-disabled]': 'disabled() ? \"true\" : 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 RdxDateFieldInputDirective {\n    private readonly elementRef = 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.elementRef.nativeElement;\n\n    private readonly rootContext = injectDateFieldsRootContext();\n\n    /**\n     * The part of the date to render\n     * `'day' | 'month' | 'year' | '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.placeholder,\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            step: this.rootContext.step$,\n            modelValue: this.rootContext.value,\n            focusNext: this.rootContext.focusNext\n        });\n    });\n\n    private readonly attributes = computed(() => this.fieldData().attributes());\n\n    /**\n     * Attribute keys applied imperatively on the previous effect run, so keys that\n     * disappear from `attributes()` are removed instead of lingering as stale state.\n     * @ignore\n     */\n    private appliedAttrs = new Set<string>();\n\n    constructor() {\n        effect(() => {\n            const element = this.elementRef.nativeElement as HTMLElement;\n            const attrs = this.attributes();\n            const next = new Set<string>();\n\n            for (const [attr, value] of Object.entries(attrs)) {\n                // Skip keys a host binding already owns, so this effect never fights it.\n                if (hostManagedAttrs.has(attr)) {\n                    continue;\n                }\n\n                // A nullish value means the attribute should be absent (e.g. `data-placeholder`\n                // once a segment is filled); removing it avoids a literal `\"undefined\"` string.\n                if (isNullish(value)) {\n                    element.removeAttribute(attr);\n                } else {\n                    element.setAttribute(attr, String(value));\n                    next.add(attr);\n                }\n            }\n\n            for (const attr of this.appliedAttrs) {\n                if (!next.has(attr)) {\n                    element.removeAttribute(attr);\n                }\n            }\n\n            this.appliedAttrs = next;\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    handleSegmentClick(event: Event) {\n        this.fieldData().handleSegmentClick(event as MouseEvent);\n    }\n\n    /**\n     * @ignore\n     */\n    handleSegmentKeydown(event: Event) {\n        this.fieldData().handleSegmentKeydown(event as KeyboardEvent);\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 } from '@internationalized/date';\nimport {\n    ARROW_LEFT,\n    ARROW_RIGHT,\n    BooleanInput,\n    createContent,\n    createFormatter,\n    DateMatcher,\n    DateStep,\n    Direction,\n    Formatter,\n    getDefaultDate,\n    Granularity,\n    hasTime,\n    HourCycle,\n    initializeSegmentValues,\n    isBefore,\n    isNullish,\n    isSegmentNavigationKey,\n    normalizeDateStep,\n    normalizeHourCycle,\n    provideToken,\n    SegmentValueObj,\n    syncSegmentValues,\n    watch\n} from '@radix-ng/primitives/core';\nimport { injectDirection } from '@radix-ng/primitives/direction-provider';\nimport { DATE_FIELDS_ROOT_CONTEXT } from './date-field-context.token';\nimport { RdxDateFieldInputDirective } from './date-field-input.directive';\n\n@Directive({\n    selector: '[rdxDateFieldRoot]',\n    exportAs: 'rdxDateFieldRoot',\n    providers: [provideToken(DATE_FIELDS_ROOT_CONTEXT, RdxDateFieldRootDirective)],\n    host: {\n        role: 'group',\n        '[attr.aria-disabled]': 'disabled() ? \"true\" : 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 RdxDateFieldRootDirective {\n    /**\n     * The controlled value of the date field.\n     */\n    readonly value = model<DateValue | undefined>();\n\n    /**\n     * A matcher that marks specific dates as unavailable; a matched value makes the field invalid.\n     */\n    readonly isDateUnavailable = input<DateMatcher | undefined>(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<DateValue>();\n\n    /**\n     * The maximum valid date that can be entered.\n     */\n    readonly maxValue = input<DateValue>();\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        getDefaultDate({\n            defaultPlaceholder: undefined,\n            granularity: this.granularity(),\n            defaultValue: this.value(),\n            locale: this.locale()\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<DateValue | 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(RdxDateFieldInputDirective);\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(() => {\n        const placeholder = this.placeholder();\n\n        if (this.granularity()) return placeholder && !hasTime(placeholder) ? 'day' : this.granularity();\n\n        return placeholder && hasTime(placeholder) ? 'minute' : 'day';\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: DateValue | undefined; granularity: Granularity; formatter: Formatter },\n        SegmentValueObj\n    >({\n        source: () => ({\n            value: this.value(),\n            granularity: <Granularity>this.inferredGranularity(),\n            formatter: this.formatter()\n        }),\n        computation: ({ value, granularity, formatter }) =>\n            value ? { ...syncSegmentValues({ value, formatter }) } : { ...initializeSegmentValues(granularity) }\n    });\n\n    /**\n     * @ignore\n     */\n    readonly isInvalid = computed(() => {\n        if (!this.value()) return false;\n\n        if (this.isDateUnavailable()?.(<DateValue>this.value())) return true;\n\n        if (this.minValue() && isBefore(<DateValue>this.value(), <DateValue>this.minValue())) return true;\n\n        if (this.maxValue() && isBefore(<DateValue>this.maxValue(), <DateValue>this.value())) return true;\n\n        return false;\n    });\n\n    /**\n     * @ignore\n     */\n    readonly allSegmentContent = computed(() =>\n        createContent({\n            granularity: <Granularity>this.inferredGranularity(),\n            dateRef: <DateValue>this.placeholder(),\n            formatter: this.formatter(),\n            hideTimeZone: this.hideTimeZone(),\n            hourCycle: this.hourCycle(),\n            segmentValues: this.segmentValues(),\n            locale: this.locale\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.value], ([modelValue]) => {\n            if (!isNullish(modelValue) && this.placeholder()?.compare(modelValue) !== 0) {\n                this.placeholder.set(modelValue.copy());\n            }\n        });\n\n        // The placeholder is seeded once at construction, before `locale` binds. When the locale\n        // selects a different calendar system (e.g. Buddhist, Japanese) and the field is still\n        // empty, re-seed it so segments and `getDaysInMonth` use that calendar.\n        watch([this.locale], () => {\n            if (!isNullish(this.value())) return;\n            const next = this.defaultDate();\n            if (this.placeholder()?.calendar.identifier !== next.calendar.identifier) {\n                this.placeholder.set(next.copy());\n            }\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    onKeydown(event: Event) {\n        const keyEvent = event as KeyboardEvent;\n        const code = keyEvent.code;\n        if ([ARROW_LEFT, ARROW_RIGHT].includes(code)) {\n            if (!isSegmentNavigationKey(keyEvent.key)) return;\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    /**\n     * @ignore\n     */\n    setFocusedElement(el: HTMLElement) {\n        this.currentFocusedElement.set(el);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxDateFieldInputDirective } from './src/date-field-input.directive';\nimport { RdxDateFieldRootDirective } from './src/date-field-root.directive';\n\nexport * from './src/date-field-context.token';\nexport * from './src/date-field-input.directive';\nexport * from './src/date-field-root.directive';\n\nconst _imports = [RdxDateFieldRootDirective, RdxDateFieldInputDirective];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxDateFieldModule {}\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-date-field.mjs","sources":["../../../packages/primitives/date-field/src/date-field-context.token.ts","../../../packages/primitives/date-field/src/date-field-input.directive.ts","../../../packages/primitives/date-field/src/date-field-root.directive.ts","../../../packages/primitives/date-field/index.ts","../../../packages/primitives/date-field/radix-ng-primitives-date-field.ts"],"sourcesContent":["import { inject, InjectionToken, InputSignal, ModelSignal, Signal, WritableSignal } from '@angular/core';\nimport { DateValue } from '@internationalized/date';\nimport { DateStep, Formatter, HourCycle, SegmentValueObj } from '@radix-ng/primitives/core';\n\nexport interface DateFieldContextToken {\n    locale: InputSignal<string>;\n    value: ModelSignal<DateValue | undefined>;\n    disabled: InputSignal<boolean>;\n    readonly: InputSignal<boolean>;\n    isInvalid: Signal<boolean>;\n    /** Effective invalid: the built-in range/availability 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    placeholder: ModelSignal<DateValue>;\n    hourCycle: InputSignal<HourCycle>;\n    step$: Signal<DateStep>;\n    formatter: Signal<Formatter>;\n    segmentValues: WritableSignal<SegmentValueObj>;\n    focusNext: () => void;\n    setFocusedElement: (el: HTMLElement) => void;\n}\n\nexport const DATE_FIELDS_ROOT_CONTEXT = new InjectionToken<DateFieldContextToken>('DATE_FIELDS_ROOT_CONTEXT');\n\nexport function injectDateFieldsRootContext(): DateFieldContextToken {\n    return inject(DATE_FIELDS_ROOT_CONTEXT);\n}\n","import { computed, Directive, effect, ElementRef, inject, input, signal } from '@angular/core';\nimport { isNullish, SegmentPart, useDateField } from '@radix-ng/primitives/core';\nimport { injectDateFieldsRootContext } from './date-field-context.token';\n\n/**\n * Attribute keys produced by `useDateField().attributes()` that are instead owned by host\n * bindings. Writing them imperatively would clobber the host value — re-enabling a disabled\n * segment via `contenteditable`, or overwriting a consumer's inline `style`.\n */\nconst hostManagedAttrs = new Set(['contenteditable', 'style']);\n\n@Directive({\n    selector: '[rdxDateFieldInput]',\n    host: {\n        '[attr.contenteditable]': 'disabled() || readonly() ? false : part() !== \"literal\"',\n        '[style.caret-color]': 'part() !== \"literal\" ? \"transparent\" : undefined',\n        '[attr.data-rdx-date-field-segment]': 'part()',\n        '[attr.aria-disabled]': 'disabled() ? \"true\" : 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 RdxDateFieldInputDirective {\n    private readonly elementRef = 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.elementRef.nativeElement;\n\n    private readonly rootContext = injectDateFieldsRootContext();\n\n    /**\n     * The part of the date to render\n     * `'day' | 'month' | 'year' | '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.placeholder,\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            step: this.rootContext.step$,\n            modelValue: this.rootContext.value,\n            focusNext: this.rootContext.focusNext\n        });\n    });\n\n    private readonly attributes = computed(() => this.fieldData().attributes());\n\n    /**\n     * Attribute keys applied imperatively on the previous effect run, so keys that\n     * disappear from `attributes()` are removed instead of lingering as stale state.\n     * @ignore\n     */\n    private appliedAttrs = new Set<string>();\n\n    constructor() {\n        effect(() => {\n            const element = this.elementRef.nativeElement as HTMLElement;\n            const attrs = this.attributes();\n            const next = new Set<string>();\n\n            for (const [attr, value] of Object.entries(attrs)) {\n                // Skip keys a host binding already owns, so this effect never fights it.\n                if (hostManagedAttrs.has(attr)) {\n                    continue;\n                }\n\n                // A nullish value means the attribute should be absent (e.g. `data-placeholder`\n                // once a segment is filled); removing it avoids a literal `\"undefined\"` string.\n                if (isNullish(value)) {\n                    element.removeAttribute(attr);\n                } else {\n                    element.setAttribute(attr, String(value));\n                    next.add(attr);\n                }\n            }\n\n            for (const attr of this.appliedAttrs) {\n                if (!next.has(attr)) {\n                    element.removeAttribute(attr);\n                }\n            }\n\n            this.appliedAttrs = next;\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    handleSegmentClick(event: Event) {\n        this.fieldData().handleSegmentClick(event as MouseEvent);\n    }\n\n    /**\n     * @ignore\n     */\n    handleSegmentKeydown(event: Event) {\n        this.fieldData().handleSegmentKeydown(event as KeyboardEvent);\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 } from '@internationalized/date';\nimport {\n    ARROW_LEFT,\n    ARROW_RIGHT,\n    BooleanInput,\n    createContent,\n    createFormatter,\n    DateMatcher,\n    DateStep,\n    Direction,\n    Formatter,\n    getDefaultDate,\n    Granularity,\n    hasTime,\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    watch\n} from '@radix-ng/primitives/core';\nimport { injectDirection } from '@radix-ng/primitives/direction-provider';\nimport { DATE_FIELDS_ROOT_CONTEXT } from './date-field-context.token';\nimport { RdxDateFieldInputDirective } from './date-field-input.directive';\n\n@Directive({\n    selector: '[rdxDateFieldRoot]',\n    exportAs: 'rdxDateFieldRoot',\n    providers: [provideToken(DATE_FIELDS_ROOT_CONTEXT, RdxDateFieldRootDirective)],\n    host: {\n        role: 'group',\n        '[attr.aria-disabled]': 'disabled() ? \"true\" : 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 RdxDateFieldRootDirective\n    extends RdxFormUiControlBase\n    implements RdxFormValueControl<DateValue | undefined>\n{\n    /**\n     * The controlled value of the date field.\n     */\n    readonly value = model<DateValue | undefined>();\n\n    /**\n     * A matcher that marks specific dates as unavailable; a matched value makes the field invalid.\n     */\n    readonly isDateUnavailable = input<DateMatcher | undefined>(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<DateValue>();\n\n    /**\n     * The maximum valid date that can be entered.\n     */\n    readonly maxValue = input<DateValue>();\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        getDefaultDate({\n            defaultPlaceholder: undefined,\n            granularity: this.granularity(),\n            defaultValue: this.value(),\n            locale: this.locale()\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<DateValue | 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(RdxDateFieldInputDirective);\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(() => {\n        const placeholder = this.placeholder();\n\n        if (this.granularity()) return placeholder && !hasTime(placeholder) ? 'day' : this.granularity();\n\n        return placeholder && hasTime(placeholder) ? 'minute' : 'day';\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: DateValue | undefined; granularity: Granularity; formatter: Formatter },\n        SegmentValueObj\n    >({\n        source: () => ({\n            value: this.value(),\n            granularity: <Granularity>this.inferredGranularity(),\n            formatter: this.formatter()\n        }),\n        computation: ({ value, granularity, formatter }) =>\n            value ? { ...syncSegmentValues({ value, formatter }) } : { ...initializeSegmentValues(granularity) }\n    });\n\n    /**\n     * @ignore\n     */\n    readonly isInvalid = computed(() => {\n        if (!this.value()) return false;\n\n        if (this.isDateUnavailable()?.(<DateValue>this.value())) return true;\n\n        if (this.minValue() && isBefore(<DateValue>this.value(), <DateValue>this.minValue())) return true;\n\n        if (this.maxValue() && isBefore(<DateValue>this.maxValue(), <DateValue>this.value())) return true;\n\n        return false;\n    });\n\n    /**\n     * @ignore Effective invalid: the built-in range/availability check OR the form-driven\n     * `invalid` / `errors` (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 date-field's own (parse + form) invalidity. Overrides the base (whose default uses only\n     * `formUi.invalidState`) so the standalone path keeps the built-in range/availability check.\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: <Granularity>this.inferredGranularity(),\n            dateRef: <DateValue>this.placeholder(),\n            formatter: this.formatter(),\n            hideTimeZone: this.hideTimeZone(),\n            hourCycle: this.hourCycle(),\n            segmentValues: this.segmentValues(),\n            locale: this.locale\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.value], ([modelValue]) => {\n            if (!isNullish(modelValue) && this.placeholder()?.compare(modelValue) !== 0) {\n                this.placeholder.set(modelValue.copy());\n            }\n        });\n\n        // The placeholder is seeded once at construction, before `locale` binds. When the locale\n        // selects a different calendar system (e.g. Buddhist, Japanese) and the field is still\n        // empty, re-seed it so segments and `getDaysInMonth` use that calendar.\n        watch([this.locale], () => {\n            if (!isNullish(this.value())) return;\n            const next = this.defaultDate();\n            if (this.placeholder()?.calendar.identifier !== next.calendar.identifier) {\n                this.placeholder.set(next.copy());\n            }\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    onKeydown(event: Event) {\n        const keyEvent = event as KeyboardEvent;\n        const code = keyEvent.code;\n        if ([ARROW_LEFT, ARROW_RIGHT].includes(code)) {\n            if (!isSegmentNavigationKey(keyEvent.key)) return;\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    /**\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 { RdxDateFieldInputDirective } from './src/date-field-input.directive';\nimport { RdxDateFieldRootDirective } from './src/date-field-root.directive';\n\nexport * from './src/date-field-context.token';\nexport * from './src/date-field-input.directive';\nexport * from './src/date-field-root.directive';\n\nconst _imports = [RdxDateFieldRootDirective, RdxDateFieldInputDirective];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxDateFieldModule {}\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-editable.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, model, input, booleanAttribute, numberAttribute, output, computed, linkedSignal, signal, effect, afterRenderEffect, Directive, ElementRef, afterNextRender, NgModule } from '@angular/core';
-import { createContext, watch, createCancelableChangeEventDetails, ENTER } from '@radix-ng/primitives/core';
+import { createContext, RdxFormUiControlBase, watch, createCancelableChangeEventDetails, ENTER } from '@radix-ng/primitives/core';
 import * as i1 from '@radix-ng/primitives/dismissable-layer';
 import { RdxFocusOutside, RdxPointerDownOutside } from '@radix-ng/primitives/dismissable-layer';
 
@@ -9,6 +9,10 @@ const rootContext = () => {
     const context = inject(RdxEditableRoot);
     return {
         disabled: context.disabled,
+        invalidState: context.invalidState,
+        displayValid: context.displayValid,
+        touchedState: context.touchedState,
+        dirtyState: context.dirtyState,
         value: context.value,
         inputValue: context.inputValue,
         placeholder: context.$placeholder,
@@ -33,12 +37,19 @@ const rootContext = () => {
 /**
  * @group Components
  */
-class RdxEditableRoot {
+class RdxEditableRoot extends RdxFormUiControlBase {
     constructor() {
+        super();
         this.focusOutside = inject(RdxFocusOutside);
         this.pointerDownOutside = inject(RdxPointerDownOutside);
         this.value = model(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+        /** @ignore */
+        this.invalidState = this.formUi.invalidState;
+        /** @ignore */
+        this.touchedState = this.formUi.touchedState;
+        /** @ignore */
+        this.dirtyState = this.formUi.dirtyState;
         /** Uncontrolled initial value. */
         this.defaultValue = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : /* istanbul ignore next */ []));
@@ -112,6 +123,10 @@ class RdxEditableRoot {
     canActivateOnFocus() {
         return !this.suppressFocusActivation;
     }
+    /** @ignore Mark the field touched (model + `touch` output) for Signal Forms. Called on leaving edit mode. */
+    markAsTouched() {
+        this.formUi.markAsTouched();
+    }
     handleDismiss() {
         if (this.isEditing()) {
             if (this.submitMode() === 'blur' || this.submitMode() === 'both') {
@@ -130,12 +145,18 @@ class RdxEditableRoot {
         if (eventDetails.isCanceled()) {
             return;
         }
+        const changed = (this.value() ?? '') !== value;
         this.value.set(value);
+        if (changed) {
+            this.formUi.markDirty();
+        }
+        this.markAsTouched();
         this.restoreFocusOnExit = true;
         this.isEditing.set(false);
     }
     cancel() {
         this.inputValue.set(this.value());
+        this.markAsTouched();
         this.restoreFocusOnExit = true;
         this.isEditing.set(false);
     }
@@ -144,7 +165,7 @@ class RdxEditableRoot {
         this.isEditing.set(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxEditableRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxEditableRoot, isStandalone: true, selector: "[rdxEditableRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", 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 }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, submitMode: { classPropertyName: "submitMode", publicName: "submitMode", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, startWithEditMode: { classPropertyName: "startWithEditMode", publicName: "startWithEditMode", isSignal: true, isRequired: false, transformFunction: null }, activationMode: { classPropertyName: "activationMode", publicName: "activationMode", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { properties: { "attr.data-dismissable-layer": "\"\"" } }, providers: [provideEditableRootContext(rootContext)], exportAs: ["rdxEditableRoot"], hostDirectives: [{ directive: i1.RdxFocusOutside }, { directive: i1.RdxPointerDownOutside }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxEditableRoot, isStandalone: true, selector: "[rdxEditableRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", 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 }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, submitMode: { classPropertyName: "submitMode", publicName: "submitMode", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, startWithEditMode: { classPropertyName: "startWithEditMode", publicName: "startWithEditMode", isSignal: true, isRequired: false, transformFunction: null }, activationMode: { classPropertyName: "activationMode", publicName: "activationMode", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { properties: { "attr.data-dismissable-layer": "\"\"" } }, providers: [provideEditableRootContext(rootContext)], exportAs: ["rdxEditableRoot"], usesInheritance: true, hostDirectives: [{ directive: i1.RdxFocusOutside }, { directive: i1.RdxPointerDownOutside }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxEditableRoot, decorators: [{
             type: Directive,
@@ -164,7 +185,7 @@ class RdxEditableArea {
         this.rootContext = injectEditableRootContext();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxEditableArea, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxEditableArea, isStandalone: true, selector: "[rdxEditableArea]", host: { properties: { "attr.data-placeholder-shown": "rootContext.isEditing() ? undefined : \"\"", "attr.data-focus": "rootContext.isEditing() ? \"\" : undefined", "attr.data-empty": "rootContext.isEmpty() ? \"\" : undefined", "attr.data-readonly": "rootContext.readonly() ? \"\" : undefined", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.data-auto-resize": "rootContext.autoResize() ? \"\" : undefined", "style.display": "rootContext.autoResize() ? \"inline-grid\" : undefined" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxEditableArea, isStandalone: true, selector: "[rdxEditableArea]", host: { properties: { "attr.data-placeholder-shown": "rootContext.isEditing() ? undefined : \"\"", "attr.data-focus": "rootContext.isEditing() ? \"\" : undefined", "attr.data-empty": "rootContext.isEmpty() ? \"\" : undefined", "attr.data-readonly": "rootContext.readonly() ? \"\" : undefined", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.data-invalid": "rootContext.displayValid() === false ? \"\" : undefined", "attr.data-valid": "rootContext.displayValid() === true ? \"\" : undefined", "attr.data-touched": "rootContext.touchedState() ? \"\" : undefined", "attr.data-dirty": "rootContext.dirtyState() ? \"\" : undefined", "attr.data-auto-resize": "rootContext.autoResize() ? \"\" : undefined", "style.display": "rootContext.autoResize() ? \"inline-grid\" : undefined" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxEditableArea, decorators: [{
             type: Directive,
@@ -176,6 +197,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         '[attr.data-empty]': 'rootContext.isEmpty() ? "" : undefined',
                         '[attr.data-readonly]': 'rootContext.readonly() ? "" : undefined',
                         '[attr.data-disabled]': 'rootContext.disabled() ? "" : undefined',
+                        '[attr.data-invalid]': 'rootContext.displayValid() === false ? "" : undefined',
+                        '[attr.data-valid]': 'rootContext.displayValid() === true ? "" : undefined',
+                        '[attr.data-touched]': 'rootContext.touchedState() ? "" : undefined',
+                        '[attr.data-dirty]': 'rootContext.dirtyState() ? "" : undefined',
                         '[attr.data-auto-resize]': 'rootContext.autoResize() ? "" : undefined',
                         // Auto-resize overlays the preview and input in a single grid cell so the area
                         // sizes to the larger of the two. This is the layout mechanism for the feature,
@@ -272,7 +297,7 @@ class RdxEditableInput {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxEditableInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxEditableInput, isStandalone: true, selector: "input[rdxEditableInput]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "handleInput($event)", "keydown.escape": "rootContext.cancel()", "keydown.enter": "handleSubmitKeyDown($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.aria-required": "rootContext.required() ? \"true\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "rootContext.readonly() ? \"\" : undefined", "readonly": "rootContext.readonly()", "required": "rootContext.required()", "attr.disabled": "disabled() ? \"\" : undefined", "attr.maxlength": "rootContext.maxLength()", "attr.value": "rootContext.inputValue()", "attr.placeholder": "placeholder()", "attr.data-auto-resize": "rootContext.autoResize() ? \"\" : undefined", "attr.hidden": "rootContext.autoResize() || rootContext.isEditing() ? undefined : \"\"", "style.all": "rootContext.autoResize() ? \"unset\" : undefined", "style.grid-area": "rootContext.autoResize() ? \"1 / 1 / auto / auto\" : undefined", "style.visibility": "rootContext.autoResize() && !rootContext.isEditing() ? \"hidden\" : undefined" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxEditableInput, isStandalone: true, selector: "input[rdxEditableInput]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "handleInput($event)", "keydown.escape": "rootContext.cancel()", "keydown.enter": "handleSubmitKeyDown($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.aria-required": "rootContext.required() ? \"true\" : undefined", "attr.aria-invalid": "rootContext.displayValid() === false ? \"true\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "rootContext.readonly() ? \"\" : undefined", "readonly": "rootContext.readonly()", "required": "rootContext.required()", "attr.disabled": "disabled() ? \"\" : undefined", "attr.maxlength": "rootContext.maxLength()", "attr.value": "rootContext.inputValue()", "attr.placeholder": "placeholder()", "attr.data-auto-resize": "rootContext.autoResize() ? \"\" : undefined", "attr.hidden": "rootContext.autoResize() || rootContext.isEditing() ? undefined : \"\"", "style.all": "rootContext.autoResize() ? \"unset\" : undefined", "style.grid-area": "rootContext.autoResize() ? \"1 / 1 / auto / auto\" : undefined", "style.visibility": "rootContext.autoResize() && !rootContext.isEditing() ? \"hidden\" : undefined" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxEditableInput, decorators: [{
             type: Directive,
@@ -281,6 +306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                     host: {
                         '[attr.aria-label]': 'ariaLabel()',
                         '[attr.aria-required]': 'rootContext.required() ? "true" : undefined',
+                        '[attr.aria-invalid]': 'rootContext.displayValid() === false ? "true" : undefined',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined',
                         '[attr.data-readonly]': 'rootContext.readonly() ? "" : undefined',
                         '[readonly]': 'rootContext.readonly()',