bitboss-ui 2.0.119 → 2.0.121

package/dist/index23.js

@@ -1,32 +1,30 @@
-import { defineComponent as oe, watchEffect as ne, ref as r, computed as v, watch as le, openBlock as D, createBlock as V, normalizeClass as $, withCtx as n, renderSlot as p, createVNode as E, unref as l, withDirectives as ie, createElementVNode as s, mergeProps as P, withModifiers as se, toDisplayString as _, normalizeStyle as ue, KeepAlive as de, createCommentVNode as A } from "vue";
-import { useFloating as ce } from "./index207.js";
-import o from "./index208.js";
-import pe from "./index209.js";
-import me from "./index210.js";
-import fe from "./index211.js";
-import be from "./index212.js";
-import ve from "./index213.js";
-import { identity as ye } from "./index214.js";
-import { last as ge } from "./index215.js";
-import { useFocusTrap as ke } from "./index216.js";
-import { useId as he } from "./index8.js";
-import { useIntersectionObserver as Me } from "./index132.js";
-import { useLocale as De } from "./index217.js";
-import { useMobile as Ve } from "./index9.js";
-import { vMaska as we } from "./index218.js";
-import { wait as Ce } from "./index130.js";
-import { waitFor as Ye } from "./index219.js";
-import Se from "./index21.js";
+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 "./index220.js";
+import le from "./index221.js";
+import ie from "./index222.js";
+import se from "./index223.js";
+import ue from "./index224.js";
+import de from "./index225.js";
+import { identity as ce } from "./index226.js";
+import { last as pe } from "./index227.js";
+import { useFocusTrap as me } from "./index228.js";
+import { useId as fe } from "./index8.js";
+import { useIntersectionObserver as be } from "./index132.js";
+import { useLocale as ve } from "./index229.js";
+import { useMobile as ke } from "./index9.js";
+import { vMaska as ge } from "./index230.js";
+import { wait as ye } from "./index130.js";
+import { waitFor as he } from "./index231.js";
+import De from "./index21.js";
 /* empty css        */
-import Be from "./index220.js";
-import Ie from "./index221.js";
+import Me from "./index232.js";
 /* empty css         */
-import Oe from "./index223.js";
-import $e from "./index224.js";
-import { _config as Ee } from "./index4.js";
-import { isEmpty as Pe } from "./index225.js";
-import { autoUpdate as _e, flip as Ae, offset as Fe, shift as Le, hide as je } from "./index226.js";
-const qe = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], We = ["aria-label", "disabled"], He = ["id"], vt = /* @__PURE__ */ oe({
+import Ve from "./index234.js";
+/* empty css         */
+import we from "./index236.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({
   __name: "BaseDatePickerInput",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -53,125 +51,116 @@ const qe = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
     teleportTarget: {}
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  setup(F, { emit: L }) {
-    const j = { it: be, en: ve };
-    o.extend(pe), o.extend(me), o.extend(fe), ne(() => {
-      o.locale(j[Ee.locale]);
+  setup(L, { emit: A }) {
+    const F = { it: ue, en: de };
+    o.extend(le), o.extend(ie), o.extend(se), te(() => {
+      o.locale(F[Ce.locale]);
     });
-    const t = F, u = L, { t: d } = De(), c = r(null), w = r(null), m = r(null), q = r(null), y = r(null), S = r(), g = t.id || `bdpi-${he().id.value}`, { isMobile: W } = Ve(), H = v(
-      () => t.allowWriting === "not-mobile" && W.value ? "none" : "numeric"
-    ), C = r(!0);
-    Me(
+    const t = L, s = A, { t: u } = ve(), m = r(null), M = r(null), f = r(null), j = r(null), v = r(null), C = r(), k = t.id || `bdpi-${fe().id.value}`, { isMobile: q } = ke(), W = D(
+      () => t.allowWriting === "not-mobile" && q.value ? "none" : "numeric"
+    ), V = r(!0);
+    be(
       // @ts-expect-error wrong inferred type
-      m,
+      f,
       ([{ intersectionRatio: e }]) => {
-        e === 1 ? C.value = !0 : (C.value = !1, f.value && (O(), m.value && m.value.$el.querySelector(
+        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(), M()));
+        ).focus(), h()));
       },
       { threshold: [0, 1] }
     );
-    const T = v(() => ({
+    const H = D(() => ({
       "bb-base-date-picker-input": !0,
-      "bb-base-date-picker-input--active": k.value,
+      "bb-base-date-picker-input--active": g.value,
       "bb-base-date-picker-input--errors": t.hasErrors,
       "bb-base-date-picker-input--loading": t.loading,
       "bb-base-date-picker-input--readonly": t.readonly,
       "bb-base-date-picker-input--disabled": t.disabled,
       "bb-base-date-picker-input--compact": t.compact
-    })), R = {
+    })), T = {
       onInput: (e) => {
         if (!t.range && e.target instanceof HTMLInputElement)
-          if (y.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
+          if (v.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
             const a = o(e.target.value, "DD/MM/YYYY");
-            te(a) ? (e.target.value = "", u("update:modelValue", null), u("error", "invalid_date_typed")) : u("update:modelValue", a.toISOString());
-          } else e.target.value === "" && u("update:modelValue", null);
+            Q(a) ? (e.target.value = "", s("update:modelValue", null), s("error", "invalid_date_typed")) : s("update:modelValue", a.toISOString());
+          } else e.target.value === "" && s("update:modelValue", null);
       }
-    }, k = r(!1), z = () => {
-      k.value || (u("active"), k.value = !0, document.addEventListener("focusin", h), document.addEventListener("click", h));
-    }, h = (e) => {
-      var a, i;
-      b.value || e.target instanceof HTMLElement && (a = w.value) != null && a.$el && !w.value.$el.contains(e.target) && !((i = c.value) != null && i.contains(e.target)) && (k.value = !1, u("inactive"), document.removeEventListener("focusin", h), document.removeEventListener("click", h));
-    }, B = (e) => {
+    }, g = r(!1), R = () => {
+      g.value || (s("active"), g.value = !0, document.addEventListener("focusin", y), document.addEventListener("click", y));
+    }, y = (e) => {
+      var a, c;
+      b.value || e.target instanceof HTMLElement && (a = M.value) != null && a.$el && !M.value.$el.contains(e.target) && !((c = m.value) != null && c.contains(e.target)) && (g.value = !1, s("inactive"), document.removeEventListener("focusin", y), document.removeEventListener("click", y));
+    }, Y = (e) => {
       if (e)
         if (Array.isArray(e)) {
-          let a, i;
-          return e.length && (a = e[0]), e.length > 1 && (i = ge(e)), [a, i].filter(ye).map((re) => o(re).format("DD/MM/YYYY")).join(" - ");
+          let a, c;
+          return e.length && (a = e[0]), e.length > 1 && (c = pe(e)), [a, c].filter(ce).map((x) => o(x).format("DD/MM/YYYY")).join(" - ");
         } else
           return o(e).format("DD/MM/YYYY");
       return null;
-    }, N = v(() => y.value ? y.value : B(t.modelValue));
-    le(
+    }, N = D(() => v.value ? v.value : Y(t.modelValue));
+    ae(
       () => t.modelValue,
       (e) => {
-        y.value = B(e);
+        v.value = Y(e);
       }
     );
-    const { floatingStyles: U, placement: K } = ce(m, c, {
-      placement: "bottom",
-      whileElementsMounted: _e,
-      middleware: [Ae(), Fe(5), Le({ padding: 6 }), je()]
-    }), Z = v(() => {
-      const e = {
-        ...U.value
-      };
-      return c.value, e;
-    }), f = r(!1), G = async () => {
-      f.value = !0;
-    }, M = async () => {
+    const d = r(!1), z = async () => {
+      d.value = !0;
+    }, h = async () => {
       var e;
-      f.value = !1, (e = S.value) == null || e.resetStatus();
-    }, I = r(!1), J = async () => {
-      b.value || (I.value = !0, await Ye(() => !!c.value), await G(), Q());
-    }, b = r(!1), { activate: Q, deactivate: O } = ke(c, {
+      d.value = !1, (e = C.value) == null || e.resetStatus();
+    }, S = r(!1), U = async () => {
+      b.value || (S.value = !0, await he(() => !!m.value), await z(), Z());
+    }, b = r(!1), { activate: Z, deactivate: I } = me(m, {
       onActivate: () => b.value = !0,
       // On post activation focus on current date
       onPostActivate: () => {
         var e;
-        (e = c.value.querySelector(
+        (e = m.value.querySelector(
           ".bb-base-date-picker-date--current button"
         )) == null || e.focus();
       },
       onPostDeactivate: async () => {
-        await Ce(200), b.value = !1;
+        await ye(200), b.value = !1;
       },
       /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (Y.value = !1, M(), !0),
-      clickOutsideDeactivates: () => (Y.value = !1, M(), !0),
+      escapeDeactivates: () => (w.value = !1, h(), !0),
+      clickOutsideDeactivates: () => (w.value = !1, h(), !0),
       allowOutsideClick: !0,
       preventScroll: !0
-    }), Y = r(!t.allowWriting || t.range), X = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, x = {
+    }), w = r(!t.allowWriting || t.range), G = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, J = {
       "onUpdate:modelValue": (e) => {
-        u("update:modelValue", e), X(e) && (Y.value = !1, O({
+        s("update:modelValue", e), G(e) && (w.value = !1, I({
           onPostDeactivate: () => {
-            b.value = !1, M();
+            b.value = !1, h();
           }
         }));
       }
-    }, ee = v(() => {
+    }, K = D(() => {
       if (t.range) {
         if (!t.modelValue || t.modelValue.length < 2)
-          return d("baseDatePickerInput.emptyRange").value;
+          return u("baseDatePickerInput.emptyRange").value;
         const e = o(t.modelValue[0]).format("D MMMM YYYY"), a = o(t.modelValue[1]).format("D MMMM YYYY");
         if (t.range && t.modelValue.length === 2)
-          return d("baseDatePickerInput.changeSelectionRange", e, a).value;
+          return u("baseDatePickerInput.changeSelectionRange", e, a).value;
       } else if (typeof t.modelValue == "string") {
         const e = o(t.modelValue).format("D MMMM YYYY");
-        return d("baseDatePickerInput.changeSelection", e).value;
+        return u("baseDatePickerInput.changeSelection", e).value;
       }
-      return d("baseDatePickerInput.emptySelection").value;
-    }), te = (e) => {
+      return u("baseDatePickerInput.emptySelection").value;
+    }), Q = (e) => {
       let a = !0;
       return t.min && a && (a = e.isSameOrAfter(o(t.min).startOf("day"))), t.max && a && (a = e.isSameOrBefore(o(t.max).startOf("day"))), typeof t.selectable == "function" && a && (a = t.selectable(e.toDate())), !a;
-    }, ae = () => {
+    }, X = () => {
       let e = null;
-      t.range && (e = []), u("update:modelValue", e);
+      t.range && (e = []), s("update:modelValue", e);
     };
-    return (e, a) => (D(), V(Oe, {
+    return (e, a) => (B(), O(we, {
       ref_key: "outerContainer",
-      ref: w,
-      class: $(T.value),
-      onFocusin: z
+      ref: M,
+      class: $(H.value),
+      onFocusin: R
     }, {
       "prepend-outer": n(() => [
         p(e.$slots, "prepend-outer")
@@ -180,13 +169,13 @@ const qe = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
         p(e.$slots, "append-outer")
       ]),
       default: n(() => [
-        E(Ie, {
+        _(Ve, {
           ref_key: "innerContainer",
-          ref: m,
+          ref: f,
           "append:icon": t["append:icon"],
-          clearable: t.clearable && !l(Pe)(e.modelValue),
+          clearable: t.clearable && !l(Ye)(e.modelValue),
           "prepend:icon": t["prepend:icon"],
-          "onClick:clear": ae
+          "onClick:clear": X
         }, {
           prepend: n(() => [
             p(e.$slots, "prepend")
@@ -201,122 +190,111 @@ const qe = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
             p(e.$slots, "suffix")
           ]),
           default: n(() => [
-            ie(s("input", P({
-              id: l(g),
+            re(i("input", P({
+              id: l(k),
               ref_key: "input",
-              ref: q,
-              "aria-describedby": `bdpi-description_${l(g)}`,
+              ref: j,
+              "aria-describedby": `bdpi-description_${l(k)}`,
               autocomplete: e.autocomplete,
               autofocus: e.autofocus,
               "data-maska": t.range ? "##/##/#### - ##/##/####" : "##/##/####",
               disabled: e.disabled,
-              inputmode: H.value,
+              inputmode: W.value,
               name: e.name,
               placeholder: e.placeholder,
               readonly: e.readonly || e.range || !e.allowWriting,
               required: e.required
-            }, R, {
+            }, T, {
               size: "1",
               type: "text",
               value: N.value
-            }), null, 16, qe), [
-              [l(we)]
+            }), null, 16, Se), [
+              [l(ge)]
             ]),
-            s("button", {
-              "aria-label": ee.value,
+            i("button", {
+              "aria-label": K.value,
               class: "bb-base-date-picker-input__calendar-btn",
-              disabled: e.disabled || e.readonly || !C.value,
+              disabled: e.disabled || e.readonly || !V.value,
               type: "button",
-              onClick: se(J, ["stop"])
+              onClick: oe(U, ["stop"])
             }, a[0] || (a[0] = [
-              s("svg", {
+              i("svg", {
                 fill: "none",
                 viewBox: "0 0 16 16",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                s("path", {
+                i("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"
                 }),
-                s("path", {
+                i("path", {
                   d: "M10.6667 1.33333V3.99999",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }),
-                s("path", {
+                i("path", {
                   d: "M5.33333 1.33333V3.99999",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }),
-                s("path", {
+                i("path", {
                   d: "M2 6.66667H14",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 })
               ], -1)
-            ]), 8, We),
-            s("span", {
-              id: `bdpi-description_${l(g)}`,
+            ]), 8, Ie),
+            i("span", {
+              id: `bdpi-description_${l(k)}`,
               class: "bb-base-date-picker-input__accessible-description sr-only"
-            }, _(l(d)("baseDatePickerInput.dateFormat")) + " " + _(t.range ? l(d)("baseDatePickerInput.dateFormatRange") : l(d)("baseDatePickerInput.dateFormatSingle")), 9, He)
+            }, E(l(u)("baseDatePickerInput.dateFormat")) + " " + E(t.range ? l(u)("baseDatePickerInput.dateFormatRange") : l(u)("baseDatePickerInput.dateFormatSingle")), 9, Be)
           ]),
           _: 3
         }, 8, ["append:icon", "clearable", "prepend:icon"]),
-        I.value ? (D(), V(Be, {
+        S.value ? (B(), O(Me, {
           key: 0,
-          target: e.teleportTarget
+          "base-class": "bb-base-date-picker-input",
+          offset: 4,
+          open: d.value,
+          "teleport-target": e.teleportTarget,
+          "transition-duration": 300,
+          wrapper: f.value
         }, {
-          default: n(() => {
-            var i;
-            return [
-              s("div", {
-                ref_key: "calendar",
-                ref: c,
-                class: $(["bb-base-date-picker-input__calendar", {
-                  "bb-base-date-picker-input__calendar--shown": f.value
-                }]),
-                style: ue(Z.value)
-              }, [
-                E($e, {
-                  direction: (i = l(K)) != null && i.includes("top") ? "bottom" : "top",
-                  duration: 300
-                }, {
-                  default: n(() => [
-                    (D(), V(de, null, [
-                      f.value ? (D(), V(Se, P({
-                        key: 0,
-                        id: l(g)
-                      }, x, {
-                        ref_key: "basedatepicker",
-                        ref: S,
-                        disabled: e.disabled,
-                        "first-day-of-week": e.firstDayOfWeek,
-                        max: e.max,
-                        min: e.min,
-                        "model-value": e.modelValue,
-                        range: e.range,
-                        readonly: e.readonly,
-                        selectable: e.selectable
-                      }), null, 16, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])) : A("", !0)
-                    ], 1024))
-                  ]),
-                  _: 1
-                }, 8, ["direction"])
-              ], 6)
-            ];
-          }),
+          default: n(() => [
+            i("div", {
+              ref_key: "calendar",
+              ref: m,
+              class: $(["bb-base-date-picker-input__calendar", {
+                "bb-base-date-picker-input__calendar--shown": d.value
+              }]),
+              inert: !d.value
+            }, [
+              _(De, P({ id: l(k) }, J, {
+                ref_key: "basedatepicker",
+                ref: C,
+                disabled: e.disabled,
+                "first-day-of-week": e.firstDayOfWeek,
+                max: e.max,
+                min: e.min,
+                "model-value": e.modelValue,
+                range: e.range,
+                readonly: e.readonly,
+                selectable: e.selectable
+              }), null, 16, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])
+            ], 10, Oe)
+          ]),
           _: 1
-        }, 8, ["target"])) : A("", !0)
+        }, 8, ["open", "teleport-target", "wrapper"])) : ne("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  vt as default
+  rt as default
 };

package/dist/index230.js

@@ -1,5 +1,22 @@
-import { hash as o } from "./index292.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+import { MaskInput as r } from "./index282.js";
+const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
+  if (a.arg == null || a.instance == null) return;
+  const s = "setup" in a.instance.$.type;
+  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
+}, k = (a, n) => {
+  var s;
+  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
+  if (t == null || (t == null ? void 0 : t.type) === "file") return;
+  let e = {};
+  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
+    const l = (o) => {
+      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
+      p(n, i);
+    };
+    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+  }
+  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+};
 export {
-  t as hash
+  k as vMaska
 };

package/dist/index231.js

@@ -1,10 +1,8 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
 });
 export {
-  e as useLogger
+  o as waitFor
 };