ng-primitives 0.120.4 → 0.121.0

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":";;;;;;;;;AAQA;;AAEG;AACI,MAAM,qBAAqB,GAAG,gBAAgB,CAAc,UAAU,CAAC;AAE9E;;AAEG;MACU,oBAAoB,GAAG,mBAAmB,CAAC,qBAAqB;AAE7E;;AAEG;MACU,mBAAmB,GAAG,mBAAmB,CAAc,qBAAqB;AAEzF;;AAEG;AACI,MAAM,aAAa,GAAG,WAAW,CAAC,qBAAqB,CAAC;;MCTlD,gBAAgB,CAAA;AAW3B,IAAA,WAAA,GAAA;AAVA;;AAEG;QACM,IAAA,CAAA,UAAU,GAAG,gBAAgB,EAAoB;AAE1D;;AAEG;QACgB,IAAA,CAAA,KAAK,GAAG,mBAAmB,EAAE;;QAI9C,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC;IAClC;IAEA,eAAe,GAAA;;AAEb,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE;IAC5D;AAEA;;;AAGG;IACH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE;IACvC;AAEA;;;;;AAKG;IACH,iBAAiB,CAAC,KAAa,EAAE,GAAW,EAAA;QAC1C,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;IAC7D;AAEA;;AAEG;AAEO,IAAA,OAAO,CAAC,KAAY,EAAA;QAC5B,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE;YAC3B;QACF;AAEA,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,QAAQ,GAAG,KAAK,CAAC,KAAK;;QAG1B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE;QACtC,IAAI,OAAO,EAAE;AACX,YAAA,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,OAAO,CAAC;YACxC,MAAM,aAAa,GAAG;iBACnB,KAAK,CAAC,EAAE;iBACR,MAAM,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;iBACtC,IAAI,CAAC,EAAE,CAAC;AAEX,YAAA,IAAI,aAAa,KAAK,QAAQ,EAAE;gBAC9B,QAAQ,GAAG,aAAa;AACxB,gBAAA,KAAK,CAAC,KAAK,GAAG,QAAQ;YACxB;QACF;;QAGA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE;AAC1C,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,SAAS,EAAE;YAC/B,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC;AAC3C,YAAA,KAAK,CAAC,KAAK,GAAG,QAAQ;QACxB;QAEA,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC;QAClC,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA;;AAEG;AAEO,IAAA,OAAO,CAAC,KAAqB,EAAA;QACrC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE;YAC3B;QACF;QAEA,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE;AAChE,QAAA,IAAI,UAAU,GAAG,aAAa,CAAC,IAAI,EAAE;;QAGrC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,gBAAgB,EAAE;QACnD,IAAI,WAAW,EAAE;AACf,YAAA,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;QACtC;;QAGA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE;QACtC,IAAI,OAAO,EAAE;AACX,YAAA,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,OAAO,CAAC;AACxC,YAAA,UAAU,GAAG;iBACV,KAAK,CAAC,EAAE;iBACR,MAAM,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;iBACtC,IAAI,CAAC,EAAE,CAAC;QACb;;QAGA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE;AAC1C,QAAA,IAAI,UAAU,CAAC,MAAM,GAAG,SAAS,EAAE;YACjC,UAAU,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC;QACjD;;QAGA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,UAAU;QAChD,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC;;AAGpC,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM;AACrC,QAAA,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,WAAW,CAAC;QAChD,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA;;AAEG;IAEO,OAAO,GAAA;QACf,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;QAC9B,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA;;AAEG;IAEO,MAAM,GAAA;QACd,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;IACjC;AAEA;;AAEG;IAEO,OAAO,GAAA;QACf,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA;;AAEG;IAEO,QAAQ,GAAA;QAChB,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA;;AAEG;IACK,eAAe,GAAA;AACrB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;QAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE;;QAG1C,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE;AACpC,YAAA,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QACrE;;QAGA,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,EAAE;AAClC,YAAA,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QACjE;AAEA,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,IAAI,CAAC;AACvC,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC;QACnC,IAAI,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC;IAC1C;+GAhLW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,WAAA,EAAA,QAAA,EAAA,YAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,kCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,cAAc,EAAE,CAAC,iBAAiB,CAAC;AACnC,oBAAA,IAAI,EAAE;AACJ,wBAAA,YAAY,EAAE,eAAe;AAC7B,wBAAA,kBAAkB,EAAE,qBAAqB;AACzC,wBAAA,kBAAkB,EAAE,qBAAqB;AACzC,wBAAA,gBAAgB,EAAE,2BAA2B;AAC7C,wBAAA,iBAAiB,EAAE,gCAAgC;AACpD,qBAAA;AACF,iBAAA;;sBA2CE,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;sBAsChC,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;sBA8ChC,YAAY;uBAAC,OAAO;;sBASpB,YAAY;uBAAC,MAAM;;sBAQnB,YAAY;uBAAC,OAAO;;sBAQpB,YAAY;uBAAC,QAAQ;;;MCvJX,eAAe,CAAA;AA+E1B,IAAA,WAAA,GAAA;AA9EA;;AAEG;QACgB,IAAA,CAAA,KAAK,GAAG,mBAAmB,EAAE;AAEhD;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,4EAAC;AAEhE;;AAEG;AACc,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;YACpC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE;AAClC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE;YACjC,OAAO,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,IAAI;AACtF,QAAA,CAAC,2EAAC;AAEF;;AAEG;AACgB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACzC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE;YACjC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE;YAC1C,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,cAAc,EAAE;YACpD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE;YAClC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE;AAE1C,YAAA,QACE,SAAS;iBACR,YAAY,KAAK,cAAc;AAC9B,qBAAC,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,GAAG,CAAC,CAAC,CAAC;AAErE,QAAA,CAAC,8EAAC;AAEF;;AAEG;AACgB,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACvC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE;YACjC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE;YAC1C,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,cAAc,EAAE;YACpD,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE;YAChD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE;YAClC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE;AAE1C,YAAA,QACE,SAAS;AACT,gBAAA,YAAY,KAAK,cAAc;AAC/B,gBAAA,cAAc,KAAK,YAAY;AAC/B,gBAAA,KAAK,CAAC,MAAM,GAAG,SAAS;AAE5B,QAAA,CAAC,4EAAC;AAEF;;AAEG;AACgB,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,6EAAC;AAEhE;;AAEG;AACgB,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;YACjD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE;YAC9C,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,WAAW;AACxC,QAAA,CAAC,sFAAC;AAEF;;AAEG;AACgB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC7C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACxB,YAAA,IAAI,IAAI;AAAE,gBAAA,OAAO,IAAI;YACrB,IAAI,IAAI,CAAC,eAAe,EAAE;AAAE,gBAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE;AAC7D,YAAA,OAAO,EAAE;AACX,QAAA,CAAC,kFAAC;QAGA,IAAI,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC;IACjC;IAEA,WAAW,GAAA;;QAET,IAAI,CAAC,KAAK,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC;IACnC;AAEA;;;AAGG;AACO,IAAA,OAAO,CAAC,KAAY,EAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE;YAAE;QAE7B,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE;QACzC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE;;AAG1C,QAAA,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC,MAAM,GAAG,SAAS,GAAG,CAAC;QAC5F,IAAI,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,cAAc,CAAC;QAC5C,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;IACzB;+GAvGW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,yBAAA,EAAA,kBAAA,EAAA,wBAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,iCAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAd3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,cAAc;AACpB,wBAAA,wBAAwB,EAAE,SAAS;AACnC,wBAAA,oBAAoB,EAAE,uBAAuB;AAC7C,wBAAA,oBAAoB,EAAE,sBAAsB;AAC5C,wBAAA,mBAAmB,EAAE,qBAAqB;AAC1C,wBAAA,yBAAyB,EAAE,+BAA+B;AAC1D,wBAAA,eAAe,EAAE,eAAe;AAChC,wBAAA,SAAS,EAAE,iBAAiB;AAC7B,qBAAA;AACF,iBAAA;;;MCOY,WAAW,CAAA;AA4GtB,IAAA,WAAA,GAAA;AA3GA;;AAEG;QACM,IAAA,CAAA,UAAU,GAAG,gBAAgB,EAAe;AAErD;;AAEG;QACM,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,yEAAC;AAE9C;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE,6EAC/B,KAAK,EAAE,kBAAkB,EAAA,CACzB;AAEF;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,OAAO,+EACtC,KAAK,EAAE,oBAAoB,EAAA,CAC3B;AAEF;;AAEG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAuB,MAAM,iFACrD,KAAK,EAAE,sBAAsB,EAAA,CAC7B;AAEF;;AAEG;QACM,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAA2B,SAAS,wFACnE,KAAK,EAAE,6BAA6B,EAAA,CACpC;AAEF;;AAEG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EACpD,KAAK,EAAE,qBAAqB;YAC5B,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AAEF;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,EAAE,mFACrC,KAAK,EAAE,wBAAwB,EAAA,CAC/B;AAEF;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,MAAM,CAAS;AACpC,YAAA,KAAK,EAAE,wBAAwB;AAChC,SAAA,CAAC;AAEF;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAS;AACjC,YAAA,KAAK,EAAE,qBAAqB;AAC7B,SAAA,CAAC;AAEF;;;AAGG;AACc,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAA+B,SAAS,mFAAC;AAE/E;;;AAGG;AACc,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAoB,EAAE,4EAAC;AAEtD;;AAEG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,gFAAC;AAExD;;;AAGG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK,gFAAC;AAElC;;;AAGG;AACM,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,CAAC,qFAAC;AAEnC;;;AAGG;AACM,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,CAAC,mFAAC;AAEjC;;AAEG;AACgB,QAAA,IAAA,CAAA,KAAK,GAAG,aAAa,CAAc,IAAI,CAAC;AAGzD,QAAA,eAAe,CAAC;AACd,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;AAC9B,SAAA,CAAC;IACJ;AAEA;;;;AAIG;AACH,IAAA,aAAa,CAAC,KAAuB,EAAA;AACnC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;IAC9B;AAEA;;;;AAIG;AACH,IAAA,YAAY,CAAC,IAAqB,EAAA;AAChC,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,IAAI,CAAC,GAAG,YAAY,EAAE,IAAI,CAAC,CAAC;IAC5D;AAEA;;;;AAIG;AACH,IAAA,cAAc,CAAC,IAAqB,EAAA;QAClC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;IACzE;AAEA;;;;;AAKG;AACH,IAAA,YAAY,CAAC,IAAqB,EAAA;QAChC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACnC;AAEA;;;;AAIG;AACH,IAAA,WAAW,CAAC,QAAgB,EAAA;QAC1B,IAAI,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE;YACnC;QACF;QAEA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC9B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;;QAG/B,IAAI,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE,EAAE;AACxC,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC9B;IACF;AAEA;;;;AAIG;AACH,IAAA,WAAW,CAAC,OAAgB,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;IAC7B;AAEA;;;;;AAKG;IACH,eAAe,CAAC,KAAa,EAAE,GAAW,EAAA;AACxC,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC;IAC5B;AAEA;;;;AAIG;AACH,IAAA,eAAe,CAAC,QAAgB,EAAA;AAC9B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE;QACjC,IAAI,CAAC,KAAK,EAAE;YACV;QACF;QAEA,KAAK,CAAC,KAAK,EAAE;AACb,QAAA,KAAK,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC7C;+GA9MW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,SAAA,EAFX,CAAC,oBAAoB,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAExB,WAAW,EAAA,UAAA,EAAA,CAAA;kBALvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,SAAS,EAAE,CAAC,oBAAoB,EAAE,CAAC;AACpC,iBAAA;;;ACtBD;;AAEG;;;;"}

package/fesm2022/ng-primitives-input.mjs

@@ -16,7 +16,7 @@ const [NgpInputStateToken, ngpInput, injectInputState, provideInputState] = crea
     ngpAutofill({});
     // Setup interactions and form control bindings
     const status = ngpFormControl({ id, disabled });
-    const isDisabled = computed(() => status().disabled ?? disabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+    const isDisabled = computed(() => status().disabled ?? disabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     ngpInteractions({ hover: true, press: true, focus: true, disabled: isDisabled });
     // Host bindings
     attrBinding(element, 'id', id);
@@ -42,13 +42,11 @@ class NgpInput {
         /**
          * The id of the input.
          */
-        this.id = input(uniqueId('ngp-input'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-input'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * Whether the element is disabled.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * The input state.
          */
@@ -57,10 +55,10 @@ class NgpInput {
             disabled: this.disabled,
         });
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", 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: "20.3.9", ngImport: i0, type: NgpInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpInput, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ngpInput]',

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 { 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, deprecatedSetter } from 'ng-primitives/state';\nimport { NgpControlStatus, 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  /**\n   * The form control state.\n   */\n  readonly status: Signal<NgpControlStatus>;\n\n  /**\n   * Whether the input is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n\n  /**\n   * Set the disabled state of the input.\n   * @param value The disabled state.\n   */\n  setDisabled(value: boolean): void;\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    function setDisabled(value: boolean): void {\n      disabled.set(value);\n    }\n\n    return {\n      id,\n      disabled: deprecatedSetter(disabled, 'setDisabled'),\n      status,\n      setDisabled,\n    } satisfies NgpInputState;\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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"}
+{"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, deprecatedSetter } from 'ng-primitives/state';\nimport { NgpControlStatus, 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  /**\n   * The form control state.\n   */\n  readonly status: Signal<NgpControlStatus>;\n\n  /**\n   * Whether the input is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n\n  /**\n   * Set the disabled state of the input.\n   * @param value The disabled state.\n   */\n  setDisabled(value: boolean): void;\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    function setDisabled(value: boolean): void {\n      disabled.set(value);\n    }\n\n    return {\n      id,\n      disabled: deprecatedSetter(disabled, 'setDisabled'),\n      status,\n      setDisabled,\n    } satisfies NgpInputState;\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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"}

package/fesm2022/ng-primitives-interactions.mjs

@@ -62,7 +62,7 @@ function ngpFocusVisible({ onFocusChange, disabled = signal(false), }) {
     const renderer = inject(Renderer2);
     const focusMonitor = inject(FocusMonitor);
     // Whether the element is currently focused.
-    const isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+    const isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : /* istanbul ignore next */ []));
     // handle focus state
     focusMonitor
         .monitor(elementRef.nativeElement)
@@ -165,7 +165,7 @@ function ngpFocus({ onFocus, onBlur, focusWithin = false, disabled = signal(fals
     /**
      * Whether the element is currently focused.
      */
-    const isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+    const isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : /* istanbul ignore next */ []));
     focusMonitor
         .monitor(elementRef, focusWithin)
         .pipe(safeTakeUntilDestroyed())
@@ -230,7 +230,7 @@ function ngpHover({ onHoverStart, onHoverEnd, disabled = signal(false), }) {
     /**
      * Store the current hover state.
      */
-    const hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : []));
+    const hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
     /**
      * Whether this element should ignore emulated mouse events.
      */
@@ -244,9 +244,7 @@ function ngpHover({ onHoverStart, onHoverEnd, disabled = signal(false), }) {
     listener(elementRef.nativeElement, 'mouseenter', onMouseEnter);
     listener(elementRef.nativeElement, 'mouseleave', onMouseLeave);
     // anytime the disabled state changes to true, we must reset the hover state
-    if (disabled) {
-        onBooleanChange(disabled, reset);
-    }
+    onBooleanChange(disabled, reset);
     // if the element is removed from the dom, we want to reset the hover state
     onDomRemoval(elementRef.nativeElement, reset);
     // anytime the hover state changes we want to update the attribute
@@ -338,7 +336,7 @@ function ngpPress({ onPressStart, onPressEnd, disabled = signal(false), }) {
     /**
      * Whether the element is currently pressed.
      */
-    const pressed = signal(false, ...(ngDevMode ? [{ debugName: "pressed" }] : []));
+    const pressed = signal(false, ...(ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []));
     /**
      * Track which key started the press to prevent mismatched keyup from ending it.
      */
@@ -490,11 +488,8 @@ class NgpFocusVisible {
         /**
          * Whether focus events are listened to.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpFocusVisibleDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpFocusVisibleDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpFocusVisibleDisabled',
+            transform: booleanAttribute });
         /**
          * Emit when the element is visually focused.
          */
@@ -507,10 +502,10 @@ class NgpFocusVisible {
             onFocusChange: value => this.focusChange.emit(value),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFocusVisible, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpFocusVisible, isStandalone: true, selector: "[ngpFocusVisible]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpFocusVisibleDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focusChange: "ngpFocusVisible" }, exportAs: ["ngpFocusVisible"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpFocusVisible, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpFocusVisible, isStandalone: true, selector: "[ngpFocusVisible]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpFocusVisibleDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focusChange: "ngpFocusVisible" }, exportAs: ["ngpFocusVisible"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFocusVisible, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpFocusVisible, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpFocusVisible]',
@@ -527,11 +522,8 @@ class NgpFocus {
         /**
          * Whether listening for focus events is disabled.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpFocusDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpFocusDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpFocusDisabled',
+            transform: booleanAttribute });
         /**
          * Emit when the focus state changes.
          */
@@ -543,10 +535,10 @@ class NgpFocus {
             onBlur: () => this.focus.emit(false),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFocus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpFocus, isStandalone: true, selector: "[ngpFocus]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpFocusDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focus: "ngpFocus" }, exportAs: ["ngpFocus"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpFocus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpFocus, isStandalone: true, selector: "[ngpFocus]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpFocusDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focus: "ngpFocus" }, exportAs: ["ngpFocus"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFocus, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpFocus, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpFocus]',
@@ -568,11 +560,8 @@ class NgpHover {
         /**
          * Whether hoving should be disabled.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpHoverDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpHoverDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpHoverDisabled',
+            transform: booleanAttribute });
         /**
          * Emit an event when hovering starts.
          */
@@ -598,10 +587,10 @@ class NgpHover {
             disabled: this.disabled,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpHover, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpHover, isStandalone: true, selector: "[ngpHover]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpHoverDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hoverStart: "ngpHoverStart", hoverEnd: "ngpHoverEnd", hoverChange: "ngpHover" }, exportAs: ["ngpHover"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpHover, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpHover, isStandalone: true, selector: "[ngpHover]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpHoverDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hoverStart: "ngpHoverStart", hoverEnd: "ngpHoverEnd", hoverChange: "ngpHover" }, exportAs: ["ngpHover"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpHover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpHover, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpHover]',
@@ -622,11 +611,8 @@ class NgpMove {
         /**
          * Whether movement is disabled.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpMoveDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpMoveDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpMoveDisabled',
+            transform: booleanAttribute });
         /**
          * Emit when the move event begins.
          */
@@ -648,7 +634,7 @@ class NgpMove {
         /**
          * Whether the element is currently being moved.
          */
-        this.isMoving = signal(false, ...(ngDevMode ? [{ debugName: "isMoving" }] : []));
+        this.isMoving = signal(false, ...(ngDevMode ? [{ debugName: "isMoving" }] : /* istanbul ignore next */ []));
         /**
          * Store the last x position of the element.
          */
@@ -786,10 +772,10 @@ class NgpMove {
         event.stopPropagation();
         this.triggerKeyboardMove(event, 1, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMove, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpMove, isStandalone: true, selector: "[ngpMove]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpMoveDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { start: "ngpMoveStart", move: "ngpMove", end: "ngpMoveEnd" }, host: { listeners: { "pointerdown": "onPointerDown($event)", "keydown.ArrowUp": "onArrowUp($event)", "keydown.ArrowDown": "onArrowDown($event)", "keydown.ArrowLeft": "onArrowLeft($event)", "keydown.ArrowRight": "onArrowRight($event)" }, properties: { "attr.data-move": "isMoving() ? \"\" : null" } }, exportAs: ["ngpMove"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMove, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpMove, isStandalone: true, selector: "[ngpMove]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpMoveDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { start: "ngpMoveStart", move: "ngpMove", end: "ngpMoveEnd" }, host: { listeners: { "pointerdown": "onPointerDown($event)", "keydown.ArrowUp": "onArrowUp($event)", "keydown.ArrowDown": "onArrowDown($event)", "keydown.ArrowLeft": "onArrowLeft($event)", "keydown.ArrowRight": "onArrowRight($event)" }, properties: { "attr.data-move": "isMoving() ? \"\" : null" } }, exportAs: ["ngpMove"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMove, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMove, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpMove]',
@@ -824,11 +810,8 @@ class NgpPress {
         /**
          * Whether listening for press events is disabled.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpPressDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpPressDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpPressDisabled',
+            transform: booleanAttribute });
         /**
          * Emit when the press begins.
          */
@@ -860,10 +843,10 @@ class NgpPress {
             disabled: this.disabled,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpPress, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpPress, isStandalone: true, selector: "[ngpPress]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpPressDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressStart: "ngpPressStart", pressEnd: "ngpPressEnd", pressChange: "ngpPress" }, exportAs: ["ngpPress"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpPress, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpPress, isStandalone: true, selector: "[ngpPress]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpPressDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressStart: "ngpPressStart", pressEnd: "ngpPressEnd", pressChange: "ngpPress" }, exportAs: ["ngpPress"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpPress, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpPress, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpPress]',