npm - @aquera/nile-elements - Versions diffs - 1.6.1 → 1.6.3 - Mend

@aquera/nile-elements 1.6.1 → 1.6.3

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

Files changed (741) hide show

package/dist/nile-otp-input/nile-otp-input.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nile-otp-input.cjs.js","sources":["../../../src/nile-otp-input/nile-otp-input.ts"],"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"],"names":["NileOtpInput","_","this","formControlController","FormControlController","assumeInteractionOn","Nile_Events","NILE_BLUR","NILE_INPUT","hasSlotController","HasSlotController","customValidationMessage","wasComplete","hasFocus","activeIndex","cells","createCells","name","value","defaultValue","length","numericOnly","alphanumeric","label","helpText","errorMessage","placeholder","separator","separatorEvery","separatorPositions","masked","warning","error","success","disabled","readonly","form","required","autofocus","autocomplete","OtpAutoComplete","ONE_TIME_CODE","_this","_inherits","_f","_createClass","key","connectedCallback","super","emit","NILE_INIT","disconnectedCallback","NILE_DESTROY","firstUpdated","normalized","normalizeValue","syncCellsFromValue","isComplete","valueInput","setCustomValidity","updateValidity","focus","get","_this$valueInput$vali","_this$valueInput","validity","validValidityState","_this$valueInput$vali2","_this$valueInput2","validationMessage","complete","getNormalizedLength","parsed","Number","isFinite","Math","trunc","max","isNumericMode","getResolvedInputMode","_this$inputmode","inputmode","OtpInputMode","NUMERIC","TEXT","getValidationPattern","pattern","normalizedLength","isAllowedCharacter","char","test","toOtpCharacters","Array","from","filter","slice","join","normalizedChars","index","getFirstEmptyIndex","findIndex","getSeparatorIndices","maxIndex","indices","Set","isInteger","add","trim","split","map","parseInt","forEach","getCellPlaceholder","undefined","focusCell","options","_this$cellInputs","input","cellInputs","select","updateCell","nextCells","fillFromIndex","startIndex","chars","cursor","_iterator","_createForOfIteratorHelper","s","_step","n","done","err","e","f","commitUserValueUpdate","previousValue","nextValue","isNowComplete","NILE_CHANGE","NILE_COMPLETE","handleInvalid","event","setValidity","emitInvalidEvent","handleCellFocus","_i$dataset$index","target","dataset","firstEmpty","NILE_FOCUS","handleCellBlur","queueMicrotask","_this3$shadowRoot","active","shadowRoot","activeElement","HTMLInputElement","classList","contains","handleCellInput","_i$dataset$index2","nextEmpty","handleCellPaste","pasted","clipboardData","getData","_t$clipboardData$getD","preventDefault","NILE_PASTE","handleCellKeyDown","_e$dataset$index","_this4","hasModifier","metaKey","ctrlKey","altKey","KeyCode","ENTER","shiftKey","setTimeout","defaultPrevented","isComposing","submit","BACKSPACE","DELETE","ARROW_LEFT","ARROW_RIGHT","HOME","END","SPACE","handleLengthChange","normalizedValue","handleValueChange","handleDisabledChange","handleNumericOnlyChange","handlePatternChange","checkValidity","getForm","reportValidity","message","blur","HTMLElement","clear","render","_this5","separatorIndices","hasLabelSlot","hasHelpTextSlot","hasLabel","Boolean","hasHelpText","hasErrorMessage","describedBy","html","_templateObject","_taggedTemplateLiteral","classMap","otp","ifDefined","_this5$cells$r","_templateObject2","otp__cell","OtpInputType","PASSWORD","live","OtpCellPattern","ALPHANUMERIC","OFF","OtpEnterKeyHint","DONE","NEXT","hasAttribute","has","_templateObject3","_templateObject4","_templateObject5","NileElement","styles","__decorate","query","prototype","queryAll","state","property","reflect","type","String","attribute","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}

package/dist/nile-otp-input/nile-otp-input.css.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t\|\|(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject\|\|(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing, antialiased));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing, grayscale));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering, optimizeLegibility));\n }\n\n .form-control {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-sm, var(--ng-spacing-1-5));\n align-items: flex-start;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body ));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm ));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500 ));\n line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm ));\n letter-spacing: 0.2px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n }\n\n .otp {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-md, var(--ng-spacing-2));\n width: fit-content;\n max-width: 100%;\n }\n\n / ---- Base cell ---- /\n\n .otp__cell {\n box-sizing: border-box;\n width: var(--nile-spacing-5xl, var(--ng-spacing-10));\n height: var(--nile-spacing-5xl, var(--ng-spacing-10));\n min-height: var(--nile-spacing-5xl, var(--ng-spacing-10));\n padding: var(--nile-spacing-xxs, var(--ng-spacing-0-5)) var(--nile-spacing-md, var(--ng-spacing-2));\n border: 1px solid var(--nile-colors-border-field, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-radius-2xl, var(--ng-radius-lg));\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));\n text-align: center;\n font-family: var(--nile-font-family, var(--ng-font-family-display));\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n letter-spacing: 0.2px;\n overflow: clip;\n caret-color: transparent;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow, 150ms background-color, 150ms outline;\n }\n\n .otp__cell[type='password'] {\n font-family: caption;\n letter-spacing: 0;\n }\n / ---- Hover (mirrors .input--standard:hover) ---- /\n\n .otp:not(.otp--disabled):not(.otp--readonly) .otp__cell:hover {\n border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n }\n\n .otp--warning:not(.otp--disabled) .otp__cell:hover {\n border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n }\n\n .otp--error:not(.otp--disabled) .otp__cell:hover {\n border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n }\n\n .otp--success:not(.otp--disabled) .otp__cell:hover {\n border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n }\n\n / ---- Focus / active cell (mirrors .input--standard.input--focused) ---- /\n\n .otp__cell:focus {\n outline: none;\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand ));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n }\n\n .otp__cell--active {\n position: relative;\n cursor: text;\n caret-color: auto;\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary ));\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand ));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n }\n\n .otp__cell--active::before {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n box-shadow: inset 0 0 0 1px var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n }\n\n .otp--warning .otp__cell:focus,\n .otp--warning .otp__cell--active {\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n }\n\n .otp--warning .otp__cell--active::before {\n box-shadow: inset 0 0 0 1px var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .otp--success .otp__cell:focus,\n .otp--success .otp__cell--active {\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n }\n\n .otp--success .otp__cell--active::before {\n box-shadow: inset 0 0 0 1px var(--nile-colors-green-500, var(--ng-colors-border-success));\n }\n\n .otp--error .otp__cell:focus,\n .otp--error .otp__cell--active {\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n }\n\n .otp--error .otp__cell--active::before {\n box-shadow: inset 0 0 0 1px var(--nile-colors-red-500, var(--ng-colors-border-error));\n }\n\n .otp__cell::selection {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-primary ));\n color: var(--nile-colors-white-base, var(--ng-colors-fg-white));\n }\n\n .otp__cell::placeholder {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));\n opacity: 0.9;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));\n }\n\n / ---- Separator ---- /\n\n .otp__separator {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));\n font-family: var(--nile-font-family, var(--ng-font-family-display ));\n font-size: var(--nile-type-scale-7, var(--ng-font-size-text-xl));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-7, var(--ng-line-height-text-xl));\n user-select: none;\n }\n\n / ---- State: warning ---- /\n\n .otp--warning .otp__cell {\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle ));\n }\n\n / ---- State: error ---- /\n\n .otp--error .otp__cell {\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle ));\n }\n\n / ---- State: success ---- /\n\n .otp--success .otp__cell {\n border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n }\n\n / ---- State: readonly ---- /\n\n .otp--readonly .otp__cell {\n cursor: default;\n }\n\n / ---- State: disabled (mirrors .input--standard.input--disabled) ---- /\n\n .otp--disabled .otp__cell {\n cursor: not-allowed;\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled ));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled ));\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle ));\n }\n\n .otp--disabled .otp__cell::placeholder {\n color: var(--nile-input-standard-disabled-placeholder-font-color, var(--ng-colors-text-disabled ));\n }\n\n / ---- Hidden value input ---- /\n\n .otp__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n pointer-events: none;\n }\n\n / ---- Help text ---- /\n\n .form-control__help-text {\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body ));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm ));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400 ));\n line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm ));\n letter-spacing: 0.2px;\n }\n\n / ---- Error message ---- */\n\n .form-control__error-message {\n display: block;\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-1-5 ));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm ));\n font-style: normal;\n line-height: var(--nile-form-error-text-line-height, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n"]))));}};});
2	+ //# sourceMappingURL=nile-otp-input.css.cjs.js.map

package/dist/nile-otp-input/nile-otp-input.css.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nile-otp-input.css.cjs.js","sources":["../../../src/nile-otp-input/nile-otp-input.css.ts"],"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 { css } from 'lit';\n\n/**\n * OTP input CSS\n */\nexport const styles = css`\n :host {\n display: block;\n --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing, antialiased));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing, grayscale));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering, optimizeLegibility));\n }\n\n .form-control {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-sm, var(--ng-spacing-1-5));\n align-items: flex-start;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body ));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm ));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500 ));\n line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm ));\n letter-spacing: 0.2px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n }\n\n .otp {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-md, var(--ng-spacing-2));\n width: fit-content;\n max-width: 100%;\n }\n\n /* ---- Base cell ---- */\n\n .otp__cell {\n box-sizing: border-box;\n width: var(--nile-spacing-5xl, var(--ng-spacing-10));\n height: var(--nile-spacing-5xl, var(--ng-spacing-10));\n min-height: var(--nile-spacing-5xl, var(--ng-spacing-10));\n padding: var(--nile-spacing-xxs, var(--ng-spacing-0-5)) var(--nile-spacing-md, var(--ng-spacing-2));\n border: 1px solid var(--nile-colors-border-field, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-radius-2xl, var(--ng-radius-lg));\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));\n text-align: center;\n font-family: var(--nile-font-family, var(--ng-font-family-display));\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n letter-spacing: 0.2px;\n overflow: clip;\n caret-color: transparent;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow, 150ms background-color, 150ms outline;\n }\n\n .otp__cell[type='password'] {\n font-family: caption;\n letter-spacing: 0;\n }\n /* ---- Hover (mirrors .input--standard:hover) ---- */\n\n .otp:not(.otp--disabled):not(.otp--readonly) .otp__cell:hover {\n border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n }\n\n .otp--warning:not(.otp--disabled) .otp__cell:hover {\n border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n }\n\n .otp--error:not(.otp--disabled) .otp__cell:hover {\n border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n }\n\n .otp--success:not(.otp--disabled) .otp__cell:hover {\n border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n }\n\n /* ---- Focus / active cell (mirrors .input--standard.input--focused) ---- */\n\n .otp__cell:focus {\n outline: none;\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand ));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n }\n\n .otp__cell--active {\n position: relative;\n cursor: text;\n caret-color: auto;\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary ));\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand ));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n }\n\n .otp__cell--active::before {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n border-radius: inherit;\n box-shadow: inset 0 0 0 1px var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n }\n\n .otp--warning .otp__cell:focus,\n .otp--warning .otp__cell--active {\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n }\n\n .otp--warning .otp__cell--active::before {\n box-shadow: inset 0 0 0 1px var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .otp--success .otp__cell:focus,\n .otp--success .otp__cell--active {\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n }\n\n .otp--success .otp__cell--active::before {\n box-shadow: inset 0 0 0 1px var(--nile-colors-green-500, var(--ng-colors-border-success));\n }\n\n .otp--error .otp__cell:focus,\n .otp--error .otp__cell--active {\n border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n }\n\n .otp--error .otp__cell--active::before {\n box-shadow: inset 0 0 0 1px var(--nile-colors-red-500, var(--ng-colors-border-error));\n }\n\n .otp__cell::selection {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-primary ));\n color: var(--nile-colors-white-base, var(--ng-colors-fg-white));\n }\n\n .otp__cell::placeholder {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));\n opacity: 0.9;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));\n }\n\n /* ---- Separator ---- */\n\n .otp__separator {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));\n font-family: var(--nile-font-family, var(--ng-font-family-display ));\n font-size: var(--nile-type-scale-7, var(--ng-font-size-text-xl));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-7, var(--ng-line-height-text-xl));\n user-select: none;\n }\n\n /* ---- State: warning ---- */\n\n .otp--warning .otp__cell {\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle ));\n }\n\n /* ---- State: error ---- */\n\n .otp--error .otp__cell {\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle ));\n }\n\n /* ---- State: success ---- */\n\n .otp--success .otp__cell {\n border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n }\n\n /* ---- State: readonly ---- */\n\n .otp--readonly .otp__cell {\n cursor: default;\n }\n\n /* ---- State: disabled (mirrors .input--standard.input--disabled) ---- */\n\n .otp--disabled .otp__cell {\n cursor: not-allowed;\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled ));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled ));\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle ));\n }\n\n .otp--disabled .otp__cell::placeholder {\n color: var(--nile-input-standard-disabled-placeholder-font-color, var(--ng-colors-text-disabled ));\n }\n\n /* ---- Hidden value input ---- */\n\n .otp__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n pointer-events: none;\n }\n\n /* ---- Help text ---- */\n\n .form-control__help-text {\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body ));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm ));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400 ));\n line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm ));\n letter-spacing: 0.2px;\n }\n\n /* ---- Error message ---- */\n\n .form-control__error-message {\n display: block;\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-1-5 ));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm ));\n font-style: normal;\n line-height: var(--nile-form-error-text-line-height, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-otp-input/nile-otp-input.css.esm.js ADDED Viewed

@@ -0,0 +1,257 @@
+import{css as r}from"lit";const o=r`
+  :host {
+    display: block;
+    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing, antialiased));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing, grayscale));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering, optimizeLegibility));
+  }
+  .form-control {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nile-spacing-sm, var(--ng-spacing-1-5));
+    align-items: flex-start;
+  }
+  .form-control .form-control__label {
+    display: none;
+  }
+  .form-control--has-label .form-control__label {
+    display: inline-block;
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body ));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm ));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500 ));
+    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm ));
+    letter-spacing: 0.2px;
+  }
+  :host([required]) .form-control--has-label .form-control__label::after {
+    content: '*';
+    margin-inline-start: -2px;
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
+  }
+  .otp {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: var(--nile-spacing-md, var(--ng-spacing-2));
+    width: fit-content;
+    max-width: 100%;
+  }
+  /* ---- Base cell ---- */
+  .otp__cell {
+    box-sizing: border-box;
+    width: var(--nile-spacing-5xl, var(--ng-spacing-10));
+    height: var(--nile-spacing-5xl, var(--ng-spacing-10));
+    min-height: var(--nile-spacing-5xl, var(--ng-spacing-10));
+    padding: var(--nile-spacing-xxs, var(--ng-spacing-0-5)) var(--nile-spacing-md, var(--ng-spacing-2));
+    border: 1px solid var(--nile-colors-border-field, var(--ng-colors-border-primary));
+    border-radius: var(--nile-radius-radius-2xl, var(--ng-radius-lg));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));
+    outline: var(--nile-outline-none, var(--ng-private-outline-transparent));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));
+    text-align: center;
+    font-family: var(--nile-font-family, var(--ng-font-family-display));
+    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));
+    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));
+    letter-spacing: 0.2px;
+    overflow: clip;
+    caret-color: transparent;
+    cursor: pointer;
+    transition: 150ms color, 150ms border, 150ms box-shadow, 150ms background-color, 150ms outline;
+  }
+  .otp__cell[type='password'] {
+    font-family: caption;
+    letter-spacing: 0;
+  }
+  /* ---- Hover (mirrors .input--standard:hover) ---- */
+  .otp:not(.otp--disabled):not(.otp--readonly) .otp__cell:hover {
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));
+  }
+  .otp--warning:not(.otp--disabled) .otp__cell:hover {
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));
+  }
+  .otp--error:not(.otp--disabled) .otp__cell:hover {
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));
+  }
+  .otp--success:not(.otp--disabled) .otp__cell:hover {
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));
+  }
+  /* ---- Focus / active cell (mirrors .input--standard.input--focused) ---- */
+  .otp__cell:focus {
+    outline: none;
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand ));
+    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));
+  }
+  .otp__cell--active {
+    position: relative;
+    cursor: text;
+    caret-color: auto;
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary ));
+    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand ));
+    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));
+  }
+  .otp__cell--active::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    border-radius: inherit;
+    box-shadow: inset 0 0 0 1px var(--nile-colors-primary-500, var(--ng-colors-border-brand));
+  }
+  .otp--warning .otp__cell:focus,
+  .otp--warning .otp__cell--active {
+    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));
+    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));
+    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));
+  }
+  .otp--warning .otp__cell--active::before {
+    box-shadow: inset 0 0 0 1px var(--nile-colors-yellow-500, var(--ng-colors-border-warning));
+  }
+  .otp--success .otp__cell:focus,
+  .otp--success .otp__cell--active {
+    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));
+    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));
+    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));
+  }
+  .otp--success .otp__cell--active::before {
+    box-shadow: inset 0 0 0 1px var(--nile-colors-green-500, var(--ng-colors-border-success));
+  }
+  .otp--error .otp__cell:focus,
+  .otp--error .otp__cell--active {
+    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));
+    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-1));
+    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));
+  }
+  .otp--error .otp__cell--active::before {
+    box-shadow: inset 0 0 0 1px var(--nile-colors-red-500, var(--ng-colors-border-error));
+  }
+  .otp__cell::selection {
+    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-primary ));
+    color: var(--nile-colors-white-base, var(--ng-colors-fg-white));
+  }
+  .otp__cell::placeholder {
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));
+    opacity: 0.9;
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));
+  }
+  /* ---- Separator ---- */
+  .otp__separator {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder-subtle));
+    font-family: var(--nile-font-family, var(--ng-font-family-display ));
+    font-size: var(--nile-type-scale-7, var(--ng-font-size-text-xl));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));
+    line-height: var(--nile-type-scale-7, var(--ng-line-height-text-xl));
+    user-select: none;
+  }
+  /* ---- State: warning ---- */
+  .otp--warning .otp__cell {
+    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle ));
+  }
+  /* ---- State: error ---- */
+  .otp--error .otp__cell {
+    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle ));
+  }
+  /* ---- State: success ---- */
+  .otp--success .otp__cell {
+    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));
+  }
+  /* ---- State: readonly ---- */
+  .otp--readonly .otp__cell {
+    cursor: default;
+  }
+  /* ---- State: disabled (mirrors .input--standard.input--disabled) ---- */
+  .otp--disabled .otp__cell {
+    cursor: not-allowed;
+    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled ));
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled ));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle ));
+  }
+  .otp--disabled .otp__cell::placeholder {
+    color: var(--nile-input-standard-disabled-placeholder-font-color, var(--ng-colors-text-disabled ));
+  }
+  /* ---- Hidden value input ---- */
+  .otp__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+    pointer-events: none;
+  }
+  /* ---- Help text ---- */
+  .form-control__help-text {
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body ));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm ));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400 ));
+    line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm ));
+    letter-spacing: 0.2px;
+  }
+  /* ---- Error message ---- */
+  .form-control__error-message {
+    display: block;
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
+    margin-top: var(--nile-spacing-lg, var(--ng-spacing-1-5 ));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm ));
+    font-style: normal;
+    line-height: var(--nile-form-error-text-line-height, var(--ng-line-height-text-sm));
+    letter-spacing: 0.2px;
+  }
+`;export{o as s};

package/dist/nile-otp-input/nile-otp-input.enum.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register([],function(_export,_context){"use strict";var n,e,t,a,o;_export({a:void 0,b:void 0,d:void 0,O:void 0,c:void 0});return{setters:[],execute:function execute(){!function(n){n.NONE="none",n.TEXT="text",n.DECIMAL="decimal",n.NUMERIC="numeric",n.TEL="tel",n.SEARCH="search",n.EMAIL="email",n.URL="url";}(n\|\|_export("a",n={})),function(n){n.TEXT="text",n.PASSWORD="password";}(e\|\|_export("b",e={})),function(n){n.DONE="done",n.NEXT="next";}(t\|\|_export("d",t={})),function(n){n.ONE_TIME_CODE="one-time-code",n.OFF="off";}(a\|\|_export("O",a={})),function(n){n.NUMERIC="[0-9]",n.ALPHANUMERIC="[A-Za-z0-9]";}(o\|\|_export("c",o={}));}};});
2	+ //# sourceMappingURL=nile-otp-input.enum.cjs.js.map

package/dist/nile-otp-input/nile-otp-input.enum.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nile-otp-input.enum.cjs.js","sources":["../../../src/nile-otp-input/nile-otp-input.enum.ts"],"sourcesContent":["export enum OtpInputMode {\n NONE = 'none',\n TEXT = 'text',\n DECIMAL = 'decimal',\n NUMERIC = 'numeric',\n TEL = 'tel',\n SEARCH = 'search',\n EMAIL = 'email',\n URL = 'url',\n}\n\nexport enum OtpInputType {\n TEXT = 'text',\n PASSWORD = 'password',\n}\n\nexport enum OtpEnterKeyHint {\n DONE = 'done',\n NEXT = 'next',\n}\n\nexport enum OtpAutoComplete {\n ONE_TIME_CODE = 'one-time-code',\n OFF = 'off',\n}\n\nexport enum OtpCellPattern {\n NUMERIC = '[0-9]*',\n ALPHANUMERIC = '[A-Za-z0-9]*',\n}\n"],"names":["OtpInputMode","NONE","TEXT","DECIMAL","NUMERIC","TEL","SEARCH","EMAIL","URL","OtpInputType","PASSWORD","OtpEnterKeyHint","DONE","NEXT","OtpAutoComplete","ONE_TIME_CODE","OFF","OtpCellPattern","ALPHANUMERIC"],"mappings":"+KAAA,SAAYA,CAAAA,CAAAA,CACVA,EAAAC,IAAA,CAAA,MAAA,CACAD,EAAAE,IAAA,CAAA,MAAA,CACAF,EAAAG,OAAA,CAAA,SAAA,CACAH,EAAAI,OAAA,CAAA,SAAA,CACAJ,CAAA,CAAAK,GAAA,CAAA,KACAL,CAAAA,CAAAA,CAAAM,OAAA,QACAN,CAAAA,CAAAA,CAAAO,MAAA,OACAP,CAAAA,CAAAA,CAAAQ,IAAA,KACD,EATD,CAAYR,CAAAA,EAAAA,OAAAA,KAAAA,CAAAA,CASX,CAAA,CAED,CAAA,CAAA,CAAA,SAAYS,GACVA,CAAA,CAAAP,IAAA,CAAA,OACAO,CAAA,CAAAC,QAAA,CAAA,UACD,EAHD,CAAYD,CAAAA,EAAAA,OAAAA,KAAAA,EAGX,CAAA,CAAA,CAAA,CAAA,CAED,SAAYE,CACVA,CAAAA,CAAAA,CAAAA,CAAAC,KAAA,MACAD,CAAAA,CAAAA,CAAAE,KAAA,MACD,EAHD,CAAYF,CAAAA,EAAAA,OAAAA,KAAAA,CAAAA,CAGX,CAAA,CAED,CAAA,CAAA,CAAA,SAAYG,GACVA,CAAA,CAAAC,aAAA,CAAA,eACAD,CAAAA,CAAAA,CAAAE,GAAA,CAAA,KACD,EAHD,CAAYF,CAAAA,EAAAA,OAAAA,KAAAA,EAGX,CAAA,CAAA,CAAA,CAAA,CAED,SAAYG,CACVA,CAAAA,CAAAA,CAAAA,CAAAb,QAAA,QACAa,CAAAA,CAAAA,CAAAC,aAAA,cACD,EAHD,CAAYD,CAAAA,EAAAA,OAAAA,KAAAA,CAAAA,CAGX,CAAA"}

package/dist/nile-otp-input/nile-otp-input.enum.esm.js ADDED Viewed

@@ -0,0 +1 @@

+ var n,e,t,a,o;!function(n){n.NONE="none",n.TEXT="text",n.DECIMAL="decimal",n.NUMERIC="numeric",n.TEL="tel",n.SEARCH="search",n.EMAIL="email",n.URL="url"}(n||(n={})),function(n){n.TEXT="text",n.PASSWORD="password"}(e||(e={})),function(n){n.DONE="done",n.NEXT="next"}(t||(t={})),function(n){n.ONE_TIME_CODE="one-time-code",n.OFF="off"}(a||(a={})),function(n){n.NUMERIC="[0-9]*",n.ALPHANUMERIC="[A-Za-z0-9]*"}(o||(o={}));export{a as O,n as a,e as b,o as c,t as d};

package/dist/nile-otp-input/nile-otp-input.esm.js ADDED Viewed

@@ -0,0 +1,103 @@
+import{__decorate as t}from"tslib";import{html as i}from"lit";import{query as e,queryAll as s,state as r,property as h,customElement as l}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";import{ifDefined as o}from"lit/directives/if-defined.js";import{live as n}from"lit/directives/live.js";import{d}from"../internal/default-value.esm.js";import{F as u,v as c}from"../internal/form.esm.js";import{H as p}from"../internal/slot.esm.js";import{w as m}from"../internal/watch.esm.js";import{N as f}from"../internal/nile-element.esm.js";import{N as v,K as b}from"../internal/enum.esm.js";import{s as g}from"./nile-otp-input.css.esm.js";import{O as y,a as $,b as C,c as x,d as _}from"./nile-otp-input.enum.esm.js";import"../nile-form-help-text/nile-form-help-text.esm.js";import"../nile-form-error-message/nile-form-error-message.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../nile-form-help-text/nile-form-help-text.css.esm.js";import"../nile-form-error-message/nile-form-error-message.css.esm.js";let j=class extends f{constructor(){super(...arguments),this.formControlController=new u(this,{assumeInteractionOn:[v.NILE_BLUR,v.NILE_INPUT]}),this.hasSlotController=new p(this,"help-text","label"),this.customValidationMessage="",this.wasComplete=!1,this.hasFocus=!1,this.activeIndex=-1,this.cells=this.createCells(""),this.name="",this.value="",this.defaultValue="",this.length=6,this.numericOnly=!0,this.alphanumeric=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.separator="",this.separatorEvery=0,this.separatorPositions="",this.masked=!1,this.warning=!1,this.error=!1,this.success=!1,this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.autofocus=!1,this.autocomplete=y.ONE_TIME_CODE}connectedCallback(){super.connectedCallback(),this.emit(v.NILE_INIT)}disconnectedCallback(){super.disconnectedCallback(),this.emit(v.NILE_DESTROY)}firstUpdated(){const t=this.normalizeValue(this.value);t===this.value?(this.syncCellsFromValue(t),this.wasComplete=this.isComplete(t),this.valueInput.setCustomValidity(this.customValidationMessage),this.formControlController.updateValidity(),this.autofocus&&this.focus()):this.value=t}get validity(){return this.valueInput?.validity??c}get validationMessage(){return this.valueInput?.validationMessage??""}get complete(){return this.isComplete(this.value)}getNormalizedLength(){const t=Number.isFinite(this.length)?Math.trunc(this.length):6;return Math.max(4,t)}isNumericMode(){return this.numericOnly&&!this.alphanumeric}getResolvedInputMode(){return this.inputmode??(this.isNumericMode()?$.NUMERIC:$.TEXT)}getValidationPattern(){if(this.pattern)return this.pattern;const t=this.getNormalizedLength();return this.isNumericMode()?`[0-9]{${t}}`:`[A-Za-z0-9]{${t}}`}isAllowedCharacter(t){return this.isNumericMode()?/^[0-9]$/.test(t):/^[A-Za-z0-9]$/.test(t)}toOtpCharacters(t){return Array.from(t??"").filter((t=>this.isAllowedCharacter(t)))}normalizeValue(t){return this.toOtpCharacters(t??"").slice(0,this.getNormalizedLength()).join("")}createCells(t){const i=this.getNormalizedLength(),e=this.toOtpCharacters(t).slice(0,i);return Array.from({length:i},((t,i)=>e[i]??""))}syncCellsFromValue(t){this.cells=this.createCells(t)}isComplete(t){return t.length===this.getNormalizedLength()}getFirstEmptyIndex(){const t=this.cells.findIndex((t=>""===t));return-1===t?this.getNormalizedLength()-1:t}getSeparatorIndices(){const t=this.getNormalizedLength()-2,i=new Set;if(Number.isInteger(this.separatorEvery)&&this.separatorEvery>0)for(let e=this.separatorEvery-1;e<=t;e+=this.separatorEvery)i.add(e);return this.separatorPositions.trim().length>0&&this.separatorPositions.split(",").map((t=>Number.parseInt(t.trim(),10))).filter((i=>Number.isInteger(i)&&i>=0&&i<=t)).forEach((t=>i.add(t))),i}getCellPlaceholder(t){if(this.placeholder&&!this.cells[t])return-1===this.activeIndex?t===this.getFirstEmptyIndex()?this.placeholder:void 0:t===this.activeIndex?this.placeholder:void 0}focusCell(t,i){const e=this.cellInputs?.[t];e&&(e.focus(i),e.select())}updateCell(t,i){const e=[...this.cells];e[t]=i,this.cells=e}fillFromIndex(t,i){const e=[...this.cells];let s=t;for(const t of i){if(s>=e.length)break;e[s]=t,s+=1}return this.cells=e,s}commitUserValueUpdate(){const t=this.value,i=this.cells.join(""),e=this.isComplete(i);this.value=i,this.valueInput.value=i,this.valueInput.setCustomValidity(this.customValidationMessage),this.formControlController.updateValidity(),this.emit(v.NILE_INPUT,{value:i,complete:e}),t!==i&&this.emit(v.NILE_CHANGE,{value:i,complete:e}),e&&!this.wasComplete&&this.emit(v.NILE_COMPLETE,{value:i}),this.wasComplete=e}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleCellFocus(t){const i=t.target,e=Number(i.dataset.index??-1),s=this.getFirstEmptyIndex();e>s||e<s&&!this.cells[e]?this.focusCell(s):(this.activeIndex=e,i.select(),this.hasFocus||(this.hasFocus=!0,this.emit(v.NILE_FOCUS,{value:this.value})))}handleCellBlur(){queueMicrotask((()=>{const t=this.shadowRoot?.activeElement;!(t instanceof HTMLInputElement&&t.classList.contains("otp__cell"))&&this.hasFocus&&(this.hasFocus=!1,this.activeIndex=-1,this.emit(v.NILE_BLUR,{value:this.value}))}))}handleCellInput(t){const i=t.target,e=Number(i.dataset.index??0);if(this.disabled||this.readonly)return void(i.value=this.cells[e]??"");const s=this.toOtpCharacters(i.value);if(0===s.length)return this.updateCell(e,""),void this.commitUserValueUpdate();if(1===s.length){this.updateCell(e,s[0]),this.commitUserValueUpdate();const t=this.getFirstEmptyIndex();return void this.focusCell(t)}this.fillFromIndex(e,s),this.commitUserValueUpdate();const r=this.getFirstEmptyIndex();this.focusCell(r)}handleCellPaste(t){if(this.disabled||this.readonly)return;const i=t.clipboardData?.getData("text")??"",e=this.toOtpCharacters(i);if(!e.length)return;t.preventDefault(),this.fillFromIndex(0,e),this.commitUserValueUpdate();const s=this.getFirstEmptyIndex();this.focusCell(s),this.emit(v.NILE_PASTE,{value:this.value})}handleCellKeyDown(t){const i=t.metaKey||t.ctrlKey||t.altKey,e=t.target,s=Number(e.dataset.index??0);if(t.key===b.ENTER&&!i&&!t.shiftKey)return void setTimeout((()=>{t.defaultPrevented||t.isComposing||this.formControlController.submit()}));if(this.disabled||this.readonly)return;if(t.key===b.BACKSPACE||t.key===b.DELETE||t.key===b.ARROW_LEFT||t.key===b.ARROW_RIGHT||t.key===b.HOME||t.key===b.END||t.key===b.SPACE||1===t.key.length&&!i){if(t.preventDefault(),t.key===b.BACKSPACE)return this.cells[s]?(this.updateCell(s,""),this.commitUserValueUpdate(),void(s>0&&this.focusCell(s-1))):void(s>0&&(this.updateCell(s-1,""),this.commitUserValueUpdate(),this.focusCell(s-1)));if(t.key!==b.DELETE)if(t.key!==b.ARROW_LEFT)if(t.key!==b.ARROW_RIGHT)if(t.key!==b.HOME)if(t.key!==b.END){if(t.key!==b.SPACE&&1===t.key.length&&!i&&this.isAllowedCharacter(t.key)){this.updateCell(s,t.key),this.commitUserValueUpdate();const i=this.getFirstEmptyIndex();this.focusCell(i)}}else this.focusCell(this.getFirstEmptyIndex());else this.focusCell(0);else{s<this.getFirstEmptyIndex()&&this.focusCell(s+1)}else s>0&&this.focusCell(s-1);else this.cells[s]&&(this.updateCell(s,""),this.commitUserValueUpdate())}}handleLengthChange(){const t=this.getNormalizedLength();if(this.length!==t)return void(this.length=t);const i=this.normalizeValue(this.value);this.syncCellsFromValue(i),i===this.value?(this.wasComplete=this.isComplete(i),this.valueInput.value=i,this.valueInput.setCustomValidity(this.customValidationMessage),this.formControlController.updateValidity()):this.value=i}handleValueChange(){const t=this.normalizeValue(this.value);t===this.value?(this.syncCellsFromValue(t),this.wasComplete=this.isComplete(t),this.valueInput.value=t,this.valueInput.setCustomValidity(this.customValidationMessage),this.formControlController.updateValidity()):this.value=t}handleDisabledChange(){this.disabled?(this.hasFocus=!1,this.activeIndex=-1,this.formControlController.setValidity(!0)):this.formControlController.updateValidity()}handleNumericOnlyChange(){const t=this.normalizeValue(this.value);t===this.value?(this.syncCellsFromValue(t),this.wasComplete=this.isComplete(t),this.valueInput.value=t,this.valueInput.setCustomValidity(this.customValidationMessage),this.formControlController.updateValidity()):this.value=t}handlePatternChange(){this.valueInput.setCustomValidity(this.customValidationMessage),this.formControlController.updateValidity()}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.customValidationMessage=t,this.valueInput&&this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.focusCell(this.getFirstEmptyIndex(),t)}blur(){const t=this.shadowRoot?.activeElement;t instanceof HTMLElement&&t.blur()}clear(){this.disabled||this.readonly||(this.cells=Array.from({length:this.getNormalizedLength()},(()=>"")),this.commitUserValueUpdate(),this.focusCell(0))}render(){const t=this.getNormalizedLength(),e=this.getSeparatorIndices(),s=this.hasSlotController.test("label"),r=this.hasSlotController.test("help-text"),h=Boolean(this.label||s),l=Boolean(this.helpText||r),d=Boolean(this.errorMessage),u=[l?"help-text":"",d?"error-message":""].filter(Boolean).join(" ");return i`
+      <div
+        part="form-control"
+        class=${a({"form-control":!0,"form-control--has-label":h})}
+      >
+        <label
+          id="label"
+          part="form-control-label"
+          class="form-control__label"
+          aria-hidden=${h?"false":"true"}
+        >
+          <slot name="label">${this.label}</slot>
+        </label>
+        <div part="form-control-input" class="form-control-input">
+          <div
+            part="base"
+            class=${a({otp:!0,"otp--warning":this.warning,"otp--error":this.error,"otp--success":this.success,"otp--disabled":this.disabled,"otp--readonly":this.readonly})}
+            role="group"
+            aria-labelledby=${o(h?"label":void 0)}
+            aria-label=${o(h?void 0:"One-time password")}
+            aria-describedby=${o(u||void 0)}
+            aria-disabled=${this.disabled?"true":"false"}
+          >
+            ${Array.from({length:t},((s,r)=>{const h=this.cells[r]??"";return i`
+                <input
+                  part="cell"
+                  class=${a({otp__cell:!0,"otp__cell--active":this.activeIndex===r})}
+                  data-index=${r}
+                  type=${this.masked&&h&&this.activeIndex!==r?C.PASSWORD:C.TEXT}
+                  maxlength="1"
+                  .value=${n(h)}
+                  ?disabled=${this.disabled}
+                  ?readonly=${this.readonly}
+                  placeholder=${o(this.getCellPlaceholder(r))}
+                  inputmode=${o(this.getResolvedInputMode())}
+                  pattern=${this.isNumericMode()?x.NUMERIC:x.ALPHANUMERIC}
+                  autocapitalize="none"
+                  autocorrect="off"
+                  spellcheck="false"
+                  autocomplete=${0===r?this.autocomplete:y.OFF}
+                  enterkeyhint=${r===t-1?_.DONE:_.NEXT}
+                  aria-label=${`Digit ${r+1} of ${t}`}
+                  aria-describedby=${o(u||void 0)}
+                  aria-invalid=${this.hasAttribute("data-user-invalid")?"true":"false"}
+                  @focus=${this.handleCellFocus}
+                  @blur=${this.handleCellBlur}
+                  @keydown=${this.handleCellKeyDown}
+                  @input=${this.handleCellInput}
+                  @paste=${this.handleCellPaste}
+                />
+                ${this.separator&&e.has(r)?i`
+                      <span
+                        class="otp__separator"
+                        part="separator"
+                        aria-hidden="true"
+                      >
+                        ${this.separator}
+                      </span>
+                    `:""}
+              `}))}
+            <input
+              class="otp__value-input"
+              type="text"
+              .value=${n(this.value)}
+              ?required=${this.required}
+              ?disabled=${this.disabled}
+              minlength=${t}
+              maxlength=${t}
+              pattern=${this.getValidationPattern()}
+              tabindex="-1"
+              aria-hidden="true"
+              @focus=${()=>this.focus()}
+              @invalid=${this.handleInvalid}
+            />
+          </div>
+        </div>
+        ${l?i`
+              <div
+                id="help-text"
+                part="form-control-help-text"
+                class="form-control__help-text"
+              >
+                <nile-form-help-text>
+                  <slot name="help-text">${this.helpText}</slot>
+                </nile-form-help-text>
+              </div>
+            `:""}
+        ${d?i`
+              <div
+                id="error-message"
+                part="form-control-error-message"
+                class="form-control__error-message"
+              >
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              </div>
+            `:""}
+      </div>
+    `}};j.styles=g,t([e(".otp__value-input")],j.prototype,"valueInput",void 0),t([s(".otp__cell")],j.prototype,"cellInputs",void 0),t([r()],j.prototype,"hasFocus",void 0),t([r()],j.prototype,"activeIndex",void 0),t([r()],j.prototype,"cells",void 0),t([h({reflect:!0,type:String,attribute:!0})],j.prototype,"name",void 0),t([h({reflect:!0,type:String,attribute:!0})],j.prototype,"value",void 0),t([d()],j.prototype,"defaultValue",void 0),t([h({type:Number,reflect:!0,attribute:!0})],j.prototype,"length",void 0),t([h({type:Boolean,reflect:!0,attribute:!0})],j.prototype,"numericOnly",void 0),t([h({type:Boolean,reflect:!0,attribute:!0})],j.prototype,"alphanumeric",void 0),t([h({reflect:!0,attribute:!0,type:String})],j.prototype,"label",void 0),t([h({attribute:!0,reflect:!0,type:String})],j.prototype,"helpText",void 0),t([h({attribute:!0,reflect:!0,type:String})],j.prototype,"errorMessage",void 0),t([h({reflect:!0,attribute:!0,type:String})],j.prototype,"placeholder",void 0),t([h({reflect:!0,type:String})],j.prototype,"separator",void 0),t([h({type:Number,attribute:!0,reflect:!0})],j.prototype,"separatorEvery",void 0),t([h({attribute:"separator-positions",type:String,reflect:!0})],j.prototype,"separatorPositions",void 0),t([h({type:Boolean,reflect:!0})],j.prototype,"masked",void 0),t([h({type:Boolean,attribute:!0,reflect:!0})],j.prototype,"warning",void 0),t([h({type:Boolean,attribute:!0,reflect:!0})],j.prototype,"error",void 0),t([h({type:Boolean,attribute:!0,reflect:!0})],j.prototype,"success",void 0),t([h({type:Boolean,reflect:!0,attribute:!0})],j.prototype,"disabled",void 0),t([h({type:Boolean,attribute:!0,reflect:!0})],j.prototype,"readonly",void 0),t([h({reflect:!0,attribute:!0,type:String})],j.prototype,"form",void 0),t([h({type:Boolean,reflect:!0,attribute:!0})],j.prototype,"required",void 0),t([h({reflect:!0,attribute:!0,type:String})],j.prototype,"pattern",void 0),t([h({type:Boolean,reflect:!0,attribute:!0})],j.prototype,"autofocus",void 0),t([h({reflect:!0,attribute:!0,type:String})],j.prototype,"inputmode",void 0),t([h({reflect:!0,type:String})],j.prototype,"autocomplete",void 0),t([m("length",{waitUntilFirstUpdate:!0})],j.prototype,"handleLengthChange",null),t([m("value",{waitUntilFirstUpdate:!0})],j.prototype,"handleValueChange",null),t([m("disabled",{waitUntilFirstUpdate:!0})],j.prototype,"handleDisabledChange",null),t([m("numericOnly",{waitUntilFirstUpdate:!0})],j.prototype,"handleNumericOnlyChange",null),t([m("pattern",{waitUntilFirstUpdate:!0})],j.prototype,"handlePatternChange",null),j=t([l("nile-otp-input")],j);export{j as N};

package/dist/nile-page-header/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["./nile-page-header.cjs.js","tslib","lit","lit/decorators.js","./nile-page-header.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nilePageHeaderCjsJs){_export("NilePageHeader",_nilePageHeaderCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nilePageHeaderCssCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-page-header.cjs.js","tslib","lit","lit/decorators.js","./nile-page-header.css.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nilePageHeaderCjsJs){_export("NilePageHeader",_nilePageHeaderCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nilePageHeaderCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-page-header/index.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{N as NilePageHeader}from"./nile-page-header.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-page-header.css.esm.js";import"../internal/nile-element.esm.js";
1	+ export{N as NilePageHeader}from"./nile-page-header.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-page-header.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";

package/dist/nile-page-header/nile-page-header.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-page-header.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,s,t,r,a,i,_templateObject,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;r=_litDecoratorsJs.customElement;},function(_nilePageHeaderCssCjsJs){a=_nilePageHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_i){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.heading="",_this.subHeading="";return _this;}_inherits(d,_i);return _createClass(d,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["<slot class=\"header\">\n      <slot\n        name=\"header__heading\"\n        class=\"header__heading\"\n        part=\"header__heading\"\n        ?hidden=\"","\"\n      >\n        ","\n      </slot>\n      <slot\n        name=\"header__subheading\"\n        class=\"header__subheading\"\n        part=\"header__subheading\"\n        ?hidden=\"","\"\n      >\n        ","\n      </slot>\n    </slot>"])),!this.heading,this.heading,!this.subHeading,this.subHeading);}}],[{key:"styles",get:function get(){return[a];}}]);}(i));e([t({reflect:!0,attribute:"heading"})],d.prototype,"heading",void 0),e([t({reflect:!0,attribute:"sub-heading"})],d.prototype,"subHeading",void 0),_export("N",d=e([r("nile-page-header")],d));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-page-header.css.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var e,s,t,i,r,a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nilePageHeaderCssCjsJs){r=_nilePageHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_a){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.heading="",_this.subHeading="";return _this;}_inherits(n,_a);return _createClass(n,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["<slot class=\"header\">\n      <slot\n        name=\"header__heading\"\n        class=\"header__heading\"\n        part=\"header__heading\"\n        ?hidden=\"","\"\n      >\n        ","\n      </slot>\n      <slot\n        name=\"header__subheading\"\n        class=\"header__subheading\"\n        part=\"header__subheading\"\n        ?hidden=\"","\"\n      >\n        ","\n      </slot>\n    </slot>"])),!this.heading,this.heading,!this.subHeading,this.subHeading);}}],[{key:"styles",get:function get(){return[r];}}]);}(a));e([t({reflect:!0,attribute:"heading"})],n.prototype,"heading",void 0),e([t({reflect:!0,attribute:"sub-heading"})],n.prototype,"subHeading",void 0),_export("N",n=e([i("nile-page-header")],n));}};});
 //# sourceMappingURL=nile-page-header.cjs.js.map