bitboss-ui 2.0.171 → 2.0.172

package/dist/index23.js

@@ -1,31 +1,29 @@
-import { defineComponent as ee, watchEffect as te, ref as r, computed as D, watch as ae, createBlock as B, openBlock as O, normalizeClass as $, withCtx as n, createVNode as _, createCommentVNode as re, unref as l, withDirectives as oe, createElementVNode as i, mergeProps as P, withModifiers as ne, toDisplayString as E, renderSlot as p } from "vue";
-import o from "./index236.js";
-import le from "./index249.js";
-import ie from "./index237.js";
-import se from "./index238.js";
-import ue from "./index239.js";
-import de from "./index240.js";
-import { identity as ce } from "./index250.js";
-import { last as pe } from "./index211.js";
-import { useFocusTrap as me } from "./index251.js";
-import { useId as fe } from "./index8.js";
-import { useIntersectionObserver as be } from "./index137.js";
-import { useLocale as ve } from "./index231.js";
+import { defineComponent as J, watchEffect as K, ref as n, computed as y, watch as Q, createBlock as X, openBlock as w, normalizeClass as S, withCtx as l, createVNode as h, unref as r, withDirectives as x, createElementVNode as d, createElementBlock as ee, createCommentVNode as te, mergeProps as B, withModifiers as ae, toDisplayString as E, renderSlot as p } from "vue";
+import { _config as oe } from "./index4.js";
+import o from "./index224.js";
+import { debounce as re } from "./index225.js";
+import ne from "./index226.js";
+import le from "./index227.js";
+import ie from "./index228.js";
+import se from "./index229.js";
+import de from "./index230.js";
+import { identity as ue } from "./index219.js";
+import { isEmpty as ce } from "./index231.js";
+import { last as pe } from "./index232.js";
+import { useId as me } from "./index8.js";
+import { useIntersectionObserver as fe } from "./index137.js";
+import { useLocale as be } from "./index211.js";
 import { useMobile as ke } from "./index9.js";
-import { vMaska as ge } from "./index252.js";
-import { wait as ye } from "./index135.js";
-import { waitFor as he } from "./index221.js";
-import De from "./index21.js";
+import { useUntil as ge } from "./index233.js";
+import { vMaska as ye } from "./index234.js";
+import ve from "./index21.js";
 /* empty css        */
-import Me from "./index253.js";
+import Ve from "./index214.js";
 /* empty css         */
-import Ve from "./index218.js";
+import he from "./index213.js";
+import Me from "./index235.js";
 /* empty css         */
-import we from "./index220.js";
-import { _config as Ce } from "./index4.js";
-import { isEmpty as Ye } from "./index232.js";
-import { debounce as Se } from "./index255.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({
+const De = ["inert"], Ce = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Ye = ["aria-label", "disabled"], we = ["id"], Xe = /* @__PURE__ */ J({
   __name: "BaseDatePickerInput",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -52,93 +50,73 @@ const Ie = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
     teleportTarget: {}
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  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]);
+  setup(I, { emit: $ }) {
+    const L = { it: de, en: le };
+    o.extend(ne), o.extend(ie), o.extend(se), K(() => {
+      o.locale(L[oe.locale]);
     });
-    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(
+    const t = I, i = $, { t: u } = be(), M = n(null), v = n(null), m = n(null), _ = n(null), f = n(null), D = n(), b = t.id || `bdpi-${me().id.value}`, { isMobile: O } = ke(), P = y(
+      () => t.allowWriting === "not-mobile" && O.value ? "none" : "numeric"
+    );
+    fe(
       // @ts-expect-error wrong inferred type
-      f,
-      Se(([{ intersectionRatio: e }]) => {
-        e === 1 ? V.value = !0 : (V.value = !1, d.value && (I(), f.value && f.value.$el.querySelector(
+      m,
+      re(() => {
+        s.value && (m.value && m.value.$el.querySelector(
           ".bb-base-date-picker-input__calendar-btn"
-        ).focus({ preventScroll: !0 }), h()));
+        ).focus({ preventScroll: !0 }), V());
       }, 100),
       { threshold: [0, 1] }
     );
-    const H = D(() => ({
+    const F = y(() => ({
       "bb-base-date-picker-input": !0,
-      "bb-base-date-picker-input--active": g.value,
+      "bb-base-date-picker-input--active": k.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
-    })), T = {
+    })), j = {
       onInput: (e) => {
         if (!t.range && e.target instanceof HTMLInputElement)
-          if (v.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
+          if (f.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
             const a = o(e.target.value, "DD/MM/YYYY");
-            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);
+            z(a) ? (e.target.value = "", i("update:modelValue", null), i("error", "invalid_date_typed")) : i("update:modelValue", a.toISOString());
+          } else e.target.value === "" && i("update:modelValue", null);
       }
-    }, g = r(!1), R = () => {
-      g.value || (s("active"), g.value = !0, document.addEventListener("focusin", y), document.addEventListener("click", y));
-    }, y = (e) => {
+    }, k = n(!1), A = () => {
+      k.value || (i("active"), k.value = !0, document.addEventListener("focusin", g), document.addEventListener("click", g));
+    }, g = (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) => {
+      e.target instanceof HTMLElement && (a = v.value) != null && a.$el && !v.value.$el.contains(e.target) && !((c = M.value) != null && c.contains(e.target)) && (k.value = !1, i("inactive"), document.removeEventListener("focusin", g), document.removeEventListener("click", g));
+    }, C = (e) => {
       if (e)
         if (Array.isArray(e)) {
           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(" - ");
+          return e.length && (a = e[0]), e.length > 1 && (c = pe(e)), [a, c].filter(ue).map((G) => o(G).format("DD/MM/YYYY")).join(" - ");
         } else
           return o(e).format("DD/MM/YYYY");
       return null;
-    }, N = D(() => v.value ? v.value : Y(t.modelValue));
-    ae(
+    }, H = y(() => f.value ? f.value : C(t.modelValue));
+    Q(
       () => t.modelValue,
       (e) => {
-        v.value = Y(e);
+        f.value = C(e);
       }
     );
-    const d = r(!1), z = async () => {
-      d.value = !0;
-    }, h = async () => {
+    const s = n(!1), W = ge(s), Y = (e) => {
+      const a = e.target;
+      a && a instanceof HTMLDialogElement && V();
+    }, q = async () => {
+      t.disabled || t.readonly || (s.value = !0, document.addEventListener("click", Y, { passive: !0 }));
+    }, V = async () => {
       var e;
-      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 = m.value.querySelector(
-          ".bb-base-date-picker-date--current button"
-        )) == null || e.focus();
-      },
-      onPostDeactivate: async () => {
-        await ye(200), b.value = !1;
-      },
-      /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (w.value = !1, h(), !0),
-      clickOutsideDeactivates: () => (w.value = !1, h(), !0),
-      allowOutsideClick: !0,
-      preventScroll: !0
-    }), w = r(!t.allowWriting || t.range), G = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, J = {
+      s.value = !1, (e = D.value) == null || e.resetStatus(), document.removeEventListener("click", Y);
+    }, R = n(!t.allowWriting || t.range), T = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, N = {
       "onUpdate:modelValue": (e) => {
-        s("update:modelValue", e), G(e) && (w.value = !1, I({
-          onPostDeactivate: () => {
-            b.value = !1, h();
-          }
-        }));
+        i("update:modelValue", e), T(e) && (R.value = !1, V());
       }
-    }, K = D(() => {
+    }, U = y(() => {
       if (t.range) {
         if (!t.modelValue || t.modelValue.length < 2)
           return u("baseDatePickerInput.emptyRange").value;
@@ -150,152 +128,151 @@ const Ie = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
         return u("baseDatePickerInput.changeSelection", e).value;
       }
       return u("baseDatePickerInput.emptySelection").value;
-    }), Q = (e) => {
+    }), z = (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;
-    }, X = () => {
+    }, Z = () => {
       let e = null;
-      t.range && (e = []), s("update:modelValue", e);
+      t.range && (e = []), i("update:modelValue", e);
     };
-    return (e, a) => (O(), B(we, {
+    return (e, a) => (w(), X(he, {
       ref_key: "outerContainer",
-      ref: M,
-      class: $(H.value),
-      onFocusin: R
+      ref: v,
+      class: S(F.value),
+      onFocusin: A
     }, {
-      "prepend-outer": n(() => [
+      "prepend-outer": l(() => [
         p(e.$slots, "prepend-outer")
       ]),
-      "append-outer": n(() => [
+      "append-outer": l(() => [
         p(e.$slots, "append-outer")
       ]),
-      default: n(() => [
-        _(Ve, {
+      default: l(() => [
+        h(Ve, {
           ref_key: "innerContainer",
-          ref: f,
+          ref: m,
           "append:icon": t["append:icon"],
-          clearable: t.clearable && !l(Ye)(e.modelValue),
+          clearable: t.clearable && !r(ce)(e.modelValue),
           "prepend:icon": t["prepend:icon"],
-          "onClick:clear": X
+          "onClick:clear": Z
         }, {
-          prepend: n(() => [
+          prepend: l(() => [
             p(e.$slots, "prepend")
           ]),
-          prefix: n(() => [
+          prefix: l(() => [
             p(e.$slots, "prefix")
           ]),
-          append: n(() => [
+          append: l(() => [
             p(e.$slots, "append")
           ]),
-          suffix: n(() => [
+          suffix: l(() => [
             p(e.$slots, "suffix")
           ]),
-          default: n(() => [
-            oe(i("input", P({
-              id: l(k),
+          default: l(() => [
+            h(Me, {
+              modelValue: s.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (c) => s.value = c),
+              block: !0,
+              dialog: "",
+              offset: 4
+            }, {
+              default: l(() => [
+                r(W) ? (w(), ee("div", {
+                  key: 0,
+                  ref_key: "calendar",
+                  ref: M,
+                  class: S(["bb-base-date-picker-input__calendar", {
+                    "bb-base-date-picker-input__calendar--shown": s.value
+                  }]),
+                  inert: !s.value
+                }, [
+                  h(ve, B({ id: r(b) }, N, {
+                    ref_key: "basedatepicker",
+                    ref: D,
+                    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, De)) : te("", !0)
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            x(d("input", B({
+              id: r(b),
               ref_key: "input",
-              ref: j,
-              "aria-describedby": `bdpi-description_${l(k)}`,
+              ref: _,
+              "aria-describedby": `bdpi-description_${r(b)}`,
               autocomplete: e.autocomplete,
               autofocus: e.autofocus,
               "data-maska": t.range ? "##/##/#### - ##/##/####" : "##/##/####",
               disabled: e.disabled,
-              inputmode: W.value,
+              inputmode: P.value,
               name: e.name,
               placeholder: e.placeholder,
               readonly: e.readonly || e.range || !e.allowWriting,
               required: e.required
-            }, T, {
+            }, j, {
               size: "1",
               type: "text",
-              value: N.value
-            }), null, 16, Ie), [
-              [l(ge)]
+              value: H.value
+            }), null, 16, Ce), [
+              [r(ye)]
             ]),
-            i("button", {
-              "aria-label": K.value,
+            d("button", {
+              "aria-label": U.value,
               class: "bb-base-date-picker-input__calendar-btn",
-              disabled: e.disabled || e.readonly || !V.value,
+              disabled: e.disabled || e.readonly,
               type: "button",
-              onClick: ne(U, ["stop"])
-            }, a[0] || (a[0] = [
-              i("svg", {
+              onClick: ae(q, ["stop"])
+            }, a[1] || (a[1] = [
+              d("svg", {
                 fill: "none",
                 viewBox: "0 0 16 16",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                i("path", {
+                d("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"
                 }),
-                i("path", {
+                d("path", {
                   d: "M10.6667 1.33333V3.99999",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }),
-                i("path", {
+                d("path", {
                   d: "M5.33333 1.33333V3.99999",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }),
-                i("path", {
+                d("path", {
                   d: "M2 6.66667H14",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 })
               ], -1)
-            ]), 8, Be),
-            i("span", {
-              id: `bdpi-description_${l(k)}`,
+            ]), 8, Ye),
+            d("span", {
+              id: `bdpi-description_${r(b)}`,
               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, Oe)
+            }, E(r(u)("baseDatePickerInput.dateFormat")) + " " + E(t.range ? r(u)("baseDatePickerInput.dateFormatRange") : r(u)("baseDatePickerInput.dateFormatSingle")), 9, we)
           ]),
           _: 3
-        }, 8, ["append:icon", "clearable", "prepend:icon"]),
-        S.value ? (O(), B(Me, {
-          key: 0,
-          "base-class": "bb-base-date-picker-input",
-          offset: 4,
-          open: d.value,
-          "teleport-target": e.teleportTarget,
-          "transition-duration": 300,
-          wrapper: f.value
-        }, {
-          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, $e)
-          ]),
-          _: 1
-        }, 8, ["open", "teleport-target", "wrapper"])) : re("", !0)
+        }, 8, ["append:icon", "clearable", "prepend:icon"])
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  nt as default
+  Xe as default
 };

package/dist/index230.js

@@ -1,14 +1,7 @@
-import { hash as e } from "./index229.js";
-import { debouncedWatch as s } from "./index206.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+import { getDefaultExportFromCjs as r } from "./index308.js";
+import { __require as t } from "./index305.js";
+var o = t();
+const a = /* @__PURE__ */ r(o);
 export {
-  n as useHashedWatcher
+  a as default
 };

package/dist/index231.js

@@ -1,15 +1,4 @@
-import { locales as t } from "./index296.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index297.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
-});
+const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
 export {
-  d as useLocale
+  n as isEmpty
 };

package/dist/index232.js

@@ -1,4 +1,4 @@
-const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
+const e = (t) => t[t.length - 1];
 export {
-  n as isEmpty
+  e as last
 };