bitboss-ui 2.1.73 → 2.1.75

package/dist/index224.js

@@ -1,5 +1,129 @@
-import { hash as r } from "./index231.js";
-const a = (o, t) => r(o) === r(t);
+import { defineComponent as V, mergeModels as L, useModel as T, ref as p, computed as n, watch as F, onMounted as S, createBlock as A, openBlock as w, resolveDynamicComponent as N, mergeProps as g, unref as y, withModifiers as U, withCtx as q, createElementVNode as I, createElementBlock as X, createCommentVNode as j, renderSlot as z, nextTick as G } from "vue";
+import { useCancelableFunction as H } from "./index333.js";
+import { useUntil as J } from "./index236.js";
+import { extractDomContainer as h } from "./index266.js";
+import { waitFor as K } from "./index334.js";
+import { arrow as O, useFloating as Q } from "./index335.js";
+import { flip as R, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index336.js";
+const oe = {
+  key: 0,
+  class: "bb-common-popover__bubble"
+}, ue = /* @__PURE__ */ V({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ L({
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    anchor: {},
+    boundary: {},
+    dialog: { type: Boolean },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(c) {
+    const e = c, r = T(c, "modelValue"), s = p(r.value), x = n(() => e.dialog ? "dialog" : "span"), t = p(), m = p(), _ = n(() => h(e.anchor)), C = J(r, { initialValue: e.eager }), P = n(() => {
+      if (e.boundary)
+        return typeof e.boundary == "string" ? document.querySelector(e.boundary) ?? void 0 : h(e.boundary) ?? void 0;
+    }), k = n(() => {
+      const o = P.value;
+      return [
+        ...e.flip ? [R(o ? { boundary: o } : void 0)] : [],
+        W(e.offset),
+        Y({ padding: e.padding, ...o ? { boundary: o } : {} }),
+        Z(),
+        O({
+          element: m,
+          padding: e.arrowPadding
+        })
+      ];
+    }), { floatingStyles: M, placement: B, middlewareData: u, update: f } = Q(
+      _,
+      t,
+      {
+        placement: e.placement,
+        whileElementsMounted: ee,
+        middleware: k,
+        strategy: "fixed"
+      }
+    ), { execute: v } = H(
+      ({ signal: o }, a) => new Promise((l) => {
+        let i;
+        const d = () => {
+          i && clearTimeout(i);
+        };
+        o.addEventListener("abort", d), a ? (E(), f(), K(() => !!t.value).then(() => {
+          s.value = !0, o.removeEventListener("abort", d), l(void 0);
+        })) : (s.value = !1, i = setTimeout(() => {
+          G(() => {
+            t.value && (e.dialog ? t.value.close() : t.value.hidePopover()), o.removeEventListener("abort", d), f(), l(void 0);
+          });
+        }, e.transitionDuration));
+      })
+    ), E = () => {
+      if (!t.value) return;
+      if (!e.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    F(r, v), S(() => {
+      r.value && v(r.value);
+    });
+    const $ = n(() => {
+      const o = r.value ? void 0 : -1, a = Math.round(u.value.arrow?.x ?? 0), l = e.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...M.value,
+          "--transition-duration": `${e.transitionDuration}ms`,
+          "--page-padding": `${e.padding}px`,
+          "--arrow-offset-x": `${a}px`
+        },
+        popover: l,
+        tabindex: o
+      };
+    }), D = n(() => {
+      if (u.value.arrow) {
+        const { x: o, y: a } = u.value.arrow;
+        return {
+          style: {
+            left: `${o}px`,
+            top: `${a}px`
+          }
+        };
+      }
+    }), b = () => {
+      r.value = !1;
+    };
+    return (o, a) => (w(), A(N(x.value), g({
+      ref_key: "wrapper",
+      ref: t,
+      class: ["bb-common-popover", {
+        "bb-common-popover--open": s.value,
+        [`bb-common-popover--${y(B)}`]: !0
+      }]
+    }, $.value, {
+      onClick: U(b, ["self", "stop"]),
+      onClose: b
+    }), {
+      default: q(() => [
+        I("span", g({
+          ref_key: "bubblearrow",
+          ref: m,
+          class: "bb-common-popover__arrow"
+        }, D.value), null, 16),
+        y(C) ? (w(), X("span", oe, [
+          z(o.$slots, "default")
+        ])) : j("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
 export {
-  a as isEqual
+  ue as default
 };

package/dist/{index225.js → index226.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as o, renderSlot as t, createCommentVNode as h, createTextVNode as l, toDisplayString as i, unref as b, Fragment as m, renderList as u } from "vue";
-import { useLocale as g } from "./index235.js";
+import { useLocale as g } from "./index220.js";
 const k = { class: "bb-cr-container__container" }, y = {
   key: 0,
   class: "bb-cr-container__loading-container"

package/dist/index228.js

@@ -1,19 +1,31 @@
-import { computed as u, unref as a } from "vue";
-import { hash as d } from "./index231.js";
-const p = ({
-  items: m,
-  key: e
-}) => {
-  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
-    const t = {}, s = Array.from(a(m) ?? []);
-    for (let r = 0; r < s.length; r++) {
-      const c = s[r];
-      t[n(c)] = c;
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index214.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
+          return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
+      }
+      e.value--;
     }
-    return t;
-  });
-  return { data: o, get: (t) => o.value[n(t)] };
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
 };
 export {
-  p as useIndexById
+  p as useItemsGetter
 };

package/dist/index229.js

@@ -1,53 +1,19 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index299.js";
-import { useItemValue as w } from "./index290.js";
-import { hash as y } from "./index231.js";
-import { useLogger as D } from "./index252.js";
-const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
-  items: u,
-  disabled: c,
-  selectable: m,
-  itemText: a,
-  itemValue: d,
-  selectedIndexedByHash: r,
-  max: b = 1 / 0
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index232.js";
+const p = ({
+  items: m,
+  key: e
 }) => {
-  const v = l(() => o(c)), p = l(() => o(u)), h = l(
-    () => Object.keys(r.value).length
-  ), g = o(b), f = (e) => {
-    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
-      e,
-      v.value,
-      m,
-      g,
-      h.value,
-      s
-    );
-    return {
-      item: e,
-      text: i,
-      value: n,
-      valueHash: t,
-      selected: s,
-      disabled: o(I)
-    };
-  };
-  return {
-    options: l(() => {
-      const e = [], n = /* @__PURE__ */ new Set();
-      for (let t = 0; t < p.value.length; t++) {
-        const i = p.value[t];
-        i.disabled && H(
-          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
-        );
-        const s = f(i);
-        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
-      }
-      return e;
-    }),
-    createOption: f
-  };
+  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
+    const t = {}, s = Array.from(a(m) ?? []);
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      t[n(c)] = c;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
 };
 export {
-  q as useBaseOptions
+  p as useIndexById
 };

package/dist/index23.js

@@ -1,23 +1,23 @@
 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 "./index246.js";
-import Ce from "./index271.js";
-import ne from "./index272.js";
-import Le from "./index247.js";
-import Oe from "./index248.js";
-import Pe from "./index273.js";
-import { identity as Re } from "./index274.js";
-import { isEmpty as qe } from "./index260.js";
+import c from "./index255.js";
+import Ce from "./index277.js";
+import ne from "./index278.js";
+import Le from "./index256.js";
+import Oe from "./index257.js";
+import Pe from "./index279.js";
+import { identity as Re } from "./index246.js";
+import { isEmpty as qe } from "./index272.js";
 import { useId as Te } from "./index8.js";
-import { useLocale as je } from "./index235.js";
+import { useLocale as je } from "./index220.js";
 import { useMobile as Ne } from "./index9.js";
-import { vMaska as _e } from "./index238.js";
+import { vMaska as _e } from "./index221.js";
 import He from "./index21.js";
 /* empty css        */
 import We from "./index136.js";
 /* empty css         */
 import Ue from "./index138.js";
-import Ke from "./index241.js";
+import Ke from "./index224.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({
   __name: "BaseDatePickerInput",

package/dist/index230.js

@@ -1,17 +1,53 @@
-import { isNil as f } from "./index280.js";
-import { computed as t, unref as o } from "vue";
-const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
-  const i = t(
-    () => new Array().concat(o(e))
-  ), s = t(() => i.value.reduce(
-    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
-    { coherent: [], incoherent: [] }
-  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index299.js";
+import { useItemValue as w } from "./index253.js";
+import { hash as y } from "./index232.js";
+import { useLogger as D } from "./index242.js";
+const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
+  items: u,
+  disabled: c,
+  selectable: m,
+  itemText: a,
+  itemValue: d,
+  selectedIndexedByHash: r,
+  max: b = 1 / 0
+}) => {
+  const v = l(() => o(c)), p = l(() => o(u)), h = l(
+    () => Object.keys(r.value).length
+  ), g = o(b), f = (e) => {
+    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
+      e,
+      v.value,
+      m,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: i,
+      value: n,
+      valueHash: t,
+      selected: s,
+      disabled: o(I)
+    };
+  };
   return {
-    status: s,
-    coherent: c
+    options: l(() => {
+      const e = [], n = /* @__PURE__ */ new Set();
+      for (let t = 0; t < p.value.length; t++) {
+        const i = p.value[t];
+        i.disabled && H(
+          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
+        );
+        const s = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: f
   };
 };
 export {
-  a as useCoherence
+  q as useBaseOptions
 };

package/dist/index231.js

@@ -1,5 +1,17 @@
-import { hash as o } from "./index300.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+import { isNil as f } from "./index249.js";
+import { computed as t, unref as o } from "vue";
+const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
+  const i = t(
+    () => new Array().concat(o(e))
+  ), s = t(() => i.value.reduce(
+    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
+    { coherent: [], incoherent: [] }
+  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
+  return {
+    status: s,
+    coherent: c
+  };
+};
 export {
-  t as hash
+  a as useCoherence
 };

package/dist/index232.js

@@ -1,14 +1,5 @@
-import { hash as e } from "./index231.js";
-import { debouncedWatch as s } from "./index214.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+import { hash as o } from "./index300.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  n as useHashedWatcher
+  t as hash
 };

package/dist/index233.js

@@ -1,18 +1,14 @@
-import { isNotNil as n } from "./index144.js";
-import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
-const h = ({
-  fn: i,
-  onStart: s,
-  multiple: f,
-  currentValue: o
-}) => {
-  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
-    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
-  };
-  return a && (u(r), c(async () => {
-    l.value || await r();
-  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
+import { hash as e } from "./index232.js";
+import { debouncedWatch as s } from "./index214.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
 };
 export {
-  h as usePrefill
+  n as useHashedWatcher
 };

package/dist/index234.js

@@ -1,15 +1,18 @@
-const c = (t, r) => {
-  if (typeof t == "string") {
-    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
-    if (n) {
-      const [, o, a] = n;
-      return a ? t : o + "px";
-    } else if (t in r)
-      return r[t] + "px";
-    throw new Error(`Invalid size: ${t}`);
-  }
-  return t + "px";
+import { isNotNil as n } from "./index144.js";
+import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
+const h = ({
+  fn: i,
+  onStart: s,
+  multiple: f,
+  currentValue: o
+}) => {
+  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
+    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
+  };
+  return a && (u(r), c(async () => {
+    l.value || await r();
+  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
 };
 export {
-  c as parseSize
+  h as usePrefill
 };

package/dist/index235.js

@@ -1,15 +1,15 @@
-import { locales as t } from "./index297.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index293.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 c = (t, r) => {
+  if (typeof t == "string") {
+    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
+    if (n) {
+      const [, o, a] = n;
+      return a ? t : o + "px";
+    } else if (t in r)
+      return r[t] + "px";
+    throw new Error(`Invalid size: ${t}`);
+  }
+  return t + "px";
+};
 export {
-  d as useLocale
+  c as parseSize
 };

package/dist/index237.js

@@ -1,6 +1,35 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
+import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
+/* empty css         */
+import n from "./index213.js";
+const l = {}, s = {
+  class: "bb-error-icon",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(c, r) {
+  return t(), e("svg", s, r[0] || (r[0] = [
+    o("path", {
+      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
+      fill: "currentColor"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 6.66666V9.99999",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 13.3333H10.0025",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1)
+  ]));
 }
+const a = /* @__PURE__ */ n(l, [["render", i]]);
 export {
-  x as isHex
+  a as default
 };

package/dist/index238.js

@@ -1,22 +1,30 @@
-import { MaskInput as r } from "./index259.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?.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];
+import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
+import { useLocale as s } from "./index220.js";
+const c = ["aria-label"], b = /* @__PURE__ */ l({
+  __name: "ClearableButton",
+  setup(u) {
+    const { t: o } = s();
+    return (i, e) => (r(), n("button", {
+      "aria-label": a(o)("common.clearLabel").value,
+      class: "bb-clearable-button",
+      type: "button"
+    }, e[0] || (e[0] = [
+      t("svg", {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        t("path", {
+          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "2"
+        })
+      ], -1)
+    ]), 8, c));
   }
-  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
-};
+});
 export {
-  k as vMaska
+  b as default
 };

package/dist/index240.js

@@ -0,0 +1,4 @@
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+export {
+  s as isCssColor
+};