bitboss-ui 2.1.105 → 2.1.106

package/dist/index24.js

@@ -1,25 +1,24 @@
-import { defineComponent as Ye, watchEffect as Ie, ref as y, computed as h, watch as N, onBeforeUnmount as Fe, createBlock as Ee, openBlock as A, normalizeClass as _, withCtx as g, createElementVNode as p, createVNode as H, unref as f, createElementBlock as W, withDirectives as we, createCommentVNode as Ae, toDisplayString as U, mergeProps as ae, withModifiers as Be, renderSlot as Y } from "vue";
-import { _config as te } from "./index4.js";
-import c from "./index225.js";
-import Ce from "./index289.js";
-import ne from "./index290.js";
-import Le from "./index226.js";
-import Oe from "./index227.js";
-import Pe from "./index291.js";
-import { identity as Re } from "./index256.js";
-import { isEmpty as qe } from "./index281.js";
-import { useId as Te } from "./index8.js";
-import { useLocale as je } from "./index238.js";
-import { useMobile as Ne } from "./index9.js";
-import { vMaska as _e } from "./index258.js";
-import He from "./index22.js";
+import { defineComponent as Ke, watchEffect as Ue, ref as F, computed as _, watch as pe, onBeforeUnmount as Ge, createBlock as Je, openBlock as E, normalizeClass as O, withCtx as w, createElementVNode as V, createVNode as X, unref as x, createElementBlock as R, createCommentVNode as ee, toDisplayString as q, Fragment as ge, renderList as Ze, withModifiers as Qe, renderSlot as B, mergeProps as Xe } from "vue";
+import { _config as be } from "./index4.js";
+import b from "./index226.js";
+import et from "./index286.js";
+import ve from "./index287.js";
+import tt from "./index227.js";
+import at from "./index228.js";
+import nt from "./index288.js";
+import { isEmpty as rt } from "./index262.js";
+import { useId as ot } from "./index8.js";
+import { useLocale as it } from "./index239.js";
+import { useLogger as lt } from "./index233.js";
+import { useMobile as st } from "./index9.js";
+import ut from "./index22.js";
 /* empty css        */
-import We from "./index138.js";
+import dt from "./index138.js";
 /* empty css         */
-import Ue from "./index140.js";
-import Ke from "./index248.js";
+import ct from "./index140.js";
+import ft from "./index257.js";
 /* empty css         */
-const ze = { class: "bb-base-date-picker-input__inner-wrapper" }, Ge = ["id", "aria-invalid", "aria-label", "autocomplete", "autofocus", "disabled", "name", "readonly", "required", "value"], Xe = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Ze = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Je = ["id", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Qe = ["aria-label", "aria-expanded", "disabled"], xe = ["inert"], K = "DD/MM/YYYY", k = "YYYY-MM-DD", Da = /* @__PURE__ */ Ye({
+const mt = { class: "bb-base-date-picker-input__inner-wrapper" }, pt = ["id", "aria-invalid", "aria-label", "autocomplete", "autofocus", "disabled", "inputmode", "maxlength", "name", "readonly", "required", "tabindex", "value", "onBlur", "onFocus", "onInput", "onKeydown", "onPaste"], gt = ["onClick"], bt = ["aria-label", "aria-expanded", "disabled"], vt = ["inert"], D = "YYYY-MM-DD", xt = /* @__PURE__ */ Ke({
   __name: "BaseDatePickerInput",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -44,491 +43,554 @@ const ze = { class: "bb-base-date-picker-input__inner-wrapper" }, Ge = ["id", "a
     readonly: { type: Boolean },
     required: { type: Boolean },
     selectable: {},
+    hidePopover: { type: [Boolean, String] },
     transitionDuration: {}
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  setup(re, { emit: oe }) {
-    const le = { it: Pe, en: ne };
-    c.extend(Ce), c.extend(Le), c.extend(Oe), Ie(() => {
-      c.locale(le[te.locale] ?? ne);
+  setup(ye, { emit: he }) {
+    const ke = { it: nt, en: ve };
+    b.extend(et), b.extend(tt), b.extend(at), Ue(() => {
+      b.locale(ke[be.locale] ?? ve);
     });
-    const n = re, m = oe, { t: v } = je(), ie = /^\d{2}\/\d{2}\/\d{4}$/, z = y(null), B = y(null), G = y(null), ue = y(null), D = y(null), X = y(null), V = n.id || `bdpi-${Te().id.value}`, I = `bdpi-description_${V}`, Z = `bdpi-calendar_${V}`, { isMobile: se } = Ne(), J = h(() => n.range ? !1 : n.allowWriting === "not-mobile" ? !se.value : !!n.allowWriting), F = h(
-      () => !!n.readonly || !!n.range || !J.value
-    ), de = h(() => J.value ? "numeric" : "none"), pe = h(() => ({
+    const n = ye, f = he, { t: S } = it(), C = lt(), te = F(null), j = F(null), ae = F(null), ne = F(null), A = n.id || `bdpi-${ot().id.value}`, re = `bdpi-description_${A}`, oe = `bdpi-calendar_${A}`, { isMobile: ie } = st(), le = _(() => n.allowWriting === "not-mobile" ? !ie.value : !!n.allowWriting), se = _(() => n.hidePopover === "not-mobile" ? !ie.value : !!n.hidePopover), De = _(
+      () => !!n.readonly || !le.value
+    ), _e = _(() => le.value ? "numeric" : "none"), Ve = _(() => ({
       "bb-base-date-picker-input": !0,
-      "bb-base-date-picker-input--active": E.value,
+      "bb-base-date-picker-input--active": T.value,
       "bb-base-date-picker-input--errors": n.hasErrors,
       "bb-base-date-picker-input--loading": n.loading,
       "bb-base-date-picker-input--readonly": n.readonly,
       "bb-base-date-picker-input--disabled": n.disabled,
-      "bb-base-date-picker-input--compact": n.compact
+      "bb-base-date-picker-input--compact": n.compact,
+      "bb-base-date-picker-input--range": n.range
     }));
-    if (n.min && !c(n.min, k, !0).isValid())
-      throw new Error("Min must be in the format YYYY-MM-DD");
-    if (n.max && !c(n.max, k, !0).isValid())
-      throw new Error("Max must be in the format YYYY-MM-DD");
-    const C = (e) => n.floating ? e.format(k) : e.toISOString(), S = (e) => n.floating ? c(e, k, !0) : c(e), ce = (e) => {
-      if (!ie.test(e)) return null;
-      const a = c(e, K, !0);
-      return a.isValid() ? a : null;
-    }, me = {
-      onInput: (e) => {
-        if (n.range) return;
-        const a = e.target;
-        if (!(a instanceof HTMLInputElement)) return;
-        if (D.value = a.value, a.value === "") {
-          m("update:modelValue", null);
-          return;
-        }
-        const t = ce(a.value);
-        if (t) {
-          if (Q(t)) {
-            a.value = "", D.value = "", m("update:modelValue", null), m("error", "invalid_date_typed");
-            return;
-          }
-          m("update:modelValue", C(t));
-        }
-      },
-      onFocus: (e) => m("focus", e)
-    }, E = y(!1), fe = () => {
-      E.value || (m("active"), E.value = !0, document.addEventListener("focusin", $), document.addEventListener("click", $));
-    }, $ = (e) => {
-      const a = e.target;
-      a instanceof HTMLElement && B.value?.$el && (B.value.$el.contains(a) || z.value?.contains(a) || (De(), E.value = !1, m("inactive"), document.removeEventListener("focusin", $), document.removeEventListener("click", $)));
-    }, L = (e) => {
-      if (!e) return null;
-      if (Array.isArray(e)) {
-        const [t, r] = e, i = [t, r].filter(Re).map((u) => {
-          const d = S(u);
-          return d.isValid() ? d.format(K) : "";
-        }).filter(Boolean);
-        return i.length ? i.join(" - ") : null;
-      }
-      const a = S(e);
-      return a.isValid() ? a.format(K) : null;
-    }, ve = h(() => D.value !== null ? D.value : L(n.modelValue));
-    N(
-      () => n.modelValue,
-      (e) => {
-        D.value = L(e);
-      }
+    n.min && (b(n.min, D, !0).isValid() || C.throw("BaseDatePickerInput: min must be in the format YYYY-MM-DD")), n.max && (b(n.max, D, !0).isValid() || C.throw("BaseDatePickerInput: max must be in the format YYYY-MM-DD"));
+    const Se = n.allowWriting !== !1, Ye = n.hidePopover !== !0, we = n.allowWriting === !0, Me = n.hidePopover !== !0 && n.hidePopover !== "not-mobile";
+    !Se && !Ye && C.throw(
+      "BaseDatePickerInput: desktop users would have no interaction method — allowWriting:false and hidePopover:true cannot be combined."
+    ), !we && !Me && C.throw(
+      'BaseDatePickerInput: mobile users would have no interaction method — combine allowWriting:"not-mobile" with hidePopover:"not-mobile" to allow the calendar in mobile while still hiding the virtual keyboard.'
     );
-    const b = y(!1), O = (e) => {
-      const a = e.target;
-      a && a instanceof HTMLDialogElement && (b.value = !1);
-    }, be = () => {
-      n.disabled || n.readonly || (b.value = !0);
+    const p = (e) => n.floating ? e.format(D) : e.toISOString(), z = (e) => n.floating ? b(e, D, !0) : b(e), T = F(!1), $e = () => {
+      T.value || (f("active"), T.value = !0, document.addEventListener("focusin", I), document.addEventListener("click", I));
+    }, I = (e) => {
+      const t = e.target;
+      t instanceof HTMLElement && j.value?.$el && (j.value.$el.contains(t) || te.value?.contains(t) || (ze(), T.value = !1, f("inactive"), document.removeEventListener("focusin", I), document.removeEventListener("click", I)));
+    }, Y = F(!1), K = (e) => {
+      const t = e.target;
+      t && t instanceof HTMLDialogElement && (Y.value = !1);
+    }, Fe = () => {
+      n.disabled || n.readonly || se.value || (Y.value = !0);
     };
-    N(b, (e) => {
-      e ? document.addEventListener("click", O, { passive: !0 }) : (X.value?.resetStatus(), document.removeEventListener("click", O));
+    pe(Y, (e) => {
+      e ? document.addEventListener("click", K, { passive: !0 }) : (ne.value?.resetStatus(), document.removeEventListener("click", K));
     });
-    const ye = (e) => n.range ? Array.isArray(e) && e.length === 2 : !!e, ge = {
+    const Ie = (e) => n.range ? Array.isArray(e) && e.length === 2 : !!e, Pe = {
       "onUpdate:modelValue": (e) => {
-        m("update:modelValue", e), ye(e) && (b.value = !1);
+        f("update:modelValue", e), Ie(e) && (Y.value = !1);
       }
-    }, ke = h(() => {
+    }, Ee = _(() => {
       if (n.range) {
-        const e = Array.isArray(n.modelValue) ? n.modelValue : [], [a, t] = e;
-        if (!a || !t) return v("baseDatePickerInput.emptyRange").value;
-        const r = S(a), i = S(t);
-        return !r.isValid() || !i.isValid() ? v("baseDatePickerInput.emptyRange").value : v(
+        const e = Array.isArray(n.modelValue) ? n.modelValue : [], [t, a] = e;
+        if (!t || !a) return S("baseDatePickerInput.emptyRange").value;
+        const r = z(t), i = z(a);
+        return !r.isValid() || !i.isValid() ? S("baseDatePickerInput.emptyRange").value : S(
           "baseDatePickerInput.changeSelectionRange",
           r.format("D MMMM YYYY"),
           i.format("D MMMM YYYY")
         ).value;
       }
       if (typeof n.modelValue == "string") {
-        const e = S(n.modelValue);
-        return e.isValid() ? v(
+        const e = z(n.modelValue);
+        return e.isValid() ? S(
           "baseDatePickerInput.changeSelection",
           e.format("D MMMM YYYY")
-        ).value : v("baseDatePickerInput.emptySelection").value;
+        ).value : S("baseDatePickerInput.emptySelection").value;
       }
-      return v("baseDatePickerInput.emptySelection").value;
-    }), Q = (e) => {
+      return S("baseDatePickerInput.emptySelection").value;
+    }), N = (e) => {
       if (!e.isValid()) return !0;
-      let a = !0;
+      let t = !0;
       if (n.min) {
-        const t = c(n.min, k, !0);
-        a &&= e.isSameOrAfter(t);
+        const a = b(n.min, D, !0);
+        t &&= e.isSameOrAfter(a);
       }
       if (n.max) {
-        const t = c(n.max, k, !0);
-        a &&= e.isSameOrBefore(t);
+        const a = b(n.max, D, !0);
+        t &&= e.isSameOrBefore(a);
       }
-      return typeof n.selectable == "function" && (a &&= n.selectable(C(e))), !a;
-    }, he = () => {
-      n.range ? m("update:modelValue", []) : m("update:modelValue", null);
-    }, s = {
-      day: null,
-      month: null,
-      year: null
-    }, o = h(() => te.locale === "en" ? ["month", "day", "year"] : ["day", "month", "year"]), l = y({
+      return typeof n.selectable == "function" && (t &&= n.selectable(p(e))), !t;
+    }, Be = () => {
+      n.range ? f("update:modelValue", []) : f("update:modelValue", null);
+    }, W = (e) => `${e.segment}.${e.field}`, Ce = _(() => be.locale === "en" ? ["month", "day", "year"] : ["day", "month", "year"]), u = _(() => {
+      const e = Ce.value, t = e.map((r) => ({
+        segment: "start",
+        field: r
+      }));
+      if (!n.range) return t;
+      const a = e.map((r) => ({
+        segment: "end",
+        field: r
+      }));
+      return [...t, ...a];
+    }), y = () => ({
       day: "",
       month: "",
       year: ""
-    }), w = (e) => {
-      if (!e || Array.isArray(e)) {
-        l.value = { day: "", month: "", year: "" };
+    }), l = F({
+      start: y(),
+      end: y()
+    }), L = {}, Ae = (e) => {
+      for (const t in L)
+        if (L[t] === e) return !0;
+      return !1;
+    }, Le = (e) => n.range ? `${A}-${e.segment}-${e.field}` : `${A}-${e.field}`, Oe = (e) => {
+      if (n.name)
+        return n.range ? `${n.name}-${e.segment}-${e.field}` : `${n.name}-${e.field}`;
+    }, xe = (e) => {
+      const t = {
+        day: "Day",
+        month: "Month",
+        year: "Year"
+      };
+      return n.range ? `${e.segment === "start" ? "Start" : "End"} ${t[e.field].toLowerCase()}` : t[e.field];
+    }, Re = _(() => n.placeholder ? n.placeholder : n.range ? "DD/MM/YYYY – DD/MM/YYYY" : "DD/MM/YYYY"), ue = _(() => {
+      const e = l.value.start, t = !e.day && !e.month && !e.year;
+      if (!n.range) return t;
+      const a = l.value.end, r = !a.day && !a.month && !a.year;
+      return t && r;
+    }), U = (e) => {
+      if (!e) return y();
+      const t = z(e);
+      return t.isValid() ? {
+        day: t.format("DD"),
+        month: t.format("MM"),
+        year: t.format("YYYY")
+      } : y();
+    }, H = (e) => {
+      if (!e) {
+        l.value = { start: y(), end: y() };
         return;
       }
-      const a = S(e);
-      if (!a.isValid()) {
-        l.value = { day: "", month: "", year: "" };
+      if (n.range) {
+        const t = Array.isArray(e) ? e : [], [a, r] = t;
+        l.value = {
+          start: U(a),
+          end: U(r)
+        };
         return;
       }
-      l.value = {
-        day: a.format("DD"),
-        month: a.format("MM"),
-        year: a.format("YYYY")
-      };
-    }, De = () => {
-      if (n.range) {
-        D.value = L(n.modelValue);
+      if (Array.isArray(e)) {
+        l.value = { start: y(), end: y() };
         return;
       }
-      w(n.modelValue);
+      l.value = {
+        start: U(e),
+        end: y()
+      };
+    }, ze = () => {
+      H(n.modelValue);
     };
-    w(n.modelValue), N(
+    H(n.modelValue), pe(
       () => n.modelValue,
       (e) => {
         if (e === null || Array.isArray(e) && e.length === 0) {
-          w(e), D.value = null;
+          H(e);
           return;
         }
-        document.activeElement && Object.values(s).includes(
-          document.activeElement
-        ) || w(e);
+        const t = document.activeElement;
+        t && Ae(t) || H(e);
       }
     );
-    const P = (e) => ({
-      day: "Day",
-      month: "Month",
-      year: "Year"
-    })[e], x = h(() => !l.value.day && !l.value.month && !l.value.year), Ve = () => {
-      const e = o.value[0];
-      s[e]?.focus();
-    }, Me = () => {
-      const { day: e, month: a, year: t } = l.value;
-      if (!e && !a && !t) {
-        m("update:modelValue", null);
-        return;
+    const $ = (e, t = {}) => {
+      const a = L[W(e)];
+      a && (a.focus(), t.select ? a.select() : t.caretToEnd ? a.setSelectionRange(a.value.length, a.value.length) : t.caretToStart && a.setSelectionRange(0, 0));
+    }, Te = () => {
+      $(u.value[0]);
+    }, P = (e) => u.value.findIndex(
+      (t) => t.segment === e.segment && t.field === e.field
+    ), de = (e) => {
+      const t = P(e);
+      t < u.value.length - 1 && $(u.value[t + 1], { select: !0 });
+    }, ce = (e) => {
+      const t = P(e);
+      t > 0 && $(u.value[t - 1], { caretToEnd: !0 });
+    }, fe = (e) => {
+      const t = l.value[e];
+      return (t.day ? 1 : 0) + (t.month ? 1 : 0) + (t.year ? 1 : 0) === 0 ? "empty" : t.day && t.month && t.year && t.year.length === 4 ? "complete" : "partial";
+    }, G = (e) => {
+      const t = l.value[e];
+      if (!t.day || !t.month || !t.year) return null;
+      const a = parseInt(t.day, 10), r = parseInt(t.month, 10), i = parseInt(t.year, 10);
+      if (a < 1 || a > 31 || r < 1 || r > 12 || i < 1e3 || i > 9999)
+        return null;
+      const o = t.year.padStart(4, "0"), d = t.month.padStart(2, "0"), v = t.day.padStart(2, "0"), m = `${o}-${d}-${v}`;
+      let c = b(m, D, !0);
+      if (!c.isValid()) {
+        const M = b(
+          `${o}-${d}-01`,
+          D,
+          !0
+        ).endOf("month").date(), s = Math.min(a, M), g = `${o}-${d}-${String(s).padStart(2, "0")}`;
+        c = b(g, D, !0), l.value[e].day = String(s).padStart(2, "0");
       }
-      if (!e || !a || !t)
-        return;
-      const r = parseInt(e, 10), i = parseInt(a, 10), u = parseInt(t, 10);
-      if (r < 1 || r > 31 || i < 1 || i > 12 || u < 1e3 || u > 9999)
+      return c.isValid() ? c : null;
+    }, J = (e) => ({
+      day: e.format("DD"),
+      month: e.format("MM"),
+      year: e.format("YYYY")
+    }), Z = (e) => {
+      let t = e;
+      if (n.min) {
+        const a = b(n.min, D, !0);
+        t.isBefore(a, "day") && (t = a);
+      }
+      if (n.max) {
+        const a = b(n.max, D, !0);
+        t.isAfter(a, "day") && (t = a);
+      }
+      return t.isSame(e, "day") || N(t) ? null : t;
+    }, k = (e) => {
+      C.warn(
+        `[${e.code}] original: ${JSON.stringify(e.original)} → normalized: ${JSON.stringify(e.normalized)}`
+      ), f("error", e);
+    }, Q = () => {
+      const e = fe("start");
+      if (!n.range) {
+        if (e === "empty") {
+          f("update:modelValue", null);
+          return;
+        }
+        if (e === "partial") return;
+        const s = G("start");
+        if (!s) return;
+        if (N(s)) {
+          const g = p(s), h = Z(s);
+          if (h) {
+            const me = p(h);
+            l.value.start = J(h), f("update:modelValue", me), k({ code: "disabled_date", original: g, normalized: me });
+          } else
+            l.value.start = y(), f("update:modelValue", null), k({ code: "disabled_date", original: g, normalized: null });
+          return;
+        }
+        f("update:modelValue", p(s));
         return;
-      const d = `${t.padStart(4, "0")}-${a.padStart(2, "0")}-${e.padStart(2, "0")}`;
-      let M = c(d, k, !0);
-      if (!M.isValid()) {
-        const Se = c(
-          `${t.padStart(4, "0")}-${a.padStart(2, "0")}-01`,
-          k,
-          !0
-        ).endOf("month").date(), ee = Math.min(r, Se), $e = `${t.padStart(4, "0")}-${a.padStart(2, "0")}-${String(ee).padStart(2, "0")}`;
-        M = c($e, k, !0), l.value.day = String(ee).padStart(2, "0");
       }
-      if (Q(M)) {
-        m("error", "invalid_date_typed");
+      const t = fe("end");
+      if (e === "empty" && t === "empty") {
+        f("update:modelValue", null);
         return;
       }
-      m("update:modelValue", C(M));
-    }, R = (e, a) => {
-      const t = a.target;
-      let r = t.value.replace(/\D/g, "");
-      if (e === "day") {
-        if (r.length > 0) {
-          const d = parseInt(r, 10);
-          r === "00" || d > 31 ? r = l.value.day : d > 31 && (r = "31");
+      if (e === "partial" || t === "partial" || e === "empty") return;
+      const a = G("start");
+      if (!a) return;
+      const r = t !== "empty" ? G("end") : null, i = p(a), o = r ? p(r) : null;
+      let d = a, v = !1;
+      if (N(a)) {
+        const s = Z(a), g = o ? [i, o] : [i];
+        if (!s) {
+          l.value.start = y(), l.value.end = y(), f("update:modelValue", null), k({ code: "disabled_range_start", original: g, normalized: null });
+          return;
         }
-      } else if (e === "month") {
-        if (r.length > 0) {
-          const d = parseInt(r, 10);
-          r === "00" || d > 12 ? r = l.value.month : d > 12 && (r = "12");
+        if (d = s, v = !0, l.value.start = J(s), !r) {
+          const h = [p(s)];
+          f("update:modelValue", h), k({ code: "disabled_range_start", original: g, normalized: h });
+          return;
         }
-      } else e === "year" && (r = r.slice(0, 4));
-      l.value[e] = r, t.value = r;
-      const i = e === "year" ? 4 : 2;
-      let u = r.length === i;
-      if (!u && r.length === 1) {
-        const d = parseInt(r, 10);
-        (e === "day" && d >= 4 || e === "month" && d >= 2) && (r = r.padStart(2, "0"), l.value[e] = r, t.value = r, u = !0);
       }
-      if (u) {
-        const d = o.value.indexOf(e);
-        if (d < 2) {
-          const M = o.value[d + 1];
-          s[M]?.focus(), s[M]?.select();
-        }
+      if (!r) {
+        f("update:modelValue", [p(d)]);
+        return;
       }
-      Me();
-    }, q = (e, a) => {
-      const t = a.target, r = o.value.indexOf(e);
-      if (a.key === "/") {
-        if (a.preventDefault(), r < 2) {
-          const i = o.value[r + 1];
-          s[i]?.focus(), s[i]?.select();
+      let m = r, c = !1;
+      if (N(r)) {
+        const s = Z(r), g = [i, o];
+        if (!s) {
+          const h = [p(d)];
+          l.value.end = y(), f("update:modelValue", h), v && k({
+            code: "disabled_range_start",
+            original: g,
+            normalized: h
+          }), k({ code: "disabled_range_end", original: g, normalized: h });
+          return;
         }
+        m = s, c = !0, l.value.end = J(s);
+      }
+      if (m.isBefore(d, "day")) {
+        const s = [
+          p(d),
+          p(m)
+        ], g = [
+          p(m),
+          p(d)
+        ], h = { ...l.value.start };
+        l.value.start = { ...l.value.end }, l.value.end = h, f("update:modelValue", g), v && k({
+          code: "disabled_range_start",
+          original: [i, o],
+          normalized: g
+        }), c && k({
+          code: "disabled_range_end",
+          original: [i, o],
+          normalized: g
+        }), k({ code: "end_before_start", original: s, normalized: g });
         return;
       }
-      if (a.key === "Backspace" && t.selectionStart === 0 && t.selectionEnd === 0) {
-        if (r > 0) {
-          a.preventDefault();
-          const i = o.value[r - 1];
-          s[i]?.focus();
-          const u = s[i];
-          u && u.setSelectionRange(
-            u.value.length,
-            u.value.length
-          );
+      const M = [
+        p(d),
+        p(m)
+      ];
+      f("update:modelValue", M), v && k({
+        code: "disabled_range_start",
+        original: o ? [i, o] : [i],
+        normalized: M
+      }), c && k({
+        code: "disabled_range_end",
+        original: [i, o],
+        normalized: M
+      });
+    }, Ne = (e, t) => {
+      const { segment: a, field: r } = e, i = t.target;
+      let o = i.value.replace(/\D/g, "");
+      const d = l.value[a][r];
+      if (r === "day") {
+        if (o.length > 0) {
+          const c = parseInt(o, 10);
+          (o === "00" || c > 31) && (o = d);
+        }
+      } else if (r === "month") {
+        if (o.length > 0) {
+          const c = parseInt(o, 10);
+          (o === "00" || c > 12) && (o = d);
         }
+      } else r === "year" && (o = o.slice(0, 4));
+      l.value[a][r] = o, i.value = o;
+      const v = r === "year" ? 4 : 2;
+      let m = o.length === v;
+      if (!m && o.length === 1) {
+        const c = parseInt(o, 10);
+        (r === "day" && c >= 4 || r === "month" && c >= 2) && (o = o.padStart(2, "0"), l.value[a][r] = o, i.value = o, m = !0);
+      }
+      m && de(e), Q();
+    }, We = (e, t) => {
+      const a = t.target;
+      if (t.key === "/" || t.key === "-" || t.key === " ") {
+        t.preventDefault();
+        const r = l.value[e.segment][e.field];
+        e.field !== "year" && r.length === 1 && (r === "0" ? l.value[e.segment][e.field] = "" : l.value[e.segment][e.field] = r.padStart(
+          2,
+          "0"
+        )), de(e);
         return;
       }
-      if (a.key === "ArrowLeft" && t.selectionStart === 0) {
-        if (r > 0) {
-          a.preventDefault();
-          const i = o.value[r - 1];
-          s[i]?.focus();
-          const u = s[i];
-          u && u.setSelectionRange(
-            u.value.length,
-            u.value.length
-          );
-        }
+      if (t.key === "Backspace" && a.selectionStart === 0 && a.selectionEnd === 0) {
+        P(e) > 0 && (t.preventDefault(), ce(e));
         return;
       }
-      if (a.key === "ArrowRight" && t.selectionStart === t.value.length) {
-        if (r < 2) {
-          a.preventDefault();
-          const i = o.value[r + 1];
-          s[i]?.focus(), s[i]?.setSelectionRange(0, 0);
-        }
+      if (t.key === "ArrowLeft" && a.selectionStart === 0) {
+        P(e) > 0 && (t.preventDefault(), ce(e));
         return;
       }
-    }, T = (e) => {
-      const a = !l.value.day && !l.value.month && !l.value.year, t = o.value[0];
-      if (a && e !== t) {
-        requestAnimationFrame(() => {
-          s[t]?.focus();
-        });
+      if (t.key === "ArrowRight" && a.selectionStart === a.value.length) {
+        const r = P(e);
+        r < u.value.length - 1 && (t.preventDefault(), $(u.value[r + 1], { caretToStart: !0 }));
         return;
       }
-      const r = s[e];
-      r && r.value && requestAnimationFrame(() => {
-        r.select();
-      });
-    }, j = (e) => {
-      l.value.day && l.value.day.length === 1 && (l.value.day === "0" ? l.value.day = "" : l.value.day = l.value.day.padStart(2, "0")), l.value.month && l.value.month.length === 1 && (l.value.month === "0" ? l.value.month = "" : l.value.month = l.value.month.padStart(2, "0"));
+    }, He = (e) => {
+      const t = u.value[0];
+      if (u.value.every(
+        (i) => !l.value[i.segment][i.field]
+      ) && (e.segment !== t.segment || e.field !== t.field)) {
+        requestAnimationFrame(() => $(t));
+        return;
+      }
+      const r = L[W(e)];
+      r && r.value && requestAnimationFrame(() => r.select());
+    }, qe = (e) => {
+      const { segment: t, field: a } = e;
+      if (a === "day" || a === "month") {
+        const r = l.value[t][a];
+        r && r.length === 1 && (r === "0" ? l.value[t][a] = "" : l.value[t][a] = r.padStart(2, "0"));
+      }
+      Q();
+    }, je = (e, t) => {
+      const r = (t.clipboardData?.getData("text") ?? "").replace(/\D/g, "");
+      if (r.length < 2) return;
+      t.preventDefault();
+      const i = P(e);
+      let o = 0, d = null;
+      for (let v = i; v < u.value.length && o < r.length; v++) {
+        const m = u.value[v], c = m.field === "year" ? 4 : 2, M = r.slice(o, o + c);
+        if (!M) break;
+        l.value[m.segment][m.field] = M, d = m, o += c;
+      }
+      if (d) {
+        const v = d;
+        requestAnimationFrame(() => $(v, { caretToEnd: !0 }));
+      }
+      Q();
     };
-    return Fe(() => {
-      document.removeEventListener("focusin", $), document.removeEventListener("click", $), document.removeEventListener("click", O);
-    }), (e, a) => (A(), Ee(Ue, {
+    return Ge(() => {
+      document.removeEventListener("focusin", I), document.removeEventListener("click", I), document.removeEventListener("click", K);
+    }), (e, t) => (E(), Je(ct, {
       ref_key: "outerContainer",
-      ref: B,
-      class: _(pe.value),
-      onFocusin: fe
+      ref: j,
+      class: O(Ve.value),
+      onFocusin: $e
     }, {
-      "prepend-outer": g(() => [
-        Y(e.$slots, "prepend-outer")
+      "prepend-outer": w(() => [
+        B(e.$slots, "prepend-outer")
       ]),
-      "append-outer": g(() => [
-        Y(e.$slots, "append-outer")
+      "append-outer": w(() => [
+        B(e.$slots, "append-outer")
       ]),
-      default: g(() => [
-        p("div", ze, [
-          H(We, {
+      default: w(() => [
+        V("div", mt, [
+          X(dt, {
             ref_key: "innerContainer",
-            ref: G,
+            ref: ae,
             "append:icon": n["append:icon"],
-            clearable: n.clearable && !f(qe)(e.modelValue),
+            clearable: n.clearable && !x(rt)(e.modelValue),
             "prepend:icon": n["prepend:icon"],
-            "onClick:clear": he
+            "onClick:clear": Be
           }, {
-            prepend: g(() => [
-              Y(e.$slots, "prepend")
+            prepend: w(() => [
+              B(e.$slots, "prepend")
             ]),
-            prefix: g(() => [
-              Y(e.$slots, "prefix")
+            prefix: w(() => [
+              B(e.$slots, "prefix")
             ]),
-            append: g(() => [
-              Y(e.$slots, "append")
+            append: w(() => [
+              B(e.$slots, "append")
             ]),
-            suffix: g(() => [
-              Y(e.$slots, "suffix")
+            suffix: w(() => [
+              B(e.$slots, "suffix")
             ]),
-            default: g(() => [
-              n.range ? we((A(), W("input", ae({
-                key: 1,
-                id: f(V),
-                ref_key: "input",
-                ref: ue,
-                "aria-describedby": I,
-                "aria-invalid": n.hasErrors ? "true" : void 0,
-                autocomplete: e.autocomplete,
-                autofocus: e.autofocus,
-                "data-maska": "##/##/#### - ##/##/####",
-                disabled: e.disabled,
-                inputmode: de.value,
-                name: e.name,
-                placeholder: e.placeholder,
-                readonly: F.value,
-                required: e.required
-              }, me, {
-                size: "1",
-                type: "text",
-                value: ve.value
-              }), null, 16, Je)), [
-                [f(_e)]
-              ]) : (A(), W("div", {
-                key: 0,
-                class: _(["bb-base-date-picker-input__fields", {
-                  "bb-base-date-picker-input__fields--empty": x.value
+            default: w(() => [
+              V("div", {
+                class: O(["bb-base-date-picker-input__fields", {
+                  "bb-base-date-picker-input__fields--empty": ue.value,
+                  "bb-base-date-picker-input__fields--range": e.range
                 }])
               }, [
-                x.value ? (A(), W("span", {
+                ue.value ? (E(), R("span", {
                   key: 0,
                   "aria-hidden": "true",
                   class: "bb-base-date-picker-input__placeholder",
-                  onClick: Ve
-                }, U(e.placeholder || "DD/MM/YYYY"), 1)) : Ae("", !0),
-                p("input", {
-                  id: `${f(V)}-${o.value[0]}`,
-                  ref: (t) => s[o.value[0]] = t,
-                  "aria-describedby": I,
-                  "aria-invalid": n.hasErrors ? "true" : void 0,
-                  "aria-label": P(o.value[0]),
-                  autocomplete: e.autocomplete,
-                  autofocus: e.autofocus,
-                  class: "bb-base-date-picker-input__field bb-base-date-picker-input__field--day",
-                  disabled: e.disabled,
-                  inputmode: "numeric",
-                  maxlength: "2",
-                  name: e.name ? `${e.name}-${o.value[0]}` : void 0,
-                  readonly: F.value,
-                  required: e.required,
-                  type: "text",
-                  value: l.value[o.value[0]],
-                  onBlur: a[0] || (a[0] = (t) => j(o.value[0])),
-                  onFocus: a[1] || (a[1] = (t) => T(o.value[0])),
-                  onInput: a[2] || (a[2] = (t) => R(o.value[0], t)),
-                  onKeydown: a[3] || (a[3] = (t) => q(o.value[0], t))
-                }, null, 40, Ge),
-                a[13] || (a[13] = p("span", { class: "bb-base-date-picker-input__separator" }, "/", -1)),
-                p("input", {
-                  id: `${f(V)}-${o.value[1]}`,
-                  ref: (t) => s[o.value[1]] = t,
-                  "aria-describedby": I,
-                  "aria-invalid": n.hasErrors ? "true" : void 0,
-                  "aria-label": P(o.value[1]),
-                  autocomplete: e.autocomplete,
-                  class: "bb-base-date-picker-input__field bb-base-date-picker-input__field--month",
-                  disabled: e.disabled,
-                  inputmode: "numeric",
-                  maxlength: "2",
-                  name: e.name ? `${e.name}-${o.value[1]}` : void 0,
-                  readonly: F.value,
-                  required: e.required,
-                  type: "text",
-                  value: l.value[o.value[1]],
-                  onBlur: a[4] || (a[4] = (t) => j(o.value[1])),
-                  onFocus: a[5] || (a[5] = (t) => T(o.value[1])),
-                  onInput: a[6] || (a[6] = (t) => R(o.value[1], t)),
-                  onKeydown: a[7] || (a[7] = (t) => q(o.value[1], t))
-                }, null, 40, Xe),
-                a[14] || (a[14] = p("span", { class: "bb-base-date-picker-input__separator" }, "/", -1)),
-                p("input", {
-                  id: `${f(V)}-${o.value[2]}`,
-                  ref: (t) => s[o.value[2]] = t,
-                  "aria-describedby": I,
-                  "aria-invalid": n.hasErrors ? "true" : void 0,
-                  "aria-label": P(o.value[2]),
-                  autocomplete: e.autocomplete,
-                  class: "bb-base-date-picker-input__field bb-base-date-picker-input__field--year",
-                  disabled: e.disabled,
-                  inputmode: "numeric",
-                  maxlength: "4",
-                  name: e.name ? `${e.name}-${o.value[2]}` : void 0,
-                  readonly: F.value,
-                  required: e.required,
-                  type: "text",
-                  value: l.value[o.value[2]],
-                  onBlur: a[8] || (a[8] = (t) => j(o.value[2])),
-                  onFocus: a[9] || (a[9] = (t) => T(o.value[2])),
-                  onInput: a[10] || (a[10] = (t) => R(o.value[2], t)),
-                  onKeydown: a[11] || (a[11] = (t) => q(o.value[2], t))
-                }, null, 40, Ze)
-              ], 2)),
-              p("button", {
-                "aria-label": ke.value,
-                "aria-controls": Z,
-                "aria-expanded": b.value,
+                  onClick: Te
+                }, q(Re.value), 1)) : ee("", !0),
+                (E(!0), R(ge, null, Ze(u.value, (a, r) => (E(), R(ge, {
+                  key: W(a)
+                }, [
+                  V("input", {
+                    id: Le(a),
+                    ref_for: !0,
+                    ref: (i) => L[W(a)] = i,
+                    "aria-describedby": re,
+                    "aria-invalid": n.hasErrors ? "true" : void 0,
+                    "aria-label": xe(a),
+                    autocomplete: e.autocomplete,
+                    autofocus: e.autofocus && r === 0,
+                    class: O([
+                      "bb-base-date-picker-input__field",
+                      `bb-base-date-picker-input__field--${a.field}`,
+                      `bb-base-date-picker-input__field--${a.segment}`
+                    ]),
+                    disabled: e.disabled,
+                    inputmode: _e.value,
+                    maxlength: a.field === "year" ? 4 : 2,
+                    name: Oe(a),
+                    readonly: De.value,
+                    required: e.required,
+                    tabindex: r % 3 === 0 ? 0 : -1,
+                    type: "text",
+                    value: l.value[a.segment][a.field],
+                    onBlur: (i) => qe(a),
+                    onFocus: (i) => He(a),
+                    onInput: (i) => Ne(a, i),
+                    onKeydown: (i) => We(a, i),
+                    onPaste: (i) => je(a, i)
+                  }, null, 42, pt),
+                  r < u.value.length - 1 ? (E(), R("span", {
+                    key: 0,
+                    "aria-hidden": "true",
+                    class: O(["bb-base-date-picker-input__separator", {
+                      "bb-base-date-picker-input__separator--range": u.value[r].segment !== u.value[r + 1].segment
+                    }]),
+                    onClick: (i) => $(u.value[r + 1], { select: !0 })
+                  }, q(u.value[r].segment !== u.value[r + 1].segment ? "–" : "/"), 11, gt)) : ee("", !0)
+                ], 64))), 128))
+              ], 2),
+              se.value ? ee("", !0) : (E(), R("button", {
+                key: 0,
+                "aria-label": Ee.value,
+                "aria-controls": oe,
+                "aria-expanded": Y.value,
                 "aria-haspopup": "dialog",
                 class: "bb-base-date-picker-input__calendar-btn",
                 disabled: e.disabled || e.readonly,
                 type: "button",
-                onClick: Be(be, ["stop"])
-              }, a[15] || (a[15] = [
-                p("svg", {
+                onClick: Qe(Fe, ["stop"])
+              }, t[1] || (t[1] = [
+                V("svg", {
                   fill: "none",
                   viewBox: "0 0 16 16",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  p("path", {
+                  V("path", {
                     d: "M12.6667 2.66667H3.33333C2.59695 2.66667 2 3.26363 2 4.00001V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4.00001C14 3.26363 13.403 2.66667 12.6667 2.66667Z",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round"
                   }),
-                  p("path", {
+                  V("path", {
                     d: "M10.6667 1.33333V3.99999",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round"
                   }),
-                  p("path", {
+                  V("path", {
                     d: "M5.33333 1.33333V3.99999",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round"
                   }),
-                  p("path", {
+                  V("path", {
                     d: "M2 6.66667H14",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]), 8, Qe),
-              p("span", {
-                id: I,
+              ]), 8, bt)),
+              V("span", {
+                id: re,
                 class: "bb-base-date-picker-input__accessible-description sr-only"
-              }, U(f(v)("baseDatePickerInput.dateFormat")) + " " + U(n.range ? f(v)("baseDatePickerInput.dateFormatRange") : f(v)("baseDatePickerInput.dateFormatSingle")), 1)
+              }, q(x(S)("baseDatePickerInput.dateFormat")) + " " + q(n.range ? x(S)("baseDatePickerInput.dateFormatRange") : x(S)("baseDatePickerInput.dateFormatSingle")), 1)
             ]),
             _: 3
           }, 8, ["append:icon", "clearable", "prepend:icon"])
         ]),
-        H(Ke, {
-          modelValue: b.value,
-          "onUpdate:modelValue": a[12] || (a[12] = (t) => b.value = t),
-          anchor: G.value,
+        X(ft, {
+          modelValue: Y.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => Y.value = a),
+          anchor: ae.value,
           dialog: "",
           offset: 4,
           "transition-duration": e.transitionDuration
         }, {
-          default: g(() => [
-            p("div", {
-              id: Z,
+          default: w(() => [
+            V("div", {
+              id: oe,
               ref_key: "calendar",
-              ref: z,
-              class: _(["bb-base-date-picker-input__calendar", {
-                "bb-base-date-picker-input__calendar--shown": b.value
+              ref: te,
+              class: O(["bb-base-date-picker-input__calendar", {
+                "bb-base-date-picker-input__calendar--shown": Y.value
               }]),
-              inert: !b.value
+              inert: !Y.value
             }, [
-              H(He, ae({ id: f(V) }, ge, {
+              X(ut, Xe({ id: x(A) }, Pe, {
                 ref_key: "baseDatePicker",
-                ref: X,
+                ref: ne,
                 disabled: e.disabled,
                 "first-day-of-week": e.firstDayOfWeek,
                 floating: e.floating,
@@ -539,7 +601,7 @@ const ze = { class: "bb-base-date-picker-input__inner-wrapper" }, Ge = ["id", "a
                 readonly: e.readonly,
                 selectable: e.selectable
               }), null, 16, ["id", "disabled", "first-day-of-week", "floating", "max", "min", "model-value", "range", "readonly", "selectable"])
-            ], 10, xe)
+            ], 10, vt)
           ]),
           _: 1
         }, 8, ["modelValue", "anchor", "transition-duration"])
@@ -549,5 +611,5 @@ const ze = { class: "bb-base-date-picker-input__inner-wrapper" }, Ge = ["id", "a
   }
 });
 export {
-  Da as default
+  xt as default
 };