@radix-ng/primitives 1.0.5 → 1.0.7

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

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
 import { input, booleanAttribute, signal, computed, inject, ElementRef, DestroyRef, Directive, effect, afterNextRender } from '@angular/core';
-import { createContext, rdxCheckLabelElement } from '@radix-ng/primitives/core';
+import { createContext, injectId, rdxCheckLabelElement } from '@radix-ng/primitives/core';
 import { injectFormRootContext } from '@radix-ng/primitives/form';
 
-let fieldId = 0;
 const attr$4 = (value) => (value ? '' : undefined);
 const addId = (ids, id) => (ids.includes(id) ? ids : [...ids, id]);
 const removeId = (ids, id) => ids.filter((item) => item !== id);
@@ -92,42 +91,57 @@ class RdxFieldRoot {
          *
          * @group Props
          */
-        this.filled = input(...(ngDevMode ? [undefined, { debugName: "filled" }] : /* istanbul ignore next */ []));
+        this.filled = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "filled" }] : /* istanbul ignore next */ []));
         /**
          * Overrides whether the control is focused.
          *
          * @group Props
          */
-        this.focused = input(...(ngDevMode ? [undefined, { debugName: "focused" }] : /* istanbul ignore next */ []));
+        this.focused = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "focused" }] : /* istanbul ignore next */ []));
         /**
          * Identifies the field to an enclosing Form for external (server) error matching. Fields without a
          * `name` never match external errors.
          *
          * @group Props
          */
-        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+        this.name = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
         /** The enclosing Form, if any. All Form-related behavior is a no-op when this is `null`. */
         this.formContext = injectFormRootContext(true);
-        this.controlId = signal(`rdx-field-control-${fieldId++}`, ...(ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []));
-        this.descriptionIds = signal([], ...(ngDevMode ? [{ debugName: "descriptionIds" }] : /* istanbul ignore next */ []));
-        this.errorIds = signal([], ...(ngDevMode ? [{ debugName: "errorIds" }] : /* istanbul ignore next */ []));
-        this.focusedValue = signal(false, ...(ngDevMode ? [{ debugName: "focusedValue" }] : /* istanbul ignore next */ []));
-        this.filledValue = signal(false, ...(ngDevMode ? [{ debugName: "filledValue" }] : /* istanbul ignore next */ []));
-        this.dirtyValue = signal(false, ...(ngDevMode ? [{ debugName: "dirtyValue" }] : /* istanbul ignore next */ []));
-        this.touchedValue = signal(false, ...(ngDevMode ? [{ debugName: "touchedValue" }] : /* istanbul ignore next */ []));
+        this.controlId = signal(injectId('rdx-field-control-'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []));
+        this.descriptionIds = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptionIds" }] : /* istanbul ignore next */ []));
+        this.errorIds = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorIds" }] : /* istanbul ignore next */ []));
+        this.focusedValue = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "focusedValue" }] : /* istanbul ignore next */ []));
+        this.filledValue = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filledValue" }] : /* istanbul ignore next */ []));
+        this.dirtyValue = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dirtyValue" }] : /* istanbul ignore next */ []));
+        this.touchedValue = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "touchedValue" }] : /* istanbul ignore next */ []));
         /** External state owner registered through the context; `null` when Field self-computes. */
-        this.stateProvider = signal(null, ...(ngDevMode ? [{ debugName: "stateProvider" }] : /* istanbul ignore next */ []));
+        this.stateProvider = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "stateProvider" }] : /* istanbul ignore next */ []));
         /** Whether an external adapter currently owns field state. */
-        this.hasStateProvider = computed(() => this.stateProvider() !== null, ...(ngDevMode ? [{ debugName: "hasStateProvider" }] : /* istanbul ignore next */ []));
+        this.hasStateProvider = computed(() => this.stateProvider() !== null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasStateProvider" }] : /* istanbul ignore next */ []));
         /** Error content from a registered state provider (e.g. a Signal Forms adapter). */
-        this.providerErrors = computed(() => this.stateProvider()?.errors?.() ?? [], ...(ngDevMode ? [{ debugName: "providerErrors" }] : /* istanbul ignore next */ []));
+        this.providerErrors = computed(() => this.stateProvider()?.errors?.() ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "providerErrors" }] : /* istanbul ignore next */ []));
         /** External messages from the enclosing Form matched by this field's `name`. */
-        this.externalErrors = computed(() => this.formContext?.errorsFor(this.name()) ?? [], ...(ngDevMode ? [{ debugName: "externalErrors" }] : /* istanbul ignore next */ []));
+        this.externalErrors = computed(() => this.formContext?.errorsFor(this.name()) ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "externalErrors" }] : /* istanbul ignore next */ []));
         /** Provider messages first (`message ?? kind`), then the Form's external messages. */
         this.messages = computed(() => [
             ...this.providerErrors().map((error) => error.message ?? error.kind),
             ...this.externalErrors()
-        ], ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+        ], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
         // External errors (provider content or Form server errors) force invalid regardless of the input or
         // a provider's `invalid` accessor — a server error must show even when client-side validity passes.
         this.invalidState = computed(() => {
@@ -135,13 +149,20 @@ class RdxFieldRoot {
                 return true;
             }
             return this.resolve('invalid', () => this.invalid());
-        }, ...(ngDevMode ? [{ debugName: "invalidState" }] : /* istanbul ignore next */ []));
-        this.disabledState = computed(() => this.resolve('disabled', () => this.disabled()), ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
-        this.requiredState = computed(() => this.resolve('required', () => this.required()), ...(ngDevMode ? [{ debugName: "requiredState" }] : /* istanbul ignore next */ []));
-        this.dirtyState = computed(() => this.resolve('dirty', () => this.dirty() || this.dirtyValue()), ...(ngDevMode ? [{ debugName: "dirtyState" }] : /* istanbul ignore next */ []));
-        this.touchedState = computed(() => this.resolve('touched', () => this.touched() || this.touchedValue()), ...(ngDevMode ? [{ debugName: "touchedState" }] : /* istanbul ignore next */ []));
-        this.filledState = computed(() => this.resolve('filled', () => this.filled() ?? this.filledValue()), ...(ngDevMode ? [{ debugName: "filledState" }] : /* istanbul ignore next */ []));
-        this.focusedState = computed(() => this.resolve('focused', () => this.focused() ?? this.focusedValue()), ...(ngDevMode ? [{ debugName: "focusedState" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "invalidState" }] : /* istanbul ignore next */ []));
+        this.disabledState = computed(() => this.resolve('disabled', () => this.disabled()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
+        this.requiredState = computed(() => this.resolve('required', () => this.required()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "requiredState" }] : /* istanbul ignore next */ []));
+        this.dirtyState = computed(() => this.resolve('dirty', () => this.dirty() || this.dirtyValue()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dirtyState" }] : /* istanbul ignore next */ []));
+        this.touchedState = computed(() => this.resolve('touched', () => this.touched() || this.touchedValue()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "touchedState" }] : /* istanbul ignore next */ []));
+        this.filledState = computed(() => this.resolve('filled', () => this.filled() ?? this.filledValue()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filledState" }] : /* istanbul ignore next */ []));
+        this.focusedState = computed(() => this.resolve('focused', () => this.focused() ?? this.focusedValue()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "focusedState" }] : /* istanbul ignore next */ []));
         this.dataAttr = attr$4;
         this.host = inject(ElementRef).nativeElement;
         // Register with an enclosing Form (if any) for aggregate state, submit guard, and reset; a
@@ -202,10 +223,10 @@ class RdxFieldRoot {
         const accessor = this.stateProvider()?.[key];
         return accessor ? accessor() : fallback();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxFieldRoot, isStandalone: true, selector: "[rdxFieldRoot]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, dirty: { classPropertyName: "dirty", publicName: "dirty", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, filled: { classPropertyName: "filled", publicName: "filled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "notifyEdited()", "change": "notifyEdited()" }, properties: { "attr.data-invalid": "dataAttr(invalidState())", "attr.data-valid": "dataAttr(!invalidState())", "attr.data-disabled": "dataAttr(disabledState())", "attr.data-required": "dataAttr(requiredState())", "attr.data-dirty": "dataAttr(dirtyState())", "attr.data-touched": "dataAttr(touchedState())", "attr.data-filled": "dataAttr(filledState())", "attr.data-focused": "dataAttr(focusedState())" } }, providers: [provideFieldRootContext(fieldRootContext)], exportAs: ["rdxFieldRoot"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxFieldRoot, isStandalone: true, selector: "[rdxFieldRoot]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, dirty: { classPropertyName: "dirty", publicName: "dirty", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, filled: { classPropertyName: "filled", publicName: "filled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "notifyEdited()", "change": "notifyEdited()" }, properties: { "attr.data-invalid": "dataAttr(invalidState())", "attr.data-valid": "dataAttr(!invalidState())", "attr.data-disabled": "dataAttr(disabledState())", "attr.data-required": "dataAttr(requiredState())", "attr.data-dirty": "dataAttr(dirtyState())", "attr.data-touched": "dataAttr(touchedState())", "attr.data-filled": "dataAttr(filledState())", "attr.data-focused": "dataAttr(focusedState())" } }, providers: [provideFieldRootContext(fieldRootContext)], exportAs: ["rdxFieldRoot"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldRoot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldRoot, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxFieldRoot]',
@@ -229,7 +250,6 @@ function injectFieldRoot() {
     return inject(RdxFieldRoot);
 }
 
-let controlId = 0;
 const attr$3 = (value) => (value ? '' : undefined);
 /**
  * Connects a form control to the field label, description, error, and state.
@@ -246,14 +266,16 @@ class RdxFieldControl {
          *
          * @group Props
          */
-        this.id = input(`rdx-field-control-${controlId++}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input(injectId('rdx-field-control-'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         this.describedBy = computed(() => {
             const ids = [
                 ...this.rootContext.descriptionIds(),
                 ...(this.rootContext.invalidState() ? this.rootContext.errorIds() : [])
             ];
             return ids.length ? ids.join(' ') : undefined;
-        }, ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
         this.dataAttr = attr$3;
         effect(() => {
             this.rootContext.setControlId(this.id());
@@ -282,10 +304,10 @@ class RdxFieldControl {
         const element = this.elementRef.nativeElement;
         return element.value ?? '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxFieldControl, isStandalone: true, selector: "[rdxFieldControl]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "input": "syncFilled()", "change": "syncFilled()" }, properties: { "attr.id": "id()", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "rootContext.invalidState() ? \"true\" : undefined", "attr.aria-required": "rootContext.requiredState() ? \"true\" : undefined", "attr.aria-disabled": "rootContext.disabledState() ? \"true\" : undefined", "attr.disabled": "isNativeFormControl() && rootContext.disabledState() ? \"\" : undefined", "attr.required": "isNativeFormControl() && rootContext.requiredState() ? \"\" : undefined", "attr.data-invalid": "dataAttr(rootContext.invalidState())", "attr.data-valid": "dataAttr(!rootContext.invalidState())", "attr.data-disabled": "dataAttr(rootContext.disabledState())", "attr.data-required": "dataAttr(rootContext.requiredState())", "attr.data-filled": "dataAttr(rootContext.filledState())", "attr.data-focused": "dataAttr(rootContext.focusedState())" } }, exportAs: ["rdxFieldControl"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxFieldControl, isStandalone: true, selector: "[rdxFieldControl]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "input": "syncFilled()", "change": "syncFilled()" }, properties: { "attr.id": "id()", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "rootContext.invalidState() ? \"true\" : undefined", "attr.aria-required": "!isNativeFormControl() && rootContext.requiredState() ? \"true\" : undefined", "attr.aria-disabled": "!isNativeFormControl() && rootContext.disabledState() ? \"true\" : undefined", "attr.disabled": "isNativeFormControl() && rootContext.disabledState() ? \"\" : undefined", "attr.required": "isNativeFormControl() && rootContext.requiredState() ? \"\" : undefined", "attr.data-invalid": "dataAttr(rootContext.invalidState())", "attr.data-valid": "dataAttr(!rootContext.invalidState())", "attr.data-disabled": "dataAttr(rootContext.disabledState())", "attr.data-required": "dataAttr(rootContext.requiredState())", "attr.data-dirty": "dataAttr(rootContext.dirtyState())", "attr.data-touched": "dataAttr(rootContext.touchedState())", "attr.data-filled": "dataAttr(rootContext.filledState())", "attr.data-focused": "dataAttr(rootContext.focusedState())" } }, exportAs: ["rdxFieldControl"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldControl, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxFieldControl]',
@@ -294,14 +316,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[attr.id]': 'id()',
                         '[attr.aria-describedby]': 'describedBy()',
                         '[attr.aria-invalid]': 'rootContext.invalidState() ? "true" : undefined',
-                        '[attr.aria-required]': 'rootContext.requiredState() ? "true" : undefined',
-                        '[attr.aria-disabled]': 'rootContext.disabledState() ? "true" : undefined',
+                        // On a native control the native `required`/`disabled` attributes already convey the state, so
+                        // `aria-required`/`aria-disabled` are only emitted on non-native (custom) controls.
+                        '[attr.aria-required]': '!isNativeFormControl() && rootContext.requiredState() ? "true" : undefined',
+                        '[attr.aria-disabled]': '!isNativeFormControl() && rootContext.disabledState() ? "true" : undefined',
                         '[attr.disabled]': 'isNativeFormControl() && rootContext.disabledState() ? "" : undefined',
                         '[attr.required]': 'isNativeFormControl() && rootContext.requiredState() ? "" : undefined',
                         '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',
                         '[attr.data-valid]': 'dataAttr(!rootContext.invalidState())',
                         '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())',
                         '[attr.data-required]': 'dataAttr(rootContext.requiredState())',
+                        '[attr.data-dirty]': 'dataAttr(rootContext.dirtyState())',
+                        '[attr.data-touched]': 'dataAttr(rootContext.touchedState())',
                         '[attr.data-filled]': 'dataAttr(rootContext.filledState())',
                         '[attr.data-focused]': 'dataAttr(rootContext.focusedState())',
                         '(focus)': 'onFocus()',
@@ -312,7 +338,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
-let descriptionId = 0;
 const attr$2 = (value) => (value ? '' : undefined);
 /**
  * Describes the field control.
@@ -327,7 +352,8 @@ class RdxFieldDescription {
          *
          * @group Props
          */
-        this.id = input(`rdx-field-description-${descriptionId++}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input(injectId('rdx-field-description-'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         this.dataAttr = attr$2;
         effect((onCleanup) => {
             const id = this.id();
@@ -335,10 +361,10 @@ class RdxFieldDescription {
             onCleanup(() => this.rootContext.removeDescriptionId(id));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxFieldDescription, isStandalone: true, selector: "[rdxFieldDescription]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-invalid": "dataAttr(rootContext.invalidState())", "attr.data-disabled": "dataAttr(rootContext.disabledState())" } }, exportAs: ["rdxFieldDescription"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxFieldDescription, isStandalone: true, selector: "[rdxFieldDescription]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-invalid": "dataAttr(rootContext.invalidState())", "attr.data-disabled": "dataAttr(rootContext.disabledState())" } }, exportAs: ["rdxFieldDescription"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxFieldDescription]',
@@ -351,7 +377,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
-let errorId = 0;
 const attr$1 = (value) => (value ? '' : undefined);
 /**
  * Describes an invalid field control.
@@ -366,7 +391,8 @@ class RdxFieldError {
          *
          * @group Props
          */
-        this.id = input(`rdx-field-error-${errorId++}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input(injectId('rdx-field-error-'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * The field's external messages (state provider's, then enclosing Form's), `[]` when none. Render
          * them explicitly via the `exportAs` reference — the directive never injects text content itself:
@@ -380,10 +406,10 @@ class RdxFieldError {
             onCleanup(() => this.rootContext.removeErrorId(id));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxFieldError, isStandalone: true, selector: "[rdxFieldError]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.hidden": "rootContext.invalidState() ? undefined : \"\"", "attr.aria-live": "\"polite\"", "attr.data-invalid": "dataAttr(rootContext.invalidState())", "attr.data-disabled": "dataAttr(rootContext.disabledState())" } }, exportAs: ["rdxFieldError"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxFieldError, isStandalone: true, selector: "[rdxFieldError]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.hidden": "rootContext.invalidState() ? undefined : \"\"", "attr.aria-live": "\"polite\"", "attr.data-invalid": "dataAttr(rootContext.invalidState())", "attr.data-disabled": "dataAttr(rootContext.disabledState())" } }, exportAs: ["rdxFieldError"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldError, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldError, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxFieldError]',
@@ -398,7 +424,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
-let labelId = 0;
 const attr = (value) => (value ? '' : undefined);
 /**
  * Labels the field control.
@@ -413,15 +438,16 @@ class RdxFieldLabel {
          *
          * @group Props
          */
-        this.id = input(`rdx-field-label-${labelId++}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input(injectId('rdx-field-label-'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         this.htmlFor = () => this.rootContext.controlId();
         this.dataAttr = attr;
         rdxCheckLabelElement('rdxFieldLabel', 'field/unassociated-label', 'components/field');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxFieldLabel, isStandalone: true, selector: "[rdxFieldLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.for": "htmlFor()", "attr.data-invalid": "dataAttr(rootContext.invalidState())", "attr.data-disabled": "dataAttr(rootContext.disabledState())", "attr.data-required": "dataAttr(rootContext.requiredState())" } }, exportAs: ["rdxFieldLabel"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxFieldLabel, isStandalone: true, selector: "[rdxFieldLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.for": "htmlFor()", "attr.data-invalid": "dataAttr(rootContext.invalidState())", "attr.data-disabled": "dataAttr(rootContext.disabledState())", "attr.data-required": "dataAttr(rootContext.requiredState())" } }, exportAs: ["rdxFieldLabel"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxFieldLabel]',

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-field.mjs","sources":["../../../packages/primitives/field/src/field-root.ts","../../../packages/primitives/field/src/field-control.ts","../../../packages/primitives/field/src/field-description.ts","../../../packages/primitives/field/src/field-error.ts","../../../packages/primitives/field/src/field-label.ts","../../../packages/primitives/field/radix-ng-primitives-field.ts"],"sourcesContent":["import { booleanAttribute, computed, DestroyRef, Directive, ElementRef, inject, input, signal } from '@angular/core';\nimport { BooleanInput, createContext, RdxValidationError } from '@radix-ng/primitives/core';\nimport { injectFormRootContext, RdxFormFieldRegistration } from '@radix-ng/primitives/form';\n\nlet fieldId = 0;\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * External owner of field state. An adapter (e.g. a future Signal Forms\n * `[rdxSignalField]` directive, or a Reactive Forms bridge) registers one via\n * `setStateProvider` so Field reads authoritative form state instead of\n * self-computing it from the DOM. Each member is an optional signal-like\n * accessor; only the states the adapter owns need to be provided — the rest\n * fall back to the root's inputs / DOM heuristic. Keeping these as plain\n * `() => boolean` accessors keeps Field framework-agnostic (no dependency on\n * `@angular/forms/signals`).\n *\n * See ADR 0004 and `signal-forms-readiness.md` (prep #4).\n */\nexport interface RdxFieldState {\n    invalid?: () => boolean;\n    disabled?: () => boolean;\n    required?: () => boolean;\n    dirty?: () => boolean;\n    touched?: () => boolean;\n    filled?: () => boolean;\n    focused?: () => boolean;\n    /**\n     * Optional source of error *content* (not just the invalid boolean). When provided and non-empty\n     * it forces `invalidState` true, and its messages (`message ?? kind` per error) surface through\n     * `RdxFieldError.messages()` ahead of any enclosing Form's external messages. Uses `core`'s\n     * framework-free shim type so the seam stays free of `@angular/forms/signals` (ADR 0004 amendment).\n     */\n    errors?: () => RdxValidationError[];\n}\n\nconst addId = (ids: string[], id: string) => (ids.includes(id) ? ids : [...ids, id]);\nconst removeId = (ids: string[], id: string) => ids.filter((item) => item !== id);\n\nconst fieldRootContext = () => {\n    const root = injectFieldRoot();\n\n    return {\n        controlId: root.controlId,\n        name: root.name,\n        descriptionIds: root.descriptionIds,\n        errorIds: root.errorIds,\n        /** Combined external messages (state provider's, then enclosing Form's), for `RdxFieldError`. */\n        messages: root.messages,\n        /** Notify an enclosing Form that this field's control was edited (composite-control opt-in). */\n        notifyEdited: () => root.notifyEdited(),\n        invalidState: root.invalidState,\n        disabledState: root.disabledState,\n        requiredState: root.requiredState,\n        dirtyState: root.dirtyState,\n        touchedState: root.touchedState,\n        filledState: root.filledState,\n        focusedState: root.focusedState,\n        setControlId: (id: string) => root.controlId.set(id),\n        addDescriptionId: (id: string) => root.descriptionIds.update((ids) => addId(ids, id)),\n        removeDescriptionId: (id: string) => root.descriptionIds.update((ids) => removeId(ids, id)),\n        addErrorId: (id: string) => root.errorIds.update((ids) => addId(ids, id)),\n        removeErrorId: (id: string) => root.errorIds.update((ids) => removeId(ids, id)),\n        setFocused: (value: boolean) => root.focusedValue.set(value),\n        setFilled: (value: boolean) => root.filledValue.set(value),\n        setDirty: (value: boolean) => root.dirtyValue.set(value),\n        setTouched: (value: boolean) => root.touchedValue.set(value),\n        /**\n         * Register (or clear with `null`) an external owner of field state.\n         * While a provider is registered, any state it exposes takes precedence\n         * over the root inputs and the DOM-derived values. Returns the previous\n         * provider so adapters can restore it on teardown.\n         */\n        setStateProvider: (provider: RdxFieldState | null) => root.setStateProvider(provider),\n        hasStateProvider: root.hasStateProvider\n    };\n};\n\nexport type RdxFieldRootContext = ReturnType<typeof fieldRootContext>;\n\nexport const [injectFieldRootContext, provideFieldRootContext] = createContext<RdxFieldRootContext>(\n    'RdxFieldRoot',\n    'components/field'\n);\n\n/**\n * Groups a form control with its label, description, error message, and field state.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldRoot]',\n    exportAs: 'rdxFieldRoot',\n    providers: [provideFieldRootContext(fieldRootContext)],\n    host: {\n        '[attr.data-invalid]': 'dataAttr(invalidState())',\n        '[attr.data-valid]': 'dataAttr(!invalidState())',\n        '[attr.data-disabled]': 'dataAttr(disabledState())',\n        '[attr.data-required]': 'dataAttr(requiredState())',\n        '[attr.data-dirty]': 'dataAttr(dirtyState())',\n        '[attr.data-touched]': 'dataAttr(touchedState())',\n        '[attr.data-filled]': 'dataAttr(filledState())',\n        '[attr.data-focused]': 'dataAttr(focusedState())',\n        '(input)': 'notifyEdited()',\n        '(change)': 'notifyEdited()'\n    }\n})\nexport class RdxFieldRoot {\n    /**\n     * Whether the field is invalid.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly invalid = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the field is disabled.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the field is required.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the field value has changed from its initial value.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly dirty = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the field has been blurred after receiving focus.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly touched = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Overrides whether the control has a non-empty value.\n     *\n     * @group Props\n     */\n    readonly filled = input<boolean>();\n\n    /**\n     * Overrides whether the control is focused.\n     *\n     * @group Props\n     */\n    readonly focused = input<boolean>();\n\n    /**\n     * Identifies the field to an enclosing Form for external (server) error matching. Fields without a\n     * `name` never match external errors.\n     *\n     * @group Props\n     */\n    readonly name = input<string>();\n\n    /** The enclosing Form, if any. All Form-related behavior is a no-op when this is `null`. */\n    private readonly formContext = injectFormRootContext(true);\n\n    readonly controlId = signal(`rdx-field-control-${fieldId++}`);\n    readonly descriptionIds = signal<string[]>([]);\n    readonly errorIds = signal<string[]>([]);\n\n    readonly focusedValue = signal(false);\n    readonly filledValue = signal(false);\n    readonly dirtyValue = signal(false);\n    readonly touchedValue = signal(false);\n\n    /** External state owner registered through the context; `null` when Field self-computes. */\n    private readonly stateProvider = signal<RdxFieldState | null>(null);\n\n    /** Whether an external adapter currently owns field state. */\n    readonly hasStateProvider = computed(() => this.stateProvider() !== null);\n\n    /** Error content from a registered state provider (e.g. a Signal Forms adapter). */\n    private readonly providerErrors = computed(() => this.stateProvider()?.errors?.() ?? []);\n\n    /** External messages from the enclosing Form matched by this field's `name`. */\n    readonly externalErrors = computed(() => this.formContext?.errorsFor(this.name()) ?? []);\n\n    /** Provider messages first (`message ?? kind`), then the Form's external messages. */\n    readonly messages = computed(() => [\n        ...this.providerErrors().map((error) => error.message ?? error.kind),\n        ...this.externalErrors()\n    ]);\n\n    // External errors (provider content or Form server errors) force invalid regardless of the input or\n    // a provider's `invalid` accessor — a server error must show even when client-side validity passes.\n    readonly invalidState = computed(() => {\n        if (this.externalErrors().length > 0 || this.providerErrors().length > 0) {\n            return true;\n        }\n        return this.resolve('invalid', () => this.invalid());\n    });\n    readonly disabledState = computed(() => this.resolve('disabled', () => this.disabled()));\n    readonly requiredState = computed(() => this.resolve('required', () => this.required()));\n    readonly dirtyState = computed(() => this.resolve('dirty', () => this.dirty() || this.dirtyValue()));\n    readonly touchedState = computed(() => this.resolve('touched', () => this.touched() || this.touchedValue()));\n    readonly filledState = computed(() => this.resolve('filled', () => this.filled() ?? this.filledValue()));\n    readonly focusedState = computed(() => this.resolve('focused', () => this.focused() ?? this.focusedValue()));\n\n    protected readonly dataAttr = attr;\n\n    constructor() {\n        // Register with an enclosing Form (if any) for aggregate state, submit guard, and reset; a\n        // standalone field never enters this branch and behaves exactly as before.\n        const formContext = this.formContext;\n        if (formContext) {\n            const registration: RdxFormFieldRegistration = {\n                name: () => this.name(),\n                invalid: () => this.invalidState(),\n                dirty: () => this.dirtyState(),\n                touched: () => this.touchedState(),\n                focus: () => this.focusControl(),\n                resetState: () => this.resetState()\n            };\n            const unregister = formContext.register(registration);\n            inject(DestroyRef).onDestroy(unregister);\n        }\n    }\n\n    /** Notify the enclosing Form (if any) that this field's control was edited (clear-on-edit). */\n    notifyEdited(): void {\n        this.formContext?.notifyEdited(this.name());\n    }\n\n    /** Reset interaction state on native form reset: touched/dirty/focused → false, filled re-synced. */\n    resetState(): void {\n        this.touchedValue.set(false);\n        this.dirtyValue.set(false);\n        this.focusedValue.set(false);\n        const control = this.controlElement();\n        const value = control?.value ?? '';\n        this.filledValue.set(value != null && value !== '');\n    }\n\n    /** Focus the field's control (used by the Form's first-invalid-focus on blocked submit). */\n    private focusControl(): void {\n        this.controlElement()?.focus();\n    }\n\n    private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n    /**\n     * The field's control element, found by `controlId` but scoped to this field's own subtree — a\n     * duplicate or consumer-reused id elsewhere on the page can't steal focus/reset. The control\n     * registers its id through `setControlId`, so this matches the same element the labels point at.\n     */\n    private controlElement(): HTMLInputElement | null {\n        return this.host.querySelector<HTMLInputElement>(`[id=\"${this.controlId()}\"]`);\n    }\n\n    /**\n     * Register an external owner of field state, returning the previous one.\n     * @ignore\n     */\n    setStateProvider(provider: RdxFieldState | null): RdxFieldState | null {\n        const previous = this.stateProvider();\n        this.stateProvider.set(provider);\n        return previous;\n    }\n\n    /**\n     * Prefer the registered provider's value for `key` when it exposes one,\n     * otherwise fall back to the root inputs / DOM-derived signals.\n     */\n    private resolve(key: Exclude<keyof RdxFieldState, 'errors'>, fallback: () => boolean): boolean {\n        const accessor = this.stateProvider()?.[key];\n        return accessor ? accessor() : fallback();\n    }\n}\n\nfunction injectFieldRoot(): RdxFieldRoot {\n    return inject(RdxFieldRoot);\n}\n","import { afterNextRender, computed, Directive, effect, ElementRef, inject, input } from '@angular/core';\nimport { injectFieldRootContext } from './field-root';\n\nlet controlId = 0;\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Connects a form control to the field label, description, error, and state.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldControl]',\n    exportAs: 'rdxFieldControl',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.aria-describedby]': 'describedBy()',\n        '[attr.aria-invalid]': 'rootContext.invalidState() ? \"true\" : undefined',\n        '[attr.aria-required]': 'rootContext.requiredState() ? \"true\" : undefined',\n        '[attr.aria-disabled]': 'rootContext.disabledState() ? \"true\" : undefined',\n        '[attr.disabled]': 'isNativeFormControl() && rootContext.disabledState() ? \"\" : undefined',\n        '[attr.required]': 'isNativeFormControl() && rootContext.requiredState() ? \"\" : undefined',\n        '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',\n        '[attr.data-valid]': 'dataAttr(!rootContext.invalidState())',\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())',\n        '[attr.data-required]': 'dataAttr(rootContext.requiredState())',\n        '[attr.data-filled]': 'dataAttr(rootContext.filledState())',\n        '[attr.data-focused]': 'dataAttr(rootContext.focusedState())',\n        '(focus)': 'onFocus()',\n        '(blur)': 'onBlur()',\n        '(input)': 'syncFilled()',\n        '(change)': 'syncFilled()'\n    }\n})\nexport class RdxFieldControl {\n    protected readonly rootContext = injectFieldRootContext();\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private initialValue = '';\n\n    /**\n     * Control id. Labels and descriptions use this value for accessible relationships.\n     *\n     * @group Props\n     */\n    readonly id = input(`rdx-field-control-${controlId++}`);\n\n    protected readonly describedBy = computed(() => {\n        const ids = [\n            ...this.rootContext.descriptionIds(),\n            ...(this.rootContext.invalidState() ? this.rootContext.errorIds() : [])\n        ];\n\n        return ids.length ? ids.join(' ') : undefined;\n    });\n\n    constructor() {\n        effect(() => {\n            this.rootContext.setControlId(this.id());\n        });\n\n        afterNextRender(() => {\n            this.initialValue = this.currentValue();\n            this.syncFilled();\n        });\n    }\n\n    onFocus(): void {\n        this.rootContext.setFocused(true);\n    }\n\n    onBlur(): void {\n        this.rootContext.setFocused(false);\n        this.rootContext.setTouched(true);\n    }\n\n    syncFilled(): void {\n        const value = this.currentValue();\n\n        this.rootContext.setFilled(Array.isArray(value) ? value.length > 0 : value != null && value !== '');\n        this.rootContext.setDirty(value !== this.initialValue);\n    }\n\n    protected isNativeFormControl(): boolean {\n        return ['INPUT', 'SELECT', 'TEXTAREA', 'BUTTON'].includes(this.elementRef.nativeElement.tagName);\n    }\n\n    protected readonly dataAttr = attr;\n\n    private currentValue(): string {\n        const element = this.elementRef.nativeElement as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n        return element.value ?? '';\n    }\n}\n","import { Directive, effect, input } from '@angular/core';\nimport { injectFieldRootContext } from './field-root';\n\nlet descriptionId = 0;\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Describes the field control.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldDescription]',\n    exportAs: 'rdxFieldDescription',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())'\n    }\n})\nexport class RdxFieldDescription {\n    protected readonly rootContext = injectFieldRootContext();\n\n    /**\n     * Description id.\n     *\n     * @group Props\n     */\n    readonly id = input(`rdx-field-description-${descriptionId++}`);\n\n    constructor() {\n        effect((onCleanup) => {\n            const id = this.id();\n            this.rootContext.addDescriptionId(id);\n            onCleanup(() => this.rootContext.removeDescriptionId(id));\n        });\n    }\n\n    protected readonly dataAttr = attr;\n}\n","import { Directive, effect, input } from '@angular/core';\nimport { injectFieldRootContext } from './field-root';\n\nlet errorId = 0;\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Describes an invalid field control.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldError]',\n    exportAs: 'rdxFieldError',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.hidden]': 'rootContext.invalidState() ? undefined : \"\"',\n        '[attr.aria-live]': '\"polite\"',\n        '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())'\n    }\n})\nexport class RdxFieldError {\n    protected readonly rootContext = injectFieldRootContext();\n\n    /**\n     * Error message id.\n     *\n     * @group Props\n     */\n    readonly id = input(`rdx-field-error-${errorId++}`);\n\n    /**\n     * The field's external messages (state provider's, then enclosing Form's), `[]` when none. Render\n     * them explicitly via the `exportAs` reference — the directive never injects text content itself:\n     * `<p rdxFieldError #err=\"rdxFieldError\">{{ err.messages().join(' ') }}</p>`.\n     */\n    readonly messages = this.rootContext.messages;\n\n    constructor() {\n        effect((onCleanup) => {\n            const id = this.id();\n            this.rootContext.addErrorId(id);\n            onCleanup(() => this.rootContext.removeErrorId(id));\n        });\n    }\n\n    protected readonly dataAttr = attr;\n}\n","import { Directive, input } from '@angular/core';\nimport { rdxCheckLabelElement } from '@radix-ng/primitives/core';\nimport { injectFieldRootContext } from './field-root';\n\nlet labelId = 0;\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Labels the field control.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldLabel]',\n    exportAs: 'rdxFieldLabel',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.for]': 'htmlFor()',\n        '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())',\n        '[attr.data-required]': 'dataAttr(rootContext.requiredState())'\n    }\n})\nexport class RdxFieldLabel {\n    protected readonly rootContext = injectFieldRootContext();\n\n    /**\n     * Label id.\n     *\n     * @group Props\n     */\n    readonly id = input(`rdx-field-label-${labelId++}`);\n\n    readonly htmlFor = () => this.rootContext.controlId();\n\n    constructor() {\n        rdxCheckLabelElement('rdxFieldLabel', 'field/unassociated-label', 'components/field');\n    }\n\n    protected readonly dataAttr = attr;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["attr"],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-field.mjs","sources":["../../../packages/primitives/field/src/field-root.ts","../../../packages/primitives/field/src/field-control.ts","../../../packages/primitives/field/src/field-description.ts","../../../packages/primitives/field/src/field-error.ts","../../../packages/primitives/field/src/field-label.ts","../../../packages/primitives/field/radix-ng-primitives-field.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    signal,\n    Signal\n} from '@angular/core';\nimport { BooleanInput, createContext, injectId, RdxValidationError } from '@radix-ng/primitives/core';\nimport { injectFormRootContext, RdxFormFieldRegistration } from '@radix-ng/primitives/form';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * External owner of field state. An adapter (e.g. a future Signal Forms\n * `[rdxSignalField]` directive, or a Reactive Forms bridge) registers one via\n * `setStateProvider` so Field reads authoritative form state instead of\n * self-computing it from the DOM. Each member is an optional signal-like\n * accessor; only the states the adapter owns need to be provided — the rest\n * fall back to the root's inputs / DOM heuristic. Keeping these as plain\n * `() => boolean` accessors keeps Field framework-agnostic (no dependency on\n * `@angular/forms/signals`).\n *\n * See ADR 0004 and `signal-forms-readiness.md` (prep #4).\n */\nexport interface RdxFieldState {\n    invalid?: () => boolean;\n    disabled?: () => boolean;\n    required?: () => boolean;\n    dirty?: () => boolean;\n    touched?: () => boolean;\n    filled?: () => boolean;\n    focused?: () => boolean;\n    /**\n     * Optional source of error *content* (not just the invalid boolean). When provided and non-empty\n     * it forces `invalidState` true, and its messages (`message ?? kind` per error) surface through\n     * `RdxFieldError.messages()` ahead of any enclosing Form's external messages. Uses `core`'s\n     * framework-free shim type so the seam stays free of `@angular/forms/signals` (ADR 0004 amendment).\n     */\n    errors?: () => RdxValidationError[];\n}\n\nconst addId = (ids: string[], id: string) => (ids.includes(id) ? ids : [...ids, id]);\nconst removeId = (ids: string[], id: string) => ids.filter((item) => item !== id);\n\nexport interface RdxFieldRootContext {\n    controlId: Signal<string>;\n    name: Signal<string | undefined>;\n    descriptionIds: Signal<string[]>;\n    errorIds: Signal<string[]>;\n    messages: Signal<string[]>;\n    notifyEdited: () => void;\n    invalidState: Signal<boolean>;\n    disabledState: Signal<boolean>;\n    requiredState: Signal<boolean>;\n    dirtyState: Signal<boolean>;\n    touchedState: Signal<boolean>;\n    filledState: Signal<boolean>;\n    focusedState: Signal<boolean>;\n    setControlId: (id: string) => void;\n    addDescriptionId: (id: string) => void;\n    removeDescriptionId: (id: string) => void;\n    addErrorId: (id: string) => void;\n    removeErrorId: (id: string) => void;\n    setFocused: (value: boolean) => void;\n    setFilled: (value: boolean) => void;\n    setDirty: (value: boolean) => void;\n    setTouched: (value: boolean) => void;\n    setStateProvider: (provider: RdxFieldState | null) => RdxFieldState | null;\n    hasStateProvider: Signal<boolean>;\n}\n\nconst fieldRootContext = (): RdxFieldRootContext => {\n    const root = injectFieldRoot();\n\n    return {\n        controlId: root.controlId,\n        name: root.name,\n        descriptionIds: root.descriptionIds,\n        errorIds: root.errorIds,\n        /** Combined external messages (state provider's, then enclosing Form's), for `RdxFieldError`. */\n        messages: root.messages,\n        /** Notify an enclosing Form that this field's control was edited (composite-control opt-in). */\n        notifyEdited: () => root.notifyEdited(),\n        invalidState: root.invalidState,\n        disabledState: root.disabledState,\n        requiredState: root.requiredState,\n        dirtyState: root.dirtyState,\n        touchedState: root.touchedState,\n        filledState: root.filledState,\n        focusedState: root.focusedState,\n        setControlId: (id: string) => root.controlId.set(id),\n        addDescriptionId: (id: string) => root.descriptionIds.update((ids) => addId(ids, id)),\n        removeDescriptionId: (id: string) => root.descriptionIds.update((ids) => removeId(ids, id)),\n        addErrorId: (id: string) => root.errorIds.update((ids) => addId(ids, id)),\n        removeErrorId: (id: string) => root.errorIds.update((ids) => removeId(ids, id)),\n        setFocused: (value: boolean) => root.focusedValue.set(value),\n        setFilled: (value: boolean) => root.filledValue.set(value),\n        setDirty: (value: boolean) => root.dirtyValue.set(value),\n        setTouched: (value: boolean) => root.touchedValue.set(value),\n        /**\n         * Register (or clear with `null`) an external owner of field state.\n         * While a provider is registered, any state it exposes takes precedence\n         * over the root inputs and the DOM-derived values. Returns the previous\n         * provider so adapters can restore it on teardown.\n         */\n        setStateProvider: (provider: RdxFieldState | null) => root.setStateProvider(provider),\n        hasStateProvider: root.hasStateProvider\n    };\n};\n\nexport const [injectFieldRootContext, provideFieldRootContext] = createContext<RdxFieldRootContext>(\n    'RdxFieldRoot',\n    'components/field'\n);\n\n/**\n * Groups a form control with its label, description, error message, and field state.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldRoot]',\n    exportAs: 'rdxFieldRoot',\n    providers: [provideFieldRootContext(fieldRootContext)],\n    host: {\n        '[attr.data-invalid]': 'dataAttr(invalidState())',\n        '[attr.data-valid]': 'dataAttr(!invalidState())',\n        '[attr.data-disabled]': 'dataAttr(disabledState())',\n        '[attr.data-required]': 'dataAttr(requiredState())',\n        '[attr.data-dirty]': 'dataAttr(dirtyState())',\n        '[attr.data-touched]': 'dataAttr(touchedState())',\n        '[attr.data-filled]': 'dataAttr(filledState())',\n        '[attr.data-focused]': 'dataAttr(focusedState())',\n        '(input)': 'notifyEdited()',\n        '(change)': 'notifyEdited()'\n    }\n})\nexport class RdxFieldRoot {\n    /**\n     * Whether the field is invalid.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly invalid = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the field is disabled.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the field is required.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the field value has changed from its initial value.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly dirty = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the field has been blurred after receiving focus.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly touched = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Overrides whether the control has a non-empty value.\n     *\n     * @group Props\n     */\n    readonly filled = input<boolean>();\n\n    /**\n     * Overrides whether the control is focused.\n     *\n     * @group Props\n     */\n    readonly focused = input<boolean>();\n\n    /**\n     * Identifies the field to an enclosing Form for external (server) error matching. Fields without a\n     * `name` never match external errors.\n     *\n     * @group Props\n     */\n    readonly name = input<string>();\n\n    /** The enclosing Form, if any. All Form-related behavior is a no-op when this is `null`. */\n    private readonly formContext = injectFormRootContext(true);\n\n    readonly controlId = signal(injectId('rdx-field-control-'));\n    readonly descriptionIds = signal<string[]>([]);\n    readonly errorIds = signal<string[]>([]);\n\n    readonly focusedValue = signal(false);\n    readonly filledValue = signal(false);\n    readonly dirtyValue = signal(false);\n    readonly touchedValue = signal(false);\n\n    /** External state owner registered through the context; `null` when Field self-computes. */\n    private readonly stateProvider = signal<RdxFieldState | null>(null);\n\n    /** Whether an external adapter currently owns field state. */\n    readonly hasStateProvider = computed(() => this.stateProvider() !== null);\n\n    /** Error content from a registered state provider (e.g. a Signal Forms adapter). */\n    private readonly providerErrors = computed(() => this.stateProvider()?.errors?.() ?? []);\n\n    /** External messages from the enclosing Form matched by this field's `name`. */\n    readonly externalErrors = computed(() => this.formContext?.errorsFor(this.name()) ?? []);\n\n    /** Provider messages first (`message ?? kind`), then the Form's external messages. */\n    readonly messages = computed(() => [\n        ...this.providerErrors().map((error) => error.message ?? error.kind),\n        ...this.externalErrors()\n    ]);\n\n    // External errors (provider content or Form server errors) force invalid regardless of the input or\n    // a provider's `invalid` accessor — a server error must show even when client-side validity passes.\n    readonly invalidState = computed(() => {\n        if (this.externalErrors().length > 0 || this.providerErrors().length > 0) {\n            return true;\n        }\n        return this.resolve('invalid', () => this.invalid());\n    });\n    readonly disabledState = computed(() => this.resolve('disabled', () => this.disabled()));\n    readonly requiredState = computed(() => this.resolve('required', () => this.required()));\n    readonly dirtyState = computed(() => this.resolve('dirty', () => this.dirty() || this.dirtyValue()));\n    readonly touchedState = computed(() => this.resolve('touched', () => this.touched() || this.touchedValue()));\n    readonly filledState = computed(() => this.resolve('filled', () => this.filled() ?? this.filledValue()));\n    readonly focusedState = computed(() => this.resolve('focused', () => this.focused() ?? this.focusedValue()));\n\n    protected readonly dataAttr = attr;\n\n    constructor() {\n        // Register with an enclosing Form (if any) for aggregate state, submit guard, and reset; a\n        // standalone field never enters this branch and behaves exactly as before.\n        const formContext = this.formContext;\n        if (formContext) {\n            const registration: RdxFormFieldRegistration = {\n                name: () => this.name(),\n                invalid: () => this.invalidState(),\n                dirty: () => this.dirtyState(),\n                touched: () => this.touchedState(),\n                focus: () => this.focusControl(),\n                resetState: () => this.resetState()\n            };\n            const unregister = formContext.register(registration);\n            inject(DestroyRef).onDestroy(unregister);\n        }\n    }\n\n    /** Notify the enclosing Form (if any) that this field's control was edited (clear-on-edit). */\n    notifyEdited(): void {\n        this.formContext?.notifyEdited(this.name());\n    }\n\n    /** Reset interaction state on native form reset: touched/dirty/focused → false, filled re-synced. */\n    resetState(): void {\n        this.touchedValue.set(false);\n        this.dirtyValue.set(false);\n        this.focusedValue.set(false);\n        const control = this.controlElement();\n        const value = control?.value ?? '';\n        this.filledValue.set(value != null && value !== '');\n    }\n\n    /** Focus the field's control (used by the Form's first-invalid-focus on blocked submit). */\n    private focusControl(): void {\n        this.controlElement()?.focus();\n    }\n\n    private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n    /**\n     * The field's control element, found by `controlId` but scoped to this field's own subtree — a\n     * duplicate or consumer-reused id elsewhere on the page can't steal focus/reset. The control\n     * registers its id through `setControlId`, so this matches the same element the labels point at.\n     */\n    private controlElement(): HTMLInputElement | null {\n        return this.host.querySelector<HTMLInputElement>(`[id=\"${this.controlId()}\"]`);\n    }\n\n    /**\n     * Register an external owner of field state, returning the previous one.\n     * @ignore\n     */\n    setStateProvider(provider: RdxFieldState | null): RdxFieldState | null {\n        const previous = this.stateProvider();\n        this.stateProvider.set(provider);\n        return previous;\n    }\n\n    /**\n     * Prefer the registered provider's value for `key` when it exposes one,\n     * otherwise fall back to the root inputs / DOM-derived signals.\n     */\n    private resolve(key: Exclude<keyof RdxFieldState, 'errors'>, fallback: () => boolean): boolean {\n        const accessor = this.stateProvider()?.[key];\n        return accessor ? accessor() : fallback();\n    }\n}\n\nfunction injectFieldRoot(): RdxFieldRoot {\n    return inject(RdxFieldRoot);\n}\n","import { afterNextRender, computed, Directive, effect, ElementRef, inject, input } from '@angular/core';\nimport { injectId } from '@radix-ng/primitives/core';\nimport { injectFieldRootContext } from './field-root';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Connects a form control to the field label, description, error, and state.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldControl]',\n    exportAs: 'rdxFieldControl',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.aria-describedby]': 'describedBy()',\n        '[attr.aria-invalid]': 'rootContext.invalidState() ? \"true\" : undefined',\n        // On a native control the native `required`/`disabled` attributes already convey the state, so\n        // `aria-required`/`aria-disabled` are only emitted on non-native (custom) controls.\n        '[attr.aria-required]': '!isNativeFormControl() && rootContext.requiredState() ? \"true\" : undefined',\n        '[attr.aria-disabled]': '!isNativeFormControl() && rootContext.disabledState() ? \"true\" : undefined',\n        '[attr.disabled]': 'isNativeFormControl() && rootContext.disabledState() ? \"\" : undefined',\n        '[attr.required]': 'isNativeFormControl() && rootContext.requiredState() ? \"\" : undefined',\n        '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',\n        '[attr.data-valid]': 'dataAttr(!rootContext.invalidState())',\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())',\n        '[attr.data-required]': 'dataAttr(rootContext.requiredState())',\n        '[attr.data-dirty]': 'dataAttr(rootContext.dirtyState())',\n        '[attr.data-touched]': 'dataAttr(rootContext.touchedState())',\n        '[attr.data-filled]': 'dataAttr(rootContext.filledState())',\n        '[attr.data-focused]': 'dataAttr(rootContext.focusedState())',\n        '(focus)': 'onFocus()',\n        '(blur)': 'onBlur()',\n        '(input)': 'syncFilled()',\n        '(change)': 'syncFilled()'\n    }\n})\nexport class RdxFieldControl {\n    protected readonly rootContext = injectFieldRootContext();\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private initialValue = '';\n\n    /**\n     * Control id. Labels and descriptions use this value for accessible relationships.\n     *\n     * @group Props\n     */\n    readonly id = input(injectId('rdx-field-control-'));\n\n    protected readonly describedBy = computed(() => {\n        const ids = [\n            ...this.rootContext.descriptionIds(),\n            ...(this.rootContext.invalidState() ? this.rootContext.errorIds() : [])\n        ];\n\n        return ids.length ? ids.join(' ') : undefined;\n    });\n\n    constructor() {\n        effect(() => {\n            this.rootContext.setControlId(this.id());\n        });\n\n        afterNextRender(() => {\n            this.initialValue = this.currentValue();\n            this.syncFilled();\n        });\n    }\n\n    onFocus(): void {\n        this.rootContext.setFocused(true);\n    }\n\n    onBlur(): void {\n        this.rootContext.setFocused(false);\n        this.rootContext.setTouched(true);\n    }\n\n    syncFilled(): void {\n        const value = this.currentValue();\n\n        this.rootContext.setFilled(Array.isArray(value) ? value.length > 0 : value != null && value !== '');\n        this.rootContext.setDirty(value !== this.initialValue);\n    }\n\n    protected isNativeFormControl(): boolean {\n        return ['INPUT', 'SELECT', 'TEXTAREA', 'BUTTON'].includes(this.elementRef.nativeElement.tagName);\n    }\n\n    protected readonly dataAttr = attr;\n\n    private currentValue(): string {\n        const element = this.elementRef.nativeElement as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n        return element.value ?? '';\n    }\n}\n","import { Directive, effect, input } from '@angular/core';\nimport { injectId } from '@radix-ng/primitives/core';\nimport { injectFieldRootContext } from './field-root';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Describes the field control.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldDescription]',\n    exportAs: 'rdxFieldDescription',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())'\n    }\n})\nexport class RdxFieldDescription {\n    protected readonly rootContext = injectFieldRootContext();\n\n    /**\n     * Description id.\n     *\n     * @group Props\n     */\n    readonly id = input(injectId('rdx-field-description-'));\n\n    constructor() {\n        effect((onCleanup) => {\n            const id = this.id();\n            this.rootContext.addDescriptionId(id);\n            onCleanup(() => this.rootContext.removeDescriptionId(id));\n        });\n    }\n\n    protected readonly dataAttr = attr;\n}\n","import { Directive, effect, input } from '@angular/core';\nimport { injectId } from '@radix-ng/primitives/core';\nimport { injectFieldRootContext } from './field-root';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Describes an invalid field control.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldError]',\n    exportAs: 'rdxFieldError',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.hidden]': 'rootContext.invalidState() ? undefined : \"\"',\n        '[attr.aria-live]': '\"polite\"',\n        '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())'\n    }\n})\nexport class RdxFieldError {\n    protected readonly rootContext = injectFieldRootContext();\n\n    /**\n     * Error message id.\n     *\n     * @group Props\n     */\n    readonly id = input(injectId('rdx-field-error-'));\n\n    /**\n     * The field's external messages (state provider's, then enclosing Form's), `[]` when none. Render\n     * them explicitly via the `exportAs` reference — the directive never injects text content itself:\n     * `<p rdxFieldError #err=\"rdxFieldError\">{{ err.messages().join(' ') }}</p>`.\n     */\n    readonly messages = this.rootContext.messages;\n\n    constructor() {\n        effect((onCleanup) => {\n            const id = this.id();\n            this.rootContext.addErrorId(id);\n            onCleanup(() => this.rootContext.removeErrorId(id));\n        });\n    }\n\n    protected readonly dataAttr = attr;\n}\n","import { Directive, input } from '@angular/core';\nimport { injectId, rdxCheckLabelElement } from '@radix-ng/primitives/core';\nimport { injectFieldRootContext } from './field-root';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Labels the field control.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxFieldLabel]',\n    exportAs: 'rdxFieldLabel',\n    host: {\n        '[attr.id]': 'id()',\n        '[attr.for]': 'htmlFor()',\n        '[attr.data-invalid]': 'dataAttr(rootContext.invalidState())',\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())',\n        '[attr.data-required]': 'dataAttr(rootContext.requiredState())'\n    }\n})\nexport class RdxFieldLabel {\n    protected readonly rootContext = injectFieldRootContext();\n\n    /**\n     * Label id.\n     *\n     * @group Props\n     */\n    readonly id = input(injectId('rdx-field-label-'));\n\n    readonly htmlFor = () => this.rootContext.controlId();\n\n    constructor() {\n        rdxCheckLabelElement('rdxFieldLabel', 'field/unassociated-label', 'components/field');\n    }\n\n    protected readonly dataAttr = attr;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["attr"],"mappings":"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"}

package/fesm2022/radix-ng-primitives-fieldset.mjs

@@ -24,13 +24,14 @@ class RdxFieldsetRoot {
          * @defaultValue false
          */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.disabledState = computed(() => this.disabled(), ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
+        this.disabledState = computed(() => this.disabled(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
         this.dataAttr = attr$1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldsetRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxFieldsetRoot, isStandalone: true, selector: "fieldset[rdxFieldsetRoot]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "disabledState() ? \"\" : undefined", "attr.data-disabled": "dataAttr(disabledState())" } }, providers: [provideFieldsetRootContext(fieldsetRootContext)], exportAs: ["rdxFieldsetRoot"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldsetRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxFieldsetRoot, isStandalone: true, selector: "fieldset[rdxFieldsetRoot]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "disabledState() ? \"\" : undefined", "attr.data-disabled": "dataAttr(disabledState())" } }, providers: [provideFieldsetRootContext(fieldsetRootContext)], exportAs: ["rdxFieldsetRoot"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldsetRoot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldsetRoot, decorators: [{
             type: Directive,
             args: [{
                     selector: 'fieldset[rdxFieldsetRoot]',
@@ -57,10 +58,10 @@ class RdxFieldsetLegend {
         this.rootContext = injectFieldsetRootContext();
         this.dataAttr = attr;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldsetLegend, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxFieldsetLegend, isStandalone: true, selector: "legend[rdxFieldsetLegend]", host: { properties: { "attr.data-disabled": "dataAttr(rootContext.disabledState())" } }, exportAs: ["rdxFieldsetLegend"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldsetLegend, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxFieldsetLegend, isStandalone: true, selector: "legend[rdxFieldsetLegend]", host: { properties: { "attr.data-disabled": "dataAttr(rootContext.disabledState())" } }, exportAs: ["rdxFieldsetLegend"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxFieldsetLegend, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFieldsetLegend, decorators: [{
             type: Directive,
             args: [{
                     selector: 'legend[rdxFieldsetLegend]',

package/fesm2022/radix-ng-primitives-fieldset.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-fieldset.mjs","sources":["../../../packages/primitives/fieldset/src/fieldset-root.ts","../../../packages/primitives/fieldset/src/fieldset-legend.ts","../../../packages/primitives/fieldset/radix-ng-primitives-fieldset.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, inject, input } from '@angular/core';\nimport { BooleanInput, createContext } from '@radix-ng/primitives/core';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\nconst fieldsetRootContext = () => {\n    const root = injectFieldsetRoot();\n\n    return {\n        disabledState: root.disabledState\n    };\n};\n\nexport type RdxFieldsetRootContext = ReturnType<typeof fieldsetRootContext>;\n\nexport const [injectFieldsetRootContext, provideFieldsetRootContext] = createContext<RdxFieldsetRootContext>(\n    'RdxFieldsetRoot',\n    'components/fieldset'\n);\n\n/**\n * Groups related form controls and disables them as a set.\n *\n * @group Components\n */\n@Directive({\n    selector: 'fieldset[rdxFieldsetRoot]',\n    exportAs: 'rdxFieldsetRoot',\n    providers: [provideFieldsetRootContext(fieldsetRootContext)],\n    host: {\n        '[attr.disabled]': 'disabledState() ? \"\" : undefined',\n        '[attr.data-disabled]': 'dataAttr(disabledState())'\n    }\n})\nexport class RdxFieldsetRoot {\n    /**\n     * Whether all controls in the fieldset are disabled.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly disabledState = computed(() => this.disabled());\n\n    protected readonly dataAttr = attr;\n}\n\nfunction injectFieldsetRoot(): RdxFieldsetRoot {\n    return inject(RdxFieldsetRoot);\n}\n","import { Directive } from '@angular/core';\nimport { injectFieldsetRootContext } from './fieldset-root';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Labels the fieldset.\n *\n * @group Components\n */\n@Directive({\n    selector: 'legend[rdxFieldsetLegend]',\n    exportAs: 'rdxFieldsetLegend',\n    host: {\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())'\n    }\n})\nexport class RdxFieldsetLegend {\n    protected readonly rootContext = injectFieldsetRootContext();\n    protected readonly dataAttr = attr;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["attr"],"mappings":";;;;AAGA,MAAMA,MAAI,GAAG,CAAC,KAAc,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAK;AAC7B,IAAA,MAAM,IAAI,GAAG,kBAAkB,EAAE;IAEjC,OAAO;QACH,aAAa,EAAE,IAAI,CAAC;KACvB;AACL,CAAC;AAIM,MAAM,CAAC,yBAAyB,EAAE,0BAA0B,CAAC,GAAG,aAAa,CAChF,iBAAiB,EACjB,qBAAqB;AAGzB;;;;AAIG;MAUU,eAAe,CAAA;AAT5B,IAAA,WAAA,GAAA;AAUI;;;;;AAKG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAE/E,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;QAErC,IAAA,CAAA,QAAQ,GAAGA,MAAI;AACrC,IAAA;8GAZY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,yVANb,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAMnD,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,SAAS,EAAE,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,CAAC;AAC5D,oBAAA,IAAI,EAAE;AACF,wBAAA,iBAAiB,EAAE,kCAAkC;AACrD,wBAAA,sBAAsB,EAAE;AAC3B;AACJ,iBAAA;;AAeD,SAAS,kBAAkB,GAAA;AACvB,IAAA,OAAO,MAAM,CAAC,eAAe,CAAC;AAClC;;AC/CA,MAAM,IAAI,GAAG,CAAC,KAAc,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;AAEzD;;;;AAIG;MAQU,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAQuB,IAAA,CAAA,WAAW,GAAG,yBAAyB,EAAE;QACzC,IAAA,CAAA,QAAQ,GAAG,IAAI;AACrC,IAAA;8GAHY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,uCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACF,wBAAA,sBAAsB,EAAE;AAC3B;AACJ,iBAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"radix-ng-primitives-fieldset.mjs","sources":["../../../packages/primitives/fieldset/src/fieldset-root.ts","../../../packages/primitives/fieldset/src/fieldset-legend.ts","../../../packages/primitives/fieldset/radix-ng-primitives-fieldset.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, inject, input } from '@angular/core';\nimport { BooleanInput, createContext } from '@radix-ng/primitives/core';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\nconst fieldsetRootContext = () => {\n    const root = injectFieldsetRoot();\n\n    return {\n        disabledState: root.disabledState\n    };\n};\n\nexport type RdxFieldsetRootContext = ReturnType<typeof fieldsetRootContext>;\n\nexport const [injectFieldsetRootContext, provideFieldsetRootContext] = createContext<RdxFieldsetRootContext>(\n    'RdxFieldsetRoot',\n    'components/fieldset'\n);\n\n/**\n * Groups related form controls and disables them as a set.\n *\n * @group Components\n */\n@Directive({\n    selector: 'fieldset[rdxFieldsetRoot]',\n    exportAs: 'rdxFieldsetRoot',\n    providers: [provideFieldsetRootContext(fieldsetRootContext)],\n    host: {\n        '[attr.disabled]': 'disabledState() ? \"\" : undefined',\n        '[attr.data-disabled]': 'dataAttr(disabledState())'\n    }\n})\nexport class RdxFieldsetRoot {\n    /**\n     * Whether all controls in the fieldset are disabled.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly disabledState = computed(() => this.disabled());\n\n    protected readonly dataAttr = attr;\n}\n\nfunction injectFieldsetRoot(): RdxFieldsetRoot {\n    return inject(RdxFieldsetRoot);\n}\n","import { Directive } from '@angular/core';\nimport { injectFieldsetRootContext } from './fieldset-root';\n\nconst attr = (value: boolean) => (value ? '' : undefined);\n\n/**\n * Labels the fieldset.\n *\n * @group Components\n */\n@Directive({\n    selector: 'legend[rdxFieldsetLegend]',\n    exportAs: 'rdxFieldsetLegend',\n    host: {\n        '[attr.data-disabled]': 'dataAttr(rootContext.disabledState())'\n    }\n})\nexport class RdxFieldsetLegend {\n    protected readonly rootContext = injectFieldsetRootContext();\n    protected readonly dataAttr = attr;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["attr"],"mappings":";;;;AAGA,MAAMA,MAAI,GAAG,CAAC,KAAc,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAK;AAC7B,IAAA,MAAM,IAAI,GAAG,kBAAkB,EAAE;IAEjC,OAAO;QACH,aAAa,EAAE,IAAI,CAAC;KACvB;AACL,CAAC;AAIM,MAAM,CAAC,yBAAyB,EAAE,0BAA0B,CAAC,GAAG,aAAa,CAChF,iBAAiB,EACjB,qBAAqB;AAGzB;;;;AAIG;MAUU,eAAe,CAAA;AAT5B,IAAA,WAAA,GAAA;AAUI;;;;;AAKG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAE/E,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE;0FAAC;QAErC,IAAA,CAAA,QAAQ,GAAGA,MAAI;AACrC,IAAA;8GAZY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,yVANb,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAMnD,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,SAAS,EAAE,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,CAAC;AAC5D,oBAAA,IAAI,EAAE;AACF,wBAAA,iBAAiB,EAAE,kCAAkC;AACrD,wBAAA,sBAAsB,EAAE;AAC3B;AACJ,iBAAA;;AAeD,SAAS,kBAAkB,GAAA;AACvB,IAAA,OAAO,MAAM,CAAC,eAAe,CAAC;AAClC;;AC/CA,MAAM,IAAI,GAAG,CAAC,KAAc,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,CAAC;AAEzD;;;;AAIG;MAQU,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAQuB,IAAA,CAAA,WAAW,GAAG,yBAAyB,EAAE;QACzC,IAAA,CAAA,QAAQ,GAAG,IAAI;AACrC,IAAA;8GAHY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,uCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACF,wBAAA,sBAAsB,EAAE;AAC3B;AACJ,iBAAA;;;AChBD;;AAEG;;;;"}