bitboss-ui 2.1.95 → 2.1.97

package/dist/index239.js

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

package/dist/index24.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 "./index227.js";
-import Ce from "./index271.js";
-import ne from "./index272.js";
-import Le from "./index228.js";
-import Oe from "./index229.js";
-import Pe from "./index273.js";
-import { identity as Re } from "./index261.js";
-import { isEmpty as qe } from "./index246.js";
+import c from "./index279.js";
+import Ce from "./index290.js";
+import ne from "./index291.js";
+import Le from "./index280.js";
+import Oe from "./index281.js";
+import Pe from "./index292.js";
+import { identity as Re } from "./index229.js";
+import { isEmpty as qe } from "./index248.js";
 import { useId as Te } from "./index8.js";
-import { useLocale as je } from "./index239.js";
+import { useLocale as je } from "./index230.js";
 import { useMobile as Ne } from "./index9.js";
-import { vMaska as _e } from "./index274.js";
+import { vMaska as _e } from "./index236.js";
 import He from "./index22.js";
 /* empty css        */
 import We from "./index137.js";
 /* empty css         */
 import Ue from "./index139.js";
-import Ke from "./index275.js";
+import Ke from "./index239.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/index241.js

@@ -1,19 +1,4 @@
-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;
-    }
-    return t;
-  });
-  return { data: o, get: (t) => o.value[n(t)] };
-};
+const e = (t) => t[t.length - 1];
 export {
-  p as useIndexById
+  e as last
 };

package/dist/index242.js

@@ -1,108 +1,53 @@
-import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index231.js";
-import { isNil as l } from "./index223.js";
-import E from "./index68.js";
-/* empty css        */
-const K = /* @__PURE__ */ y({
-  __name: "ChipsBox",
-  props: {
-    options: {}
-  },
-  emits: ["option:unselected"],
-  setup(f, { expose: v, emit: h }) {
-    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
-      const s = l(n.value) ? -1 : n.value;
-      let o = (s + e) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = a(e + 1);
-      return o;
-    }, x = () => {
-      if (!i.value) return;
-      const e = a();
-      n.value = e;
-    }, c = (e = 1) => {
-      const s = l(n.value) ? 0 : n.value;
-      let o = (s - e + t.options.length) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = c(e + 1);
-      return o;
-    }, m = async () => {
-      if (!i.value) return;
-      const e = c();
-      n.value = e;
-    }, w = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; t.options[e].disabled; )
-        e++;
-      n.value = e;
-    }, b = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e;
-    }, I = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; !t.options[e].selected && t.options.length !== e; )
-        e++;
-      n.value = e;
-    }, g = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].selected && e !== 0; )
-        e--;
-      n.value = e;
-    }, _ = (e) => {
-      if (!i.value) return;
-      const s = t.options.findIndex(
-        (o) => o.valueHash === e
-      );
-      s >= 0 && (n.value = s);
-    }, r = () => {
-      n.value = null;
-    }, k = () => {
-      if (l(n.value)) return;
-      const e = t.options[n.value];
-      e.selected && u("option:unselected", e);
-    }, C = () => l(n.value) ? void 0 : t.options[n.value];
-    return N(
-      () => t.options,
-      (e, s) => {
-        d(e) !== d(s) && r();
-      },
-      {
-        flush: "post"
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index306.js";
+import { useItemValue as w } from "./index266.js";
+import { hash as y } from "./index254.js";
+import { useLogger as D } from "./index261.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 {
+    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));
       }
-    ), v({
-      focusNext: x,
-      focusPrevious: m,
-      focusFirst: w,
-      focusFirstSelected: I,
-      focusLast: b,
-      focusLastSelected: g,
-      blur: r,
-      confirmOption: k,
-      focusByHash: _,
-      getHighlighted: C
-    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
-      key: o.valueHash,
-      class: P({
-        "bb-chipsbox-item": !0,
-        "bb-chipsbox-item--focused": B === n.value
-      }),
-      clearable: !0,
-      text: o.text,
-      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
-    }, {
-      default: $(() => [
-        z(D(o.text), 1)
-      ]),
-      _: 2
-    }, 1032, ["class", "text", "onClick:clear"]))), 128));
-  }
-});
+      return e;
+    }),
+    createOption: f
+  };
+};
 export {
-  K as default
+  q as useBaseOptions
 };

package/dist/index243.js

@@ -0,0 +1,19 @@
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index254.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;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
+};
+export {
+  p as useIndexById
+};

package/dist/index244.js

@@ -1,102 +1,108 @@
-import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
-import { hash as f } from "./index231.js";
-import { isNil as i } from "./index223.js";
-const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
-  __name: "CommaBox",
+import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index254.js";
+import { isNil as l } from "./index260.js";
+import E from "./index68.js";
+/* empty css        */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
   props: {
     options: {}
   },
   emits: ["option:unselected"],
-  setup(m, { expose: h, emit: x }) {
-    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
-      const s = i(n.value) ? -1 : n.value;
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
       let o = (s + e) % t.options.length;
       for (; t.options[o].disabled && o !== s; )
-        o = u(e + 1);
+        o = a(e + 1);
       return o;
-    }, b = () => {
-      if (!l.value) return;
-      const e = u();
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
       n.value = e;
     }, c = (e = 1) => {
-      const s = i(n.value) ? 0 : n.value;
+      const s = l(n.value) ? 0 : n.value;
       let o = (s - e + t.options.length) % t.options.length;
       for (; t.options[o].disabled && o !== s; )
         o = c(e + 1);
       return o;
-    }, w = async () => {
-      if (!l.value) return;
+    }, m = async () => {
+      if (!i.value) return;
       const e = c();
       n.value = e;
-    }, I = () => {
-      if (!l.value) return;
+    }, w = () => {
+      if (!i.value) return;
       let e = 0;
       for (; t.options[e].disabled; )
         e++;
       n.value = e;
-    }, g = () => {
-      if (!l.value) return;
+    }, b = () => {
+      if (!i.value) return;
       let e = t.options.length - 1;
       for (; t.options[e].disabled && e !== 0; )
         e--;
       n.value = e;
-    }, k = () => {
-      if (!l.value) return;
+    }, I = () => {
+      if (!i.value) return;
       let e = 0;
       for (; !t.options[e].selected && t.options.length !== e; )
         e++;
       n.value = e;
-    }, _ = () => {
-      if (!l.value) return;
+    }, g = () => {
+      if (!i.value) return;
       let e = t.options.length - 1;
       for (; t.options[e].selected && e !== 0; )
         e--;
       n.value = e;
-    }, C = (e) => {
-      if (!l.value) return;
+    }, _ = (e) => {
+      if (!i.value) return;
       const s = t.options.findIndex(
         (o) => o.valueHash === e
       );
       s >= 0 && (n.value = s);
     }, r = () => {
       n.value = null;
-    }, y = () => {
-      if (i(n.value)) return;
+    }, k = () => {
+      if (l(n.value)) return;
       const e = t.options[n.value];
-      e.selected && a("option:unselected", e);
-    }, B = () => i(n.value) ? void 0 : t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
     return N(
       () => t.options,
       (e, s) => {
-        f(e) !== f(s) && r();
+        d(e) !== d(s) && r();
       },
       {
         flush: "post"
       }
-    ), h({
-      focusNext: b,
-      focusPrevious: w,
-      focusFirst: I,
-      focusFirstSelected: k,
-      focusLast: g,
-      focusLastSelected: _,
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
       blur: r,
-      confirmOption: y,
-      focusByHash: C,
-      getHighlighted: B
-    }), (e, s) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
       key: o.valueHash,
       class: P({
-        "bb-commabox-item": !0,
-        "bb-commabox-item--focused": p === n.value,
-        "bb-commabox-item--has-comma": p !== e.options.length - 1
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
       }),
       clearable: !0,
       text: o.text,
-      "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
-    }, V(o.text), 43, z))), 128));
+      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
   }
 });
 export {
-  j as default
+  K as default
 };

package/dist/index246.js

@@ -1,5 +1,102 @@
-import { isNil as r } from "./index223.js";
-const e = (t) => r(t) ? !0 : Array.isArray(t) || typeof t == "string" ? t.length === 0 : t instanceof Map || t instanceof Set ? t.size === 0 : typeof t == "number" ? Number.isNaN(t) : typeof t == "boolean" || typeof t == "function" ? !1 : typeof t == "object" ? "length" in t && typeof t.length == "number" ? t.length === 0 : Object.keys(t).length === 0 : !1;
+import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
+import { hash as f } from "./index254.js";
+import { isNil as i } from "./index260.js";
+const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
+  __name: "CommaBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(m, { expose: h, emit: x }) {
+    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
+      const s = i(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = u(e + 1);
+      return o;
+    }, b = () => {
+      if (!l.value) return;
+      const e = u();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = i(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, w = async () => {
+      if (!l.value) return;
+      const e = c();
+      n.value = e;
+    }, I = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, k = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, _ = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, C = (e) => {
+      if (!l.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, y = () => {
+      if (i(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && a("option:unselected", e);
+    }, B = () => i(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        f(e) !== f(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), h({
+      focusNext: b,
+      focusPrevious: w,
+      focusFirst: I,
+      focusFirstSelected: k,
+      focusLast: g,
+      focusLastSelected: _,
+      blur: r,
+      confirmOption: y,
+      focusByHash: C,
+      getHighlighted: B
+    }), (e, s) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
+      key: o.valueHash,
+      class: P({
+        "bb-commabox-item": !0,
+        "bb-commabox-item--focused": p === n.value,
+        "bb-commabox-item--has-comma": p !== e.options.length - 1
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
+    }, V(o.text), 43, z))), 128));
+  }
+});
 export {
-  e as isEmpty
+  j as default
 };

package/dist/index248.js

@@ -1,5 +1,5 @@
-import { hash as r } from "./index231.js";
-const a = (o, t) => r(o) === r(t);
+import { isNil as r } from "./index260.js";
+const e = (t) => r(t) ? !0 : Array.isArray(t) || typeof t == "string" ? t.length === 0 : t instanceof Map || t instanceof Set ? t.size === 0 : typeof t == "number" ? Number.isNaN(t) : typeof t == "boolean" || typeof t == "function" ? !1 : typeof t == "object" ? "length" in t && typeof t.length == "number" ? t.length === 0 : Object.keys(t).length === 0 : !1;
 export {
-  a as isEqual
+  e as isEmpty
 };