rule('numeric'); // Integer validation does not allow leading zeros. $this->rule(static fn (OneTimeCodeInput $component): string => "digits:{$component->getLength()}"); } public function length(int | Closure $length): static { $this->length = $length; return $this; } public function getLength(): int { return $this->evaluate($this->length); } public function toEmbeddedHtml(): string { $length = $this->getLength(); $entangle = $this->applyStateBindingModifiers("\$entangle('{$this->getStatePath()}')"); $containerAttributes = $this->getExtraAttributeBag() ->merge($this->getExtraAlpineAttributes(), escape: false) ->class(['fi-one-time-code-input-ctn']); // The first input carries the `one-time-code` autocomplete so that browser and OS // autofill targets it. The component then distributes the filled value across the // remaining inputs. $inputAttributes = $this->getExtraInputAttributeBag() ->merge([ 'autofocus' => $this->isAutofocused(), 'disabled' => $this->isDisabled(), 'id' => $this->getId(), 'readonly' => $this->isReadOnly(), 'required' => $this->isRequired() && (! $this->isConcealed()), ], escape: false); // The remaining inputs mirror the first input's resolved `disabled` and `readonly` // state so that an `extraInputAttributes()` override applies to every digit. $isDisabled = filter_var($inputAttributes->get('disabled'), FILTER_VALIDATE_BOOLEAN); $isReadOnly = filter_var($inputAttributes->get('readonly'), FILTER_VALIDATE_BOOLEAN); ob_start(); ?>
toHtml() ?> > class(['fi-one-time-code-input-digit'])->toHtml() ?> /> disabled readonly class="fi-one-time-code-input-digit" />
wrapEmbeddedHtml(ob_get_clean()); } }