bitboss-ui 2.1.27 → 2.1.29

package/dist/index239.js

@@ -1,231 +1,102 @@
-import { defineComponent as U, ref as f, computed as x, watch as D, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as v, renderSlot as m, createTextVNode as z, toDisplayString as g, unref as H, Fragment as Z, renderList as ee } from "vue";
-import { isNil as b } from "./index241.js";
-import { useVirtualizer as te } from "./index332.js";
-import { isNotNil as oe } from "./index140.js";
-import { hash as L } from "./index219.js";
-import { useLocale as ne } from "./index210.js";
-const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
-  key: 0,
-  class: "bb-listbox__loading"
-}, se = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, be = /* @__PURE__ */ U({
-  __name: "ListBox",
+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 "./index215.js";
+import { isNil as i } from "./index245.js";
+const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
+  __name: "CommaBox",
   props: {
-    compact: { type: Boolean },
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    multiple: { type: Boolean },
-    transitionDuration: { default: 250 },
-    loadingText: {},
-    noDataText: {}
+    options: {}
   },
-  emits: ["option:selected", "option:unselected"],
-  setup(N, { expose: V, emit: O }) {
-    const o = N, y = O, { t: I } = ne(), s = f(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
-      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
-    ), c = te({
-      get count() {
-        return o.options.length;
-      },
-      getScrollElement: () => s.value ? s.value : null,
-      estimateSize: () => o.compact ? 32 : 40,
-      overscan: 5,
-      measureElement: () => o.compact ? 32 : 40,
-      useAnimationFrameWithResizeObserver: !0
-    }), F = (e) => {
-      e && c.value.measureElement(e);
-    }, M = x(() => c.value.getVirtualItems()), A = x(() => c.value.getTotalSize()), n = f(null), a = x(
-      () => o.open && o.options.some((e) => !e.disabled)
-    ), _ = (e = 1) => {
-      const l = b(n.value) ? -1 : n.value;
-      let t = (l + e) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = _(e + 1);
-      return t;
-    }, R = () => {
-      if (!a.value) return;
-      const e = _();
-      n.value = e, u();
-    }, S = (e = 1) => {
-      const l = b(n.value) ? 0 : n.value;
-      let t = (l - e + o.options.length) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = S(e + 1);
-      return t;
-    }, P = async () => {
-      if (!a.value) return;
-      const e = S();
-      n.value = e, u();
-    }, W = () => {
-      if (!a.value) return;
+  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 (; o.options[e].disabled; )
+      for (; t.options[e].disabled; )
         e++;
-      n.value = e, u();
-    }, q = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].disabled && e !== 0; )
+      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, u();
-    }, J = () => {
-      if (!a.value) return;
+      n.value = e;
+    }, k = () => {
+      if (!l.value) return;
       let e = 0;
-      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+      for (; !t.options[e].selected && t.options.length !== e; )
         e++;
-      n.value = e % o.options.length, u();
-    }, Y = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].selected && e > 0; )
+      n.value = e;
+    }, _ = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
         e--;
-      n.value = e === -1 ? o.options.length - 1 : e, u();
-    }, j = (e) => {
-      if (!a.value) return;
-      const l = o.options.findIndex(
-        (t) => t.valueHash === e
+      n.value = e;
+    }, C = (e) => {
+      if (!l.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
       );
-      l >= 0 && (n.value = l), u();
-    }, k = () => {
+      s >= 0 && (n.value = s);
+    }, r = () => {
       n.value = null;
-    }, u = () => {
-      s.value && oe(n.value) && c.value.scrollToIndex(n.value, {
-        align: "center",
-        behavior: "smooth"
-      });
-    }, w = () => {
-      if (b(n.value) || !o.open) return;
-      const e = o.options[n.value];
-      e.selected ? y("option:unselected", e) : y("option:selected", e);
-    }, B = f(0), E = () => {
-      s.value && (B.value = s.value.scrollHeight);
-    }, G = (e) => !e.disabled, K = (e) => {
-      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
-        if (!s.value.querySelector('[role="listbox"]'))
-          throw new Error("Could not find listbox in DOM tree.");
-        let t = e.target, r = t.dataset.index;
-        for (; b(r) && t.parentElement; )
-          t = t.parentElement, r = t.dataset.index;
-        if (r) {
-          const T = o.options[+r];
-          T && G(T) && (n.value = +r, w());
-        }
-      }
-    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
-    return D(
-      () => o.open,
-      () => {
-        E();
-      },
-      { flush: "post" }
-    ), D(
-      () => o.options,
-      (e, l) => {
-        L(e.map((t) => t.valueHash)) !== L(l.map((t) => t.valueHash)) && (c.value.calculateRange(), E(), k());
+    }, 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"
       }
-    ), V({
-      focusNext: R,
-      focusPrevious: P,
-      focusFirst: W,
-      focusFirstSelected: J,
-      focusLast: q,
-      focusLastSelected: Y,
-      blur: k,
-      confirmOption: w,
-      focusByHash: j,
-      getHighlighted: Q
-    }), (e, l) => (p(), d("span", {
-      class: $(["bb-listbox", {
-        "bb-listbox--compact": e.compact,
-        "bb-listbox--loading": e.loading,
-        "bb-listbox--multiple": e.multiple,
-        "bb-listbox--no-data": !i.value.length,
-        "bb-listbox--open": e.open
-      }]),
-      style: h({
-        "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${B.value}px`
+    ), 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
       }),
-      onClick: X(K, ["stop"])
-    }, [
-      v("span", le, [
-        v("span", {
-          ref_key: "inner",
-          ref: s,
-          class: "bb-listbox__inner-container",
-          tabindex: "-1"
-        }, [
-          m(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (p(), d("span", ie, [
-            m(e.$slots, "loading", {}, () => [
-              z(g(e.loadingText || H(I)("common.loadingText").value), 1)
-            ])
-          ])) : e.options.length ? (p(), d("span", {
-            key: 2,
-            role: "listbox",
-            style: h({
-              height: `${A.value}px`
-            }),
-            tabindex: "-1"
-          }, [
-            (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
-              key: i.value[t.index].value,
-              ref_for: !0,
-              ref: F,
-              "aria-selected": n.value === r ? !0 : void 0,
-              class: $({
-                "bb-listbox__option autocomplete-option": !0,
-                "autocomplete-option--focused": n.value === t.index,
-                "autocomplete-option--selected": i.value[t.index].selected,
-                "autocomplete-option--disabled": i.value[t.index].disabled
-              }),
-              "data-index": t.index,
-              role: "option",
-              style: h({
-                transform: `translateY(${t.start}px)`
-              })
-            }, [
-              m(e.$slots, "option", {
-                disabled: !!i.value[t.index].disabled,
-                focused: n.value === t.index,
-                index: t.index,
-                item: i.value[t.index].item,
-                selected: !!i.value[t.index].selected,
-                text: i.value[t.index].text,
-                value: i.value[t.index].value
-              }, () => [
-                l[0] || (l[0] = v("svg", {
-                  class: "autocomplete-option__checkbox",
-                  role: "presentation",
-                  viewBox: "276.411 158.834 114.971 114.97"
-                }, [
-                  v("path", {
-                    d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-                    fill: "none",
-                    "stroke-linecap": "round",
-                    "stroke-width": "14px"
-                  })
-                ], -1)),
-                v("span", ue, g(i.value[t.index].text), 1)
-              ])
-            ], 14, ae))), 128))
-          ], 4)) : (p(), d("span", se, [
-            m(e.$slots, "no-data", {}, () => [
-              z(g(e.noDataText || H(I)("common.noDataText").value), 1)
-            ])
-          ])),
-          m(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
+    }, V(o.text), 43, z))), 128));
   }
 });
 export {
-  be as default
+  j as default
 };

package/dist/index241.js

@@ -1,4 +1,231 @@
-const r = (e) => typeof e > "u" || e === null;
+import { defineComponent as U, ref as f, computed as x, watch as D, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as v, renderSlot as m, createTextVNode as z, toDisplayString as g, unref as H, Fragment as Z, renderList as ee } from "vue";
+import { isNil as b } from "./index245.js";
+import { useVirtualizer as te } from "./index336.js";
+import { isNotNil as oe } from "./index140.js";
+import { hash as L } from "./index215.js";
+import { useLocale as ne } from "./index219.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, se = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, be = /* @__PURE__ */ U({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(N, { expose: V, emit: O }) {
+    const o = N, y = O, { t: I } = ne(), s = f(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
+      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
+    ), c = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value ? s.value : null,
+      estimateSize: () => o.compact ? 32 : 40,
+      overscan: 5,
+      measureElement: () => o.compact ? 32 : 40,
+      useAnimationFrameWithResizeObserver: !0
+    }), F = (e) => {
+      e && c.value.measureElement(e);
+    }, M = x(() => c.value.getVirtualItems()), A = x(() => c.value.getTotalSize()), n = f(null), a = x(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), _ = (e = 1) => {
+      const l = b(n.value) ? -1 : n.value;
+      let t = (l + e) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = _(e + 1);
+      return t;
+    }, R = () => {
+      if (!a.value) return;
+      const e = _();
+      n.value = e, u();
+    }, S = (e = 1) => {
+      const l = b(n.value) ? 0 : n.value;
+      let t = (l - e + o.options.length) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = S(e + 1);
+      return t;
+    }, P = async () => {
+      if (!a.value) return;
+      const e = S();
+      n.value = e, u();
+    }, W = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, q = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, J = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+        e++;
+      n.value = e % o.options.length, u();
+    }, Y = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].selected && e > 0; )
+        e--;
+      n.value = e === -1 ? o.options.length - 1 : e, u();
+    }, j = (e) => {
+      if (!a.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), u();
+    }, k = () => {
+      n.value = null;
+    }, u = () => {
+      s.value && oe(n.value) && c.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, w = () => {
+      if (b(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? y("option:unselected", e) : y("option:selected", e);
+    }, B = f(0), E = () => {
+      s.value && (B.value = s.value.scrollHeight);
+    }, G = (e) => !e.disabled, K = (e) => {
+      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
+        if (!s.value.querySelector('[role="listbox"]'))
+          throw new Error("Could not find listbox in DOM tree.");
+        let t = e.target, r = t.dataset.index;
+        for (; b(r) && t.parentElement; )
+          t = t.parentElement, r = t.dataset.index;
+        if (r) {
+          const T = o.options[+r];
+          T && G(T) && (n.value = +r, w());
+        }
+      }
+    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
+    return D(
+      () => o.open,
+      () => {
+        E();
+      },
+      { flush: "post" }
+    ), D(
+      () => o.options,
+      (e, l) => {
+        L(e.map((t) => t.valueHash)) !== L(l.map((t) => t.valueHash)) && (c.value.calculateRange(), E(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), V({
+      focusNext: R,
+      focusPrevious: P,
+      focusFirst: W,
+      focusFirstSelected: J,
+      focusLast: q,
+      focusLastSelected: Y,
+      blur: k,
+      confirmOption: w,
+      focusByHash: j,
+      getHighlighted: Q
+    }), (e, l) => (p(), d("span", {
+      class: $(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !i.value.length,
+        "bb-listbox--open": e.open
+      }]),
+      style: h({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${B.value}px`
+      }),
+      onClick: X(K, ["stop"])
+    }, [
+      v("span", le, [
+        v("span", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container",
+          tabindex: "-1"
+        }, [
+          m(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (p(), d("span", ie, [
+            m(e.$slots, "loading", {}, () => [
+              z(g(e.loadingText || H(I)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (p(), d("span", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${A.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: F,
+              "aria-selected": n.value === r ? !0 : void 0,
+              class: $({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": n.value === t.index,
+                "autocomplete-option--selected": i.value[t.index].selected,
+                "autocomplete-option--disabled": i.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              role: "option",
+              style: h({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              m(e.$slots, "option", {
+                disabled: !!i.value[t.index].disabled,
+                focused: n.value === t.index,
+                index: t.index,
+                item: i.value[t.index].item,
+                selected: !!i.value[t.index].selected,
+                text: i.value[t.index].text,
+                value: i.value[t.index].value
+              }, () => [
+                l[0] || (l[0] = v("svg", {
+                  class: "autocomplete-option__checkbox",
+                  role: "presentation",
+                  viewBox: "276.411 158.834 114.971 114.97"
+                }, [
+                  v("path", {
+                    d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+                    fill: "none",
+                    "stroke-linecap": "round",
+                    "stroke-width": "14px"
+                  })
+                ], -1)),
+                v("span", ue, g(i.value[t.index].text), 1)
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (p(), d("span", se, [
+            m(e.$slots, "no-data", {}, () => [
+              z(g(e.noDataText || H(I)("common.noDataText").value), 1)
+            ])
+          ])),
+          m(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  r as isNil
+  be as default
 };

package/dist/index242.js

@@ -1,9 +1,4 @@
-const s = (e, t, o, r) => {
-  if (r <= 0) throw new Error("Step must be a positive number");
-  if (t > o) throw new Error("Min must be less than or equal to Max");
-  const n = Math.max(t, Math.min(o, e)), a = Math.round((n - t) / r);
-  return t + a * r;
-};
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  s as snapToStep
+  o as booleanishToBoolean
 };

package/dist/index243.js

@@ -1,9 +1,4 @@
-function o(t, e, n, r, a) {
-  if (n === e)
-    throw new Error("Original boundaries cannot be equal.");
-  const c = (t - e) / (n - e);
-  return r + c * (a - r);
-}
+const e = (t) => t;
 export {
-  o as transpose
+  e as identity
 };

package/dist/index244.js

@@ -1,5 +1,8 @@
-import r from "./index295.js";
-const t = r;
+const s = (r, i) => {
+  if (r.endsWith(".")) return r;
+  const [n, t] = r.split(".");
+  return t ? `${n}.${t.slice(0, i)}` : r;
+};
 export {
-  t as deburr
+  s as clampPrecision
 };

package/dist/index245.js

@@ -1,6 +1,4 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+const r = (e) => typeof e > "u" || e === null;
 export {
-  x as isHex
+  r as isNil
 };

package/dist/index246.js

@@ -1,22 +1,7 @@
-import { MaskInput as r } from "./index264.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));
-};
+import { getDefaultExportFromCjs as r } from "./index310.js";
+import { __require as o } from "./index297.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  k as vMaska
+  s as default
 };