https://espace.labelleouvrage.fr/build/assets/otp-input.component-D8b06RGf.js

1import { A as l } from "./popover.directive-CK8g3Qyq.js";
2import "./index-C44AX5GR.js";
3import "./purifier-DwKNMBJW.js";
4import "./tinymce-config-DsR_gYMT.js";
5class c extends l {
6  constructor(t, s = "") {
7    super(), this.length = t, this.value = s;
8  }
9  init() {
10    super.init();
11  }
12  get inputs() {
13    const t = this.$refs.otpInputContainer;
14    return t ? t.querySelectorAll(".otp-input") : [];
15  }
16  handleInput(t, s) {
17    const n = t.target, i = [...this.inputs].map((e) => e.value);
18    if (this.value = i.join(""), n?.value) {
19      const e = this.inputs[s + 1];
20      e && (e.focus(), e.select());
21    }
22  }
23  handlePaste(t) {
24    t.preventDefault();
25    const n = (t.clipboardData?.getData("text") ?? "").replace(/\D+/g, "").slice(0, this.length);
26    [...this.inputs].forEach((o) => o.value = ""), n.split("").forEach((o, u) => {
27      const p = this.inputs[u];
28      p && (p.value = o);
29    }), this.value = [...this.inputs].map((o) => o.value).join("");
30    const i = n.length - 1, e = this.inputs[Math.min(i + 1, this.length - 1)];
31    e && e.focus();
32  }
33  handleBackspace(t, s) {
34    if (s > 0) {
35      const n = this.inputs[s - 1];
36      if (n) {
37        n.focus();
38        const i = n.value.length;
39        n.setSelectionRange(i, i);
40      }
41    }
42  }
43}
44const m = (a, t) => new c(a, t);
45export {
46  c as OtpInputComponent,
47  m as default
48};