bitboss-ui 2.0.161 → 2.0.162

package/dist/index223.js

@@ -1,62 +1,202 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, openBlock as u, createElementBlock as m, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index322.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
+import { defineComponent as j, ref as c, onMounted as J, watch as Q, openBlock as _, createElementBlock as R, createElementVNode as w, createTextVNode as B, toDisplayString as C, unref as x, createCommentVNode as K } from "vue";
+import { useResizeObserver as Z } from "./index132.js";
+import { hexToRgb as O } from "./index329.js";
+import { getHueFromRGB as F } from "./index330.js";
+import { hslToHex as y } from "./index331.js";
+import { useLocale as ee } from "./index228.js";
+const te = {
+  id: "mainCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, ae = { key: 0 }, ne = {
+  id: "hueCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, oe = { key: 0 }, de = /* @__PURE__ */ j({
+  __name: "ColorPallette",
   props: {
-    cursor: {},
-    disabled: { type: Boolean }
+    modelValue: {}
   },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
+  emits: ["update:modelValue"],
+  setup(N, { emit: T }) {
+    const D = N, f = T, { t: h } = ee(), o = c(D.modelValue), d = c(
+      y(F(...O(o.value ?? "#ff0000")), 100, 50)
+    ), P = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), H = () => {
+      const e = s.value, t = r.value;
+      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
+    }, I = () => {
+      const e = s.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, v = () => {
+      const e = s.value;
+      if (!e) return;
+      const t = I();
+      if (!t) return;
+      t.clearRect(0, 0, e.width, e.height);
+      const a = t.createLinearGradient(0, 0, e.width, 0);
+      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
+      const n = t.createLinearGradient(0, 0, 0, e.height);
+      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, p = () => {
+      const e = I();
+      e && (e.beginPath(), e.arc(
+        l.value.x,
+        l.value.y,
+        8,
+        0,
+        2 * Math.PI
+      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
+        l.value.x,
+        l.value.y,
+        7,
+        0,
+        2 * Math.PI
+      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
+    }, V = () => {
+      const e = r.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, m = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = V();
+      if (!t) return;
+      const a = t.createLinearGradient(0, 0, e.width, 0);
+      for (let n = 0; n <= 360; n += 60)
+        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
+      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), L(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, L = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = V();
+      if (!t) return;
+      const a = 10, n = 16, i = u.value.x - a / 2, S = e.height / 2 - n / 2;
+      t.beginPath(), t.roundRect(i, S, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
+    }, q = (e) => {
+      s.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), b.value = !0, G(e));
+    }, z = (e) => {
+      r.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), k.value = !0, W(e));
+    }, G = (e) => {
+      const t = s.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), i = Math.max(0, Math.min(t.height, e.clientY - a.top));
+      l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
+    }, W = (e) => {
+      const t = r.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
+      u.value = { x: n };
+      const i = n / t.width * 360;
+      d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
+    }, A = (e) => {
+      b.value ? G(e) : k.value && W(e);
+    }, E = () => {
+      b.value = !1, k.value = !1;
+    }, U = (e) => {
+      var a, n;
+      switch (e.key) {
+        case "ArrowUp":
+          l.value.y = Math.max(0, l.value.y - 5);
+          break;
+        case "ArrowDown":
+          l.value.y = Math.min(
+            ((a = s.value) == null ? void 0 : a.height) ?? 0,
+            l.value.y + 5
+          );
+          break;
+        case "ArrowLeft":
+          l.value.x = Math.max(0, l.value.x - 5);
+          break;
+        case "ArrowRight":
+          l.value.x = Math.min(
+            ((n = s.value) == null ? void 0 : n.width) ?? 0,
+            l.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
+    }, X = (e) => {
+      var n, i;
+      switch (e.key) {
+        case "ArrowLeft":
+          u.value.x = Math.max(0, u.value.x - 5);
+          break;
+        case "ArrowRight":
+          u.value.x = Math.min(
+            ((n = r.value) == null ? void 0 : n.width) ?? 0,
+            u.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
+      d.value = y(a, 100, 50), m(), L(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
     };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
+    J(() => {
+      H(), M(o.value ?? "#ff0000");
+    }), Z(P, () => {
+      H(), M(o.value ?? "#ff0000");
+    }), Q(
+      () => D.modelValue,
+      (e) => {
+        !e || e === o.value || (o.value = e, M(e), m(), v());
+      }
+    );
+    const g = () => {
+      const e = s.value;
+      if (!e) return "#ffffff";
+      const t = e.getContext("2d");
+      if (!t) return "#ffffff";
+      const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [S, $, Y] = i;
+      return `#${((1 << 24) + (S << 16) + ($ << 8) + Y).toString(16).slice(1)}`;
+    };
+    function M(e) {
+      var a;
+      const t = F(...O(e));
+      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
+    }
+    return (e, t) => (_(), R("div", {
+      ref_key: "paletteRef",
+      ref: P,
+      "aria-label": "Color Picker",
+      class: "bb-color-palette",
+      role: "application"
     }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
+      w("canvas", {
+        ref_key: "mainCanvasRef",
+        ref: s,
+        "aria-describedby": "mainCanvasDesc",
+        "aria-label": "Main Color Selection",
+        class: "bb-color-palette__canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: U,
+        onPointerdown: q
+      }, null, 544),
+      w("p", te, [
+        B(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
+        o.value ? (_(), R("span", ae, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : K("", !0)
+      ]),
+      w("canvas", {
+        ref_key: "hueCanvasRef",
+        ref: r,
+        "aria-describedby": "hueCanvasDesc",
+        "aria-label": "Hue Selection",
+        class: "bb-color-palette__hue-canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: X,
+        onPointerdown: z
+      }, null, 544),
+      w("p", ne, [
+        B(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
+        d.value ? (_(), R("span", oe, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : K("", !0)
+      ])
     ], 512));
   }
 });
 export {
-  V as default
+  de as default
 };

package/dist/index225.js

@@ -1,43 +1,68 @@
-import { unrefElement as A } from "./index132.js";
-import { toValue as n, notNullish as g, tryOnScopeDispose as y } from "./index206.js";
-import { ref as i, computed as D, watch as F } from "vue";
-import { createFocusTrap as T } from "./index293.js";
-function E(f, a = {}) {
-  let e;
-  const { immediate: l, ...p } = a, r = i(!1), s = i(!1), c = (t) => e && e.activate(t), u = (t) => e && e.deactivate(t), v = () => {
-    e && (e.pause(), s.value = !0);
-  }, m = () => {
-    e && (e.unpause(), s.value = !1);
-  }, d = D(() => {
-    const t = n(f);
-    return (Array.isArray(t) ? t : [t]).map((h) => {
-      const o = n(h);
-      return typeof o == "string" ? o : A(o);
-    }).filter(g);
-  });
-  return F(
-    d,
-    (t) => {
-      t.length && (e = T(t, {
-        ...p,
-        onActivate() {
-          r.value = !0, a.onActivate && a.onActivate();
-        },
-        onDeactivate() {
-          r.value = !1, a.onDeactivate && a.onDeactivate();
-        }
-      }), l && c());
-    },
-    { flush: "post" }
-  ), y(() => u()), {
-    hasFocus: r,
-    isPaused: s,
-    activate: c,
-    deactivate: u,
-    pause: v,
-    unpause: m
-  };
-}
+import { defineComponent as _, ref as $, openBlock as r, createElementBlock as k, normalizeClass as y, renderSlot as n, createElementVNode as c, createBlock as s, unref as p, createCommentVNode as l, createVNode as i } from "vue";
+/* empty css       */
+/* empty css       */
+import m from "./index127.js";
+/* empty css         */
+import C from "./index129.js";
+/* empty css         */
+import h from "./index323.js";
+import B from "./index324.js";
+/* empty css         */
+const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(u, { emit: d }) {
+    const t = u, f = d, o = $(), a = () => {
+      var e;
+      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
+    }, b = () => {
+      f("click:clear"), a();
+    };
+    return (e, E) => (r(), k("span", {
+      ref_key: "container",
+      ref: o,
+      class: y(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": t.clearable
+      }]),
+      onClick: a
+    }, [
+      n(e.$slots, "prepend", {}, () => [
+        c("span", v, [
+          n(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (r(), s(p(m), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      n(e.$slots, "default"),
+      i(B, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: b
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (r(), s(p(m), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      i(h),
+      i(p(C)),
+      n(e.$slots, "append", {}, () => [
+        c("span", I, [
+          n(e.$slots, "suffix")
+        ])
+      ])
+    ], 2));
+  }
+});
 export {
-  E as useFocusTrap
+  A as default
 };

package/dist/index227.js

@@ -1,9 +1,15 @@
-import { ref as e } from "vue";
-const o = e(0), s = () => {
-  o.value++;
-}, a = () => {
-  o.value--;
-}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+import { openBlock as t, createElementBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index283.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return t(), n("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  d as useModalsState
+  i as default
 };

package/dist/index228.js

@@ -1,17 +1,15 @@
-import { defineComponent as a, getCurrentInstance as c, openBlock as l, createBlock as u, Teleport as f, unref as d, renderSlot as m } from "vue";
-const i = /* @__PURE__ */ a({
-  __name: "BbTeleport",
-  props: {
-    target: {}
-  },
-  setup(o) {
-    var t, e;
-    const r = o, n = !!((e = (t = c()) == null ? void 0 : t.proxy) != null && e.$nuxt), p = r.target || (n ? "#teleports" : "body");
-    return (s, _) => (l(), u(f, { to: d(p) }, [
-      m(s.$slots, "default")
-    ], 8, ["to"]));
-  }
+import { locales as t } from "./index284.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index285.js";
+import { readonly as l, computed as n } from "vue";
+const p = (o, ...r) => l(
+  n(() => c(t[m.locale], o).replace(
+    /\{(\d+)\}/g,
+    (a, e) => r[e]
+  ))
+), d = () => ({
+  t: p
 });
 export {
-  i as default
+  d as useLocale
 };

package/dist/index229.js

@@ -1,127 +1,5 @@
-import { getDefaultExportFromCjs as et, commonjsGlobal as nt } from "./index275.js";
-import { __module as B } from "./index295.js";
-(function(I, at) {
-  (function(U, k) {
-    I.exports = k();
-  })(nt, function() {
-    var U = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, k = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, j = /\d/, L = /\d\d/, s = /\d\d?/, x = /\d*[^-_:/,()\s\d]+/, m = {}, Q = function(t) {
-      return (t = +t) + (t > 68 ? 1900 : 2e3);
-    }, o = function(t) {
-      return function(r) {
-        this[t] = +r;
-      };
-    }, X = [/[+-]\d\d:?(\d\d)?|Z/, function(t) {
-      (this.zone || (this.zone = {})).offset = function(r) {
-        if (!r || r === "Z") return 0;
-        var e = r.match(/([+-]|\d\d)/g), n = 60 * e[1] + (+e[2] || 0);
-        return n === 0 ? 0 : e[0] === "+" ? -n : n;
-      }(t);
-    }], F = function(t) {
-      var r = m[t];
-      return r && (r.indexOf ? r : r.s.concat(r.f));
-    }, G = function(t, r) {
-      var e, n = m.meridiem;
-      if (n) {
-        for (var h = 1; h <= 24; h += 1) if (t.indexOf(n(h, 0, r)) > -1) {
-          e = h > 12;
-          break;
-        }
-      } else e = t === (r ? "pm" : "PM");
-      return e;
-    }, J = { A: [x, function(t) {
-      this.afternoon = G(t, !1);
-    }], a: [x, function(t) {
-      this.afternoon = G(t, !0);
-    }], Q: [j, function(t) {
-      this.month = 3 * (t - 1) + 1;
-    }], S: [j, function(t) {
-      this.milliseconds = 100 * +t;
-    }], SS: [L, function(t) {
-      this.milliseconds = 10 * +t;
-    }], SSS: [/\d{3}/, function(t) {
-      this.milliseconds = +t;
-    }], s: [s, o("seconds")], ss: [s, o("seconds")], m: [s, o("minutes")], mm: [s, o("minutes")], H: [s, o("hours")], h: [s, o("hours")], HH: [s, o("hours")], hh: [s, o("hours")], D: [s, o("day")], DD: [L, o("day")], Do: [x, function(t) {
-      var r = m.ordinal, e = t.match(/\d+/);
-      if (this.day = e[0], r) for (var n = 1; n <= 31; n += 1) r(n).replace(/\[|\]/g, "") === t && (this.day = n);
-    }], w: [s, o("week")], ww: [L, o("week")], M: [s, o("month")], MM: [L, o("month")], MMM: [x, function(t) {
-      var r = F("months"), e = (F("monthsShort") || r.map(function(n) {
-        return n.slice(0, 3);
-      })).indexOf(t) + 1;
-      if (e < 1) throw new Error();
-      this.month = e % 12 || e;
-    }], MMMM: [x, function(t) {
-      var r = F("months").indexOf(t) + 1;
-      if (r < 1) throw new Error();
-      this.month = r % 12 || r;
-    }], Y: [/[+-]?\d+/, o("year")], YY: [L, function(t) {
-      this.year = Q(t);
-    }], YYYY: [/\d{4}/, o("year")], Z: X, ZZ: X };
-    function K(t) {
-      var r, e;
-      r = t, e = m && m.formats;
-      for (var n = (t = r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(v, l, f) {
-        var i = f && f.toUpperCase();
-        return l || e[f] || U[f] || e[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(M, Y, D) {
-          return Y || D.slice(1);
-        });
-      })).match(k), h = n.length, c = 0; c < h; c += 1) {
-        var y = n[c], p = J[y], u = p && p[0], d = p && p[1];
-        n[c] = d ? { regex: u, parser: d } : y.replace(/^\[|\]$/g, "");
-      }
-      return function(v) {
-        for (var l = {}, f = 0, i = 0; f < h; f += 1) {
-          var M = n[f];
-          if (typeof M == "string") i += M.length;
-          else {
-            var Y = M.regex, D = M.parser, $ = v.slice(i), g = Y.exec($)[0];
-            D.call(l, g), v = v.replace(g, "");
-          }
-        }
-        return function(w) {
-          var S = w.afternoon;
-          if (S !== void 0) {
-            var a = w.hours;
-            S ? a < 12 && (w.hours += 12) : a === 12 && (w.hours = 0), delete w.afternoon;
-          }
-        }(l), l;
-      };
-    }
-    return function(t, r, e) {
-      e.p.customParseFormat = !0, t && t.parseTwoDigitYear && (Q = t.parseTwoDigitYear);
-      var n = r.prototype, h = n.parse;
-      n.parse = function(c) {
-        var y = c.date, p = c.utc, u = c.args;
-        this.$u = p;
-        var d = u[1];
-        if (typeof d == "string") {
-          var v = u[2] === !0, l = u[3] === !0, f = v || l, i = u[2];
-          l && (i = u[2]), m = this.$locale(), !v && i && (m = e.Ls[i]), this.$d = function($, g, w, S) {
-            try {
-              if (["x", "X"].indexOf(g) > -1) return new Date((g === "X" ? 1e3 : 1) * $);
-              var a = K(g)($), H = a.year, A = a.month, N = a.day, R = a.hours, W = a.minutes, tt = a.seconds, rt = a.milliseconds, V = a.zone, q = a.week, O = /* @__PURE__ */ new Date(), P = N || (H || A ? 1 : O.getDate()), z = H || O.getFullYear(), T = 0;
-              H && !A || (T = A > 0 ? A - 1 : O.getMonth());
-              var Z, C = R || 0, E = W || 0, _ = tt || 0, b = rt || 0;
-              return V ? new Date(Date.UTC(z, T, P, C, E, _, b + 60 * V.offset * 1e3)) : w ? new Date(Date.UTC(z, T, P, C, E, _, b)) : (Z = new Date(z, T, P, C, E, _, b), q && (Z = S(Z).week(q).toDate()), Z);
-            } catch {
-              return /* @__PURE__ */ new Date("");
-            }
-          }(y, d, p, e), this.init(), i && i !== !0 && (this.$L = this.locale(i).$L), f && y != this.format(d) && (this.$d = /* @__PURE__ */ new Date("")), m = {};
-        } else if (d instanceof Array) for (var M = d.length, Y = 1; Y <= M; Y += 1) {
-          u[1] = d[Y - 1];
-          var D = e.apply(this, u);
-          if (D.isValid()) {
-            this.$d = D.$d, this.$L = D.$L, this.init();
-            break;
-          }
-          Y === M && (this.$d = /* @__PURE__ */ new Date(""));
-        }
-        else h.call(this, c);
-      };
-    };
-  });
-})(B);
-var ot = B.exports;
-const ht = /* @__PURE__ */ et(ot);
+import r from "./index286.js";
+const t = r;
 export {
-  ht as default
+  t as deburr
 };

package/dist/index23.js

@@ -1,30 +1,31 @@
 import { defineComponent as ee, watchEffect as te, ref as r, computed as D, watch as ae, openBlock as B, createBlock as O, normalizeClass as $, withCtx as n, renderSlot as p, createVNode as _, unref as l, withDirectives as re, createElementVNode as i, mergeProps as P, withModifiers as oe, toDisplayString as E, createCommentVNode as ne } from "vue";
-import o from "./index209.js";
-import le from "./index229.js";
-import ie from "./index210.js";
-import se from "./index211.js";
-import ue from "./index212.js";
-import de from "./index213.js";
-import { identity as ce } from "./index230.js";
-import { last as pe } from "./index217.js";
-import { useFocusTrap as me } from "./index225.js";
+import o from "./index230.js";
+import le from "./index247.js";
+import ie from "./index231.js";
+import se from "./index232.js";
+import ue from "./index233.js";
+import de from "./index234.js";
+import { identity as ce } from "./index248.js";
+import { last as pe } from "./index237.js";
+import { useFocusTrap as me } from "./index219.js";
 import { useId as fe } from "./index8.js";
 import { useIntersectionObserver as be } from "./index132.js";
-import { useLocale as ve } from "./index224.js";
+import { useLocale as ve } from "./index228.js";
 import { useMobile as ke } from "./index9.js";
-import { vMaska as ge } from "./index231.js";
+import { vMaska as ge } from "./index220.js";
 import { wait as ye } from "./index130.js";
-import { waitFor as he } from "./index226.js";
+import { waitFor as he } from "./index249.js";
 import De from "./index21.js";
 /* empty css        */
-import Me from "./index232.js";
+import Me from "./index221.js";
 /* empty css         */
-import Ve from "./index234.js";
+import Ve from "./index225.js";
 /* empty css         */
-import we from "./index236.js";
+import we from "./index227.js";
 import { _config as Ce } from "./index4.js";
-import { isEmpty as Ye } from "./index237.js";
-const Se = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Ie = ["aria-label", "disabled"], Be = ["id"], Oe = ["inert"], rt = /* @__PURE__ */ ee({
+import { isEmpty as Ye } from "./index250.js";
+import { debounce as Se } from "./index251.js";
+const Ie = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Be = ["aria-label", "disabled"], Oe = ["id"], $e = ["inert"], nt = /* @__PURE__ */ ee({
   __name: "BaseDatePickerInput",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -62,11 +63,11 @@ const Se = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
     be(
       // @ts-expect-error wrong inferred type
       f,
-      ([{ intersectionRatio: e }]) => {
+      Se(([{ intersectionRatio: e }]) => {
         e === 1 ? V.value = !0 : (V.value = !1, d.value && (I(), f.value && f.value.$el.querySelector(
           ".bb-base-date-picker-input__calendar-btn"
-        ).focus(), h()));
-      },
+        ).focus({ preventScroll: !0 }), h()));
+      }, 100),
       { threshold: [0, 1] }
     );
     const H = D(() => ({
@@ -208,7 +209,7 @@ const Se = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
               size: "1",
               type: "text",
               value: N.value
-            }), null, 16, Se), [
+            }), null, 16, Ie), [
               [l(ge)]
             ]),
             i("button", {
@@ -248,11 +249,11 @@ const Se = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
                   "stroke-linejoin": "round"
                 })
               ], -1)
-            ]), 8, Ie),
+            ]), 8, Be),
             i("span", {
               id: `bdpi-description_${l(k)}`,
               class: "bb-base-date-picker-input__accessible-description sr-only"
-            }, E(l(u)("baseDatePickerInput.dateFormat")) + " " + E(t.range ? l(u)("baseDatePickerInput.dateFormatRange") : l(u)("baseDatePickerInput.dateFormatSingle")), 9, Be)
+            }, E(l(u)("baseDatePickerInput.dateFormat")) + " " + E(t.range ? l(u)("baseDatePickerInput.dateFormatRange") : l(u)("baseDatePickerInput.dateFormatSingle")), 9, Oe)
           ]),
           _: 3
         }, 8, ["append:icon", "clearable", "prepend:icon"]),
@@ -286,7 +287,7 @@ const Se = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
                 readonly: e.readonly,
                 selectable: e.selectable
               }), null, 16, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])
-            ], 10, Oe)
+            ], 10, $e)
           ]),
           _: 1
         }, 8, ["open", "teleport-target", "wrapper"])) : ne("", !0)
@@ -296,5 +297,5 @@ const Se = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
   }
 });
 export {
-  rt as default
+  nt as default
 };