@aquera/nile-elements 1.6.1 → 1.6.2

package/dist/src/nile-otp-input/nile-otp-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-otp-input.js","sourceRoot":"","sources":["../../../src/nile-otp-input/nile-otp-input.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2026\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport {\n  customElement,\n  property,\n  query,\n  queryAll,\n  state,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport { KeyCode, Nile_Events } from '../internal/enum';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport { styles } from './nile-otp-input.css';\nimport {\n  OtpInputMode,\n  OtpInputType,\n  OtpEnterKeyHint,\n  OtpAutoComplete,\n  OtpCellPattern,\n} from './nile-otp-input.enum';\nimport '../nile-form-help-text';\nimport '../nile-form-error-message';\n\n/**\n * @summary OTP input renders a segmented set of cells but behaves like a single logical form control.\n * @tag nile-otp-input\n *\n * @slot label - The input label. Alternatively, use the `label` attribute.\n * @slot help-text - Helpful guidance text. Alternatively, use the `help-text` attribute.\n *\n * @event nile-input - Emitted whenever the OTP value changes from user input.\n * @event nile-change - Emitted whenever the OTP value changes from user input.\n * @event nile-complete - Emitted when all OTP cells are filled.\n * @event nile-focus - Emitted when focus enters the component.\n * @event nile-blur - Emitted when focus leaves the component.\n * @event nile-paste - Emitted when OTP text is pasted.\n * @event nile-invalid - Emitted when the control is invalid.\n *\n * @csspart form-control - Wrapper for label, input, and help/error content.\n * @csspart form-control-label - Label wrapper.\n * @csspart form-control-input - Input wrapper.\n * @csspart form-control-help-text - Help text wrapper.\n * @csspart form-control-error-message - Error message wrapper.\n * @csspart base - OTP cell container.\n * @csspart cell - Individual OTP cell.\n * @csspart separator - Separator element between cell groups.\n */\n@customElement('nile-otp-input')\nexport class NileOtpInput extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController: FormControlController =\n    new FormControlController(this, {\n      assumeInteractionOn: [Nile_Events.NILE_BLUR, Nile_Events.NILE_INPUT],\n    });\n\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  private customValidationMessage = '';\n  private wasComplete = false;\n\n  @query('.otp__value-input') valueInput: HTMLInputElement;\n  @queryAll('.otp__cell') cellInputs: NodeListOf<HTMLInputElement>;\n\n  @state() private hasFocus = false;\n  @state() private activeIndex = -1;\n  @state() private cells: string[] = this.createCells('');\n\n  /** The name of the input, submitted as a name/value pair with form data. */\n  @property({ reflect: true, type: String, attribute: true }) name = '';\n\n  /** The current value of the OTP control. */\n  @property({ reflect: true, type: String, attribute: true }) value = '';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  /** Number of OTP cells. Values below 4 are clamped to 4. */\n  @property({ type: Number, reflect: true, attribute: true }) length = 6;\n\n  /** Restricts input to numeric digits when true. Overridden by `alphanumeric`. */\n  @property({ type: Boolean, reflect: true, attribute: true }) numericOnly = true;\n\n  /** Allows both letters and digits. When present, overrides `numeric-only`. */\n  @property({ type: Boolean, reflect: true, attribute: true }) alphanumeric = false;\n\n  /** The input's label. */\n  @property({ reflect: true, attribute: true, type: String }) label = '';\n\n  @property({ attribute: true, reflect: true, type: String }) helpText = '';\n\n  @property({ attribute: true, reflect: true, type: String }) errorMessage = '';\n\n  /** Placeholder shown inside each OTP cell. */\n  @property({ reflect: true, attribute: true, type: String }) placeholder = '';\n\n  /** Optional separator text rendered between configured OTP groups (for example \"-\"). */\n  @property({ reflect: true, type: String }) separator = '';\n\n  /** Renders a separator after each N cells when `separator` is set. */\n  @property({ type: Number, attribute: true, reflect: true }) separatorEvery = 0;\n\n  /** Comma-separated zero-based cell indexes after which separators are rendered. */\n  @property({ attribute: 'separator-positions', type: String, reflect: true }) separatorPositions = '';\n\n  /** Masks filled cells with dots, showing each character briefly while typing. */\n  @property({ type: Boolean, reflect: true }) masked = false;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean, attribute: true, reflect: true }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean, attribute: true, reflect: true }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean, attribute: true, reflect: true }) success = false;\n\n  /** Disables the control. */\n  @property({ type: Boolean, reflect: true, attribute: true }) disabled = false;\n\n  /** Makes the control readonly. */\n  @property({ type: Boolean, attribute: true, reflect: true }) readonly = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`.\n   */\n  @property({ reflect: true, attribute: true, type: String }) form = '';\n\n  /** Makes this field required. */\n  @property({ type: Boolean, reflect: true, attribute: true }) required = false;\n\n  /** Optional regex pattern for full OTP validation. */\n  @property({ reflect: true, attribute: true, type: String }) pattern: string;\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean, reflect: true, attribute: true }) autofocus = false;\n\n  /** Controls keyboard type shown on supporting virtual keyboards. */\n  @property({ reflect: true, attribute: true, type: String }) inputmode:\n    | 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url';\n\n  /** The autocomplete mode used on the first OTP cell. */\n  @property({ reflect: true, type: String }) autocomplete: string = OtpAutoComplete.ONE_TIME_CODE;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit(Nile_Events.NILE_INIT);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit(Nile_Events.NILE_DESTROY);\n  }\n\n  firstUpdated() {\n    const normalized = this.normalizeValue(this.value);\n    if (normalized !== this.value) {\n      this.value = normalized;\n      return;\n    }\n\n    this.syncCellsFromValue(normalized);\n    this.wasComplete = this.isComplete(normalized);\n    this.valueInput.setCustomValidity(this.customValidationMessage);\n    this.formControlController.updateValidity();\n\n    if (this.autofocus) {\n      this.focus();\n    }\n  }\n\n  /** Gets the validity state object. */\n  get validity() {\n    return this.valueInput?.validity ?? validValidityState;\n  }\n\n  /** Gets the validation message. */\n  get validationMessage() {\n    return this.valueInput?.validationMessage ?? '';\n  }\n\n  /** Returns true when all OTP cells have values. */\n  get complete() {\n    return this.isComplete(this.value);\n  }\n\n  private getNormalizedLength() {\n    const parsed = Number.isFinite(this.length) ? Math.trunc(this.length) : 6;\n    return Math.max(4, parsed);\n  }\n\n  private isNumericMode() {\n    return this.numericOnly && !this.alphanumeric;\n  }\n\n  private getResolvedInputMode() {\n    return this.inputmode ?? (this.isNumericMode() ? OtpInputMode.NUMERIC : OtpInputMode.TEXT);\n  }\n\n  private getValidationPattern() {\n    if (this.pattern) {\n      return this.pattern;\n    }\n\n    const normalizedLength = this.getNormalizedLength();\n    return this.isNumericMode()\n      ? `[0-9]{${normalizedLength}}`\n      : `[A-Za-z0-9]{${normalizedLength}}`;\n  }\n\n  private isAllowedCharacter(char: string) {\n    return this.isNumericMode() ? /^[0-9]$/.test(char) : /^[A-Za-z0-9]$/.test(char);\n  }\n\n  private toOtpCharacters(value: string) {\n    return Array.from(value ?? '').filter(char =>\n      this.isAllowedCharacter(char)\n    );\n  }\n\n  private normalizeValue(value: string) {\n    return this.toOtpCharacters(value ?? '')\n      .slice(0, this.getNormalizedLength())\n      .join('');\n  }\n\n  private createCells(value: string) {\n    const normalizedLength = this.getNormalizedLength();\n    const normalizedChars = this.toOtpCharacters(value).slice(\n      0,\n      normalizedLength\n    );\n    return Array.from(\n      { length: normalizedLength },\n      (_, index) => normalizedChars[index] ?? ''\n    );\n  }\n\n  private syncCellsFromValue(value: string) {\n    this.cells = this.createCells(value);\n  }\n\n  private isComplete(value: string) {\n    return value.length === this.getNormalizedLength();\n  }\n\n  private getFirstEmptyIndex() {\n    const index = this.cells.findIndex(char => char === '');\n    return index === -1 ? this.getNormalizedLength() - 1 : index;\n  }\n\n  private getSeparatorIndices() {\n    const maxIndex = this.getNormalizedLength() - 2;\n    const indices = new Set<number>();\n\n    if (Number.isInteger(this.separatorEvery) && this.separatorEvery > 0) {\n      for (\n        let index = this.separatorEvery - 1;\n        index <= maxIndex;\n        index += this.separatorEvery\n      ) {\n        indices.add(index);\n      }\n    }\n\n    if (this.separatorPositions.trim().length > 0) {\n      this.separatorPositions\n        .split(',')\n        .map(value => Number.parseInt(value.trim(), 10))\n        .filter(\n          index => Number.isInteger(index) && index >= 0 && index <= maxIndex\n        )\n        .forEach(index => indices.add(index));\n    }\n\n    return indices;\n  }\n\n  private getCellPlaceholder(index: number) {\n    if (!this.placeholder || this.cells[index]) {\n      return undefined;\n    }\n\n    if (this.activeIndex === -1) {\n      return index === this.getFirstEmptyIndex() ? this.placeholder : undefined;\n    }\n\n    return index === this.activeIndex ? this.placeholder : undefined;\n  }\n\n  private focusCell(index: number, options?: FocusOptions) {\n    const input = this.cellInputs?.[index];\n    if (input) {\n      input.focus(options);\n      input.select();\n    }\n  }\n\n  private updateCell(index: number, value: string) {\n    const nextCells = [...this.cells];\n    nextCells[index] = value;\n    this.cells = nextCells;\n  }\n\n  private fillFromIndex(startIndex: number, chars: string[]) {\n    const nextCells = [...this.cells];\n    let cursor = startIndex;\n\n    for (const char of chars) {\n      if (cursor >= nextCells.length) {\n        break;\n      }\n\n      nextCells[cursor] = char;\n      cursor += 1;\n    }\n\n    this.cells = nextCells;\n    return cursor;\n  }\n\n  private commitUserValueUpdate() {\n    const previousValue = this.value;\n    const nextValue = this.cells.join('');\n    const isNowComplete = this.isComplete(nextValue);\n\n    this.value = nextValue;\n    this.valueInput.value = nextValue;\n    this.valueInput.setCustomValidity(this.customValidationMessage);\n    this.formControlController.updateValidity();\n\n    this.emit(Nile_Events.NILE_INPUT, { value: nextValue, complete: isNowComplete });\n    if (previousValue !== nextValue) {\n      this.emit(Nile_Events.NILE_CHANGE, { value: nextValue, complete: isNowComplete });\n    }\n\n    if (isNowComplete && !this.wasComplete) {\n      this.emit(Nile_Events.NILE_COMPLETE, { value: nextValue });\n    }\n\n    this.wasComplete = isNowComplete;\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleCellFocus(event: Event) {\n    const target = event.target as HTMLInputElement;\n    const index = Number(target.dataset.index ?? -1);\n    const firstEmpty = this.getFirstEmptyIndex();\n\n    if (index > firstEmpty) {\n      this.focusCell(firstEmpty);\n      return;\n    }\n\n    if (index < firstEmpty && !this.cells[index]) {\n      this.focusCell(firstEmpty);\n      return;\n    }\n\n    this.activeIndex = index;\n    target.select();\n\n    if (!this.hasFocus) {\n      this.hasFocus = true;\n      this.emit(Nile_Events.NILE_FOCUS, { value: this.value });\n    }\n  }\n\n  private handleCellBlur() {\n    queueMicrotask(() => {\n      const active = this.shadowRoot?.activeElement;\n      const isInsideOtp =\n        active instanceof HTMLInputElement &&\n        active.classList.contains('otp__cell');\n\n      if (!isInsideOtp && this.hasFocus) {\n        this.hasFocus = false;\n        this.activeIndex = -1;\n        this.emit(Nile_Events.NILE_BLUR, { value: this.value });\n      }\n    });\n  }\n\n  private handleCellInput(event: Event) {\n    const target = event.target as HTMLInputElement;\n    const index = Number(target.dataset.index ?? 0);\n\n    if (this.disabled || this.readonly) {\n      target.value = this.cells[index] ?? '';\n      return;\n    }\n\n    const chars = this.toOtpCharacters(target.value);\n\n    if (chars.length === 0) {\n      this.updateCell(index, '');\n      this.commitUserValueUpdate();\n      return;\n    }\n\n    if (chars.length === 1) {\n      this.updateCell(index, chars[0]);\n      this.commitUserValueUpdate();\n\n      const nextEmpty = this.getFirstEmptyIndex();\n      this.focusCell(nextEmpty);\n      return;\n    }\n\n    const nextCursor = this.fillFromIndex(index, chars);\n    this.commitUserValueUpdate();\n    const nextEmpty = this.getFirstEmptyIndex();\n    this.focusCell(nextEmpty);\n  }\n\n  private handleCellPaste(event: ClipboardEvent) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const pasted = event.clipboardData?.getData('text') ?? '';\n    const chars = this.toOtpCharacters(pasted);\n\n    if (!chars.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    this.fillFromIndex(0, chars);\n    this.commitUserValueUpdate();\n    const nextEmpty = this.getFirstEmptyIndex();\n    this.focusCell(nextEmpty);\n    this.emit(Nile_Events.NILE_PASTE, { value: this.value });\n  }\n\n  private handleCellKeyDown(event: KeyboardEvent) {\n    const hasModifier = event.metaKey || event.ctrlKey || event.altKey;\n    const target = event.target as HTMLInputElement;\n    const index = Number(target.dataset.index ?? 0);\n\n    if (event.key === KeyCode.ENTER && !hasModifier && !event.shiftKey) {\n      setTimeout(() => {\n        if (!event.defaultPrevented && !event.isComposing) {\n          this.formControlController.submit();\n        }\n      });\n      return;\n    }\n\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const isHandledKey =\n      event.key === KeyCode.BACKSPACE ||\n      event.key === KeyCode.DELETE ||\n      event.key === KeyCode.ARROW_LEFT ||\n      event.key === KeyCode.ARROW_RIGHT ||\n      event.key === KeyCode.HOME ||\n      event.key === KeyCode.END ||\n      event.key === KeyCode.SPACE ||\n      (event.key.length === 1 && !hasModifier);\n\n    if (!isHandledKey) {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (event.key === KeyCode.BACKSPACE) {\n      if (this.cells[index]) {\n        this.updateCell(index, '');\n        this.commitUserValueUpdate();\n        if (index > 0) {\n          this.focusCell(index - 1);\n        }\n        return;\n      }\n\n      if (index > 0) {\n        this.updateCell(index - 1, '');\n        this.commitUserValueUpdate();\n        this.focusCell(index - 1);\n      }\n\n      return;\n    }\n\n    if (event.key === KeyCode.DELETE) {\n      if (this.cells[index]) {\n        this.updateCell(index, '');\n        this.commitUserValueUpdate();\n      }\n      return;\n    }\n\n    if (event.key === KeyCode.ARROW_LEFT) {\n      if (index > 0) {\n        this.focusCell(index - 1);\n      }\n      return;\n    }\n\n    if (event.key === KeyCode.ARROW_RIGHT) {\n      const firstEmpty = this.getFirstEmptyIndex();\n      if (index < firstEmpty) {\n        this.focusCell(index + 1);\n      }\n      return;\n    }\n\n    if (event.key === KeyCode.HOME) {\n      this.focusCell(0);\n      return;\n    }\n\n    if (event.key === KeyCode.END) {\n      this.focusCell(this.getFirstEmptyIndex());\n      return;\n    }\n\n    if (event.key === KeyCode.SPACE) {\n      return;\n    }\n\n    if (event.key.length === 1 && !hasModifier && this.isAllowedCharacter(event.key)) {\n      this.updateCell(index, event.key);\n      this.commitUserValueUpdate();\n      const nextEmpty = this.getFirstEmptyIndex();\n      this.focusCell(nextEmpty);\n    }\n  }\n\n  @watch('length', { waitUntilFirstUpdate: true })\n  handleLengthChange() {\n    const normalizedLength = this.getNormalizedLength();\n    if (this.length !== normalizedLength) {\n      this.length = normalizedLength;\n      return;\n    }\n\n    const normalizedValue = this.normalizeValue(this.value);\n    this.syncCellsFromValue(normalizedValue);\n\n    if (normalizedValue !== this.value) {\n      this.value = normalizedValue;\n      return;\n    }\n\n    this.wasComplete = this.isComplete(normalizedValue);\n    this.valueInput.value = normalizedValue;\n    this.valueInput.setCustomValidity(this.customValidationMessage);\n    this.formControlController.updateValidity();\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  handleValueChange() {\n    const normalizedValue = this.normalizeValue(this.value);\n    if (normalizedValue !== this.value) {\n      this.value = normalizedValue;\n      return;\n    }\n\n    this.syncCellsFromValue(normalizedValue);\n    this.wasComplete = this.isComplete(normalizedValue);\n    this.valueInput.value = normalizedValue;\n    this.valueInput.setCustomValidity(this.customValidationMessage);\n    this.formControlController.updateValidity();\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    if (this.disabled) {\n      this.hasFocus = false;\n      this.activeIndex = -1;\n      this.formControlController.setValidity(true);\n    } else {\n      this.formControlController.updateValidity();\n    }\n  }\n\n  @watch('numericOnly', { waitUntilFirstUpdate: true })\n  handleNumericOnlyChange() {\n    const normalizedValue = this.normalizeValue(this.value);\n    if (normalizedValue !== this.value) {\n      this.value = normalizedValue;\n      return;\n    }\n\n    this.syncCellsFromValue(normalizedValue);\n    this.wasComplete = this.isComplete(normalizedValue);\n    this.valueInput.value = normalizedValue;\n    this.valueInput.setCustomValidity(this.customValidationMessage);\n    this.formControlController.updateValidity();\n  }\n\n  @watch('pattern', { waitUntilFirstUpdate: true })\n  handlePatternChange() {\n    this.valueInput.setCustomValidity(this.customValidationMessage);\n    this.formControlController.updateValidity();\n  }\n\n  /** Checks validity without showing browser UI. */\n  checkValidity() {\n    return this.valueInput.checkValidity();\n  }\n\n  /** Returns associated form if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks validity and shows browser UI when invalid. */\n  reportValidity() {\n    return this.valueInput.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.customValidationMessage = message;\n    if (this.valueInput) {\n      this.valueInput.setCustomValidity(message);\n    }\n    this.formControlController.updateValidity();\n  }\n\n  /** Focuses the first empty cell, or the last one when complete. */\n  focus(options?: FocusOptions) {\n    this.focusCell(this.getFirstEmptyIndex(), options);\n  }\n\n  /** Removes focus from whichever OTP cell is currently focused. */\n  blur() {\n    const active = this.shadowRoot?.activeElement;\n    if (active instanceof HTMLElement) {\n      active.blur();\n    }\n  }\n\n  /** Clears all OTP cells. */\n  clear() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    this.cells = Array.from({ length: this.getNormalizedLength() }, () => '');\n    this.commitUserValueUpdate();\n    this.focusCell(0);\n  }\n\n  render() {\n    const normalizedLength = this.getNormalizedLength();\n    const separatorIndices = this.getSeparatorIndices();\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = Boolean(this.label || hasLabelSlot);\n    const hasHelpText = Boolean(this.helpText || hasHelpTextSlot);\n    const hasErrorMessage = Boolean(this.errorMessage);\n    const describedBy = [\n      hasHelpText ? 'help-text' : '',\n      hasErrorMessage ? 'error-message' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--has-label': hasLabel,\n        })}\n      >\n        <label\n          id=\"label\"\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n              otp: true,\n              'otp--warning': this.warning,\n              'otp--error': this.error,\n              'otp--success': this.success,\n              'otp--disabled': this.disabled,\n              'otp--readonly': this.readonly,\n            })}\n            role=\"group\"\n            aria-labelledby=${ifDefined(hasLabel ? 'label' : undefined)}\n            aria-label=${ifDefined(hasLabel ? undefined : 'One-time password')}\n            aria-describedby=${ifDefined(describedBy || undefined)}\n            aria-disabled=${this.disabled ? 'true' : 'false'}\n          >\n            ${Array.from({ length: normalizedLength }, (_, index) => {\n              const value = this.cells[index] ?? '';\n              return html`\n                <input\n                  part=\"cell\"\n                  class=${classMap({\n                    otp__cell: true,\n                    'otp__cell--active': this.activeIndex === index,\n                  })}\n                  data-index=${index}\n                  type=${this.masked && value && this.activeIndex !== index ? OtpInputType.PASSWORD : OtpInputType.TEXT}\n                  maxlength=\"1\"\n                  .value=${live(value)}\n                  ?disabled=${this.disabled}\n                  ?readonly=${this.readonly}\n                  placeholder=${ifDefined(this.getCellPlaceholder(index))}\n                  inputmode=${ifDefined(this.getResolvedInputMode())}\n                  pattern=${this.isNumericMode() ? OtpCellPattern.NUMERIC : OtpCellPattern.ALPHANUMERIC}\n                  autocapitalize=\"none\"\n                  autocorrect=\"off\"\n                  spellcheck=\"false\"\n                  autocomplete=${index === 0 ? this.autocomplete : OtpAutoComplete.OFF}\n                  enterkeyhint=${index === normalizedLength - 1\n                    ? OtpEnterKeyHint.DONE\n                    : OtpEnterKeyHint.NEXT}\n                  aria-label=${`Digit ${index + 1} of ${normalizedLength}`}\n                  aria-describedby=${ifDefined(describedBy || undefined)}\n                  aria-invalid=${this.hasAttribute('data-user-invalid')\n                    ? 'true'\n                    : 'false'}\n                  @focus=${this.handleCellFocus}\n                  @blur=${this.handleCellBlur}\n                  @keydown=${this.handleCellKeyDown}\n                  @input=${this.handleCellInput}\n                  @paste=${this.handleCellPaste}\n                />\n                ${this.separator && separatorIndices.has(index)\n                  ? html`\n                      <span\n                        class=\"otp__separator\"\n                        part=\"separator\"\n                        aria-hidden=\"true\"\n                      >\n                        ${this.separator}\n                      </span>\n                    `\n                  : ''}\n              `;\n            })}\n\n            <input\n              class=\"otp__value-input\"\n              type=\"text\"\n              .value=${live(this.value)}\n              ?required=${this.required}\n              ?disabled=${this.disabled}\n              minlength=${normalizedLength}\n              maxlength=${normalizedLength}\n              pattern=${this.getValidationPattern()}\n              tabindex=\"-1\"\n              aria-hidden=\"true\"\n              @focus=${() => this.focus()}\n              @invalid=${this.handleInvalid}\n            />\n          </div>\n        </div>\n\n        ${hasHelpText\n          ? html`\n              <div\n                id=\"help-text\"\n                part=\"form-control-help-text\"\n                class=\"form-control__help-text\"\n              >\n                <nile-form-help-text>\n                  <slot name=\"help-text\">${this.helpText}</slot>\n                </nile-form-help-text>\n              </div>\n            `\n          : ``}\n        ${hasErrorMessage\n          ? html`\n              <div\n                id=\"error-message\"\n                part=\"form-control-error-message\"\n                class=\"form-control__error-message\"\n              >\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              </div>\n            `\n          : ``}\n      </div>\n    `;\n  }\n}\n\nexport default NileOtpInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-otp-input': NileOtpInput;\n  }\n}\n"]}

package/dist/src/nile-otp-input/nile-otp-input.test.d.ts

@@ -0,0 +1 @@
+import './nile-otp-input';

package/dist/src/nile-otp-input/nile-otp-input.test.js

@@ -0,0 +1,493 @@
+import { aTimeout, expect, fixture, html } from '@open-wc/testing';
+import './nile-otp-input';
+const getCells = (el) => Array.from(el.shadowRoot.querySelectorAll('.otp__cell'));
+const inputCell = async (el, index, value) => {
+    const cell = getCells(el)[index];
+    cell.value = value;
+    cell.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+    await el.updateComplete;
+    return cell;
+};
+const pressKey = async (el, index, key, opts = {}) => {
+    const cell = getCells(el)[index];
+    cell.dispatchEvent(new KeyboardEvent('keydown', {
+        key,
+        bubbles: true,
+        composed: true,
+        cancelable: true,
+        ...opts,
+    }));
+    await el.updateComplete;
+    return cell;
+};
+const pasteInto = async (el, index, text) => {
+    const cell = getCells(el)[index];
+    const event = new Event('paste', {
+        bubbles: true,
+        composed: true,
+        cancelable: true,
+    });
+    Object.defineProperty(event, 'clipboardData', {
+        value: { getData: () => text },
+    });
+    cell.dispatchEvent(event);
+    await el.updateComplete;
+};
+describe('NileOtpInput', () => {
+    // ---- Rendering ----
+    it('renders default 6 cells', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        expect(el).to.exist;
+        expect(getCells(el).length).to.equal(6);
+    });
+    it('normalizes incoming value (strips non-numeric in numeric mode)', async () => {
+        const el = await fixture(html `<nile-otp-input value="12A34B"></nile-otp-input>`);
+        await el.updateComplete;
+        expect(el.value).to.equal('1234');
+        expect(getCells(el).map(c => c.value)).to.deep.equal([
+            '1', '2', '3', '4', '', '',
+        ]);
+    });
+    it('supports configurable length and clamps below 4', async () => {
+        const el = await fixture(html `<nile-otp-input length="8"></nile-otp-input>`);
+        expect(getCells(el).length).to.equal(8);
+        el.length = 2;
+        await el.updateComplete;
+        expect(el.length).to.equal(4);
+        expect(getCells(el).length).to.equal(4);
+    });
+    it('renders label when provided', async () => {
+        const el = await fixture(html `<nile-otp-input label="Verification code"></nile-otp-input>`);
+        const label = el.shadowRoot.querySelector('.form-control__label');
+        expect(label).to.exist;
+        expect(label.textContent).to.contain('Verification code');
+    });
+    it('renders help text when provided', async () => {
+        const el = await fixture(html `<nile-otp-input help-text="Enter your code"></nile-otp-input>`);
+        const helpText = el.shadowRoot.querySelector('.form-control__help-text');
+        expect(helpText).to.exist;
+        expect(helpText.textContent).to.contain('Enter your code');
+    });
+    it('renders error message when provided', async () => {
+        const el = await fixture(html `<nile-otp-input error-message="Invalid code"></nile-otp-input>`);
+        const errorMsg = el.shadowRoot.querySelector('.form-control__error-message');
+        expect(errorMsg).to.exist;
+        expect(errorMsg.textContent).to.contain('Invalid code');
+    });
+    it('renders separators with separator-every', async () => {
+        const el = await fixture(html `
+      <nile-otp-input separator="-" separator-every="3"></nile-otp-input>
+    `);
+        const separators = el.shadowRoot.querySelectorAll('.otp__separator');
+        expect(separators.length).to.equal(1);
+        expect(separators[0].textContent.trim()).to.equal('-');
+    });
+    it('renders separators from separator-positions', async () => {
+        const el = await fixture(html `
+      <nile-otp-input
+        length="8"
+        separator="/"
+        separator-positions="1, 3, 5"
+      ></nile-otp-input>
+    `);
+        const separators = el.shadowRoot.querySelectorAll('.otp__separator');
+        expect(separators.length).to.equal(3);
+        separators.forEach(s => expect(s.textContent.trim()).to.equal('/'));
+    });
+    // ---- Input behavior ----
+    it('auto-advances focus to next empty cell after typing', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        const cells = getCells(el);
+        cells[0].focus();
+        await inputCell(el, 0, '1');
+        await aTimeout(0);
+        expect(el.value).to.equal('1');
+        expect(el.shadowRoot.activeElement).to.equal(cells[1]);
+    });
+    it('typing a character on a filled cell replaces it and advances', async () => {
+        const el = await fixture(html `<nile-otp-input value="123456"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[2].focus();
+        await el.updateComplete;
+        await pressKey(el, 2, '9');
+        await aTimeout(0);
+        expect(el.value[2]).to.equal('9');
+    });
+    it('blocks invalid characters in numeric mode', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        const first = getCells(el)[0];
+        first.focus();
+        const event = new KeyboardEvent('keydown', {
+            key: 'A',
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+        });
+        first.dispatchEvent(event);
+        expect(event.defaultPrevented).to.be.true;
+    });
+    it('allows alphanumeric values when alphanumeric attribute is set', async () => {
+        const el = await fixture(html `<nile-otp-input alphanumeric></nile-otp-input>`);
+        const cells = getCells(el);
+        cells[0].focus();
+        await el.updateComplete;
+        await pressKey(el, 0, 'A');
+        expect(el.value).to.equal('A');
+    });
+    it('alphanumeric overrides numeric-only', async () => {
+        const el = await fixture(html `<nile-otp-input numeric-only alphanumeric></nile-otp-input>`);
+        const cells = getCells(el);
+        cells[0].focus();
+        await el.updateComplete;
+        await pressKey(el, 0, 'B');
+        expect(el.value).to.equal('B');
+    });
+    it('supports controlled value updates', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        el.value = '2468';
+        await el.updateComplete;
+        expect(getCells(el).map(c => c.value)).to.deep.equal([
+            '2', '4', '6', '8', '', '',
+        ]);
+    });
+    // ---- Focus management (ShadCN style) ----
+    it('focus() targets the first empty cell', async () => {
+        const el = await fixture(html `<nile-otp-input value="12"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        el.focus();
+        await aTimeout(0);
+        expect(el.shadowRoot.activeElement).to.equal(cells[2]);
+    });
+    it('clicking an empty cell beyond the cursor redirects to first empty', async () => {
+        const el = await fixture(html `<nile-otp-input value="12"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[5].focus();
+        await aTimeout(0);
+        await el.updateComplete;
+        expect(el.shadowRoot.activeElement).to.equal(cells[2]);
+    });
+    it('clicking a filled cell focuses it directly', async () => {
+        const el = await fixture(html `<nile-otp-input value="123"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[1].focus();
+        await aTimeout(0);
+        await el.updateComplete;
+        expect(el.shadowRoot.activeElement).to.equal(cells[1]);
+    });
+    // ---- Keyboard navigation ----
+    it('Backspace clears current cell and retreats', async () => {
+        const el = await fixture(html `<nile-otp-input value="123"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[2].focus();
+        await pressKey(el, 2, 'Backspace');
+        await aTimeout(0);
+        expect(el.value).to.equal('12');
+        expect(el.shadowRoot.activeElement).to.equal(cells[1]);
+    });
+    it('Backspace on empty cell clears previous and moves there', async () => {
+        const el = await fixture(html `<nile-otp-input value="12"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[2].focus();
+        await pressKey(el, 2, 'Backspace');
+        await aTimeout(0);
+        expect(el.value).to.equal('1');
+        expect(cells[1].value).to.equal('');
+        expect(el.shadowRoot.activeElement).to.equal(cells[1]);
+    });
+    it('Delete clears current cell without moving', async () => {
+        const el = await fixture(html `<nile-otp-input value="123"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[1].focus();
+        await pressKey(el, 1, 'Delete');
+        await aTimeout(0);
+        expect(cells[1].value).to.equal('');
+        expect(el.shadowRoot.activeElement).to.equal(cells[1]);
+    });
+    it('ArrowLeft moves focus back', async () => {
+        const el = await fixture(html `<nile-otp-input value="123"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[2].focus();
+        await pressKey(el, 2, 'ArrowLeft');
+        await aTimeout(0);
+        expect(el.shadowRoot.activeElement).to.equal(cells[1]);
+    });
+    it('ArrowRight cannot move past the first empty cell', async () => {
+        const el = await fixture(html `<nile-otp-input value="12"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[1].focus();
+        await pressKey(el, 1, 'ArrowRight');
+        await aTimeout(0);
+        expect(el.shadowRoot.activeElement).to.equal(cells[2]);
+        await pressKey(el, 2, 'ArrowRight');
+        await aTimeout(0);
+        expect(el.shadowRoot.activeElement).to.equal(cells[2]);
+    });
+    it('Home goes to first cell', async () => {
+        const el = await fixture(html `<nile-otp-input value="123"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[2].focus();
+        await pressKey(el, 2, 'Home');
+        await aTimeout(0);
+        expect(el.shadowRoot.activeElement).to.equal(cells[0]);
+    });
+    it('End goes to first empty cell', async () => {
+        const el = await fixture(html `<nile-otp-input value="123"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[0].focus();
+        await pressKey(el, 0, 'End');
+        await aTimeout(0);
+        expect(el.shadowRoot.activeElement).to.equal(cells[3]);
+    });
+    it('Space is blocked', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        const cells = getCells(el);
+        cells[0].focus();
+        const event = new KeyboardEvent('keydown', {
+            key: ' ',
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+        });
+        cells[0].dispatchEvent(event);
+        expect(event.defaultPrevented).to.be.true;
+    });
+    // ---- Paste ----
+    it('paste fills from position 0 and focuses next empty', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        await pasteInto(el, 3, '987654');
+        expect(el.value).to.equal('987654');
+        expect(getCells(el).map(c => c.value).join('')).to.equal('987654');
+    });
+    it('paste emits nile-paste event', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        let pasteValue = '';
+        el.addEventListener('nile-paste', (e) => {
+            pasteValue = e.detail.value;
+        });
+        await pasteInto(el, 0, '123456');
+        expect(pasteValue).to.equal('123456');
+    });
+    it('paste is ignored when disabled', async () => {
+        const el = await fixture(html `<nile-otp-input disabled></nile-otp-input>`);
+        await pasteInto(el, 0, '123456');
+        expect(el.value).to.equal('');
+    });
+    // ---- Visual states ----
+    it('applies warning class', async () => {
+        const el = await fixture(html `<nile-otp-input warning></nile-otp-input>`);
+        const base = el.shadowRoot.querySelector('.otp');
+        expect(base.classList.contains('otp--warning')).to.be.true;
+    });
+    it('applies error class', async () => {
+        const el = await fixture(html `<nile-otp-input error></nile-otp-input>`);
+        const base = el.shadowRoot.querySelector('.otp');
+        expect(base.classList.contains('otp--error')).to.be.true;
+    });
+    it('applies success class', async () => {
+        const el = await fixture(html `<nile-otp-input success></nile-otp-input>`);
+        const base = el.shadowRoot.querySelector('.otp');
+        expect(base.classList.contains('otp--success')).to.be.true;
+    });
+    it('applies disabled class and blocks input', async () => {
+        const el = await fixture(html `<nile-otp-input disabled></nile-otp-input>`);
+        const base = el.shadowRoot.querySelector('.otp');
+        expect(base.classList.contains('otp--disabled')).to.be.true;
+        const first = getCells(el)[0];
+        first.value = '9';
+        first.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        await el.updateComplete;
+        expect(el.value).to.equal('');
+        expect(first.value).to.equal('');
+    });
+    it('applies readonly class and blocks input', async () => {
+        const el = await fixture(html `<nile-otp-input readonly value="123456"></nile-otp-input>`);
+        const base = el.shadowRoot.querySelector('.otp');
+        expect(base.classList.contains('otp--readonly')).to.be.true;
+        const first = getCells(el)[0];
+        first.value = '9';
+        first.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        await el.updateComplete;
+        expect(el.value).to.equal('123456');
+    });
+    // ---- Masked ----
+    it('masked cells use type="password" for filled non-active cells', async () => {
+        const el = await fixture(html `<nile-otp-input masked value="12"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        expect(cells[0].type).to.equal('password');
+        expect(cells[1].type).to.equal('password');
+        expect(cells[2].type).to.equal('text');
+    });
+    it('active masked cell shows text while typing', async () => {
+        const el = await fixture(html `<nile-otp-input masked value="12"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells[1].focus();
+        await el.updateComplete;
+        expect(cells[1].type).to.equal('text');
+        expect(cells[0].type).to.equal('password');
+    });
+    it('unmasked cells are always type="text"', async () => {
+        const el = await fixture(html `<nile-otp-input value="12"></nile-otp-input>`);
+        await el.updateComplete;
+        const cells = getCells(el);
+        cells.forEach(c => expect(c.type).to.equal('text'));
+    });
+    // ---- Events ----
+    it('emits nile-input and nile-change with value detail', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        let inputDetail;
+        let changeDetail;
+        el.addEventListener('nile-input', (e) => {
+            inputDetail = e.detail;
+        });
+        el.addEventListener('nile-change', (e) => {
+            changeDetail = e.detail;
+        });
+        getCells(el)[0].focus();
+        await el.updateComplete;
+        await pressKey(el, 0, '7');
+        expect(inputDetail.value).to.equal('7');
+        expect(inputDetail.complete).to.be.false;
+        expect(changeDetail.value).to.equal('7');
+    });
+    it('emits nile-complete when all cells are filled', async () => {
+        const el = await fixture(html `<nile-otp-input length="4" value="123"></nile-otp-input>`);
+        await el.updateComplete;
+        let completedValue = '';
+        el.addEventListener('nile-complete', (e) => {
+            completedValue = e.detail.value;
+        });
+        const cells = getCells(el);
+        cells[3].focus();
+        await el.updateComplete;
+        await pressKey(el, 3, '4');
+        expect(completedValue).to.equal('1234');
+    });
+    it('emits nile-focus when entering and nile-blur when leaving', async () => {
+        const el = await fixture(html `<nile-otp-input></nile-otp-input>`);
+        let focused = false;
+        let blurred = false;
+        el.addEventListener('nile-focus', () => { focused = true; });
+        el.addEventListener('nile-blur', () => { blurred = true; });
+        getCells(el)[0].focus();
+        await el.updateComplete;
+        expect(focused).to.be.true;
+        getCells(el)[0].blur();
+        await aTimeout(50);
+        expect(blurred).to.be.true;
+    });
+    // ---- Public methods ----
+    it('clear() empties all cells', async () => {
+        const el = await fixture(html `<nile-otp-input value="123456"></nile-otp-input>`);
+        await el.updateComplete;
+        el.clear();
+        await el.updateComplete;
+        expect(el.value).to.equal('');
+        getCells(el).forEach(c => expect(c.value).to.equal(''));
+    });
+    it('clear() is blocked when disabled', async () => {
+        const el = await fixture(html `<nile-otp-input disabled value="123456"></nile-otp-input>`);
+        await el.updateComplete;
+        el.clear();
+        await el.updateComplete;
+        expect(el.value).to.equal('123456');
+    });
+    it('complete getter returns true when all cells filled', async () => {
+        const el = await fixture(html `<nile-otp-input value="123456"></nile-otp-input>`);
+        await el.updateComplete;
+        expect(el.complete).to.be.true;
+    });
+    it('complete getter returns false when cells are empty', async () => {
+        const el = await fixture(html `<nile-otp-input value="12"></nile-otp-input>`);
+        await el.updateComplete;
+        expect(el.complete).to.be.false;
+    });
+    // ---- Validation ----
+    it('validates required and exact length using checkValidity', async () => {
+        const el = await fixture(html `<nile-otp-input required></nile-otp-input>`);
+        el.value = '12';
+        await el.updateComplete;
+        expect(el.checkValidity()).to.be.false;
+        el.value = '123456';
+        await el.updateComplete;
+        expect(el.checkValidity()).to.be.true;
+    });
+    it('supports custom validity messaging', async () => {
+        const el = await fixture(html `<nile-otp-input value="123456"></nile-otp-input>`);
+        el.setCustomValidity('Invalid OTP');
+        await el.updateComplete;
+        expect(el.checkValidity()).to.be.false;
+        expect(el.validationMessage).to.equal('Invalid OTP');
+        el.setCustomValidity('');
+        await el.updateComplete;
+        expect(el.checkValidity()).to.be.true;
+    });
+    it('validates against custom pattern', async () => {
+        const el = await fixture(html `<nile-otp-input pattern="[0-9]{6}" value="1234"></nile-otp-input>`);
+        await el.updateComplete;
+        expect(el.checkValidity()).to.be.false;
+        el.value = '123456';
+        await el.updateComplete;
+        expect(el.checkValidity()).to.be.true;
+    });
+    // ---- Form integration ----
+    it('participates in form data submission', async () => {
+        const form = await fixture(html `
+      <form id="otp-form">
+        <nile-otp-input name="otp" value="321654"></nile-otp-input>
+      </form>
+    `);
+        const data = new FormData(form);
+        expect(data.get('otp')).to.equal('321654');
+    });
+    // ---- Placeholder ----
+    it('shows no placeholder by default', async () => {
+        const el = await fixture(html `
+      <nile-otp-input value="12"></nile-otp-input>
+    `);
+        const placeholders = getCells(el).map(c => c.getAttribute('placeholder'));
+        expect(placeholders).to.deep.equal([null, null, null, null, null, null]);
+    });
+    it('moves custom placeholder to active cell on focus', async () => {
+        const el = await fixture(html `<nile-otp-input placeholder="0"></nile-otp-input>`);
+        const cells = getCells(el);
+        cells[0].focus();
+        await el.updateComplete;
+        const placeholders = getCells(el).map(c => c.getAttribute('placeholder'));
+        expect(placeholders[0]).to.equal('0');
+        expect(placeholders.slice(1).every(p => p === null)).to.be.true;
+    });
+    // ---- CSS parts ----
+    it('exposes all required CSS parts', async () => {
+        const el = await fixture(html `
+      <nile-otp-input
+        label="Test"
+        help-text="Help"
+        error-message="Error"
+        separator="-"
+        separator-every="3"
+      ></nile-otp-input>
+    `);
+        expect(el.shadowRoot.querySelector('[part="form-control"]')).to.exist;
+        expect(el.shadowRoot.querySelector('[part="form-control-label"]')).to.exist;
+        expect(el.shadowRoot.querySelector('[part="form-control-input"]')).to.exist;
+        expect(el.shadowRoot.querySelector('[part="base"]')).to.exist;
+        expect(el.shadowRoot.querySelector('[part="cell"]')).to.exist;
+        expect(el.shadowRoot.querySelector('[part="separator"]')).to.exist;
+        expect(el.shadowRoot.querySelector('[part="form-control-help-text"]')).to.exist;
+        expect(el.shadowRoot.querySelector('[part="form-control-error-message"]')).to.exist;
+    });
+});
+//# sourceMappingURL=nile-otp-input.test.js.map