ng-primitives 0.89.0 → 0.91.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, effect, Directive, computed, booleanAttribute, afterRenderEffect, signal, contentChild, inject, ElementRef, HostListener } from '@angular/core';
+import { input, effect, Directive, computed, booleanAttribute, afterRenderEffect, signal, contentChild, inject, Injector, untracked, ElementRef, HostListener } from '@angular/core';
 import { uniqueId, onBooleanChange, controlStatus, onChange } from 'ng-primitives/utils';
 import { createStateToken, createStateProvider, createStateInjector, createState } from 'ng-primitives/state';
 import { injectElementRef, explicitEffect } from 'ng-primitives/internal';
@@ -30,7 +30,7 @@ class NgpDescription {
         /**
          * The id of the description. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-description'));
+        this.id = input(uniqueId('ngp-description'), ...(ngDevMode ? [{ debugName: "id" }] : []));
         /**
          * Access the form field that the description is associated with.
          */
@@ -40,10 +40,10 @@ class NgpDescription {
             onCleanup(() => this.formField()?.removeDescription(this.id()));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", type: NgpDescription, isStandalone: true, selector: "[ngpDescription]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-invalid": "formField()?.invalid() ? \"\" : null", "attr.data-valid": "formField()?.valid() ? \"\" : null", "attr.data-touched": "formField()?.touched() ? \"\" : null", "attr.data-pristine": "formField()?.pristine() ? \"\" : null", "attr.data-dirty": "formField()?.dirty() ? \"\" : null", "attr.data-pending": "formField()?.pending() ? \"\" : null", "attr.data-disabled": "formField()?.disabled() ? \"\" : null" } }, exportAs: ["ngpDescription"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpDescription, isStandalone: true, selector: "[ngpDescription]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-invalid": "formField()?.invalid() ? \"\" : null", "attr.data-valid": "formField()?.valid() ? \"\" : null", "attr.data-touched": "formField()?.touched() ? \"\" : null", "attr.data-pristine": "formField()?.pristine() ? \"\" : null", "attr.data-dirty": "formField()?.dirty() ? \"\" : null", "attr.data-pending": "formField()?.pending() ? \"\" : null", "attr.data-disabled": "formField()?.disabled() ? \"\" : null" } }, exportAs: ["ngpDescription"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDescription]',
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                         '[attr.data-disabled]': 'formField()?.disabled() ? "" : null',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
 /**
  * The `NgpError` directive is used to mark an error message element within a form field. There may be multiple error messages associated with a form control.
@@ -73,13 +73,13 @@ class NgpError {
         /**
          * The id of the error message. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-error'));
+        this.id = input(uniqueId('ngp-error'), ...(ngDevMode ? [{ debugName: "id" }] : []));
         /**
          * The validator associated with the error message.
          */
-        this.validator = input(null, {
-            alias: 'ngpErrorValidator',
-        });
+        this.validator = input(null, ...(ngDevMode ? [{ debugName: "validator", alias: 'ngpErrorValidator' }] : [{
+                alias: 'ngpErrorValidator',
+            }]));
         /**
          * Determine if there is an error message.
          */
@@ -87,11 +87,11 @@ class NgpError {
             const errors = this.formField()?.errors() ?? [];
             const validator = this.validator();
             return validator ? errors?.includes(validator) : errors?.length > 0;
-        });
+        }, ...(ngDevMode ? [{ debugName: "hasError" }] : []));
         /**
          * Determine whether the validator associated with this error is failing.
          */
-        this.state = computed(() => (this.hasError() ? 'fail' : 'pass'));
+        this.state = computed(() => (this.hasError() ? 'fail' : 'pass'), ...(ngDevMode ? [{ debugName: "state" }] : []));
         // add or remove the error message when the error state changes
         onBooleanChange(this.hasError, () => this.formField()?.addDescription(this.id()), () => this.formField()?.removeDescription(this.id()));
     }
@@ -103,10 +103,10 @@ class NgpError {
     ngOnDestroy() {
         this.formField()?.removeDescription(this.id());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", type: NgpError, isStandalone: true, selector: "[ngpError]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, validator: { classPropertyName: "validator", publicName: "ngpErrorValidator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-invalid": "formField()?.invalid() ? \"\" : null", "attr.data-valid": "formField()?.valid() ? \"\" : null", "attr.data-touched": "formField()?.touched() ? \"\" : null", "attr.data-pristine": "formField()?.pristine() ? \"\" : null", "attr.data-dirty": "formField()?.dirty() ? \"\" : null", "attr.data-pending": "formField()?.pending() ? \"\" : null", "attr.data-disabled": "formField()?.disabled() ? \"\" : null", "attr.data-validator": "state()" } }, exportAs: ["ngpError"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpError, isStandalone: true, selector: "[ngpError]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, validator: { classPropertyName: "validator", publicName: "ngpErrorValidator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-invalid": "formField()?.invalid() ? \"\" : null", "attr.data-valid": "formField()?.valid() ? \"\" : null", "attr.data-touched": "formField()?.touched() ? \"\" : null", "attr.data-pristine": "formField()?.pristine() ? \"\" : null", "attr.data-dirty": "formField()?.dirty() ? \"\" : null", "attr.data-pending": "formField()?.pending() ? \"\" : null", "attr.data-disabled": "formField()?.disabled() ? \"\" : null", "attr.data-validator": "state()" } }, exportAs: ["ngpError"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpError, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpError, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpError]',
@@ -123,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                         '[attr.data-validator]': 'state()',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], validator: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpErrorValidator", required: false }] }] } });
 
 /**
  * The state token  for the FormControl primitive.
@@ -152,14 +152,15 @@ class NgpFormControl {
         /**
          * The id of the form control. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-form-control'));
+        this.id = input(uniqueId('ngp-form-control'), ...(ngDevMode ? [{ debugName: "id" }] : []));
         /**
          * Whether the form control is disabled by a parent.
          */
-        this.disabled = input(false, {
-            alias: 'ngpFormControlDisabled',
-            transform: booleanAttribute,
-        });
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpFormControlDisabled',
+                transform: booleanAttribute }] : [{
+                alias: 'ngpFormControlDisabled',
+                transform: booleanAttribute,
+            }]));
         /**
          * The element reference.
          */
@@ -173,12 +174,12 @@ class NgpFormControl {
          */
         this.state = formControlState(this);
         // Sync the form control state with the control state.
-        this.status = setupFormControl({ id: this.state.id, disabled: this.state.disabled });
+        this.status = ngpFormControl({ id: this.state.id, disabled: this.state.disabled });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpFormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", type: NgpFormControl, isStandalone: true, selector: "[ngpFormControl]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpFormControlDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "supportsDisabledAttribute && status().disabled ? \"\" : null" } }, providers: [provideFormControlState()], exportAs: ["ngpFormControl"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpFormControl, isStandalone: true, selector: "[ngpFormControl]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpFormControlDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "supportsDisabledAttribute && status().disabled ? \"\" : null" } }, providers: [provideFormControlState()], exportAs: ["ngpFormControl"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpFormControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFormControl, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpFormControl]',
@@ -188,17 +189,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                         '[attr.disabled]': 'supportsDisabledAttribute && status().disabled ? "" : null',
                     },
                 }]
-        }], ctorParameters: () => [] });
-function setupFormControl({ id, disabled = signal(false), }) {
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFormControlDisabled", required: false }] }] } });
+function ngpFormControl({ id, disabled = signal(false), }) {
     const element = injectElementRef().nativeElement;
     // Access the form field that the form control is associated with.
     const formField = injectFormFieldState({ optional: true });
     // Access the form control status.
     const status = controlStatus();
     // Determine the aria-labelledby attribute value.
-    const ariaLabelledBy = computed(() => formField()?.labels().join(' '));
+    const ariaLabelledBy = computed(() => formField()?.labels().join(' '), ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : []));
     // Determine the aria-describedby attribute value.
-    const ariaDescribedBy = computed(() => formField()?.descriptions().join(' '));
+    const ariaDescribedBy = computed(() => formField()?.descriptions().join(' '), ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
     explicitEffect([id], ([id], onCleanup) => {
         formField()?.setFormControl(id);
         onCleanup(() => formField()?.removeFormControl());
@@ -259,61 +260,65 @@ class NgpFormField {
          * Store the form label.
          * @internal
          */
-        this.labels = signal([]);
+        this.labels = signal([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
         /**
          * Store the form descriptions.
          * @internal
          */
-        this.descriptions = signal([]);
+        this.descriptions = signal([], ...(ngDevMode ? [{ debugName: "descriptions" }] : []));
         /**
          * Store the id of the associated form control.
          * @internal
          */
-        this.formControl = signal(null);
+        this.formControl = signal(null, ...(ngDevMode ? [{ debugName: "formControl" }] : []));
         /**
          * Find any NgControl within the form field.
          * @internal
          */
-        this.ngControl = contentChild(NgControl);
+        this.ngControl = contentChild(NgControl, ...(ngDevMode ? [{ debugName: "ngControl" }] : []));
         /**
          * Store the validation error messages.
          * @internal
          */
-        this.errors = signal([]);
+        this.errors = signal([], ...(ngDevMode ? [{ debugName: "errors" }] : []));
         /**
          * Whether the control is pristine.
          * @internal
          */
-        this.pristine = signal(null);
+        this.pristine = signal(null, ...(ngDevMode ? [{ debugName: "pristine" }] : []));
         /**
          * Whether the control is touched.
          * @internal
          */
-        this.touched = signal(null);
+        this.touched = signal(null, ...(ngDevMode ? [{ debugName: "touched" }] : []));
         /**
          * Whether the control is dirty.
          * @internal
          */
-        this.dirty = signal(null);
+        this.dirty = signal(null, ...(ngDevMode ? [{ debugName: "dirty" }] : []));
         /**
          * Whether the control is valid.
          */
-        this.valid = signal(null);
+        this.valid = signal(null, ...(ngDevMode ? [{ debugName: "valid" }] : []));
         /**
          * Whether the control is invalid.
          * @internal
          */
-        this.invalid = signal(null);
+        this.invalid = signal(null, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
         /**
          * Whether the control is pending.
          * @internal
          */
-        this.pending = signal(null);
+        this.pending = signal(null, ...(ngDevMode ? [{ debugName: "pending" }] : []));
         /**
          * Whether the control is disabled.
          * @internal
          */
-        this.disabled = signal(null);
+        this.disabled = signal(null, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        /**
+         * Injector for creating effects outside the constructor.
+         */
+        this.injector = inject(Injector);
         /**
          * The form field state.
          */
@@ -331,25 +336,53 @@ class NgpFormField {
     setupSubscriptions(control) {
         // Unsubscribe from the previous subscriptions.
         this.subscription?.unsubscribe();
-        // set the initial values
-        this.updateStatus();
+        if (!control) {
+            return;
+        }
+        // For signal-forms interop controls, use an effect to reactively track status.
+        // For classic controls, also use an effect but additionally subscribe to events.
+        effect(() => {
+            this.updateStatus();
+        }, { injector: this.injector });
+        // Classic controls also have an events observable we can subscribe to.
         const underlyingControl = control?.control;
-        // Listen for changes to the underlying control's status.
-        this.subscription = underlyingControl?.events?.subscribe(this.updateStatus.bind(this));
+        if (underlyingControl?.events) {
+            this.subscription = underlyingControl.events.subscribe(() => this.updateStatus());
+        }
     }
     updateStatus() {
         const control = this.ngControl();
         if (!control) {
             return;
         }
-        this.pristine.set(control.pristine);
-        this.touched.set(control.touched);
-        this.dirty.set(control.dirty);
-        this.valid.set(control.valid);
-        this.invalid.set(control.invalid);
-        this.pending.set(control.pending);
-        this.disabled.set(control.disabled);
-        this.errors.set(control?.errors ? Object.keys(control.errors) : []);
+        // Wrap in try-catch to handle signal-forms interop controls where
+        // the `field` input may not be available yet (throws NG0950).
+        // Reading the signal still establishes a dependency, so the effect
+        // will re-run when the input becomes available.
+        try {
+            const pristine = control.pristine;
+            const touched = control.touched;
+            const dirty = control.dirty;
+            const valid = control.valid;
+            const invalid = control.invalid;
+            const pending = control.pending;
+            const disabled = control.disabled;
+            const errors = control.errors;
+            untracked(() => {
+                this.pristine.set(pristine);
+                this.touched.set(touched);
+                this.dirty.set(dirty);
+                this.valid.set(valid);
+                this.invalid.set(invalid);
+                this.pending.set(pending);
+                this.disabled.set(disabled);
+                this.errors.set(errors ? Object.keys(errors) : []);
+            });
+        }
+        catch {
+            // NG0950: Required input not available yet. The effect will re-run
+            // when the signal input becomes available.
+        }
     }
     /**
      * Register the id of the associated form control.
@@ -398,10 +431,10 @@ class NgpFormField {
     removeDescription(description) {
         this.descriptions.update(descriptions => descriptions.filter(d => d !== description));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpFormField, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.11", type: NgpFormField, isStandalone: true, selector: "[ngpFormField]", host: { properties: { "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-valid": "valid() ? \"\" : null", "attr.data-touched": "touched() ? \"\" : null", "attr.data-pristine": "pristine() ? \"\" : null", "attr.data-dirty": "dirty() ? \"\" : null", "attr.data-pending": "pending() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [provideFormFieldState()], queries: [{ propertyName: "ngControl", first: true, predicate: NgControl, descendants: true, isSignal: true }], exportAs: ["ngpFormField"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFormField, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.9", type: NgpFormField, isStandalone: true, selector: "[ngpFormField]", host: { properties: { "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-valid": "valid() ? \"\" : null", "attr.data-touched": "touched() ? \"\" : null", "attr.data-pristine": "pristine() ? \"\" : null", "attr.data-dirty": "dirty() ? \"\" : null", "attr.data-pending": "pending() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [provideFormFieldState()], queries: [{ propertyName: "ngControl", first: true, predicate: NgControl, descendants: true, isSignal: true }], exportAs: ["ngpFormField"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpFormField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFormField, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpFormField]',
@@ -417,7 +450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                         '[attr.data-disabled]': 'disabled() ? "" : null',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { ngControl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgControl), { isSignal: true }] }] } });
 
 /**
  * The `NgpLabel` directive is used to mark a label element within a form field. Preferably, there should use an HTML `<label>` element.
@@ -427,7 +460,7 @@ class NgpLabel {
         /**
          * The id of the label. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-label'));
+        this.id = input(uniqueId('ngp-label'), ...(ngDevMode ? [{ debugName: "id" }] : []));
         /**
          * Access the form field that the label is associated with.
          */
@@ -435,7 +468,7 @@ class NgpLabel {
         /**
          * Derive the for attribute value if the label is an HTML label element.
          */
-        this.htmlFor = computed(() => this.formField()?.formControl());
+        this.htmlFor = computed(() => this.formField()?.formControl(), ...(ngDevMode ? [{ debugName: "htmlFor" }] : []));
         /**
          * Access the element that the label is associated with.
          */
@@ -485,10 +518,10 @@ class NgpLabel {
         // bound element is now focused.
         target.focus({ preventScroll: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", type: NgpLabel, isStandalone: true, selector: "[ngpLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.id": "id()", "attr.for": "htmlFor()", "attr.data-invalid": "formField()?.invalid() ? \"\" : null", "attr.data-valid": "formField()?.valid() ? \"\" : null", "attr.data-touched": "formField()?.touched() ? \"\" : null", "attr.data-pristine": "formField()?.pristine() ? \"\" : null", "attr.data-dirty": "formField()?.dirty() ? \"\" : null", "attr.data-pending": "formField()?.pending() ? \"\" : null", "attr.data-disabled": "formField()?.disabled() ? \"\" : null" } }, exportAs: ["ngpLabel"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpLabel, isStandalone: true, selector: "[ngpLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.id": "id()", "attr.for": "htmlFor()", "attr.data-invalid": "formField()?.invalid() ? \"\" : null", "attr.data-valid": "formField()?.valid() ? \"\" : null", "attr.data-touched": "formField()?.touched() ? \"\" : null", "attr.data-pristine": "formField()?.pristine() ? \"\" : null", "attr.data-dirty": "formField()?.dirty() ? \"\" : null", "attr.data-pending": "formField()?.pending() ? \"\" : null", "attr.data-disabled": "formField()?.disabled() ? \"\" : null" } }, exportAs: ["ngpLabel"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpLabel]',
@@ -505,7 +538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                         '[attr.data-disabled]': 'formField()?.disabled() ? "" : null',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { onClick: [{
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
@@ -514,5 +547,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NgpDescription, NgpError, NgpFormControl, NgpFormField, NgpLabel, injectFormControlState, injectFormFieldState, provideFormControlState, provideFormFieldState, setupFormControl };
+export { NgpDescription, NgpError, NgpFormControl, NgpFormField, NgpLabel, injectFormControlState, injectFormFieldState, ngpFormControl, provideFormControlState, provideFormFieldState };
 //# sourceMappingURL=ng-primitives-form-field.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-form-field.mjs","sources":["../../../../packages/ng-primitives/form-field/src/form-field/form-field-state.ts","../../../../packages/ng-primitives/form-field/src/description/description.ts","../../../../packages/ng-primitives/form-field/src/error/error.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control-state.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control.ts","../../../../packages/ng-primitives/form-field/src/form-field/form-field.ts","../../../../packages/ng-primitives/form-field/src/label/label.ts","../../../../packages/ng-primitives/form-field/src/ng-primitives-form-field.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFormField } from './form-field';\n\n/**\n * The state token  for the FormField primitive.\n */\nexport const NgpFormFieldStateToken = createStateToken<NgpFormField>('FormField');\n\n/**\n * Provides the FormField state.\n */\nexport const provideFormFieldState = createStateProvider(NgpFormFieldStateToken);\n\n/**\n * Injects the FormField state.\n */\nexport const injectFormFieldState = createStateInjector<NgpFormField>(NgpFormFieldStateToken);\n\n/**\n * The FormField state registration function.\n */\nexport const formFieldState = createState(NgpFormFieldStateToken);\n","import { Directive, effect, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpDescription` directive is used to mark a description element within a form field. There may be multiple descriptions associated with a form control.\n */\n@Directive({\n  selector: '[ngpDescription]',\n  exportAs: 'ngpDescription',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n  },\n})\nexport class NgpDescription {\n  /**\n   * The id of the description. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-description'));\n  /**\n   * Access the form field that the description is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField()?.addDescription(this.id());\n      onCleanup(() => this.formField()?.removeDescription(this.id()));\n    });\n  }\n}\n","import { Directive, OnChanges, OnDestroy, SimpleChanges, computed, input } from '@angular/core';\nimport { onBooleanChange, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpError` directive is used to mark an error message element within a form field. There may be multiple error messages associated with a form control.\n */\n@Directive({\n  selector: '[ngpError]',\n  exportAs: 'ngpError',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n    '[attr.data-validator]': 'state()',\n  },\n})\nexport class NgpError implements OnChanges, OnDestroy {\n  /**\n   * Access the form field that the description is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n\n  /**\n   * The id of the error message. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-error'));\n\n  /**\n   * The validator associated with the error message.\n   */\n  readonly validator = input<string | null>(null, {\n    alias: 'ngpErrorValidator',\n  });\n\n  /**\n   * Determine if there is an error message.\n   */\n  protected readonly hasError = computed(() => {\n    const errors = this.formField()?.errors() ?? [];\n    const validator = this.validator();\n\n    return validator ? errors?.includes(validator) : errors?.length > 0;\n  });\n\n  /**\n   * Determine whether the validator associated with this error is failing.\n   */\n  protected readonly state = computed(() => (this.hasError() ? 'fail' : 'pass'));\n\n  constructor() {\n    // add or remove the error message when the error state changes\n    onBooleanChange(\n      this.hasError,\n      () => this.formField()?.addDescription(this.id()),\n      () => this.formField()?.removeDescription(this.id()),\n    );\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if ('id' in changes) {\n      this.formField()?.removeDescription(changes['id'].previousValue);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.formField()?.removeDescription(this.id());\n  }\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFormControl } from './form-control';\n\n/**\n * The state token  for the FormControl primitive.\n */\nexport const NgpFormControlStateToken = createStateToken<NgpFormControl>('FormControl');\n\n/**\n * Provides the FormControl state.\n */\nexport const provideFormControlState = createStateProvider(NgpFormControlStateToken);\n\n/**\n * Injects the FormControl state.\n */\nexport const injectFormControlState = createStateInjector<NgpFormControl>(NgpFormControlStateToken);\n\n/**\n * The FormControl state registration function.\n */\nexport const formControlState = createState(NgpFormControlStateToken);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  Directive,\n  input,\n  signal,\n  Signal,\n} from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { controlStatus, NgpControlStatus, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\nimport { formControlState, provideFormControlState } from './form-control-state';\n\n/**\n * Typically this primitive would be not be used directly, but instead a more specific form control primitive would be used (e.g. `ngpInput`). All of our form control primitives use `ngpFormControl` internally so they will have the same accessibility features as described below.\n *\n * The `NgpFormControl` directive is used to mark a form control element within a form field. This element will have an `aria-labelledby` attribute set to the ID of the label element within the form field and an `aria-describedby` attribute set to the ID of the description elements within the form field.\n */\n@Directive({\n  selector: '[ngpFormControl]',\n  exportAs: 'ngpFormControl',\n  providers: [provideFormControlState()],\n  host: {\n    '[attr.disabled]': 'supportsDisabledAttribute && status().disabled ? \"\" : null',\n  },\n})\nexport class NgpFormControl {\n  /**\n   * The id of the form control. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-form-control'));\n\n  /**\n   * Whether the form control is disabled by a parent.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFormControlDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The status of the form control.\n   */\n  readonly status: Signal<NgpControlStatus>;\n\n  /**\n   * The element reference.\n   */\n  private readonly elementRef = injectElementRef();\n\n  /**\n   * Whether the element supports the disabled attribute.\n   */\n  protected readonly supportsDisabledAttribute = 'disabled' in this.elementRef.nativeElement;\n\n  /**\n   * The state of the form control.\n   */\n  private readonly state = formControlState<NgpFormControl>(this);\n\n  constructor() {\n    // Sync the form control state with the control state.\n    this.status = setupFormControl({ id: this.state.id, disabled: this.state.disabled });\n  }\n}\n\ninterface FormControlState {\n  id: Signal<string>;\n  disabled?: Signal<boolean>;\n}\n\nexport function setupFormControl({\n  id,\n  disabled = signal(false),\n}: FormControlState): Signal<NgpControlStatus> {\n  const element = injectElementRef().nativeElement;\n  // Access the form field that the form control is associated with.\n  const formField = injectFormFieldState({ optional: true });\n  // Access the form control status.\n  const status = controlStatus();\n  // Determine the aria-labelledby attribute value.\n  const ariaLabelledBy = computed(() => formField()?.labels().join(' '));\n  // Determine the aria-describedby attribute value.\n  const ariaDescribedBy = computed(() => formField()?.descriptions().join(' '));\n\n  explicitEffect([id], ([id], onCleanup) => {\n    formField()?.setFormControl(id);\n    onCleanup(() => formField()?.removeFormControl());\n  });\n\n  afterRenderEffect({\n    write: () => {\n      setAttribute(element, 'id', id());\n      setAttribute(element, 'aria-labelledby', ariaLabelledBy());\n      setAttribute(element, 'aria-describedby', ariaDescribedBy());\n\n      setStateAttribute(element, status().invalid, 'data-invalid');\n      setStateAttribute(element, status().valid, 'data-valid');\n      setStateAttribute(element, status().touched, 'data-touched');\n      setStateAttribute(element, status().pristine, 'data-pristine');\n      setStateAttribute(element, status().dirty, 'data-dirty');\n      setStateAttribute(element, status().pending, 'data-pending');\n      setStateAttribute(element, disabled() || status().disabled, 'data-disabled');\n    },\n  });\n\n  return computed(() => ({ ...status(), disabled: status().disabled || disabled() }));\n}\n\n/**\n * Sets the attribute on the element. If the value is not empty, the attribute is set to the value.\n * If the value is empty, the attribute is removed.\n * @param element The element to set the attribute on.\n * @param attribute The attribute to set on the element.\n * @param value The value to set on the attribute.\n */\nfunction setAttribute(element: HTMLElement, attribute: string, value: string) {\n  if (value && value.length > 0) {\n    element.setAttribute(attribute, value);\n  } else {\n    element.removeAttribute(attribute);\n  }\n}\n\n/**\n * Sets the attribute on the element based on the state. If the state is true, the attribute\n * is set to an empty string. If the state is false, the attribute is removed.\n * @param element The element to set the attribute on.\n * @param state The state to set the attribute based on.\n * @param attribute The attribute to set on the element.\n */\nfunction setStateAttribute(element: HTMLElement, state: boolean | null, attribute: string) {\n  if (state) {\n    element.setAttribute(attribute, '');\n  } else {\n    element.removeAttribute(attribute);\n  }\n}\n","import { Directive, OnDestroy, contentChild, signal } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { onChange } from 'ng-primitives/utils';\nimport { Subscription } from 'rxjs';\nimport { formFieldState, provideFormFieldState } from './form-field-state';\n\n/**\n * The `NgpFormField` directive is a container for form field elements. Any labels, form controls, or descriptions should be placed within this directive.\n */\n@Directive({\n  selector: '[ngpFormField]',\n  exportAs: 'ngpFormField',\n  providers: [provideFormFieldState()],\n  host: {\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\n    '[attr.data-valid]': 'valid() ? \"\" : null',\n    '[attr.data-touched]': 'touched() ? \"\" : null',\n    '[attr.data-pristine]': 'pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'dirty() ? \"\" : null',\n    '[attr.data-pending]': 'pending() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class NgpFormField implements OnDestroy {\n  /**\n   * Store the form label.\n   * @internal\n   */\n  readonly labels = signal<string[]>([]);\n\n  /**\n   * Store the form descriptions.\n   * @internal\n   */\n  readonly descriptions = signal<string[]>([]);\n\n  /**\n   * Store the id of the associated form control.\n   * @internal\n   */\n  readonly formControl = signal<string | null>(null);\n\n  /**\n   * Find any NgControl within the form field.\n   * @internal\n   */\n  private readonly ngControl = contentChild(NgControl);\n\n  /**\n   * Store the validation error messages.\n   * @internal\n   */\n  readonly errors = signal<string[]>([]);\n\n  /**\n   * Whether the control is pristine.\n   * @internal\n   */\n  readonly pristine = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is touched.\n   * @internal\n   */\n  readonly touched = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is dirty.\n   * @internal\n   */\n  readonly dirty = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is valid.\n   */\n  readonly valid = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is invalid.\n   * @internal\n   */\n  readonly invalid = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is pending.\n   * @internal\n   */\n  readonly pending = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is disabled.\n   * @internal\n   */\n  readonly disabled = signal<boolean | null>(null);\n\n  /**\n   * Store the current status subscription.\n   */\n  private subscription?: Subscription;\n\n  /**\n   * The form field state.\n   */\n  protected readonly state = formFieldState<NgpFormField>(this);\n\n  constructor() {\n    // any time the ngControl changes, setup the subscriptions.\n    onChange(this.ngControl, this.setupSubscriptions.bind(this));\n  }\n\n  ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n\n  /**\n   * Setup a listener for the form control status.\n   * @param control\n   */\n  private setupSubscriptions(control: NgControl | null | undefined): void {\n    // Unsubscribe from the previous subscriptions.\n    this.subscription?.unsubscribe();\n\n    // set the initial values\n    this.updateStatus();\n\n    const underlyingControl = control?.control;\n\n    // Listen for changes to the underlying control's status.\n    this.subscription = underlyingControl?.events?.subscribe(this.updateStatus.bind(this));\n  }\n\n  private updateStatus(): void {\n    const control = this.ngControl();\n\n    if (!control) {\n      return;\n    }\n\n    this.pristine.set(control.pristine);\n    this.touched.set(control.touched);\n    this.dirty.set(control.dirty);\n    this.valid.set(control.valid);\n    this.invalid.set(control.invalid);\n    this.pending.set(control.pending);\n    this.disabled.set(control.disabled);\n    this.errors.set(control?.errors ? Object.keys(control.errors) : []);\n  }\n\n  /**\n   * Register the id of the associated form control.\n   * @param id\n   * @internal\n   */\n  setFormControl(id: string): void {\n    this.formControl.set(id);\n  }\n\n  /**\n   * Register a label with the form field.\n   * @param label\n   * @internal\n   */\n  addLabel(label: string): void {\n    this.labels.update(labels => [...labels, label]);\n  }\n\n  /**\n   * Register a description with the form field.\n   * @param description\n   * @internal\n   */\n  addDescription(description: string): void {\n    this.descriptions.update(descriptions => [...descriptions, description]);\n  }\n\n  /**\n   * Remove the associated form control.\n   * @internal\n   */\n  removeFormControl(): void {\n    this.formControl.set(null);\n  }\n\n  /**\n   * Remove a label from the form field.\n   * @param label\n   * @internal\n   */\n  removeLabel(label: string): void {\n    this.labels.update(labels => labels.filter(l => l !== label));\n  }\n\n  /**\n   * Remove a description from the form field.\n   * @param description\n   * @internal\n   */\n  removeDescription(description: string): void {\n    this.descriptions.update(descriptions => descriptions.filter(d => d !== description));\n  }\n}\n","import {\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n} from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpLabel` directive is used to mark a label element within a form field. Preferably, there should use an HTML `<label>` element.\n */\n@Directive({\n  selector: '[ngpLabel]',\n  exportAs: 'ngpLabel',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.for]': 'htmlFor()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n  },\n})\nexport class NgpLabel {\n  /**\n   * The id of the label. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-label'));\n  /**\n   * Access the form field that the label is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n  /**\n   * Derive the for attribute value if the label is an HTML label element.\n   */\n  protected readonly htmlFor = computed(() => this.formField()?.formControl());\n  /**\n   * Access the element that the label is associated with.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  /**\n   * Determine if the label is an HTML label element.\n   */\n  protected readonly isLabel = this.elementRef.nativeElement instanceof HTMLLabelElement;\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField()?.addLabel(this.id());\n      onCleanup(() => this.formField()?.removeLabel(this.id()));\n    });\n  }\n\n  @HostListener('click', ['$event'])\n  protected onClick(event: MouseEvent): void {\n    // by default a label will perform a click on the associated form control, however\n    // this only works if the associated form control is an input element which may not always\n    // be the case, so we prevent the default behavior and handle the click event ourselves.\n    // This was inspired by the HeadlessUI approach:\n    // https://github.com/tailwindlabs/headlessui/blob/main/packages/%40headlessui-react/src/components/label/label.tsx#L58\n    if (this.isLabel) {\n      event.preventDefault();\n    }\n\n    // to find the associated form control we can lookup via the known id\n    const targetId = this.htmlFor();\n\n    if (!targetId) {\n      return;\n    }\n\n    const target = document.getElementById(targetId);\n\n    if (!target) {\n      return;\n    }\n\n    // if the target is disabled then do nothing\n    const disabled = target.getAttribute('disabled');\n    const ariaDisabled = target.getAttribute('aria-disabled');\n\n    if (disabled === '' || disabled === 'true' || ariaDisabled === 'true') {\n      return;\n    }\n\n    // radio buttons, checkboxes and switches should all be clicked immediately as they require state changes\n    if (\n      (target instanceof HTMLInputElement &&\n        (target.type === 'radio' || target.type === 'checkbox')) ||\n      target.role === 'radio' ||\n      target.role === 'checkbox' ||\n      target.role === 'switch'\n    ) {\n      target.click();\n    }\n\n    // Move focus to the element, this allows you to start using keyboard shortcuts since the\n    // bound element is now focused.\n    target.focus({ preventScroll: true });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-form-field.mjs","sources":["../../../../packages/ng-primitives/form-field/src/form-field/form-field-state.ts","../../../../packages/ng-primitives/form-field/src/description/description.ts","../../../../packages/ng-primitives/form-field/src/error/error.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control-state.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control.ts","../../../../packages/ng-primitives/form-field/src/form-field/form-field.ts","../../../../packages/ng-primitives/form-field/src/label/label.ts","../../../../packages/ng-primitives/form-field/src/ng-primitives-form-field.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFormField } from './form-field';\n\n/**\n * The state token  for the FormField primitive.\n */\nexport const NgpFormFieldStateToken = createStateToken<NgpFormField>('FormField');\n\n/**\n * Provides the FormField state.\n */\nexport const provideFormFieldState = createStateProvider(NgpFormFieldStateToken);\n\n/**\n * Injects the FormField state.\n */\nexport const injectFormFieldState = createStateInjector<NgpFormField>(NgpFormFieldStateToken);\n\n/**\n * The FormField state registration function.\n */\nexport const formFieldState = createState(NgpFormFieldStateToken);\n","import { Directive, effect, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpDescription` directive is used to mark a description element within a form field. There may be multiple descriptions associated with a form control.\n */\n@Directive({\n  selector: '[ngpDescription]',\n  exportAs: 'ngpDescription',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n  },\n})\nexport class NgpDescription {\n  /**\n   * The id of the description. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-description'));\n  /**\n   * Access the form field that the description is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField()?.addDescription(this.id());\n      onCleanup(() => this.formField()?.removeDescription(this.id()));\n    });\n  }\n}\n","import { Directive, OnChanges, OnDestroy, SimpleChanges, computed, input } from '@angular/core';\nimport { onBooleanChange, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpError` directive is used to mark an error message element within a form field. There may be multiple error messages associated with a form control.\n */\n@Directive({\n  selector: '[ngpError]',\n  exportAs: 'ngpError',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n    '[attr.data-validator]': 'state()',\n  },\n})\nexport class NgpError implements OnChanges, OnDestroy {\n  /**\n   * Access the form field that the description is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n\n  /**\n   * The id of the error message. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-error'));\n\n  /**\n   * The validator associated with the error message.\n   */\n  readonly validator = input<string | null>(null, {\n    alias: 'ngpErrorValidator',\n  });\n\n  /**\n   * Determine if there is an error message.\n   */\n  protected readonly hasError = computed(() => {\n    const errors = this.formField()?.errors() ?? [];\n    const validator = this.validator();\n\n    return validator ? errors?.includes(validator) : errors?.length > 0;\n  });\n\n  /**\n   * Determine whether the validator associated with this error is failing.\n   */\n  protected readonly state = computed(() => (this.hasError() ? 'fail' : 'pass'));\n\n  constructor() {\n    // add or remove the error message when the error state changes\n    onBooleanChange(\n      this.hasError,\n      () => this.formField()?.addDescription(this.id()),\n      () => this.formField()?.removeDescription(this.id()),\n    );\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if ('id' in changes) {\n      this.formField()?.removeDescription(changes['id'].previousValue);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.formField()?.removeDescription(this.id());\n  }\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFormControl } from './form-control';\n\n/**\n * The state token  for the FormControl primitive.\n */\nexport const NgpFormControlStateToken = createStateToken<NgpFormControl>('FormControl');\n\n/**\n * Provides the FormControl state.\n */\nexport const provideFormControlState = createStateProvider(NgpFormControlStateToken);\n\n/**\n * Injects the FormControl state.\n */\nexport const injectFormControlState = createStateInjector<NgpFormControl>(NgpFormControlStateToken);\n\n/**\n * The FormControl state registration function.\n */\nexport const formControlState = createState(NgpFormControlStateToken);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  Directive,\n  input,\n  signal,\n  Signal,\n} from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { controlStatus, NgpControlStatus, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\nimport { formControlState, provideFormControlState } from './form-control-state';\n\n/**\n * Typically this primitive would be not be used directly, but instead a more specific form control primitive would be used (e.g. `ngpInput`). All of our form control primitives use `ngpFormControl` internally so they will have the same accessibility features as described below.\n *\n * The `NgpFormControl` directive is used to mark a form control element within a form field. This element will have an `aria-labelledby` attribute set to the ID of the label element within the form field and an `aria-describedby` attribute set to the ID of the description elements within the form field.\n */\n@Directive({\n  selector: '[ngpFormControl]',\n  exportAs: 'ngpFormControl',\n  providers: [provideFormControlState()],\n  host: {\n    '[attr.disabled]': 'supportsDisabledAttribute && status().disabled ? \"\" : null',\n  },\n})\nexport class NgpFormControl {\n  /**\n   * The id of the form control. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-form-control'));\n\n  /**\n   * Whether the form control is disabled by a parent.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFormControlDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The status of the form control.\n   */\n  readonly status: Signal<NgpControlStatus>;\n\n  /**\n   * The element reference.\n   */\n  private readonly elementRef = injectElementRef();\n\n  /**\n   * Whether the element supports the disabled attribute.\n   */\n  protected readonly supportsDisabledAttribute = 'disabled' in this.elementRef.nativeElement;\n\n  /**\n   * The state of the form control.\n   */\n  private readonly state = formControlState<NgpFormControl>(this);\n\n  constructor() {\n    // Sync the form control state with the control state.\n    this.status = ngpFormControl({ id: this.state.id, disabled: this.state.disabled });\n  }\n}\n\ninterface NgpFormControlProps {\n  id: Signal<string>;\n  disabled?: Signal<boolean>;\n}\n\nexport function ngpFormControl({\n  id,\n  disabled = signal(false),\n}: NgpFormControlProps): Signal<NgpControlStatus> {\n  const element = injectElementRef().nativeElement;\n  // Access the form field that the form control is associated with.\n  const formField = injectFormFieldState({ optional: true });\n  // Access the form control status.\n  const status = controlStatus();\n  // Determine the aria-labelledby attribute value.\n  const ariaLabelledBy = computed(() => formField()?.labels().join(' '));\n  // Determine the aria-describedby attribute value.\n  const ariaDescribedBy = computed(() => formField()?.descriptions().join(' '));\n\n  explicitEffect([id], ([id], onCleanup) => {\n    formField()?.setFormControl(id);\n    onCleanup(() => formField()?.removeFormControl());\n  });\n\n  afterRenderEffect({\n    write: () => {\n      setAttribute(element, 'id', id());\n      setAttribute(element, 'aria-labelledby', ariaLabelledBy());\n      setAttribute(element, 'aria-describedby', ariaDescribedBy());\n\n      setStateAttribute(element, status().invalid, 'data-invalid');\n      setStateAttribute(element, status().valid, 'data-valid');\n      setStateAttribute(element, status().touched, 'data-touched');\n      setStateAttribute(element, status().pristine, 'data-pristine');\n      setStateAttribute(element, status().dirty, 'data-dirty');\n      setStateAttribute(element, status().pending, 'data-pending');\n      setStateAttribute(element, disabled() || status().disabled, 'data-disabled');\n    },\n  });\n\n  return computed(() => ({ ...status(), disabled: status().disabled || disabled() }));\n}\n\n/**\n * Sets the attribute on the element. If the value is not empty, the attribute is set to the value.\n * If the value is empty, the attribute is removed.\n * @param element The element to set the attribute on.\n * @param attribute The attribute to set on the element.\n * @param value The value to set on the attribute.\n */\nfunction setAttribute(element: HTMLElement, attribute: string, value: string) {\n  if (value && value.length > 0) {\n    element.setAttribute(attribute, value);\n  } else {\n    element.removeAttribute(attribute);\n  }\n}\n\n/**\n * Sets the attribute on the element based on the state. If the state is true, the attribute\n * is set to an empty string. If the state is false, the attribute is removed.\n * @param element The element to set the attribute on.\n * @param state The state to set the attribute based on.\n * @param attribute The attribute to set on the element.\n */\nfunction setStateAttribute(element: HTMLElement, state: boolean | null, attribute: string) {\n  if (state) {\n    element.setAttribute(attribute, '');\n  } else {\n    element.removeAttribute(attribute);\n  }\n}\n","import {\n  Directive,\n  Injector,\n  OnDestroy,\n  contentChild,\n  effect,\n  inject,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { onChange } from 'ng-primitives/utils';\nimport { Subscription } from 'rxjs';\nimport { formFieldState, provideFormFieldState } from './form-field-state';\n\n/**\n * The `NgpFormField` directive is a container for form field elements. Any labels, form controls, or descriptions should be placed within this directive.\n */\n@Directive({\n  selector: '[ngpFormField]',\n  exportAs: 'ngpFormField',\n  providers: [provideFormFieldState()],\n  host: {\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\n    '[attr.data-valid]': 'valid() ? \"\" : null',\n    '[attr.data-touched]': 'touched() ? \"\" : null',\n    '[attr.data-pristine]': 'pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'dirty() ? \"\" : null',\n    '[attr.data-pending]': 'pending() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class NgpFormField implements OnDestroy {\n  /**\n   * Store the form label.\n   * @internal\n   */\n  readonly labels = signal<string[]>([]);\n\n  /**\n   * Store the form descriptions.\n   * @internal\n   */\n  readonly descriptions = signal<string[]>([]);\n\n  /**\n   * Store the id of the associated form control.\n   * @internal\n   */\n  readonly formControl = signal<string | null>(null);\n\n  /**\n   * Find any NgControl within the form field.\n   * @internal\n   */\n  private readonly ngControl = contentChild(NgControl);\n\n  /**\n   * Store the validation error messages.\n   * @internal\n   */\n  readonly errors = signal<string[]>([]);\n\n  /**\n   * Whether the control is pristine.\n   * @internal\n   */\n  readonly pristine = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is touched.\n   * @internal\n   */\n  readonly touched = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is dirty.\n   * @internal\n   */\n  readonly dirty = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is valid.\n   */\n  readonly valid = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is invalid.\n   * @internal\n   */\n  readonly invalid = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is pending.\n   * @internal\n   */\n  readonly pending = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is disabled.\n   * @internal\n   */\n  readonly disabled = signal<boolean | null>(null);\n\n  /**\n   * Store the current status subscription.\n   */\n  private subscription?: Subscription;\n\n  /**\n   * Injector for creating effects outside the constructor.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * The form field state.\n   */\n  protected readonly state = formFieldState<NgpFormField>(this);\n\n  constructor() {\n    // any time the ngControl changes, setup the subscriptions.\n    onChange(this.ngControl, this.setupSubscriptions.bind(this));\n  }\n\n  ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n\n  /**\n   * Setup a listener for the form control status.\n   * @param control\n   */\n  private setupSubscriptions(control: NgControl | null | undefined): void {\n    // Unsubscribe from the previous subscriptions.\n    this.subscription?.unsubscribe();\n\n    if (!control) {\n      return;\n    }\n\n    // For signal-forms interop controls, use an effect to reactively track status.\n    // For classic controls, also use an effect but additionally subscribe to events.\n    effect(\n      () => {\n        this.updateStatus();\n      },\n      { injector: this.injector },\n    );\n\n    // Classic controls also have an events observable we can subscribe to.\n    const underlyingControl = control?.control;\n    if (underlyingControl?.events) {\n      this.subscription = underlyingControl.events.subscribe(() => this.updateStatus());\n    }\n  }\n\n  private updateStatus(): void {\n    const control = this.ngControl();\n\n    if (!control) {\n      return;\n    }\n\n    // Wrap in try-catch to handle signal-forms interop controls where\n    // the `field` input may not be available yet (throws NG0950).\n    // Reading the signal still establishes a dependency, so the effect\n    // will re-run when the input becomes available.\n    try {\n      const pristine = control.pristine;\n      const touched = control.touched;\n      const dirty = control.dirty;\n      const valid = control.valid;\n      const invalid = control.invalid;\n      const pending = control.pending;\n      const disabled = control.disabled;\n      const errors = control.errors;\n\n      untracked(() => {\n        this.pristine.set(pristine);\n        this.touched.set(touched);\n        this.dirty.set(dirty);\n        this.valid.set(valid);\n        this.invalid.set(invalid);\n        this.pending.set(pending);\n        this.disabled.set(disabled);\n        this.errors.set(errors ? Object.keys(errors) : []);\n      });\n    } catch {\n      // NG0950: Required input not available yet. The effect will re-run\n      // when the signal input becomes available.\n    }\n  }\n\n  /**\n   * Register the id of the associated form control.\n   * @param id\n   * @internal\n   */\n  setFormControl(id: string): void {\n    this.formControl.set(id);\n  }\n\n  /**\n   * Register a label with the form field.\n   * @param label\n   * @internal\n   */\n  addLabel(label: string): void {\n    this.labels.update(labels => [...labels, label]);\n  }\n\n  /**\n   * Register a description with the form field.\n   * @param description\n   * @internal\n   */\n  addDescription(description: string): void {\n    this.descriptions.update(descriptions => [...descriptions, description]);\n  }\n\n  /**\n   * Remove the associated form control.\n   * @internal\n   */\n  removeFormControl(): void {\n    this.formControl.set(null);\n  }\n\n  /**\n   * Remove a label from the form field.\n   * @param label\n   * @internal\n   */\n  removeLabel(label: string): void {\n    this.labels.update(labels => labels.filter(l => l !== label));\n  }\n\n  /**\n   * Remove a description from the form field.\n   * @param description\n   * @internal\n   */\n  removeDescription(description: string): void {\n    this.descriptions.update(descriptions => descriptions.filter(d => d !== description));\n  }\n}\n","import {\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n} from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpLabel` directive is used to mark a label element within a form field. Preferably, there should use an HTML `<label>` element.\n */\n@Directive({\n  selector: '[ngpLabel]',\n  exportAs: 'ngpLabel',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.for]': 'htmlFor()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n  },\n})\nexport class NgpLabel {\n  /**\n   * The id of the label. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-label'));\n  /**\n   * Access the form field that the label is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n  /**\n   * Derive the for attribute value if the label is an HTML label element.\n   */\n  protected readonly htmlFor = computed(() => this.formField()?.formControl());\n  /**\n   * Access the element that the label is associated with.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  /**\n   * Determine if the label is an HTML label element.\n   */\n  protected readonly isLabel = this.elementRef.nativeElement instanceof HTMLLabelElement;\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField()?.addLabel(this.id());\n      onCleanup(() => this.formField()?.removeLabel(this.id()));\n    });\n  }\n\n  @HostListener('click', ['$event'])\n  protected onClick(event: MouseEvent): void {\n    // by default a label will perform a click on the associated form control, however\n    // this only works if the associated form control is an input element which may not always\n    // be the case, so we prevent the default behavior and handle the click event ourselves.\n    // This was inspired by the HeadlessUI approach:\n    // https://github.com/tailwindlabs/headlessui/blob/main/packages/%40headlessui-react/src/components/label/label.tsx#L58\n    if (this.isLabel) {\n      event.preventDefault();\n    }\n\n    // to find the associated form control we can lookup via the known id\n    const targetId = this.htmlFor();\n\n    if (!targetId) {\n      return;\n    }\n\n    const target = document.getElementById(targetId);\n\n    if (!target) {\n      return;\n    }\n\n    // if the target is disabled then do nothing\n    const disabled = target.getAttribute('disabled');\n    const ariaDisabled = target.getAttribute('aria-disabled');\n\n    if (disabled === '' || disabled === 'true' || ariaDisabled === 'true') {\n      return;\n    }\n\n    // radio buttons, checkboxes and switches should all be clicked immediately as they require state changes\n    if (\n      (target instanceof HTMLInputElement &&\n        (target.type === 'radio' || target.type === 'checkbox')) ||\n      target.role === 'radio' ||\n      target.role === 'checkbox' ||\n      target.role === 'switch'\n    ) {\n      target.click();\n    }\n\n    // Move focus to the element, this allows you to start using keyboard shortcuts since the\n    // bound element is now focused.\n    target.focus({ preventScroll: true });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}