ng-primitives 0.89.0 → 0.91.0

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

@@ -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: "19.2.11", ngImport: i0, type: NgpInputOtpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpInputOtpInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", 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));
+        this.index = computed(() => this.state().getSlotIndex(this), ...(ngDevMode ? [{ debugName: "index" }] : []));
         /**
          * 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" }] : []));
         /**
          * 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" }] : []));
         /**
          * Whether this slot should show the caret.
          */
@@ -250,18 +250,18 @@ class NgpInputOtpSlot {
                 currentIndex === selectionStart &&
                 selectionStart === selectionEnd &&
                 value.length < maxLength);
-        });
+        }, ...(ngDevMode ? [{ debugName: "caret" }] : []));
         /**
          * Whether this slot is filled with a character.
          */
-        this.filled = computed(() => this.char() !== null);
+        this.filled = computed(() => this.char() !== null, ...(ngDevMode ? [{ debugName: "filled" }] : []));
         /**
          * Whether to show placeholder for this slot.
          */
         this.showPlaceholder = computed(() => {
             const placeholder = this.state().placeholder();
             return !this.filled() && !!placeholder;
-        });
+        }, ...(ngDevMode ? [{ debugName: "showPlaceholder" }] : []));
         /**
          * 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" }] : []));
         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: "19.2.11", ngImport: i0, type: NgpInputOtpSlot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpInputOtpSlot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInputOtpSlot, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpInputOtpSlot]',
@@ -324,44 +324,45 @@ class NgpInputOtp {
         /**
          * The id of the input-otp.
          */
-        this.id = input(uniqueId('ngp-input-otp'));
+        this.id = input(uniqueId('ngp-input-otp'), ...(ngDevMode ? [{ debugName: "id" }] : []));
         /**
          * The current value of the OTP.
          */
-        this.value = input('', {
-            alias: 'ngpInputOtpValue',
-        });
+        this.value = input('', ...(ngDevMode ? [{ debugName: "value", alias: 'ngpInputOtpValue' }] : [{
+                alias: 'ngpInputOtpValue',
+            }]));
         /**
          * The regex pattern for allowed characters.
          */
-        this.pattern = input('[0-9]', {
-            alias: 'ngpInputOtpPattern',
-        });
+        this.pattern = input('[0-9]', ...(ngDevMode ? [{ debugName: "pattern", alias: 'ngpInputOtpPattern' }] : [{
+                alias: 'ngpInputOtpPattern',
+            }]));
         /**
          * The input mode for the hidden input.
          */
-        this.inputMode = input('text', {
-            alias: 'ngpInputOtpInputMode',
-        });
+        this.inputMode = input('text', ...(ngDevMode ? [{ debugName: "inputMode", alias: 'ngpInputOtpInputMode' }] : [{
+                alias: 'ngpInputOtpInputMode',
+            }]));
         /**
          * Function to transform pasted text.
          */
-        this.pasteTransformer = input(undefined, {
-            alias: 'ngpInputOtpPasteTransformer',
-        });
+        this.pasteTransformer = input(undefined, ...(ngDevMode ? [{ debugName: "pasteTransformer", alias: 'ngpInputOtpPasteTransformer' }] : [{
+                alias: 'ngpInputOtpPasteTransformer',
+            }]));
         /**
          * Whether the input-otp is disabled.
          */
-        this.disabled = input(false, {
-            alias: 'ngpInputOtpDisabled',
-            transform: booleanAttribute,
-        });
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpInputOtpDisabled',
+                transform: booleanAttribute }] : [{
+                alias: 'ngpInputOtpDisabled',
+                transform: booleanAttribute,
+            }]));
         /**
          * The placeholder character to display when a slot is empty.
          */
-        this.placeholder = input('', {
-            alias: 'ngpInputOtpPlaceholder',
-        });
+        this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder", alias: 'ngpInputOtpPlaceholder' }] : [{
+                alias: 'ngpInputOtpPlaceholder',
+            }]));
         /**
          * Event emitted when the value changes.
          */
@@ -378,31 +379,31 @@ class NgpInputOtp {
          * Store the input element reference.
          * @internal
          */
-        this.inputElement = signal(undefined);
+        this.inputElement = signal(undefined, ...(ngDevMode ? [{ debugName: "inputElement" }] : []));
         /**
          * Store registered slots in order.
          * @internal
          */
-        this.slots = signal([]);
+        this.slots = signal([], ...(ngDevMode ? [{ debugName: "slots" }] : []));
         /**
          * The number of characters in the OTP, derived from registered slots.
          */
-        this.maxLength = computed(() => this.slots().length);
+        this.maxLength = computed(() => this.slots().length, ...(ngDevMode ? [{ debugName: "maxLength" }] : []));
         /**
          * The focus state of the input.
          * @internal
          */
-        this.isFocused = signal(false);
+        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
         /**
          * The selection start position.
          * @internal
          */
-        this.selectionStart = signal(0);
+        this.selectionStart = signal(0, ...(ngDevMode ? [{ debugName: "selectionStart" }] : []));
         /**
          * The selection end position.
          * @internal
          */
-        this.selectionEnd = signal(0);
+        this.selectionEnd = signal(0, ...(ngDevMode ? [{ debugName: "selectionEnd" }] : []));
         /**
          * The state of the input-otp.
          */
@@ -494,17 +495,17 @@ class NgpInputOtp {
         input.focus();
         input.setSelectionRange(position, position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpInputOtp, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpInputOtp, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInputOtp, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpInputOtp]',
                     exportAs: 'ngpInputOtp',
                     providers: [provideInputOtpState()],
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpInputOtpValue", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpInputOtpPattern", required: false }] }], inputMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpInputOtpInputMode", required: false }] }], pasteTransformer: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpInputOtpPasteTransformer", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpInputOtpDisabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpInputOtpPlaceholder", required: false }] }], valueChange: [{ type: i0.Output, args: ["ngpInputOtpValueChange"] }], complete: [{ type: i0.Output, args: ["ngpInputOtpComplete"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-primitives-input-otp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-input-otp.mjs","sources":["../../../../packages/ng-primitives/input-otp/src/input-otp/input-otp-state.ts","../../../../packages/ng-primitives/input-otp/src/input-otp-input/input-otp-input.ts","../../../../packages/ng-primitives/input-otp/src/input-otp-slot/input-otp-slot.ts","../../../../packages/ng-primitives/input-otp/src/input-otp/input-otp.ts","../../../../packages/ng-primitives/input-otp/src/ng-primitives-input-otp.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpInputOtp } from './input-otp';\n\n/**\n * The state token for the InputOtp primitive.\n */\nexport const NgpInputOtpStateToken = createStateToken<NgpInputOtp>('InputOtp');\n\n/**\n * Provides the InputOtp state.\n */\nexport const provideInputOtpState = createStateProvider(NgpInputOtpStateToken);\n\n/**\n * Injects the InputOtp state.\n */\nexport const injectInputOtpState = createStateInjector<NgpInputOtp>(NgpInputOtpStateToken);\n\n/**\n * The InputOtp state registration function.\n */\nexport const inputOtpState = createState(NgpInputOtpStateToken);\n","import { AfterViewInit, Directive, HostListener } from '@angular/core';\nimport { NgpVisuallyHidden } from 'ng-primitives/a11y';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { injectInputOtpState } from '../input-otp/input-otp-state';\n\n@Directive({\n  selector: 'input[ngpInputOtpInput]',\n  exportAs: 'ngpInputOtpInput',\n  hostDirectives: [NgpVisuallyHidden],\n  host: {\n    autocomplete: 'one-time-code',\n    '[attr.inputmode]': 'state().inputMode()',\n    '[attr.maxlength]': 'state().maxLength()',\n    '[attr.pattern]': 'state().pattern() || null',\n    '[attr.disabled]': 'state().disabled() ? \"\" : null',\n  },\n})\nexport class NgpInputOtpInput implements AfterViewInit {\n  /**\n   * Access the element reference.\n   */\n  readonly elementRef = injectElementRef<HTMLInputElement>();\n\n  /**\n   * Access the input-otp state.\n   */\n  protected readonly state = injectInputOtpState();\n\n  constructor() {\n    // Register this input with the parent\n    this.state().registerInput(this);\n  }\n\n  ngAfterViewInit(): void {\n    // Set initial value\n    this.elementRef.nativeElement.value = this.state().value();\n  }\n\n  /**\n   * Focus the input.\n   * @internal\n   */\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n\n  /**\n   * Set selection range.\n   * @param start Start position\n   * @param end End position\n   * @internal\n   */\n  setSelectionRange(start: number, end: number): void {\n    this.elementRef.nativeElement.setSelectionRange(start, end);\n  }\n\n  /**\n   * Handle input events (typing).\n   */\n  @HostListener('input', ['$event'])\n  protected onInput(event: Event): void {\n    if (this.state().disabled()) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    let newValue = input.value;\n\n    // Validate against pattern if provided\n    const pattern = this.state().pattern();\n    if (pattern) {\n      const patternRegex = new RegExp(pattern);\n      const filteredValue = newValue\n        .split('')\n        .filter(char => patternRegex.test(char))\n        .join('');\n\n      if (filteredValue !== newValue) {\n        newValue = filteredValue;\n        input.value = newValue;\n      }\n    }\n\n    // Clamp to maxLength\n    const maxLength = this.state().maxLength();\n    if (newValue.length > maxLength) {\n      newValue = newValue.substring(0, maxLength);\n      input.value = newValue;\n    }\n\n    this.state().updateValue(newValue);\n    this.updateSelection();\n  }\n\n  /**\n   * Handle paste events.\n   */\n  @HostListener('paste', ['$event'])\n  protected onPaste(event: ClipboardEvent): void {\n    if (this.state().disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const clipboardData = event.clipboardData?.getData('text') || '';\n    let pastedText = clipboardData.trim();\n\n    // Apply paste transformer if provided\n    const transformer = this.state().pasteTransformer();\n    if (transformer) {\n      pastedText = transformer(pastedText);\n    }\n\n    // Validate against pattern if provided\n    const pattern = this.state().pattern();\n    if (pattern) {\n      const patternRegex = new RegExp(pattern);\n      pastedText = pastedText\n        .split('')\n        .filter(char => patternRegex.test(char))\n        .join('');\n    }\n\n    // Clamp to maxLength\n    const maxLength = this.state().maxLength();\n    if (pastedText.length > maxLength) {\n      pastedText = pastedText.substring(0, maxLength);\n    }\n\n    // Update the input value and state\n    this.elementRef.nativeElement.value = pastedText;\n    this.state().updateValue(pastedText);\n\n    // Set caret to the end\n    const endPosition = pastedText.length;\n    this.setSelectionRange(endPosition, endPosition);\n    this.updateSelection();\n  }\n\n  /**\n   * Handle focus events.\n   */\n  @HostListener('focus')\n  protected onFocus(): void {\n    this.state().updateFocus(true);\n    this.updateSelection();\n  }\n\n  /**\n   * Handle blur events.\n   */\n  @HostListener('blur')\n  protected onBlur(): void {\n    this.state().updateFocus(false);\n  }\n\n  /**\n   * Handle keyup events to update selection.\n   */\n  @HostListener('keyup')\n  protected onKeyup(): void {\n    this.updateSelection();\n  }\n\n  /**\n   * Handle selection change events.\n   */\n  @HostListener('select')\n  protected onSelect(): void {\n    this.updateSelection();\n  }\n\n  /**\n   * Update the selection state.\n   */\n  private updateSelection(): void {\n    const input = this.elementRef.nativeElement;\n    const maxLength = this.state().maxLength();\n\n    // If input is at max length, set selection to last character\n    if (input.value.length === maxLength) {\n      input.setSelectionRange(input.value.length - 1, input.value.length);\n    }\n\n    // if the input is not at max length, set selection at the end\n    if (input.value.length < maxLength) {\n      input.setSelectionRange(input.value.length, input.value.length);\n    }\n\n    const start = input.selectionStart || 0;\n    const end = input.selectionEnd || 0;\n    this.state().updateSelection(start, end);\n  }\n}\n","import { computed, Directive, OnDestroy } from '@angular/core';\nimport { injectInputOtpState } from '../input-otp/input-otp-state';\n\n@Directive({\n  selector: '[ngpInputOtpSlot]',\n  exportAs: 'ngpInputOtpSlot',\n  host: {\n    role: 'presentation',\n    '[attr.data-slot-index]': 'index()',\n    '[attr.data-active]': 'focused() ? \"\" : null',\n    '[attr.data-filled]': 'filled() ? \"\" : null',\n    '[attr.data-caret]': 'caret() ? \"\" : null',\n    '[attr.data-placeholder]': 'showPlaceholder() ? \"\" : null',\n    '[textContent]': 'displayChar()',\n    '(click)': 'onClick($event)',\n  },\n})\nexport class NgpInputOtpSlot implements OnDestroy {\n  /**\n   * Access the input-otp state.\n   */\n  protected readonly state = injectInputOtpState();\n\n  /**\n   * The computed index of this slot based on registration order.\n   */\n  readonly index = computed(() => this.state().getSlotIndex(this));\n\n  /**\n   * The character for this slot from the value string.\n   */\n  private readonly char = computed(() => {\n    const value = this.state().value();\n    const currentIndex = this.index();\n    return currentIndex >= 0 && currentIndex < value.length ? value[currentIndex] : null;\n  });\n\n  /**\n   * Whether this slot is focused (active).\n   */\n  protected readonly focused = computed(() => {\n    const currentIndex = this.index();\n    const isFocused = this.state().isFocused();\n    const selectionStart = this.state().selectionStart();\n    const value = this.state().value();\n    const maxLength = this.state().maxLength();\n\n    return (\n      isFocused &&\n      (currentIndex === selectionStart ||\n        (value.length === maxLength && currentIndex === maxLength - 1))\n    );\n  });\n\n  /**\n   * Whether this slot should show the caret.\n   */\n  protected readonly caret = computed(() => {\n    const currentIndex = this.index();\n    const isFocused = this.state().isFocused();\n    const selectionStart = this.state().selectionStart();\n    const selectionEnd = this.state().selectionEnd();\n    const value = this.state().value();\n    const maxLength = this.state().maxLength();\n\n    return (\n      isFocused &&\n      currentIndex === selectionStart &&\n      selectionStart === selectionEnd &&\n      value.length < maxLength\n    );\n  });\n\n  /**\n   * Whether this slot is filled with a character.\n   */\n  protected readonly filled = computed(() => this.char() !== null);\n\n  /**\n   * Whether to show placeholder for this slot.\n   */\n  protected readonly showPlaceholder = computed(() => {\n    const placeholder = this.state().placeholder();\n    return !this.filled() && !!placeholder;\n  });\n\n  /**\n   * The display character for this slot (character or placeholder).\n   */\n  protected readonly displayChar = computed(() => {\n    const char = this.char();\n    if (char) return char;\n    if (this.showPlaceholder()) return this.state().placeholder();\n    return '';\n  });\n\n  constructor() {\n    this.state().registerSlot(this);\n  }\n\n  ngOnDestroy(): void {\n    // Unregister this slot when destroyed\n    this.state().unregisterSlot(this);\n  }\n\n  /**\n   * Handle click events on the slot.\n   * @internal\n   */\n  protected onClick(event: Event): void {\n    if (this.state().disabled()) return;\n\n    const currentValue = this.state().value();\n    const maxLength = this.state().maxLength();\n\n    // Focus the first empty slot, or the last slot if all are filled\n    const targetPosition = currentValue.length < maxLength ? currentValue.length : maxLength - 1;\n    this.state().focusAtPosition(targetPosition);\n    event.preventDefault();\n    event.stopPropagation();\n  }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input, output, signal } from '@angular/core';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { uniqueId } from 'ng-primitives/utils';\nimport type { NgpInputOtpInput } from '../input-otp-input/input-otp-input';\nimport type { NgpInputOtpSlot } from '../input-otp-slot/input-otp-slot';\nimport { inputOtpState, provideInputOtpState } from './input-otp-state';\n\nexport type NgpInputOtpInputMode =\n  | 'numeric'\n  | 'text'\n  | 'decimal'\n  | 'tel'\n  | 'search'\n  | 'email'\n  | 'url';\n\n@Directive({\n  selector: '[ngpInputOtp]',\n  exportAs: 'ngpInputOtp',\n  providers: [provideInputOtpState()],\n})\nexport class NgpInputOtp {\n  /**\n   * Access the element reference.\n   */\n  readonly elementRef = injectElementRef<HTMLElement>();\n\n  /**\n   * The id of the input-otp.\n   */\n  readonly id = input(uniqueId('ngp-input-otp'));\n\n  /**\n   * The current value of the OTP.\n   */\n  readonly value = input<string>('', {\n    alias: 'ngpInputOtpValue',\n  });\n\n  /**\n   * The regex pattern for allowed characters.\n   */\n  readonly pattern = input<string>('[0-9]', {\n    alias: 'ngpInputOtpPattern',\n  });\n\n  /**\n   * The input mode for the hidden input.\n   */\n  readonly inputMode = input<NgpInputOtpInputMode>('text', {\n    alias: 'ngpInputOtpInputMode',\n  });\n\n  /**\n   * Function to transform pasted text.\n   */\n  readonly pasteTransformer = input<(text: string) => string>(undefined, {\n    alias: 'ngpInputOtpPasteTransformer',\n  });\n\n  /**\n   * Whether the input-otp is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpInputOtpDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The placeholder character to display when a slot is empty.\n   */\n  readonly placeholder = input<string>('', {\n    alias: 'ngpInputOtpPlaceholder',\n  });\n\n  /**\n   * Event emitted when the value changes.\n   */\n  readonly valueChange = output<string>({\n    alias: 'ngpInputOtpValueChange',\n  });\n\n  /**\n   * Event emitted when the OTP is complete (maxLength characters entered).\n   */\n  readonly complete = output<string>({\n    alias: 'ngpInputOtpComplete',\n  });\n\n  /**\n   * Store the input element reference.\n   * @internal\n   */\n  private readonly inputElement = signal<NgpInputOtpInput | undefined>(undefined);\n\n  /**\n   * Store registered slots in order.\n   * @internal\n   */\n  private readonly slots = signal<NgpInputOtpSlot[]>([]);\n\n  /**\n   * The number of characters in the OTP, derived from registered slots.\n   */\n  readonly maxLength = computed(() => this.slots().length);\n\n  /**\n   * The focus state of the input.\n   * @internal\n   */\n  readonly isFocused = signal(false);\n\n  /**\n   * The selection start position.\n   * @internal\n   */\n  readonly selectionStart = signal(0);\n\n  /**\n   * The selection end position.\n   * @internal\n   */\n  readonly selectionEnd = signal(0);\n\n  /**\n   * The state of the input-otp.\n   */\n  protected readonly state = inputOtpState<NgpInputOtp>(this);\n\n  constructor() {\n    ngpInteractions({\n      hover: true,\n      press: true,\n      focus: true,\n      disabled: this.state.disabled,\n    });\n  }\n\n  /**\n   * Register an input element with the input-otp.\n   * @param input The input element to register.\n   * @internal\n   */\n  registerInput(input: NgpInputOtpInput): void {\n    this.inputElement.set(input);\n  }\n\n  /**\n   * Register a slot with the input-otp.\n   * @param slot The slot to register.\n   * @internal\n   */\n  registerSlot(slot: NgpInputOtpSlot): void {\n    this.slots.update(currentSlots => [...currentSlots, slot]);\n  }\n\n  /**\n   * Unregister a slot from the input-otp.\n   * @param slot The slot to unregister.\n   * @internal\n   */\n  unregisterSlot(slot: NgpInputOtpSlot): void {\n    this.slots.update(currentSlots => currentSlots.filter(s => s !== slot));\n  }\n\n  /**\n   * Get the index of a registered slot.\n   * @param slot The slot to get the index for.\n   * @returns The index of the slot, or -1 if not found.\n   * @internal\n   */\n  getSlotIndex(slot: NgpInputOtpSlot): number {\n    return this.slots().indexOf(slot);\n  }\n\n  /**\n   * Update the value and emit change events.\n   * @param newValue The new value.\n   * @internal\n   */\n  updateValue(newValue: string): void {\n    if (newValue === this.state.value()) {\n      return;\n    }\n\n    this.state.value.set(newValue);\n    this.valueChange.emit(newValue);\n\n    // Emit complete event when the OTP is complete\n    if (newValue.length === this.maxLength()) {\n      this.complete.emit(newValue);\n    }\n  }\n\n  /**\n   * Update focus state.\n   * @param focused Whether the input is focused.\n   * @internal\n   */\n  updateFocus(focused: boolean): void {\n    this.isFocused.set(focused);\n  }\n\n  /**\n   * Update selection state.\n   * @param start Selection start position.\n   * @param end Selection end position.\n   * @internal\n   */\n  updateSelection(start: number, end: number): void {\n    this.selectionStart.set(start);\n    this.selectionEnd.set(end);\n  }\n\n  /**\n   * Focus the input and set caret to the specified position.\n   * @param position The position to set the caret to.\n   * @internal\n   */\n  focusAtPosition(position: number): void {\n    const input = this.inputElement();\n    if (!input) {\n      return;\n    }\n\n    input.focus();\n    input.setSelectionRange(position, position);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-input-otp.mjs","sources":["../../../../packages/ng-primitives/input-otp/src/input-otp/input-otp-state.ts","../../../../packages/ng-primitives/input-otp/src/input-otp-input/input-otp-input.ts","../../../../packages/ng-primitives/input-otp/src/input-otp-slot/input-otp-slot.ts","../../../../packages/ng-primitives/input-otp/src/input-otp/input-otp.ts","../../../../packages/ng-primitives/input-otp/src/ng-primitives-input-otp.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpInputOtp } from './input-otp';\n\n/**\n * The state token for the InputOtp primitive.\n */\nexport const NgpInputOtpStateToken = createStateToken<NgpInputOtp>('InputOtp');\n\n/**\n * Provides the InputOtp state.\n */\nexport const provideInputOtpState = createStateProvider(NgpInputOtpStateToken);\n\n/**\n * Injects the InputOtp state.\n */\nexport const injectInputOtpState = createStateInjector<NgpInputOtp>(NgpInputOtpStateToken);\n\n/**\n * The InputOtp state registration function.\n */\nexport const inputOtpState = createState(NgpInputOtpStateToken);\n","import { AfterViewInit, Directive, HostListener } from '@angular/core';\nimport { NgpVisuallyHidden } from 'ng-primitives/a11y';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { injectInputOtpState } from '../input-otp/input-otp-state';\n\n@Directive({\n  selector: 'input[ngpInputOtpInput]',\n  exportAs: 'ngpInputOtpInput',\n  hostDirectives: [NgpVisuallyHidden],\n  host: {\n    autocomplete: 'one-time-code',\n    '[attr.inputmode]': 'state().inputMode()',\n    '[attr.maxlength]': 'state().maxLength()',\n    '[attr.pattern]': 'state().pattern() || null',\n    '[attr.disabled]': 'state().disabled() ? \"\" : null',\n  },\n})\nexport class NgpInputOtpInput implements AfterViewInit {\n  /**\n   * Access the element reference.\n   */\n  readonly elementRef = injectElementRef<HTMLInputElement>();\n\n  /**\n   * Access the input-otp state.\n   */\n  protected readonly state = injectInputOtpState();\n\n  constructor() {\n    // Register this input with the parent\n    this.state().registerInput(this);\n  }\n\n  ngAfterViewInit(): void {\n    // Set initial value\n    this.elementRef.nativeElement.value = this.state().value();\n  }\n\n  /**\n   * Focus the input.\n   * @internal\n   */\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n\n  /**\n   * Set selection range.\n   * @param start Start position\n   * @param end End position\n   * @internal\n   */\n  setSelectionRange(start: number, end: number): void {\n    this.elementRef.nativeElement.setSelectionRange(start, end);\n  }\n\n  /**\n   * Handle input events (typing).\n   */\n  @HostListener('input', ['$event'])\n  protected onInput(event: Event): void {\n    if (this.state().disabled()) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    let newValue = input.value;\n\n    // Validate against pattern if provided\n    const pattern = this.state().pattern();\n    if (pattern) {\n      const patternRegex = new RegExp(pattern);\n      const filteredValue = newValue\n        .split('')\n        .filter(char => patternRegex.test(char))\n        .join('');\n\n      if (filteredValue !== newValue) {\n        newValue = filteredValue;\n        input.value = newValue;\n      }\n    }\n\n    // Clamp to maxLength\n    const maxLength = this.state().maxLength();\n    if (newValue.length > maxLength) {\n      newValue = newValue.substring(0, maxLength);\n      input.value = newValue;\n    }\n\n    this.state().updateValue(newValue);\n    this.updateSelection();\n  }\n\n  /**\n   * Handle paste events.\n   */\n  @HostListener('paste', ['$event'])\n  protected onPaste(event: ClipboardEvent): void {\n    if (this.state().disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const clipboardData = event.clipboardData?.getData('text') || '';\n    let pastedText = clipboardData.trim();\n\n    // Apply paste transformer if provided\n    const transformer = this.state().pasteTransformer();\n    if (transformer) {\n      pastedText = transformer(pastedText);\n    }\n\n    // Validate against pattern if provided\n    const pattern = this.state().pattern();\n    if (pattern) {\n      const patternRegex = new RegExp(pattern);\n      pastedText = pastedText\n        .split('')\n        .filter(char => patternRegex.test(char))\n        .join('');\n    }\n\n    // Clamp to maxLength\n    const maxLength = this.state().maxLength();\n    if (pastedText.length > maxLength) {\n      pastedText = pastedText.substring(0, maxLength);\n    }\n\n    // Update the input value and state\n    this.elementRef.nativeElement.value = pastedText;\n    this.state().updateValue(pastedText);\n\n    // Set caret to the end\n    const endPosition = pastedText.length;\n    this.setSelectionRange(endPosition, endPosition);\n    this.updateSelection();\n  }\n\n  /**\n   * Handle focus events.\n   */\n  @HostListener('focus')\n  protected onFocus(): void {\n    this.state().updateFocus(true);\n    this.updateSelection();\n  }\n\n  /**\n   * Handle blur events.\n   */\n  @HostListener('blur')\n  protected onBlur(): void {\n    this.state().updateFocus(false);\n  }\n\n  /**\n   * Handle keyup events to update selection.\n   */\n  @HostListener('keyup')\n  protected onKeyup(): void {\n    this.updateSelection();\n  }\n\n  /**\n   * Handle selection change events.\n   */\n  @HostListener('select')\n  protected onSelect(): void {\n    this.updateSelection();\n  }\n\n  /**\n   * Update the selection state.\n   */\n  private updateSelection(): void {\n    const input = this.elementRef.nativeElement;\n    const maxLength = this.state().maxLength();\n\n    // If input is at max length, set selection to last character\n    if (input.value.length === maxLength) {\n      input.setSelectionRange(input.value.length - 1, input.value.length);\n    }\n\n    // if the input is not at max length, set selection at the end\n    if (input.value.length < maxLength) {\n      input.setSelectionRange(input.value.length, input.value.length);\n    }\n\n    const start = input.selectionStart || 0;\n    const end = input.selectionEnd || 0;\n    this.state().updateSelection(start, end);\n  }\n}\n","import { computed, Directive, OnDestroy } from '@angular/core';\nimport { injectInputOtpState } from '../input-otp/input-otp-state';\n\n@Directive({\n  selector: '[ngpInputOtpSlot]',\n  exportAs: 'ngpInputOtpSlot',\n  host: {\n    role: 'presentation',\n    '[attr.data-slot-index]': 'index()',\n    '[attr.data-active]': 'focused() ? \"\" : null',\n    '[attr.data-filled]': 'filled() ? \"\" : null',\n    '[attr.data-caret]': 'caret() ? \"\" : null',\n    '[attr.data-placeholder]': 'showPlaceholder() ? \"\" : null',\n    '[textContent]': 'displayChar()',\n    '(click)': 'onClick($event)',\n  },\n})\nexport class NgpInputOtpSlot implements OnDestroy {\n  /**\n   * Access the input-otp state.\n   */\n  protected readonly state = injectInputOtpState();\n\n  /**\n   * The computed index of this slot based on registration order.\n   */\n  readonly index = computed(() => this.state().getSlotIndex(this));\n\n  /**\n   * The character for this slot from the value string.\n   */\n  private readonly char = computed(() => {\n    const value = this.state().value();\n    const currentIndex = this.index();\n    return currentIndex >= 0 && currentIndex < value.length ? value[currentIndex] : null;\n  });\n\n  /**\n   * Whether this slot is focused (active).\n   */\n  protected readonly focused = computed(() => {\n    const currentIndex = this.index();\n    const isFocused = this.state().isFocused();\n    const selectionStart = this.state().selectionStart();\n    const value = this.state().value();\n    const maxLength = this.state().maxLength();\n\n    return (\n      isFocused &&\n      (currentIndex === selectionStart ||\n        (value.length === maxLength && currentIndex === maxLength - 1))\n    );\n  });\n\n  /**\n   * Whether this slot should show the caret.\n   */\n  protected readonly caret = computed(() => {\n    const currentIndex = this.index();\n    const isFocused = this.state().isFocused();\n    const selectionStart = this.state().selectionStart();\n    const selectionEnd = this.state().selectionEnd();\n    const value = this.state().value();\n    const maxLength = this.state().maxLength();\n\n    return (\n      isFocused &&\n      currentIndex === selectionStart &&\n      selectionStart === selectionEnd &&\n      value.length < maxLength\n    );\n  });\n\n  /**\n   * Whether this slot is filled with a character.\n   */\n  protected readonly filled = computed(() => this.char() !== null);\n\n  /**\n   * Whether to show placeholder for this slot.\n   */\n  protected readonly showPlaceholder = computed(() => {\n    const placeholder = this.state().placeholder();\n    return !this.filled() && !!placeholder;\n  });\n\n  /**\n   * The display character for this slot (character or placeholder).\n   */\n  protected readonly displayChar = computed(() => {\n    const char = this.char();\n    if (char) return char;\n    if (this.showPlaceholder()) return this.state().placeholder();\n    return '';\n  });\n\n  constructor() {\n    this.state().registerSlot(this);\n  }\n\n  ngOnDestroy(): void {\n    // Unregister this slot when destroyed\n    this.state().unregisterSlot(this);\n  }\n\n  /**\n   * Handle click events on the slot.\n   * @internal\n   */\n  protected onClick(event: Event): void {\n    if (this.state().disabled()) return;\n\n    const currentValue = this.state().value();\n    const maxLength = this.state().maxLength();\n\n    // Focus the first empty slot, or the last slot if all are filled\n    const targetPosition = currentValue.length < maxLength ? currentValue.length : maxLength - 1;\n    this.state().focusAtPosition(targetPosition);\n    event.preventDefault();\n    event.stopPropagation();\n  }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input, output, signal } from '@angular/core';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { uniqueId } from 'ng-primitives/utils';\nimport type { NgpInputOtpInput } from '../input-otp-input/input-otp-input';\nimport type { NgpInputOtpSlot } from '../input-otp-slot/input-otp-slot';\nimport { inputOtpState, provideInputOtpState } from './input-otp-state';\n\nexport type NgpInputOtpInputMode =\n  | 'numeric'\n  | 'text'\n  | 'decimal'\n  | 'tel'\n  | 'search'\n  | 'email'\n  | 'url';\n\n@Directive({\n  selector: '[ngpInputOtp]',\n  exportAs: 'ngpInputOtp',\n  providers: [provideInputOtpState()],\n})\nexport class NgpInputOtp {\n  /**\n   * Access the element reference.\n   */\n  readonly elementRef = injectElementRef<HTMLElement>();\n\n  /**\n   * The id of the input-otp.\n   */\n  readonly id = input(uniqueId('ngp-input-otp'));\n\n  /**\n   * The current value of the OTP.\n   */\n  readonly value = input<string>('', {\n    alias: 'ngpInputOtpValue',\n  });\n\n  /**\n   * The regex pattern for allowed characters.\n   */\n  readonly pattern = input<string>('[0-9]', {\n    alias: 'ngpInputOtpPattern',\n  });\n\n  /**\n   * The input mode for the hidden input.\n   */\n  readonly inputMode = input<NgpInputOtpInputMode>('text', {\n    alias: 'ngpInputOtpInputMode',\n  });\n\n  /**\n   * Function to transform pasted text.\n   */\n  readonly pasteTransformer = input<(text: string) => string>(undefined, {\n    alias: 'ngpInputOtpPasteTransformer',\n  });\n\n  /**\n   * Whether the input-otp is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpInputOtpDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The placeholder character to display when a slot is empty.\n   */\n  readonly placeholder = input<string>('', {\n    alias: 'ngpInputOtpPlaceholder',\n  });\n\n  /**\n   * Event emitted when the value changes.\n   */\n  readonly valueChange = output<string>({\n    alias: 'ngpInputOtpValueChange',\n  });\n\n  /**\n   * Event emitted when the OTP is complete (maxLength characters entered).\n   */\n  readonly complete = output<string>({\n    alias: 'ngpInputOtpComplete',\n  });\n\n  /**\n   * Store the input element reference.\n   * @internal\n   */\n  private readonly inputElement = signal<NgpInputOtpInput | undefined>(undefined);\n\n  /**\n   * Store registered slots in order.\n   * @internal\n   */\n  private readonly slots = signal<NgpInputOtpSlot[]>([]);\n\n  /**\n   * The number of characters in the OTP, derived from registered slots.\n   */\n  readonly maxLength = computed(() => this.slots().length);\n\n  /**\n   * The focus state of the input.\n   * @internal\n   */\n  readonly isFocused = signal(false);\n\n  /**\n   * The selection start position.\n   * @internal\n   */\n  readonly selectionStart = signal(0);\n\n  /**\n   * The selection end position.\n   * @internal\n   */\n  readonly selectionEnd = signal(0);\n\n  /**\n   * The state of the input-otp.\n   */\n  protected readonly state = inputOtpState<NgpInputOtp>(this);\n\n  constructor() {\n    ngpInteractions({\n      hover: true,\n      press: true,\n      focus: true,\n      disabled: this.state.disabled,\n    });\n  }\n\n  /**\n   * Register an input element with the input-otp.\n   * @param input The input element to register.\n   * @internal\n   */\n  registerInput(input: NgpInputOtpInput): void {\n    this.inputElement.set(input);\n  }\n\n  /**\n   * Register a slot with the input-otp.\n   * @param slot The slot to register.\n   * @internal\n   */\n  registerSlot(slot: NgpInputOtpSlot): void {\n    this.slots.update(currentSlots => [...currentSlots, slot]);\n  }\n\n  /**\n   * Unregister a slot from the input-otp.\n   * @param slot The slot to unregister.\n   * @internal\n   */\n  unregisterSlot(slot: NgpInputOtpSlot): void {\n    this.slots.update(currentSlots => currentSlots.filter(s => s !== slot));\n  }\n\n  /**\n   * Get the index of a registered slot.\n   * @param slot The slot to get the index for.\n   * @returns The index of the slot, or -1 if not found.\n   * @internal\n   */\n  getSlotIndex(slot: NgpInputOtpSlot): number {\n    return this.slots().indexOf(slot);\n  }\n\n  /**\n   * Update the value and emit change events.\n   * @param newValue The new value.\n   * @internal\n   */\n  updateValue(newValue: string): void {\n    if (newValue === this.state.value()) {\n      return;\n    }\n\n    this.state.value.set(newValue);\n    this.valueChange.emit(newValue);\n\n    // Emit complete event when the OTP is complete\n    if (newValue.length === this.maxLength()) {\n      this.complete.emit(newValue);\n    }\n  }\n\n  /**\n   * Update focus state.\n   * @param focused Whether the input is focused.\n   * @internal\n   */\n  updateFocus(focused: boolean): void {\n    this.isFocused.set(focused);\n  }\n\n  /**\n   * Update selection state.\n   * @param start Selection start position.\n   * @param end Selection end position.\n   * @internal\n   */\n  updateSelection(start: number, end: number): void {\n    this.selectionStart.set(start);\n    this.selectionEnd.set(end);\n  }\n\n  /**\n   * Focus the input and set caret to the specified position.\n   * @param position The position to set the caret to.\n   * @internal\n   */\n  focusAtPosition(position: number): void {\n    const input = this.inputElement();\n    if (!input) {\n      return;\n    }\n\n    input.focus();\n    input.setSelectionRange(position, position);\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.mjs

@@ -1,85 +1,69 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, Directive } from '@angular/core';
-import * as i1 from 'ng-primitives/autofill';
-import { NgpAutofill } from 'ng-primitives/autofill';
-import { setupFormControl } from 'ng-primitives/form-field';
+import { signal, computed, input, booleanAttribute, Directive } from '@angular/core';
+import { uniqueId } from 'ng-primitives/utils';
+import { ngpAutofill } from 'ng-primitives/autofill';
+import { ngpFormControl } from 'ng-primitives/form-field';
 import { ngpInteractions } from 'ng-primitives/interactions';
 import { injectElementRef } from 'ng-primitives/internal';
 import { injectSearchState } from 'ng-primitives/search';
-import { uniqueId } from 'ng-primitives/utils';
-import { createStateToken, createStateProvider, createStateInjector, createState } from 'ng-primitives/state';
+import { createPrimitive, controlled, attrBinding } from 'ng-primitives/state';
 
-/**
- * The state token  for the Input primitive.
- */
-const NgpInputStateToken = createStateToken('Input');
-/**
- * Provides the Input state.
- */
-const provideInputState = createStateProvider(NgpInputStateToken);
-/**
- * Injects the Input state.
- */
-const injectInputState = createStateInjector(NgpInputStateToken);
-/**
- * The Input state registration function.
- */
-const inputState = createState(NgpInputStateToken);
+const [NgpInputStateToken, ngpInput, injectInputState, provideInputState] = createPrimitive('NgpInput', ({ id = signal(uniqueId('ngp-input')), disabled: _disabled = signal(false) }) => {
+    const element = injectElementRef();
+    const searchState = injectSearchState({ optional: true });
+    const disabled = controlled(_disabled);
+    // Setup autofill detection
+    ngpAutofill({});
+    // Setup interactions and form control bindings
+    const status = ngpFormControl({ id, disabled });
+    const isDisabled = computed(() => status().disabled ?? disabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+    ngpInteractions({ hover: true, press: true, focus: true, disabled: isDisabled });
+    // Host bindings
+    attrBinding(element, 'id', id);
+    attrBinding(element, 'disabled', () => (isDisabled() ? '' : null));
+    // Register the input with an enclosing search field if present
+    const search = searchState();
+    if (search) {
+        search.registerInput(element.nativeElement);
+    }
+    return { id, disabled, status };
+});
 
 class NgpInput {
     constructor() {
         /**
          * The id of the input.
          */
-        this.id = input(uniqueId('ngp-input'));
-        /**
-         * The input may be used within a search field, if so we need to register it.
-         */
-        this.searchState = injectSearchState({ optional: true });
-        /**
-         * Access the element reference.
-         */
-        this.elementRef = injectElementRef();
+        this.id = input(uniqueId('ngp-input'), ...(ngDevMode ? [{ debugName: "id" }] : []));
         /**
          * Whether the element is disabled.
          */
-        this.disabled = input(false, {
-            transform: booleanAttribute,
-        });
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+                transform: booleanAttribute,
+            }]));
         /**
          * The input state.
          */
-        this.state = inputState(this);
-        ngpInteractions({
-            hover: true,
-            press: true,
-            focus: true,
-            disabled: this.state.disabled,
+        this.state = ngpInput({
+            id: this.id,
+            disabled: this.disabled,
         });
-        // Set up the form control with the id and disabled state.
-        this.status = setupFormControl({ id: this.state.id, disabled: this.state.disabled });
-        this.searchState()?.registerInput(this.elementRef.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", type: NgpInput, isStandalone: true, selector: "input[ngpInput]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.disabled": "status().disabled ? \"\" : null" } }, providers: [provideInputState()], exportAs: ["ngpInput"], hostDirectives: [{ directive: i1.NgpAutofill }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpInput, isStandalone: true, selector: "input[ngpInput]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideInputState({ inherit: false })], exportAs: ["ngpInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpInput, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ngpInput]',
                     exportAs: 'ngpInput',
-                    providers: [provideInputState()],
-                    hostDirectives: [NgpAutofill],
-                    host: {
-                        '[attr.id]': 'id()',
-                        '[attr.disabled]': 'status().disabled ? "" : null',
-                    },
+                    providers: [provideInputState({ inherit: false })],
                 }]
-        }], ctorParameters: () => [] });
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgpInput, injectInputState, provideInputState };
+export { NgpInput, injectInputState, ngpInput, provideInputState };
 //# sourceMappingURL=ng-primitives-input.mjs.map

package/fesm2022/ng-primitives-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-input.mjs","sources":["../../../../packages/ng-primitives/input/src/input/input-state.ts","../../../../packages/ng-primitives/input/src/input/input.ts","../../../../packages/ng-primitives/input/src/ng-primitives-input.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpInput } from './input';\n\n/**\n * The state token  for the Input primitive.\n */\nexport const NgpInputStateToken = createStateToken<NgpInput>('Input');\n\n/**\n * Provides the Input state.\n */\nexport const provideInputState = createStateProvider(NgpInputStateToken);\n\n/**\n * Injects the Input state.\n */\nexport const injectInputState = createStateInjector<NgpInput>(NgpInputStateToken);\n\n/**\n * The Input state registration function.\n */\nexport const inputState = createState(NgpInputStateToken);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, Signal } from '@angular/core';\nimport { NgpAutofill } from 'ng-primitives/autofill';\nimport { setupFormControl } from 'ng-primitives/form-field';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { injectSearchState } from 'ng-primitives/search';\nimport { NgpControlStatus, uniqueId } from 'ng-primitives/utils';\nimport { inputState, provideInputState } from './input-state';\n\n@Directive({\n  selector: 'input[ngpInput]',\n  exportAs: 'ngpInput',\n  providers: [provideInputState()],\n  hostDirectives: [NgpAutofill],\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.disabled]': 'status().disabled ? \"\" : null',\n  },\n})\nexport class NgpInput {\n  /**\n   * The id of the input.\n   */\n  readonly id = input(uniqueId('ngp-input'));\n\n  /**\n   * The input may be used within a search field, if so we need to register it.\n   */\n  private readonly searchState = injectSearchState({ optional: true });\n\n  /**\n   * Access the element reference.\n   */\n  private readonly elementRef = injectElementRef<HTMLInputElement>();\n\n  /**\n   * Whether the element is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The form control status.\n   */\n  protected readonly status: Signal<NgpControlStatus>;\n\n  /**\n   * The input state.\n   */\n  protected readonly state = inputState<NgpInput>(this);\n\n  constructor() {\n    ngpInteractions({\n      hover: true,\n      press: true,\n      focus: true,\n      disabled: this.state.disabled,\n    });\n\n    // Set up the form control with the id and disabled state.\n    this.status = setupFormControl({ id: this.state.id, disabled: this.state.disabled });\n\n    this.searchState()?.registerInput(this.elementRef.nativeElement);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-input.mjs","sources":["../../../../packages/ng-primitives/input/src/input/input-state.ts","../../../../packages/ng-primitives/input/src/input/input.ts","../../../../packages/ng-primitives/input/src/ng-primitives-input.ts"],"sourcesContent":["import { computed, Signal, signal, WritableSignal } from '@angular/core';\nimport { ngpAutofill } from 'ng-primitives/autofill';\nimport { ngpFormControl } from 'ng-primitives/form-field';\nimport { ngpInteractions } from 'ng-primitives/interactions';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { injectSearchState } from 'ng-primitives/search';\nimport { attrBinding, controlled, createPrimitive } from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\n\n/**\n * Public state surface for the Input primitive.\n */\nexport interface NgpInputState {\n  /**\n   * The id of the input.\n   */\n  readonly id: Signal<string>;\n  /**\n   * Whether the input is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n}\n\n/**\n * Inputs for configuring the Input primitive.\n */\nexport interface NgpInputProps {\n  /**\n   * The id of the input.\n   */\n  readonly id?: Signal<string>;\n  /**\n   * Whether the input is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n}\n\nexport const [NgpInputStateToken, ngpInput, injectInputState, provideInputState] = createPrimitive(\n  'NgpInput',\n  ({ id = signal(uniqueId('ngp-input')), disabled: _disabled = signal(false) }: NgpInputProps) => {\n    const element = injectElementRef<HTMLInputElement>();\n    const searchState = injectSearchState({ optional: true });\n    const disabled = controlled(_disabled);\n\n    // Setup autofill detection\n    ngpAutofill({});\n\n    // Setup interactions and form control bindings\n    const status = ngpFormControl({ id, disabled });\n    const isDisabled = computed(() => status().disabled ?? disabled());\n\n    ngpInteractions({ hover: true, press: true, focus: true, disabled: isDisabled });\n\n    // Host bindings\n    attrBinding(element, 'id', id);\n    attrBinding(element, 'disabled', () => (isDisabled() ? '' : null));\n\n    // Register the input with an enclosing search field if present\n    const search = searchState();\n\n    if (search) {\n      search.registerInput(element.nativeElement);\n    }\n\n    return { id, disabled, status };\n  },\n);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpInput, provideInputState } from './input-state';\n\n@Directive({\n  selector: 'input[ngpInput]',\n  exportAs: 'ngpInput',\n  providers: [provideInputState({ inherit: false })],\n})\nexport class NgpInput {\n  /**\n   * The id of the input.\n   */\n  readonly id = input(uniqueId('ngp-input'));\n\n  /**\n   * Whether the element is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The input state.\n   */\n  protected readonly state = ngpInput({\n    id: this.id,\n    disabled: this.disabled,\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}