npm - ng-primitives - Versions diffs - 0.120.4 → 0.121.0 - Mend

ng-primitives 0.120.4 → 0.121.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (147) hide show

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

@@ -9,21 +9,21 @@ const [NgpFormFieldStateToken, ngpFormField, injectFormFieldState, provideFormFi
     const element = injectElementRef();
     const injector = inject(Injector);
     // Store the form labels
-    const labels = signal([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    const labels = signal([], ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
     // Store the form descriptions
-    const descriptions = signal([], ...(ngDevMode ? [{ debugName: "descriptions" }] : []));
+    const descriptions = signal([], ...(ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []));
     // Store the id of the associated form control
-    const formControl = signal(null, ...(ngDevMode ? [{ debugName: "formControl" }] : []));
+    const formControl = signal(null, ...(ngDevMode ? [{ debugName: "formControl" }] : /* istanbul ignore next */ []));
     // Store the validation error messages
-    const errors = signal([], ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    const errors = signal([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
     // Form control state signals
-    const pristine = signal(null, ...(ngDevMode ? [{ debugName: "pristine" }] : []));
-    const touched = signal(null, ...(ngDevMode ? [{ debugName: "touched" }] : []));
-    const dirty = signal(null, ...(ngDevMode ? [{ debugName: "dirty" }] : []));
-    const valid = signal(null, ...(ngDevMode ? [{ debugName: "valid" }] : []));
-    const invalid = signal(null, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
-    const pending = signal(null, ...(ngDevMode ? [{ debugName: "pending" }] : []));
-    const disabled = signal(null, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    const pristine = signal(null, ...(ngDevMode ? [{ debugName: "pristine" }] : /* istanbul ignore next */ []));
+    const touched = signal(null, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    const dirty = signal(null, ...(ngDevMode ? [{ debugName: "dirty" }] : /* istanbul ignore next */ []));
+    const valid = signal(null, ...(ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []));
+    const invalid = signal(null, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    const pending = signal(null, ...(ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []));
+    const disabled = signal(null, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     // Store the current status subscription
     let subscription;
     // Host bindings
@@ -170,13 +170,13 @@ class NgpDescription {
         /**
          * The id of the description. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-description'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-description'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         ngpDescription({ id: this.id });
     }
-    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 } }, providers: [provideDescriptionState()], exportAs: ["ngpDescription"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpDescription, isStandalone: true, selector: "[ngpDescription]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDescriptionState()], exportAs: ["ngpDescription"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpDescription]',
@@ -193,9 +193,9 @@ const [NgpErrorStateToken, ngpError, injectErrorState, provideErrorState] = crea
         const errors = formField()?.errors() ?? [];
         const validatorValue = validator();
         return validatorValue ? errors?.includes(validatorValue) : errors?.length > 0;
-    }, ...(ngDevMode ? [{ debugName: "hasError" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
     // Determine whether the validator associated with this error is failing
-    const state = computed(() => (hasError() ? 'fail' : 'pass'), ...(ngDevMode ? [{ debugName: "state" }] : []));
+    const state = computed(() => (hasError() ? 'fail' : 'pass'), ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
     // Host bindings
     attrBinding(element, 'id', id);
     dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));
@@ -251,19 +251,17 @@ class NgpError {
         /**
          * The id of the error message. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-error'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-error'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * The validator associated with the error message.
          */
-        this.validator = input(null, ...(ngDevMode ? [{ debugName: "validator", alias: 'ngpErrorValidator' }] : [{
-                alias: 'ngpErrorValidator',
-            }]));
+        this.validator = input(null, { ...(ngDevMode ? { debugName: "validator" } : /* istanbul ignore next */ {}), alias: 'ngpErrorValidator' });
         ngpError({ id: this.id, validator: this.validator });
     }
-    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 } }, providers: [provideErrorState()], exportAs: ["ngpError"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpError, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", 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 } }, providers: [provideErrorState()], exportAs: ["ngpError"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpError, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpError, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpError]',
@@ -282,12 +280,12 @@ function ngpFormControl({ id, disabled = signal(false), }) {
     const ariaLabelledBy = computed(() => {
         const labels = formField()?.labels() ?? [];
         return labels.length > 0 ? labels.join(' ') : null;
-    }, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
     // Determine the aria-describedby attribute value.
     const ariaDescribedBy = computed(() => {
         const descriptions = formField()?.descriptions() ?? [];
         return descriptions.length > 0 ? descriptions.join(' ') : null;
-    }, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
     const supportsDisabledAttribute = 'disabled' in elementRef.nativeElement;
     // Host bindings
     attrBinding(elementRef, 'disabled', () => (supportsDisabledAttribute && disabled() ? '' : null));
@@ -318,24 +316,21 @@ class NgpFormControl {
         /**
          * The id of the form control. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-form-control'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-form-control'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * Whether the form control is disabled by a parent.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpFormControlDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpFormControlDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpFormControlDisabled',
+            transform: booleanAttribute });
         /**
          * The status of the form control.
          */
         this.status = ngpFormControl({ id: this.id, disabled: this.disabled });
     }
-    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 } }, exportAs: ["ngpFormControl"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpFormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", 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 } }, exportAs: ["ngpFormControl"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFormControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpFormControl, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpFormControl]',
@@ -355,13 +350,13 @@ class NgpFormField {
          * Find any NgControl within the form field.
          * @internal
          */
-        this.ngControl = contentChild(NgControl, ...(ngDevMode ? [{ debugName: "ngControl" }] : []));
+        this.ngControl = contentChild(NgControl, ...(ngDevMode ? [{ debugName: "ngControl" }] : /* istanbul ignore next */ []));
         ngpFormField({ ngControl: this.ngControl });
     }
-    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]", 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: "21.2.14", ngImport: i0, type: NgpFormField, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.14", type: NgpFormField, isStandalone: true, selector: "[ngpFormField]", providers: [provideFormFieldState()], queries: [{ propertyName: "ngControl", first: true, predicate: NgControl, descendants: true, isSignal: true }], exportAs: ["ngpFormField"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFormField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpFormField, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpFormField]',
@@ -374,7 +369,7 @@ const [NgpLabelStateToken, ngpLabel, injectLabelState, provideLabelState] = crea
     const element = injectElementRef();
     const formField = injectFormFieldState({ optional: true });
     // Derive the for attribute value if the label is an HTML label element
-    const htmlFor = computed(() => formField()?.formControl() ?? null, ...(ngDevMode ? [{ debugName: "htmlFor" }] : []));
+    const htmlFor = computed(() => formField()?.formControl() ?? null, ...(ngDevMode ? [{ debugName: "htmlFor" }] : /* istanbul ignore next */ []));
     // Determine if the label is an HTML label element
     const isLabel = element.nativeElement instanceof HTMLLabelElement;
     // Host bindings
@@ -452,13 +447,13 @@ class NgpLabel {
         /**
          * The id of the label. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-label'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-label'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         ngpLabel({ id: this.id });
     }
-    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 } }, providers: [provideLabelState()], exportAs: ["ngpLabel"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpLabel, isStandalone: true, selector: "[ngpLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideLabelState()], exportAs: ["ngpLabel"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpLabel]',

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

	@@ -1 +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-state.ts","../../../../packages/ng-primitives/form-field/src/description/description.ts","../../../../packages/ng-primitives/form-field/src/error/error-state.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-state.ts","../../../../packages/ng-primitives/form-field/src/label/label.ts","../../../../packages/ng-primitives/form-field/src/ng-primitives-form-field.ts"],"sourcesContent":["import { Injector, Signal, effect, inject, signal, untracked } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onChange } from 'ng-primitives/utils';\nimport { Subscription } from 'rxjs';\n\n/*\n The state interface for the FormField primitive.\n /\nexport interface NgpFormFieldState {\n /\n The form labels.\n /\n readonly labels: Signal<string[]>;\n /\n The form descriptions.\n /\n readonly descriptions: Signal<string[]>;\n /\n The id of the associated form control.\n /\n readonly formControl: Signal<string \| null>;\n /\n The validation error messages.\n /\n readonly errors: Signal<string[]>;\n /\n Whether the control is pristine.\n /\n readonly pristine: Signal<boolean \| null>;\n /\n Whether the control is touched.\n /\n readonly touched: Signal<boolean \| null>;\n /\n Whether the control is dirty.\n /\n readonly dirty: Signal<boolean \| null>;\n /\n Whether the control is valid.\n /\n readonly valid: Signal<boolean \| null>;\n /\n Whether the control is invalid.\n /\n readonly invalid: Signal<boolean \| null>;\n /\n Whether the control is pending.\n /\n readonly pending: Signal<boolean \| null>;\n /\n Whether the control is disabled.\n /\n readonly disabled: Signal<boolean \| null>;\n /\n Register the id of the associated form control.\n /\n setFormControl(id: string): void;\n /\n Register a label with the form field.\n /\n addLabel(label: string): void;\n /\n Register a description with the form field.\n /\n addDescription(description: string): void;\n /\n Remove the associated form control.\n /\n removeFormControl(): void;\n /\n Remove a label from the form field.\n /\n removeLabel(label: string): void;\n /\n Remove a description from the form field.\n /\n removeDescription(description: string): void;\n}\n\n/\n The props interface for the FormField primitive.\n /\nexport interface NgpFormFieldProps {\n /\n Find any NgControl within the form field.\n /\n readonly ngControl: Signal<NgControl \| undefined>;\n}\n\nexport const [NgpFormFieldStateToken, ngpFormField, injectFormFieldState, provideFormFieldState] =\n createPrimitive('NgpFormField', ({ ngControl }: NgpFormFieldProps) => {\n const element = injectElementRef();\n const injector = inject(Injector);\n\n // Store the form labels\n const labels = signal<string[]>([]);\n\n // Store the form descriptions\n const descriptions = signal<string[]>([]);\n\n // Store the id of the associated form control\n const formControl = signal<string \| null>(null);\n\n // Store the validation error messages\n const errors = signal<string[]>([]);\n\n // Form control state signals\n const pristine = signal<boolean \| null>(null);\n const touched = signal<boolean \| null>(null);\n const dirty = signal<boolean \| null>(null);\n const valid = signal<boolean \| null>(null);\n const invalid = signal<boolean \| null>(null);\n const pending = signal<boolean \| null>(null);\n const disabled = signal<boolean \| null>(null);\n\n // Store the current status subscription\n let subscription: Subscription \| undefined;\n\n // Host bindings\n dataBinding(element, 'data-invalid', invalid);\n dataBinding(element, 'data-valid', valid);\n dataBinding(element, 'data-touched', touched);\n dataBinding(element, 'data-pristine', pristine);\n dataBinding(element, 'data-dirty', dirty);\n dataBinding(element, 'data-pending', pending);\n dataBinding(element, 'data-disabled', disabled);\n\n function updateStatus(): void {\n const control = 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 controlPristine = control.pristine;\n const controlTouched = control.touched;\n const controlDirty = control.dirty;\n const controlValid = control.valid;\n const controlInvalid = control.invalid;\n const controlPending = control.pending;\n const controlDisabled = control.disabled;\n const controlErrors = control.errors;\n\n untracked(() => {\n pristine.set(controlPristine);\n touched.set(controlTouched);\n dirty.set(controlDirty);\n valid.set(controlValid);\n invalid.set(controlInvalid);\n pending.set(controlPending);\n disabled.set(controlDisabled);\n errors.set(controlErrors ? Object.keys(controlErrors) : []);\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 function setupSubscriptions(control: NgControl \| null \| undefined): void {\n // Unsubscribe from the previous subscriptions.\n 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 updateStatus();\n },\n { 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 subscription = underlyingControl.events.subscribe(() => updateStatus());\n }\n }\n\n // Setup subscriptions when ngControl changes\n onChange(ngControl, setupSubscriptions);\n\n // Cleanup subscription on destroy\n onDestroy(() => subscription?.unsubscribe());\n\n // Methods\n function setFormControl(id: string): void {\n formControl.set(id);\n }\n\n function addLabel(label: string): void {\n if (labels().includes(label)) {\n return;\n }\n\n labels.update(currentLabels => [...currentLabels, label]);\n }\n\n function addDescription(description: string): void {\n if (descriptions().includes(description)) {\n return;\n }\n\n descriptions.update(currentDescriptions => [...currentDescriptions, description]);\n }\n\n function removeFormControl(): void {\n formControl.set(null);\n }\n\n function removeLabel(label: string): void {\n labels.update(currentLabels => currentLabels.filter(l => l !== label));\n }\n\n function removeDescription(description: string): void {\n descriptions.update(currentDescriptions =>\n currentDescriptions.filter(d => d !== description),\n );\n }\n\n return {\n labels,\n descriptions,\n formControl,\n errors,\n pristine,\n touched,\n dirty,\n valid,\n invalid,\n pending,\n disabled,\n setFormControl,\n addLabel,\n addDescription,\n removeFormControl,\n removeLabel,\n removeDescription,\n } satisfies NgpFormFieldState;\n });\n","import { signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onChange, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/\n The state interface for the Description primitive.\n /\nexport interface NgpDescriptionState {\n /\n The id of the description.\n /\n readonly id: Signal<string>;\n}\n\n/\n The props interface for the Description primitive.\n /\nexport interface NgpDescriptionProps {\n /\n The id of the description.\n /\n readonly id: Signal<string>;\n}\n\nexport const [\n NgpDescriptionStateToken,\n ngpDescription,\n injectDescriptionState,\n provideDescriptionState,\n] = createPrimitive(\n 'NgpDescription',\n ({ id = signal(uniqueId('ngp-description')) }: NgpDescriptionProps) => {\n const element = injectElementRef();\n const formField = injectFormFieldState({ optional: true });\n\n // Host bindings\n attrBinding(element, 'id', id);\n dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n\n // Register with form field and cleanup on destroy\n formField()?.addDescription(id());\n onDestroy(() => formField()?.removeDescription(id()));\n\n onChange(id, (newId, oldId) => {\n if (oldId) {\n formField()?.removeDescription(oldId);\n }\n formField()?.addDescription(newId);\n });\n\n return { id } satisfies NgpDescriptionState;\n },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpDescription, provideDescriptionState } from './description-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 providers: [provideDescriptionState()],\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 /\n The description state.\n /\n constructor() {\n ngpDescription({ id: this.id });\n }\n}\n","import { Signal, computed, signal } from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onBooleanChange } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/\n The state interface for the Error primitive.\n /\nexport interface NgpErrorState {\n /\n The id of the error message.\n /\n readonly id: Signal<string>;\n /\n Determine if there is an error message.\n /\n readonly hasError: Signal<boolean>;\n /\n Determine whether the validator associated with this error is failing.\n /\n readonly state: Signal<'fail' \| 'pass'>;\n}\n\n/\n The props interface for the Error primitive.\n /\nexport interface NgpErrorProps {\n /\n The id of the error message.\n /\n readonly id: Signal<string>;\n /\n The validator associated with the error message.\n /\n readonly validator?: Signal<string \| null>;\n}\n\nexport const [NgpErrorStateToken, ngpError, injectErrorState, provideErrorState] = createPrimitive(\n 'NgpError',\n ({ id, validator = signal(null) }: NgpErrorProps) => {\n const element = injectElementRef();\n const formField = injectFormFieldState({ optional: true });\n\n // Determine if there is an error message\n const hasError = computed(() => {\n const errors = formField()?.errors() ?? [];\n const validatorValue = validator();\n\n return validatorValue ? errors?.includes(validatorValue) : errors?.length > 0;\n });\n\n // Determine whether the validator associated with this error is failing\n const state = computed(() => (hasError() ? 'fail' : 'pass'));\n\n // Host bindings\n attrBinding(element, 'id', id);\n dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n dataBinding(element, 'data-validator', state);\n\n let currentId = id();\n\n // Register/unregister with form field based on error state\n function registerError(): void {\n formField()?.addDescription(currentId);\n }\n\n function unregisterError(): void {\n formField()?.removeDescription(currentId);\n }\n\n // Update error registration when hasError changes\n onBooleanChange(hasError, registerError, unregisterError);\n\n function updateIdRegistration(newId: string, oldId?: string): void {\n if (oldId && hasError()) {\n formField()?.removeDescription(oldId);\n }\n currentId = newId;\n if (hasError()) {\n formField()?.addDescription(newId);\n }\n }\n\n // Watch for id changes to update registration\n explicitEffect([id], () => updateIdRegistration(id(), currentId));\n\n // Cleanup on destroy\n onDestroy(() => {\n if (hasError()) {\n formField()?.removeDescription(currentId);\n }\n });\n\n return {\n id,\n hasError,\n state,\n } satisfies NgpErrorState;\n },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpError, provideErrorState } from './error-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 providers: [provideErrorState()],\n})\nexport class NgpError {\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 The error state.\n /\n constructor() {\n ngpError({ id: this.id, validator: this.validator });\n }\n}\n","import { Signal, computed, signal } from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, dataBinding } from 'ng-primitives/state';\nimport { NgpControlStatus, controlStatus } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\ninterface NgpFormControlProps {\n /\n The id of the form control.\n /\n\n readonly id: Signal<string>;\n /\n Whether the form control is disabled by a parent.\n /\n readonly disabled?: Signal<boolean>;\n}\n\nexport function ngpFormControl({\n id,\n disabled = signal(false),\n}: NgpFormControlProps): Signal<NgpControlStatus> {\n const elementRef = injectElementRef();\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(() => {\n const labels = formField()?.labels() ?? [];\n return labels.length > 0 ? labels.join(' ') : null;\n });\n // Determine the aria-describedby attribute value.\n const ariaDescribedBy = computed(() => {\n const descriptions = formField()?.descriptions() ?? [];\n return descriptions.length > 0 ? descriptions.join(' ') : null;\n });\n\n const supportsDisabledAttribute = 'disabled' in elementRef.nativeElement;\n\n // Host bindings\n attrBinding(elementRef, 'disabled', () => (supportsDisabledAttribute && disabled() ? '' : null));\n\n explicitEffect([id], ([id], onCleanup) => {\n formField()?.setFormControl(id);\n onCleanup(() => formField()?.removeFormControl());\n });\n\n attrBinding(elementRef, 'id', id);\n attrBinding(elementRef, 'aria-labelledby', ariaLabelledBy);\n attrBinding(elementRef, 'aria-describedby', ariaDescribedBy);\n dataBinding(elementRef, 'data-invalid', () => status().invalid);\n dataBinding(elementRef, 'data-valid', () => status().valid);\n dataBinding(elementRef, 'data-touched', () => status().touched);\n dataBinding(elementRef, 'data-pristine', () => status().pristine);\n dataBinding(elementRef, 'data-dirty', () => status().dirty);\n dataBinding(elementRef, 'data-pending', () => status().pending);\n dataBinding(elementRef, 'data-disabled', () => disabled() \|\| status().disabled);\n\n return computed(() => ({ ...status(), disabled: status().disabled \|\| disabled() }));\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpFormControl } 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})\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 = ngpFormControl({ id: this.id, disabled: this.disabled });\n}\n","import { Directive, contentChild } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { ngpFormField, 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})\nexport class NgpFormField {\n /\n Find any NgControl within the form field.\n * @internal\n /\n private readonly ngControl = contentChild(NgControl);\n\n /\n The form field state.\n /\n constructor() {\n ngpFormField({ ngControl: this.ngControl });\n }\n}\n","import { Signal, computed } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n attrBinding,\n createPrimitive,\n dataBinding,\n listener,\n onDestroy,\n} from 'ng-primitives/state';\nimport { onChange } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/\n The state interface for the Label primitive.\n /\nexport interface NgpLabelState {\n /\n The id of the label.\n /\n readonly id: Signal<string>;\n /\n The htmlFor attribute value.\n /\n readonly htmlFor: Signal<string \| null>;\n}\n\n/\n The props interface for the Label primitive.\n /\nexport interface NgpLabelProps {\n /\n The id of the label.\n /\n readonly id: Signal<string>;\n}\n\nexport const [NgpLabelStateToken, ngpLabel, injectLabelState, provideLabelState] = createPrimitive(\n 'NgpLabel',\n ({ id }: NgpLabelProps) => {\n const element = injectElementRef();\n const formField = injectFormFieldState({ optional: true });\n\n // Derive the for attribute value if the label is an HTML label element\n const htmlFor = computed(() => formField()?.formControl() ?? null);\n\n // Determine if the label is an HTML label element\n const isLabel = element.nativeElement instanceof HTMLLabelElement;\n\n // Host bindings\n attrBinding(element, 'id', id);\n attrBinding(element, 'for', htmlFor);\n dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n\n function 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 (isLabel) {\n event.preventDefault();\n }\n\n // to find the associated form control we can lookup via the known id\n const targetId = 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 // Event listeners\n listener(element, 'click', onClick);\n\n // Register with form field and cleanup on destroy\n formField()?.addLabel(id());\n onDestroy(() => formField()?.removeLabel(id()));\n\n // any time the id changes we need to update the registration with the form field\n onChange(id, (newId, oldId) => {\n if (oldId) {\n formField()?.removeLabel(oldId);\n }\n formField()?.addLabel(newId);\n });\n\n return {\n id,\n htmlFor,\n } satisfies NgpLabelState;\n },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpLabel, provideLabelState } from './label-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 providers: [provideLabelState()],\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 /\n The label state.\n /\n constructor() {\n ngpLabel({ id: this.id });\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
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-state.ts","../../../../packages/ng-primitives/form-field/src/description/description.ts","../../../../packages/ng-primitives/form-field/src/error/error-state.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-state.ts","../../../../packages/ng-primitives/form-field/src/label/label.ts","../../../../packages/ng-primitives/form-field/src/ng-primitives-form-field.ts"],"sourcesContent":["import { Injector, Signal, effect, inject, signal, untracked } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onChange } from 'ng-primitives/utils';\nimport { Subscription } from 'rxjs';\n\n/*\n The state interface for the FormField primitive.\n /\nexport interface NgpFormFieldState {\n /\n The form labels.\n /\n readonly labels: Signal<string[]>;\n /\n The form descriptions.\n /\n readonly descriptions: Signal<string[]>;\n /\n The id of the associated form control.\n /\n readonly formControl: Signal<string \| null>;\n /\n The validation error messages.\n /\n readonly errors: Signal<string[]>;\n /\n Whether the control is pristine.\n /\n readonly pristine: Signal<boolean \| null>;\n /\n Whether the control is touched.\n /\n readonly touched: Signal<boolean \| null>;\n /\n Whether the control is dirty.\n /\n readonly dirty: Signal<boolean \| null>;\n /\n Whether the control is valid.\n /\n readonly valid: Signal<boolean \| null>;\n /\n Whether the control is invalid.\n /\n readonly invalid: Signal<boolean \| null>;\n /\n Whether the control is pending.\n /\n readonly pending: Signal<boolean \| null>;\n /\n Whether the control is disabled.\n /\n readonly disabled: Signal<boolean \| null>;\n /\n Register the id of the associated form control.\n /\n setFormControl(id: string): void;\n /\n Register a label with the form field.\n /\n addLabel(label: string): void;\n /\n Register a description with the form field.\n /\n addDescription(description: string): void;\n /\n Remove the associated form control.\n /\n removeFormControl(): void;\n /\n Remove a label from the form field.\n /\n removeLabel(label: string): void;\n /\n Remove a description from the form field.\n /\n removeDescription(description: string): void;\n}\n\n/\n The props interface for the FormField primitive.\n /\nexport interface NgpFormFieldProps {\n /\n Find any NgControl within the form field.\n /\n readonly ngControl: Signal<NgControl \| undefined>;\n}\n\nexport const [NgpFormFieldStateToken, ngpFormField, injectFormFieldState, provideFormFieldState] =\n createPrimitive('NgpFormField', ({ ngControl }: NgpFormFieldProps) => {\n const element = injectElementRef();\n const injector = inject(Injector);\n\n // Store the form labels\n const labels = signal<string[]>([]);\n\n // Store the form descriptions\n const descriptions = signal<string[]>([]);\n\n // Store the id of the associated form control\n const formControl = signal<string \| null>(null);\n\n // Store the validation error messages\n const errors = signal<string[]>([]);\n\n // Form control state signals\n const pristine = signal<boolean \| null>(null);\n const touched = signal<boolean \| null>(null);\n const dirty = signal<boolean \| null>(null);\n const valid = signal<boolean \| null>(null);\n const invalid = signal<boolean \| null>(null);\n const pending = signal<boolean \| null>(null);\n const disabled = signal<boolean \| null>(null);\n\n // Store the current status subscription\n let subscription: Subscription \| undefined;\n\n // Host bindings\n dataBinding(element, 'data-invalid', invalid);\n dataBinding(element, 'data-valid', valid);\n dataBinding(element, 'data-touched', touched);\n dataBinding(element, 'data-pristine', pristine);\n dataBinding(element, 'data-dirty', dirty);\n dataBinding(element, 'data-pending', pending);\n dataBinding(element, 'data-disabled', disabled);\n\n function updateStatus(): void {\n const control = 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 controlPristine = control.pristine;\n const controlTouched = control.touched;\n const controlDirty = control.dirty;\n const controlValid = control.valid;\n const controlInvalid = control.invalid;\n const controlPending = control.pending;\n const controlDisabled = control.disabled;\n const controlErrors = control.errors;\n\n untracked(() => {\n pristine.set(controlPristine);\n touched.set(controlTouched);\n dirty.set(controlDirty);\n valid.set(controlValid);\n invalid.set(controlInvalid);\n pending.set(controlPending);\n disabled.set(controlDisabled);\n errors.set(controlErrors ? Object.keys(controlErrors) : []);\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 function setupSubscriptions(control: NgControl \| null \| undefined): void {\n // Unsubscribe from the previous subscriptions.\n 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 updateStatus();\n },\n { 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 subscription = underlyingControl.events.subscribe(() => updateStatus());\n }\n }\n\n // Setup subscriptions when ngControl changes\n onChange(ngControl, setupSubscriptions);\n\n // Cleanup subscription on destroy\n onDestroy(() => subscription?.unsubscribe());\n\n // Methods\n function setFormControl(id: string): void {\n formControl.set(id);\n }\n\n function addLabel(label: string): void {\n if (labels().includes(label)) {\n return;\n }\n\n labels.update(currentLabels => [...currentLabels, label]);\n }\n\n function addDescription(description: string): void {\n if (descriptions().includes(description)) {\n return;\n }\n\n descriptions.update(currentDescriptions => [...currentDescriptions, description]);\n }\n\n function removeFormControl(): void {\n formControl.set(null);\n }\n\n function removeLabel(label: string): void {\n labels.update(currentLabels => currentLabels.filter(l => l !== label));\n }\n\n function removeDescription(description: string): void {\n descriptions.update(currentDescriptions =>\n currentDescriptions.filter(d => d !== description),\n );\n }\n\n return {\n labels,\n descriptions,\n formControl,\n errors,\n pristine,\n touched,\n dirty,\n valid,\n invalid,\n pending,\n disabled,\n setFormControl,\n addLabel,\n addDescription,\n removeFormControl,\n removeLabel,\n removeDescription,\n } satisfies NgpFormFieldState;\n });\n","import { signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onChange, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/\n The state interface for the Description primitive.\n /\nexport interface NgpDescriptionState {\n /\n The id of the description.\n /\n readonly id: Signal<string>;\n}\n\n/\n The props interface for the Description primitive.\n /\nexport interface NgpDescriptionProps {\n /\n The id of the description.\n /\n readonly id: Signal<string>;\n}\n\nexport const [\n NgpDescriptionStateToken,\n ngpDescription,\n injectDescriptionState,\n provideDescriptionState,\n] = createPrimitive(\n 'NgpDescription',\n ({ id = signal(uniqueId('ngp-description')) }: NgpDescriptionProps) => {\n const element = injectElementRef();\n const formField = injectFormFieldState({ optional: true });\n\n // Host bindings\n attrBinding(element, 'id', id);\n dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n\n // Register with form field and cleanup on destroy\n formField()?.addDescription(id());\n onDestroy(() => formField()?.removeDescription(id()));\n\n onChange(id, (newId, oldId) => {\n if (oldId) {\n formField()?.removeDescription(oldId);\n }\n formField()?.addDescription(newId);\n });\n\n return { id } satisfies NgpDescriptionState;\n },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpDescription, provideDescriptionState } from './description-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 providers: [provideDescriptionState()],\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 /\n The description state.\n /\n constructor() {\n ngpDescription({ id: this.id });\n }\n}\n","import { Signal, computed, signal } from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onBooleanChange } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/\n The state interface for the Error primitive.\n /\nexport interface NgpErrorState {\n /\n The id of the error message.\n /\n readonly id: Signal<string>;\n /\n Determine if there is an error message.\n /\n readonly hasError: Signal<boolean>;\n /\n Determine whether the validator associated with this error is failing.\n /\n readonly state: Signal<'fail' \| 'pass'>;\n}\n\n/\n The props interface for the Error primitive.\n /\nexport interface NgpErrorProps {\n /\n The id of the error message.\n /\n readonly id: Signal<string>;\n /\n The validator associated with the error message.\n /\n readonly validator?: Signal<string \| null>;\n}\n\nexport const [NgpErrorStateToken, ngpError, injectErrorState, provideErrorState] = createPrimitive(\n 'NgpError',\n ({ id, validator = signal(null) }: NgpErrorProps) => {\n const element = injectElementRef();\n const formField = injectFormFieldState({ optional: true });\n\n // Determine if there is an error message\n const hasError = computed(() => {\n const errors = formField()?.errors() ?? [];\n const validatorValue = validator();\n\n return validatorValue ? errors?.includes(validatorValue) : errors?.length > 0;\n });\n\n // Determine whether the validator associated with this error is failing\n const state = computed(() => (hasError() ? 'fail' : 'pass'));\n\n // Host bindings\n attrBinding(element, 'id', id);\n dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n dataBinding(element, 'data-validator', state);\n\n let currentId = id();\n\n // Register/unregister with form field based on error state\n function registerError(): void {\n formField()?.addDescription(currentId);\n }\n\n function unregisterError(): void {\n formField()?.removeDescription(currentId);\n }\n\n // Update error registration when hasError changes\n onBooleanChange(hasError, registerError, unregisterError);\n\n function updateIdRegistration(newId: string, oldId?: string): void {\n if (oldId && hasError()) {\n formField()?.removeDescription(oldId);\n }\n currentId = newId;\n if (hasError()) {\n formField()?.addDescription(newId);\n }\n }\n\n // Watch for id changes to update registration\n explicitEffect([id], () => updateIdRegistration(id(), currentId));\n\n // Cleanup on destroy\n onDestroy(() => {\n if (hasError()) {\n formField()?.removeDescription(currentId);\n }\n });\n\n return {\n id,\n hasError,\n state,\n } satisfies NgpErrorState;\n },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpError, provideErrorState } from './error-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 providers: [provideErrorState()],\n})\nexport class NgpError {\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 The error state.\n /\n constructor() {\n ngpError({ id: this.id, validator: this.validator });\n }\n}\n","import { Signal, computed, signal } from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, dataBinding } from 'ng-primitives/state';\nimport { NgpControlStatus, controlStatus } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\ninterface NgpFormControlProps {\n /\n The id of the form control.\n /\n\n readonly id: Signal<string>;\n /\n Whether the form control is disabled by a parent.\n /\n readonly disabled?: Signal<boolean>;\n}\n\nexport function ngpFormControl({\n id,\n disabled = signal(false),\n}: NgpFormControlProps): Signal<NgpControlStatus> {\n const elementRef = injectElementRef();\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(() => {\n const labels = formField()?.labels() ?? [];\n return labels.length > 0 ? labels.join(' ') : null;\n });\n // Determine the aria-describedby attribute value.\n const ariaDescribedBy = computed(() => {\n const descriptions = formField()?.descriptions() ?? [];\n return descriptions.length > 0 ? descriptions.join(' ') : null;\n });\n\n const supportsDisabledAttribute = 'disabled' in elementRef.nativeElement;\n\n // Host bindings\n attrBinding(elementRef, 'disabled', () => (supportsDisabledAttribute && disabled() ? '' : null));\n\n explicitEffect([id], ([id], onCleanup) => {\n formField()?.setFormControl(id);\n onCleanup(() => formField()?.removeFormControl());\n });\n\n attrBinding(elementRef, 'id', id);\n attrBinding(elementRef, 'aria-labelledby', ariaLabelledBy);\n attrBinding(elementRef, 'aria-describedby', ariaDescribedBy);\n dataBinding(elementRef, 'data-invalid', () => status().invalid);\n dataBinding(elementRef, 'data-valid', () => status().valid);\n dataBinding(elementRef, 'data-touched', () => status().touched);\n dataBinding(elementRef, 'data-pristine', () => status().pristine);\n dataBinding(elementRef, 'data-dirty', () => status().dirty);\n dataBinding(elementRef, 'data-pending', () => status().pending);\n dataBinding(elementRef, 'data-disabled', () => disabled() \|\| status().disabled);\n\n return computed(() => ({ ...status(), disabled: status().disabled \|\| disabled() }));\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpFormControl } 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})\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 = ngpFormControl({ id: this.id, disabled: this.disabled });\n}\n","import { Directive, contentChild } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { ngpFormField, 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})\nexport class NgpFormField {\n /\n Find any NgControl within the form field.\n * @internal\n /\n private readonly ngControl = contentChild(NgControl);\n\n /\n The form field state.\n /\n constructor() {\n ngpFormField({ ngControl: this.ngControl });\n }\n}\n","import { Signal, computed } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n attrBinding,\n createPrimitive,\n dataBinding,\n listener,\n onDestroy,\n} from 'ng-primitives/state';\nimport { onChange } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/\n The state interface for the Label primitive.\n /\nexport interface NgpLabelState {\n /\n The id of the label.\n /\n readonly id: Signal<string>;\n /\n The htmlFor attribute value.\n /\n readonly htmlFor: Signal<string \| null>;\n}\n\n/\n The props interface for the Label primitive.\n /\nexport interface NgpLabelProps {\n /\n The id of the label.\n /\n readonly id: Signal<string>;\n}\n\nexport const [NgpLabelStateToken, ngpLabel, injectLabelState, provideLabelState] = createPrimitive(\n 'NgpLabel',\n ({ id }: NgpLabelProps) => {\n const element = injectElementRef();\n const formField = injectFormFieldState({ optional: true });\n\n // Derive the for attribute value if the label is an HTML label element\n const htmlFor = computed(() => formField()?.formControl() ?? null);\n\n // Determine if the label is an HTML label element\n const isLabel = element.nativeElement instanceof HTMLLabelElement;\n\n // Host bindings\n attrBinding(element, 'id', id);\n attrBinding(element, 'for', htmlFor);\n dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n\n function 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 (isLabel) {\n event.preventDefault();\n }\n\n // to find the associated form control we can lookup via the known id\n const targetId = 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 // Event listeners\n listener(element, 'click', onClick);\n\n // Register with form field and cleanup on destroy\n formField()?.addLabel(id());\n onDestroy(() => formField()?.removeLabel(id()));\n\n // any time the id changes we need to update the registration with the form field\n onChange(id, (newId, oldId) => {\n if (oldId) {\n formField()?.removeLabel(oldId);\n }\n formField()?.addLabel(newId);\n });\n\n return {\n id,\n htmlFor,\n } satisfies NgpLabelState;\n },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpLabel, provideLabelState } from './label-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 providers: [provideLabelState()],\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 /\n The label state.\n /\n constructor() {\n ngpLabel({ id: this.id });\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-input-otp.mjs CHANGED Viewed

@@ -168,10 +168,10 @@ class NgpInputOtpInput {
         const end = input.selectionEnd || 0;
         this.state().updateSelection(start, end);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInputOtpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpInputOtpInput, isStandalone: true, selector: "input[ngpInputOtpInput]", host: { attributes: { "autocomplete": "one-time-code" }, listeners: { "input": "onInput($event)", "paste": "onPaste($event)", "focus": "onFocus()", "blur": "onBlur()", "keyup": "onKeyup()", "select": "onSelect()" }, properties: { "attr.inputmode": "state().inputMode()", "attr.maxlength": "state().maxLength()", "attr.pattern": "state().pattern() || null", "attr.disabled": "state().disabled() ? \"\" : null" } }, exportAs: ["ngpInputOtpInput"], hostDirectives: [{ directive: i1.NgpVisuallyHidden }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpInputOtpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpInputOtpInput, isStandalone: true, selector: "input[ngpInputOtpInput]", host: { attributes: { "autocomplete": "one-time-code" }, listeners: { "input": "onInput($event)", "paste": "onPaste($event)", "focus": "onFocus()", "blur": "onBlur()", "keyup": "onKeyup()", "select": "onSelect()" }, properties: { "attr.inputmode": "state().inputMode()", "attr.maxlength": "state().maxLength()", "attr.pattern": "state().pattern() || null", "attr.disabled": "state().disabled() ? \"\" : null" } }, exportAs: ["ngpInputOtpInput"], hostDirectives: [{ directive: i1.NgpVisuallyHidden }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInputOtpInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpInputOtpInput, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ngpInputOtpInput]',
@@ -214,7 +214,7 @@ class NgpInputOtpSlot {
         /**
          * The computed index of this slot based on registration order.
          */
-        this.index = computed(() => this.state().getSlotIndex(this), ...(ngDevMode ? [{ debugName: "index" }] : []));
+        this.index = computed(() => this.state().getSlotIndex(this), ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
         /**
          * The character for this slot from the value string.
          */
@@ -222,7 +222,7 @@ class NgpInputOtpSlot {
             const value = this.state().value();
             const currentIndex = this.index();
             return currentIndex >= 0 && currentIndex < value.length ? value[currentIndex] : null;
-        }, ...(ngDevMode ? [{ debugName: "char" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "char" }] : /* istanbul ignore next */ []));
         /**
          * Whether this slot is focused (active).
          */
@@ -235,7 +235,7 @@ class NgpInputOtpSlot {
             return (isFocused &&
                 (currentIndex === selectionStart ||
                     (value.length === maxLength && currentIndex === maxLength - 1)));
-        }, ...(ngDevMode ? [{ debugName: "focused" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
         /**
          * Whether this slot should show the caret.
          */
@@ -250,18 +250,18 @@ class NgpInputOtpSlot {
                 currentIndex === selectionStart &&
                 selectionStart === selectionEnd &&
                 value.length < maxLength);
-        }, ...(ngDevMode ? [{ debugName: "caret" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "caret" }] : /* istanbul ignore next */ []));
         /**
          * Whether this slot is filled with a character.
          */
-        this.filled = computed(() => this.char() !== null, ...(ngDevMode ? [{ debugName: "filled" }] : []));
+        this.filled = computed(() => this.char() !== null, ...(ngDevMode ? [{ debugName: "filled" }] : /* istanbul ignore next */ []));
         /**
          * Whether to show placeholder for this slot.
          */
         this.showPlaceholder = computed(() => {
             const placeholder = this.state().placeholder();
             return !this.filled() && !!placeholder;
-        }, ...(ngDevMode ? [{ debugName: "showPlaceholder" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "showPlaceholder" }] : /* istanbul ignore next */ []));
         /**
          * The display character for this slot (character or placeholder).
          */
@@ -272,7 +272,7 @@ class NgpInputOtpSlot {
             if (this.showPlaceholder())
                 return this.state().placeholder();
             return '';
-        }, ...(ngDevMode ? [{ debugName: "displayChar" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "displayChar" }] : /* istanbul ignore next */ []));
         this.state().registerSlot(this);
     }
     ngOnDestroy() {
@@ -294,10 +294,10 @@ class NgpInputOtpSlot {
         event.preventDefault();
         event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInputOtpSlot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpInputOtpSlot, isStandalone: true, selector: "[ngpInputOtpSlot]", host: { attributes: { "role": "presentation" }, listeners: { "click": "onClick($event)" }, properties: { "attr.data-slot-index": "index()", "attr.data-active": "focused() ? \"\" : null", "attr.data-filled": "filled() ? \"\" : null", "attr.data-caret": "caret() ? \"\" : null", "attr.data-placeholder": "showPlaceholder() ? \"\" : null", "textContent": "displayChar()" } }, exportAs: ["ngpInputOtpSlot"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpInputOtpSlot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpInputOtpSlot, isStandalone: true, selector: "[ngpInputOtpSlot]", host: { attributes: { "role": "presentation" }, listeners: { "click": "onClick($event)" }, properties: { "attr.data-slot-index": "index()", "attr.data-active": "focused() ? \"\" : null", "attr.data-filled": "filled() ? \"\" : null", "attr.data-caret": "caret() ? \"\" : null", "attr.data-placeholder": "showPlaceholder() ? \"\" : null", "textContent": "displayChar()" } }, exportAs: ["ngpInputOtpSlot"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInputOtpSlot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpInputOtpSlot, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpInputOtpSlot]',
@@ -324,45 +324,32 @@ class NgpInputOtp {
         /**
          * The id of the input-otp.
          */
-        this.id = input(uniqueId('ngp-input-otp'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-input-otp'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * The current value of the OTP.
          */
-        this.value = input('', ...(ngDevMode ? [{ debugName: "value", alias: 'ngpInputOtpValue' }] : [{
-                alias: 'ngpInputOtpValue',
-            }]));
+        this.value = input('', { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'ngpInputOtpValue' });
         /**
          * The regex pattern for allowed characters.
          */
-        this.pattern = input('[0-9]', ...(ngDevMode ? [{ debugName: "pattern", alias: 'ngpInputOtpPattern' }] : [{
-                alias: 'ngpInputOtpPattern',
-            }]));
+        this.pattern = input('[0-9]', { ...(ngDevMode ? { debugName: "pattern" } : /* istanbul ignore next */ {}), alias: 'ngpInputOtpPattern' });
         /**
          * The input mode for the hidden input.
          */
-        this.inputMode = input('text', ...(ngDevMode ? [{ debugName: "inputMode", alias: 'ngpInputOtpInputMode' }] : [{
-                alias: 'ngpInputOtpInputMode',
-            }]));
+        this.inputMode = input('text', { ...(ngDevMode ? { debugName: "inputMode" } : /* istanbul ignore next */ {}), alias: 'ngpInputOtpInputMode' });
         /**
          * Function to transform pasted text.
          */
-        this.pasteTransformer = input(undefined, ...(ngDevMode ? [{ debugName: "pasteTransformer", alias: 'ngpInputOtpPasteTransformer' }] : [{
-                alias: 'ngpInputOtpPasteTransformer',
-            }]));
+        this.pasteTransformer = input(undefined, { ...(ngDevMode ? { debugName: "pasteTransformer" } : /* istanbul ignore next */ {}), alias: 'ngpInputOtpPasteTransformer' });
         /**
          * Whether the input-otp is disabled.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpInputOtpDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpInputOtpDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpInputOtpDisabled',
+            transform: booleanAttribute });
         /**
          * The placeholder character to display when a slot is empty.
          */
-        this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder", alias: 'ngpInputOtpPlaceholder' }] : [{
-                alias: 'ngpInputOtpPlaceholder',
-            }]));
+        this.placeholder = input('', { ...(ngDevMode ? { debugName: "placeholder" } : /* istanbul ignore next */ {}), alias: 'ngpInputOtpPlaceholder' });
         /**
          * Event emitted when the value changes.
          */
@@ -379,31 +366,31 @@ class NgpInputOtp {
          * Store the input element reference.
          * @internal
          */
-        this.inputElement = signal(undefined, ...(ngDevMode ? [{ debugName: "inputElement" }] : []));
+        this.inputElement = signal(undefined, ...(ngDevMode ? [{ debugName: "inputElement" }] : /* istanbul ignore next */ []));
         /**
          * Store registered slots in order.
          * @internal
          */
-        this.slots = signal([], ...(ngDevMode ? [{ debugName: "slots" }] : []));
+        this.slots = signal([], ...(ngDevMode ? [{ debugName: "slots" }] : /* istanbul ignore next */ []));
         /**
          * The number of characters in the OTP, derived from registered slots.
          */
-        this.maxLength = computed(() => this.slots().length, ...(ngDevMode ? [{ debugName: "maxLength" }] : []));
+        this.maxLength = computed(() => this.slots().length, ...(ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []));
         /**
          * The focus state of the input.
          * @internal
          */
-        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : /* istanbul ignore next */ []));
         /**
          * The selection start position.
          * @internal
          */
-        this.selectionStart = signal(0, ...(ngDevMode ? [{ debugName: "selectionStart" }] : []));
+        this.selectionStart = signal(0, ...(ngDevMode ? [{ debugName: "selectionStart" }] : /* istanbul ignore next */ []));
         /**
          * The selection end position.
          * @internal
          */
-        this.selectionEnd = signal(0, ...(ngDevMode ? [{ debugName: "selectionEnd" }] : []));
+        this.selectionEnd = signal(0, ...(ngDevMode ? [{ debugName: "selectionEnd" }] : /* istanbul ignore next */ []));
         /**
          * The state of the input-otp.
          */
@@ -495,10 +482,10 @@ class NgpInputOtp {
         input.focus();
         input.setSelectionRange(position, position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInputOtp, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpInputOtp, isStandalone: true, selector: "[ngpInputOtp]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpInputOtpValue", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "ngpInputOtpPattern", isSignal: true, isRequired: false, transformFunction: null }, inputMode: { classPropertyName: "inputMode", publicName: "ngpInputOtpInputMode", isSignal: true, isRequired: false, transformFunction: null }, pasteTransformer: { classPropertyName: "pasteTransformer", publicName: "ngpInputOtpPasteTransformer", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpInputOtpDisabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "ngpInputOtpPlaceholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpInputOtpValueChange", complete: "ngpInputOtpComplete" }, providers: [provideInputOtpState()], exportAs: ["ngpInputOtp"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpInputOtp, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpInputOtp, isStandalone: true, selector: "[ngpInputOtp]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpInputOtpValue", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "ngpInputOtpPattern", isSignal: true, isRequired: false, transformFunction: null }, inputMode: { classPropertyName: "inputMode", publicName: "ngpInputOtpInputMode", isSignal: true, isRequired: false, transformFunction: null }, pasteTransformer: { classPropertyName: "pasteTransformer", publicName: "ngpInputOtpPasteTransformer", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpInputOtpDisabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "ngpInputOtpPlaceholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpInputOtpValueChange", complete: "ngpInputOtpComplete" }, providers: [provideInputOtpState()], exportAs: ["ngpInputOtp"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInputOtp, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpInputOtp, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpInputOtp]',