ng-primitives 0.34.0 → 0.36.0

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

@@ -1,25 +1,26 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, effect, Directive, computed, signal, contentChild, ElementRef, HostListener } from '@angular/core';
+import { input, effect, Directive, computed, booleanAttribute, signal, contentChild, inject, ElementRef, HostListener } from '@angular/core';
 import { uniqueId, onBooleanChange, onChange } from 'ng-primitives/utils';
-import { injectDisabled } from 'ng-primitives/internal';
+import { createStateToken, createStateProvider, createStateInjector, createState } from 'ng-primitives/state';
+import { syncState } from 'ng-primitives/internal';
 import { NgControl } from '@angular/forms';
 
-const NgpFormFieldToken = new InjectionToken('NgpFormFieldToken');
 /**
- * Inject the FormField directive instance
- * @param primitive
+ * The state token  for the FormField primitive.
  */
-function injectFormField() {
-    return inject(NgpFormFieldToken, { optional: true });
-}
-
-const NgpDescriptionToken = new InjectionToken('NgpDescriptionToken');
+const NgpFormFieldStateToken = createStateToken('FormField');
 /**
- * Inject the Description directive instance
+ * Provides the FormField state.
  */
-function injectDescription() {
-    return inject(NgpDescriptionToken);
-}
+const provideFormFieldState = createStateProvider(NgpFormFieldStateToken);
+/**
+ * Injects the FormField state.
+ */
+const injectFormFieldState = createStateInjector(NgpFormFieldStateToken);
+/**
+ * The FormField state registration function.
+ */
+const formFieldState = createState(NgpFormFieldStateToken);
 
 /**
  * The `NgpDescription` directive is used to mark a description element within a form field. There may be multiple descriptions associated with a form control.
@@ -33,42 +34,33 @@ class NgpDescription {
         /**
          * Access the form field that the description is associated with.
          */
-        this.formField = injectFormField();
+        this.formField = injectFormFieldState({ optional: true });
         effect(onCleanup => {
-            this.formField?.addDescription(this.id());
-            onCleanup(() => this.formField?.removeDescription(this.id()));
+            this.formField()?.addDescription(this.id());
+            onCleanup(() => this.formField()?.removeDescription(this.id()));
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NgpDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", 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" } }, providers: [{ provide: NgpDescriptionToken, useExisting: NgpDescription }], exportAs: ["ngpDescription"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", 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.0.7", ngImport: i0, type: NgpDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDescription]',
                     exportAs: 'ngpDescription',
-                    providers: [{ provide: NgpDescriptionToken, useExisting: NgpDescription }],
                     host: {
                         '[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-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',
                     },
                 }]
         }], ctorParameters: () => [] });
 
-const NgpErrorToken = new InjectionToken('NgpErrorToken');
-/**
- * Inject the Error directive instance
- */
-function injectError() {
-    return inject(NgpErrorToken);
-}
-
 /**
  * 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.
  */
@@ -77,7 +69,7 @@ class NgpError {
         /**
          * Access the form field that the description is associated with.
          */
-        this.formField = injectFormField();
+        this.formField = injectFormFieldState({ optional: true });
         /**
          * The id of the error message. If not provided, a unique id will be generated.
          */
@@ -92,7 +84,7 @@ class NgpError {
          * Determine if there is an error message.
          */
         this.hasError = computed(() => {
-            const errors = this.formField?.errors() ?? [];
+            const errors = this.formField()?.errors() ?? [];
             const validator = this.validator();
             return validator ? errors?.includes(validator) : errors?.length > 0;
         });
@@ -101,45 +93,61 @@ class NgpError {
          */
         this.state = computed(() => (this.hasError() ? 'fail' : 'pass'));
         // add or remove the error message when the error state changes
-        onBooleanChange(this.hasError, () => this.formField?.addDescription(this.id()), () => this.formField?.removeDescription(this.id()));
+        onBooleanChange(this.hasError, () => this.formField()?.addDescription(this.id()), () => this.formField()?.removeDescription(this.id()));
     }
     ngOnChanges(changes) {
         if ('id' in changes) {
-            this.formField?.removeDescription(changes['id'].previousValue);
+            this.formField()?.removeDescription(changes['id'].previousValue);
         }
     }
     ngOnDestroy() {
-        this.formField?.removeDescription(this.id());
+        this.formField()?.removeDescription(this.id());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NgpError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", 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()" } }, providers: [{ provide: NgpErrorToken, useExisting: NgpError }], exportAs: ["ngpError"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", 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.0.7", ngImport: i0, type: NgpError, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpError]',
                     exportAs: 'ngpError',
-                    providers: [{ provide: NgpErrorToken, useExisting: NgpError }],
                     host: {
                         '[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-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()',
                     },
                 }]
         }], ctorParameters: () => [] });
 
-const NgpFormControlToken = new InjectionToken('NgpFormControlToken');
 /**
- * Inject the FormControl directive instance
+ * The state token  for the FormControl primitive.
+ */
+const NgpFormControlStateToken = createStateToken('FormControl');
+/**
+ * Provides the FormControl state.
+ */
+const provideFormControlState = createStateProvider(NgpFormControlStateToken);
+/**
+ * Injects the FormControl state.
+ */
+const injectFormControlState = createStateInjector(NgpFormControlStateToken);
+/**
+ * The FormControl state registration function.
+ */
+const formControlState = createState(NgpFormControlStateToken);
+/**
+ * Sync the form control state with control state.
+ * @param disabled The disabled state of the control.
  */
-function injectFormControl() {
-    return inject(NgpFormControlToken);
+function syncFormControl({ disabled }) {
+    const formControl = injectFormControlState();
+    syncState(disabled, formControl().disabled);
 }
 
 /**
@@ -154,46 +162,53 @@ class NgpFormControl {
          */
         this.id = input(uniqueId('ngp-form-control'));
         /**
-         * Access the form field that the form control is associated with.
+         * Whether the form control is disabled by a parent.
          */
-        this.formField = injectFormField();
+        this.disabled = input(false, {
+            alias: 'ngpFormControlDisabled',
+            transform: booleanAttribute,
+        });
         /**
-         * Whether the form control is disabled by a parent.
+         * Access the form field that the form control is associated with.
          */
-        this.disabled = injectDisabled();
+        this.formField = injectFormFieldState({ optional: true });
         /**
          * Determine the aria-labelledby attribute value.
          */
-        this.ariaLabelledBy = computed(() => this.formField?.labels().join(' '));
+        this.ariaLabelledBy = computed(() => this.formField()?.labels().join(' '));
         /**
          * Determine the aria-describedby attribute value.
          */
-        this.ariaDescribedBy = computed(() => this.formField?.descriptions().join(' '));
+        this.ariaDescribedBy = computed(() => this.formField()?.descriptions().join(' '));
+        /**
+         * The state of the form control.
+         */
+        this.state = formControlState(this);
         effect(onCleanup => {
-            this.formField?.setFormControl(this.id());
-            onCleanup(() => this.formField?.removeFormControl());
+            this.formField()?.setFormControl(this.state.id());
+            onCleanup(() => this.formField()?.removeFormControl());
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NgpFormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", type: NgpFormControl, isStandalone: true, selector: "[ngpFormControl]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-describedby": "ariaDescribedBy()", "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() || disabled() ? \"\" : null" } }, providers: [{ provide: NgpFormControlToken, useExisting: NgpFormControl }], exportAs: ["ngpFormControl"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", 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: { "id": "id()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-describedby": "ariaDescribedBy()", "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() || state.disabled() ? \"\" : null" } }, providers: [provideFormControlState()], exportAs: ["ngpFormControl"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NgpFormControl, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpFormControl]',
                     exportAs: 'ngpFormControl',
-                    providers: [{ provide: NgpFormControlToken, useExisting: NgpFormControl }],
+                    providers: [provideFormControlState()],
                     host: {
                         '[id]': 'id()',
                         '[attr.aria-labelledby]': 'ariaLabelledBy()',
                         '[attr.aria-describedby]': 'ariaDescribedBy()',
-                        '[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() || disabled() ? "" : null',
+                        '[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() || state.disabled() ? "" : null',
                     },
                 }]
         }], ctorParameters: () => [] });
@@ -262,6 +277,10 @@ class NgpFormField {
          * @internal
          */
         this.disabled = signal(null);
+        /**
+         * The form field state.
+         */
+        this.state = formFieldState(this);
         // any time the ngControl changes, setup the subscriptions.
         onChange(this.ngControl, this.setupSubscriptions.bind(this));
     }
@@ -342,14 +361,14 @@ class NgpFormField {
         this.descriptions.update(descriptions => descriptions.filter(d => d !== description));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NgpFormField, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.7", 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: [{ provide: NgpFormFieldToken, useExisting: NgpFormField }], queries: [{ propertyName: "ngControl", first: true, predicate: NgControl, descendants: true, isSignal: true }], exportAs: ["ngpFormField"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.7", 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.0.7", ngImport: i0, type: NgpFormField, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpFormField]',
                     exportAs: 'ngpFormField',
-                    providers: [{ provide: NgpFormFieldToken, useExisting: NgpFormField }],
+                    providers: [provideFormFieldState()],
                     host: {
                         '[attr.data-invalid]': 'invalid() ? "" : null',
                         '[attr.data-valid]': 'valid() ? "" : null',
@@ -362,14 +381,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-const NgpLabelToken = new InjectionToken('NgpLabelToken');
-/**
- * Inject the Label directive instance
- */
-function injectLabel() {
-    return inject(NgpLabelToken);
-}
-
 /**
  * The `NgpLabel` directive is used to mark a label element within a form field. Preferably, there should use an HTML `<label>` element.
  */
@@ -382,11 +393,11 @@ class NgpLabel {
         /**
          * Access the form field that the label is associated with.
          */
-        this.formField = injectFormField();
+        this.formField = injectFormFieldState({ optional: true });
         /**
          * 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());
         /**
          * Access the element that the label is associated with.
          */
@@ -396,8 +407,8 @@ class NgpLabel {
          */
         this.isLabel = this.elementRef.nativeElement instanceof HTMLLabelElement;
         effect(onCleanup => {
-            this.formField?.addLabel(this.id());
-            onCleanup(() => this.formField?.removeLabel(this.id()));
+            this.formField()?.addLabel(this.id());
+            onCleanup(() => this.formField()?.removeLabel(this.id()));
         });
     }
     onClick(event) {
@@ -437,24 +448,23 @@ class NgpLabel {
         target.focus({ preventScroll: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NgpLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", 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" } }, providers: [{ provide: NgpLabelToken, useExisting: NgpLabel }], exportAs: ["ngpLabel"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.7", 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.0.7", ngImport: i0, type: NgpLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpLabel]',
                     exportAs: 'ngpLabel',
-                    providers: [{ provide: NgpLabelToken, useExisting: NgpLabel }],
                     host: {
                         '[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',
+                        '[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',
                     },
                 }]
         }], ctorParameters: () => [], propDecorators: { onClick: [{
@@ -466,5 +476,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgpDescription, NgpDescriptionToken, NgpError, NgpErrorToken, NgpFormControl, NgpFormControlToken, NgpFormField, NgpFormFieldToken, NgpLabel, NgpLabelToken, injectDescription, injectError, injectFormControl, injectFormField, injectLabel };
+export { NgpDescription, NgpError, NgpFormControl, NgpFormField, NgpLabel, injectFormControlState, injectFormFieldState, provideFormControlState, provideFormFieldState, syncFormControl };
 //# 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-token.ts","../../../../packages/ng-primitives/form-field/src/description/description-token.ts","../../../../packages/ng-primitives/form-field/src/description/description.ts","../../../../packages/ng-primitives/form-field/src/error/error-token.ts","../../../../packages/ng-primitives/form-field/src/error/error.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control-token.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-token.ts","../../../../packages/ng-primitives/form-field/src/label/label.ts","../../../../packages/ng-primitives/form-field/src/ng-primitives-form-field.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { NgpFormField } from './form-field';\n\nexport const NgpFormFieldToken = new InjectionToken<NgpFormField>('NgpFormFieldToken');\n\n/**\n * Inject the FormField directive instance\n * @param primitive\n */\nexport function injectFormField(): NgpFormField | null {\n  return inject(NgpFormFieldToken, { optional: true });\n}\n","import { InjectionToken, inject } from '@angular/core';\nimport type { NgpDescription } from './description';\n\nexport const NgpDescriptionToken = new InjectionToken<NgpDescription>('NgpDescriptionToken');\n\n/**\n * Inject the Description directive instance\n */\nexport function injectDescription(): NgpDescription {\n  return inject(NgpDescriptionToken);\n}\n","import { Directive, effect, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectFormField } from '../form-field/form-field-token';\nimport { NgpDescriptionToken } from './description-token';\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  providers: [{ provide: NgpDescriptionToken, useExisting: 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 = injectFormField();\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField?.addDescription(this.id());\n      onCleanup(() => this.formField?.removeDescription(this.id()));\n    });\n  }\n}\n","import { InjectionToken, inject } from '@angular/core';\nimport type { NgpError } from './error';\n\nexport const NgpErrorToken = new InjectionToken<NgpError>('NgpErrorToken');\n\n/**\n * Inject the Error directive instance\n */\nexport function injectError(): NgpError {\n  return inject(NgpErrorToken);\n}\n","import { Directive, OnChanges, OnDestroy, SimpleChanges, computed, input } from '@angular/core';\nimport { onBooleanChange, uniqueId } from 'ng-primitives/utils';\nimport { injectFormField } from '../form-field/form-field-token';\nimport { NgpErrorToken } from './error-token';\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  providers: [{ provide: NgpErrorToken, useExisting: 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 = injectFormField();\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 { InjectionToken, inject } from '@angular/core';\nimport type { NgpFormControl } from './form-control';\n\nexport const NgpFormControlToken = new InjectionToken<NgpFormControl>('NgpFormControlToken');\n\n/**\n * Inject the FormControl directive instance\n */\nexport function injectFormControl(): NgpFormControl {\n  return inject(NgpFormControlToken);\n}\n","import { computed, Directive, effect, input } from '@angular/core';\nimport { injectDisabled } from 'ng-primitives/internal';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectFormField } from '../form-field/form-field-token';\nimport { NgpFormControlToken } from './form-control-token';\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: [{ provide: NgpFormControlToken, useExisting: NgpFormControl }],\n  host: {\n    '[id]': 'id()',\n    '[attr.aria-labelledby]': 'ariaLabelledBy()',\n    '[attr.aria-describedby]': 'ariaDescribedBy()',\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() || 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   * Access the form field that the form control is associated with.\n   */\n  protected readonly formField = injectFormField();\n  /**\n   * Whether the form control is disabled by a parent.\n   */\n  protected readonly disabled = injectDisabled();\n  /**\n   * Determine the aria-labelledby attribute value.\n   */\n  protected readonly ariaLabelledBy = computed(() => this.formField?.labels().join(' '));\n\n  /**\n   * Determine the aria-describedby attribute value.\n   */\n  protected readonly ariaDescribedBy = computed(() => this.formField?.descriptions().join(' '));\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField?.setFormControl(this.id());\n      onCleanup(() => this.formField?.removeFormControl());\n    });\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 { NgpFormFieldToken } from './form-field-token';\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: [{ provide: NgpFormFieldToken, useExisting: NgpFormField }],\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  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    // Listen for changes to the form control.\n    this.subscription = control?.valueChanges?.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 { InjectionToken, inject } from '@angular/core';\nimport type { NgpLabel } from './label';\n\nexport const NgpLabelToken = new InjectionToken<NgpLabel>('NgpLabelToken');\n\n/**\n * Inject the Label directive instance\n */\nexport function injectLabel(): NgpLabel {\n  return inject(NgpLabelToken);\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 { injectFormField } from '../form-field/form-field-token';\nimport { NgpLabelToken } from './label-token';\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  providers: [{ provide: NgpLabelToken, useExisting: 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 = injectFormField();\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":";;;;;;MAGa,iBAAiB,GAAG,IAAI,cAAc,CAAe,mBAAmB;AAErF;;;AAGG;SACa,eAAe,GAAA;IAC7B,OAAO,MAAM,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtD;;MCRa,mBAAmB,GAAG,IAAI,cAAc,CAAiB,qBAAqB;AAE3F;;AAEG;SACa,iBAAiB,GAAA;AAC/B,IAAA,OAAO,MAAM,CAAC,mBAAmB,CAAC;AACpC;;ACLA;;AAEG;MAgBU,cAAc,CAAA;AAUzB,IAAA,WAAA,GAAA;AATA;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAS,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AACxD;;AAEG;QACgB,IAAS,CAAA,SAAA,GAAG,eAAe,EAAE;QAG9C,MAAM,CAAC,SAAS,IAAG;YACjB,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;AACzC,YAAA,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC/D,SAAC,CAAC;;8GAdO,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,EAAA,EAAA,SAAA,EAZd,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAY/D,cAAc,EAAA,UAAA,EAAA,CAAA;kBAf1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAgB,cAAA,EAAE,CAAC;AAC1E,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,mBAAmB,EAAE,gCAAgC;AACrD,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,sBAAsB,EAAE,mCAAmC;AAC3D,wBAAA,mBAAmB,EAAE,gCAAgC;AACrD,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,sBAAsB,EAAE,mCAAmC;AAC5D,qBAAA;AACF,iBAAA;;;MCnBY,aAAa,GAAG,IAAI,cAAc,CAAW,eAAe;AAEzE;;AAEG;SACa,WAAW,GAAA;AACzB,IAAA,OAAO,MAAM,CAAC,aAAa,CAAC;AAC9B;;ACLA;;AAEG;MAiBU,QAAQ,CAAA;AAiCnB,IAAA,WAAA,GAAA;AAhCA;;AAEG;QACgB,IAAS,CAAA,SAAA,GAAG,eAAe,EAAE;AAEhD;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAS,QAAQ,CAAC,WAAW,CAAC,CAAC;AAElD;;AAEG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAgB,IAAI,EAAE;AAC9C,YAAA,KAAK,EAAE,mBAAmB;AAC3B,SAAA,CAAC;AAEF;;AAEG;AACgB,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;YAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE;AAC7C,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAElC,YAAA,OAAO,SAAS,GAAG,MAAM,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,MAAM,GAAG,CAAC;AACrE,SAAC,CAAC;AAEF;;AAEG;QACgB,IAAK,CAAA,KAAA,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;;AAI5E,QAAA,eAAe,CACb,IAAI,CAAC,QAAQ,EACb,MAAM,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,EAC/C,MAAM,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CACnD;;AAGH,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,IAAI,IAAI,OAAO,EAAE;AACnB,YAAA,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC;;;IAIlE,WAAW,GAAA;QACT,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;;8GAjDnC,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,EAAA,EAAA,SAAA,EAbR,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAanD,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAhBpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAU,QAAA,EAAE,CAAC;AAC9D,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,mBAAmB,EAAE,gCAAgC;AACrD,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,sBAAsB,EAAE,mCAAmC;AAC3D,wBAAA,mBAAmB,EAAE,gCAAgC;AACrD,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,sBAAsB,EAAE,mCAAmC;AAC3D,wBAAA,uBAAuB,EAAE,SAAS;AACnC,qBAAA;AACF,iBAAA;;;MCpBY,mBAAmB,GAAG,IAAI,cAAc,CAAiB,qBAAqB;AAE3F;;AAEG;SACa,iBAAiB,GAAA;AAC/B,IAAA,OAAO,MAAM,CAAC,mBAAmB,CAAC;AACpC;;ACJA;;;;AAIG;MAkBU,cAAc,CAAA;AAuBzB,IAAA,WAAA,GAAA;AAtBA;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAS,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AACzD;;AAEG;QACgB,IAAS,CAAA,SAAA,GAAG,eAAe,EAAE;AAChD;;AAEG;QACgB,IAAQ,CAAA,QAAA,GAAG,cAAc,EAAE;AAC9C;;AAEG;AACgB,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEtF;;AAEG;AACgB,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAG3F,MAAM,CAAC,SAAS,IAAG;YACjB,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YACzC,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,iBAAiB,EAAE,CAAC;AACtD,SAAC,CAAC;;8GA3BO,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,sBAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,oBAAA,EAAA,mDAAA,EAAA,EAAA,EAAA,SAAA,EAdd,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAc/D,cAAc,EAAA,UAAA,EAAA,CAAA;kBAjB1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAgB,cAAA,EAAE,CAAC;AAC1E,oBAAA,IAAI,EAAE;AACJ,wBAAA,MAAM,EAAE,MAAM;AACd,wBAAA,wBAAwB,EAAE,kBAAkB;AAC5C,wBAAA,yBAAyB,EAAE,mBAAmB;AAC9C,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,mBAAmB,EAAE,gCAAgC;AACrD,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,sBAAsB,EAAE,mCAAmC;AAC3D,wBAAA,mBAAmB,EAAE,gCAAgC;AACrD,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,sBAAsB,EAAE,iDAAiD;AAC1E,qBAAA;AACF,iBAAA;;;ACrBD;;AAEG;MAeU,YAAY,CAAA;AA6EvB,IAAA,WAAA,GAAA;AA5EA;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAW,EAAE,CAAC;AAEtC;;;AAGG;AACM,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAW,EAAE,CAAC;AAE5C;;;AAGG;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAgB,IAAI,CAAC;AAElD;;;AAGG;AACc,QAAA,IAAA,CAAA,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC;AAEpD;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAW,EAAE,CAAC;AAEtC;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD;;;AAGG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE/C;;;AAGG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C;;;AAGG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE/C;;;AAGG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE/C;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;;AAS9C,QAAA,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAG9D,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE;;AAGlC;;;AAGG;AACK,IAAA,kBAAkB,CAAC,OAAqC,EAAA;;AAE9D,QAAA,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE;;QAGhC,IAAI,CAAC,YAAY,EAAE;;AAGnB,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO,EAAE,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAG5E,YAAY,GAAA;AAClB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE;QAEhC,IAAI,CAAC,OAAO,EAAE;YACZ;;QAGF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;QAC7B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;;AAGrE;;;;AAIG;AACH,IAAA,cAAc,CAAC,EAAU,EAAA;AACvB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;;AAG1B;;;;AAIG;AACH,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;;AAGlD;;;;AAIG;AACH,IAAA,cAAc,CAAC,WAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,YAAY,IAAI,CAAC,GAAG,YAAY,EAAE,WAAW,CAAC,CAAC;;AAG1E;;;AAGG;IACH,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;;AAG5B;;;;AAIG;AACH,IAAA,WAAW,CAAC,KAAa,EAAA;QACvB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC;;AAG/D;;;;AAIG;AACH,IAAA,iBAAiB,CAAC,WAAmB,EAAA;QACnC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,WAAW,CAAC,CAAC;;8GAxK5E,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAXZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,oBAAA,EAAA,0BAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,oBAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,iEAkC5B,SAAS,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAvBxC,YAAY,EAAA,UAAA,EAAA,CAAA;kBAdxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,cAAc;oBACxB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAc,YAAA,EAAE,CAAC;AACtE,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,uBAAuB;AAC9C,wBAAA,mBAAmB,EAAE,qBAAqB;AAC1C,wBAAA,qBAAqB,EAAE,uBAAuB;AAC9C,wBAAA,sBAAsB,EAAE,wBAAwB;AAChD,wBAAA,mBAAmB,EAAE,qBAAqB;AAC1C,wBAAA,qBAAqB,EAAE,uBAAuB;AAC9C,wBAAA,sBAAsB,EAAE,wBAAwB;AACjD,qBAAA;AACF,iBAAA;;;MCnBY,aAAa,GAAG,IAAI,cAAc,CAAW,eAAe;AAEzE;;AAEG;SACa,WAAW,GAAA;AACzB,IAAA,OAAO,MAAM,CAAC,aAAa,CAAC;AAC9B;;ACGA;;AAEG;MAiBU,QAAQ,CAAA;AAsBnB,IAAA,WAAA,GAAA;AArBA;;AAEG;QACM,IAAE,CAAA,EAAA,GAAG,KAAK,CAAS,QAAQ,CAAC,WAAW,CAAC,CAAC;AAClD;;AAEG;QACgB,IAAS,CAAA,SAAA,GAAG,eAAe,EAAE;AAChD;;AAEG;AACgB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,CAAC;AAC1E;;AAEG;AACc,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACzE;;AAEG;QACgB,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,YAAY,gBAAgB;QAGpF,MAAM,CAAC,SAAS,IAAG;YACjB,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;AACnC,YAAA,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AACzD,SAAC,CAAC;;AAIM,IAAA,OAAO,CAAC,KAAiB,EAAA;;;;;;AAMjC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,KAAK,CAAC,cAAc,EAAE;;;AAIxB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE;QAE/B,IAAI,CAAC,QAAQ,EAAE;YACb;;QAGF,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;QAEhD,IAAI,CAAC,MAAM,EAAE;YACX;;;QAIF,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC;QAChD,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC;AAEzD,QAAA,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,MAAM,IAAI,YAAY,KAAK,MAAM,EAAE;YACrE;;;QAIF,IACE,CAAC,MAAM,YAAY,gBAAgB;AACjC,aAAC,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC;YACzD,MAAM,CAAC,IAAI,KAAK,OAAO;YACvB,MAAM,CAAC,IAAI,KAAK,UAAU;AAC1B,YAAA,MAAM,CAAC,IAAI,KAAK,QAAQ,EACxB;YACA,MAAM,CAAC,KAAK,EAAE;;;;QAKhB,MAAM,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;;8GA1E5B,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,oBAAA,EAAA,qCAAA,EAAA,EAAA,EAAA,SAAA,EAbR,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAanD,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAhBpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAU,QAAA,EAAE,CAAC;AAC9D,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,YAAY,EAAE,WAAW;AACzB,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,mBAAmB,EAAE,gCAAgC;AACrD,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,sBAAsB,EAAE,mCAAmC;AAC3D,wBAAA,mBAAmB,EAAE,gCAAgC;AACrD,wBAAA,qBAAqB,EAAE,kCAAkC;AACzD,wBAAA,sBAAsB,EAAE,mCAAmC;AAC5D,qBAAA;AACF,iBAAA;wDA+BW,OAAO,EAAA,CAAA;sBADhB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;AC7DnC;;AAEG;;;;"}
+{"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(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 { Signal } from '@angular/core';\nimport { syncState } from 'ng-primitives/internal';\nimport {\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(NgpFormControlStateToken);\n\n/**\n * The FormControl state registration function.\n */\nexport const formControlState = createState(NgpFormControlStateToken);\n\ninterface SyncFormControl {\n  disabled: Signal<boolean>;\n}\n\n/**\n * Sync the form control state with control state.\n * @param disabled The disabled state of the control.\n */\nexport function syncFormControl({ disabled }: SyncFormControl) {\n  const formControl = injectFormControlState();\n  syncState(disabled, formControl().disabled);\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, effect, input } from '@angular/core';\nimport { 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    '[id]': 'id()',\n    '[attr.aria-labelledby]': 'ariaLabelledBy()',\n    '[attr.aria-describedby]': 'ariaDescribedBy()',\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() || state.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   * Access the form field that the form control is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n  /**\n   * Determine the aria-labelledby attribute value.\n   */\n  protected readonly ariaLabelledBy = computed(() => this.formField()?.labels().join(' '));\n\n  /**\n   * Determine the aria-describedby attribute value.\n   */\n  protected readonly ariaDescribedBy = computed(() => this.formField()?.descriptions().join(' '));\n\n  /**\n   * The state of the form control.\n   */\n  private readonly state = formControlState<NgpFormControl>(this);\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField()?.setFormControl(this.state.id());\n      onCleanup(() => this.formField()?.removeFormControl());\n    });\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    // Listen for changes to the form control.\n    this.subscription = control?.valueChanges?.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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"}