bitboss-ui 2.0.176 → 2.1.0

package/dist/index25.js

@@ -1,13 +1,13 @@
-import { defineComponent as P, mergeModels as D, useModel as q, computed as p, ref as E, watch as A, onMounted as H, createElementBlock as d, openBlock as u, withModifiers as K, normalizeStyle as O, normalizeClass as R, unref as v, createCommentVNode as g, Fragment as U, createElementVNode as t, renderSlot as s, createTextVNode as j, toDisplayString as T, createVNode as G, withCtx as J, nextTick as Q } from "vue";
-import { parseSize as X } from "./index251.js";
+import { defineComponent as P, mergeModels as D, useModel as q, computed as p, ref as E, watch as A, onMounted as H, createElementBlock as d, openBlock as u, withModifiers as K, normalizeStyle as O, normalizeClass as R, unref as v, createCommentVNode as g, Fragment as U, createElementVNode as l, renderSlot as s, createTextVNode as j, toDisplayString as T, createVNode as G, withCtx as J, nextTick as Q } from "vue";
+import { parseSize as X } from "./index215.js";
 import { useId as V } from "./index8.js";
-import { useLocale as Y } from "./index235.js";
+import { useLocale as Y } from "./index216.js";
 import { useMobile as Z } from "./index9.js";
-import { useUntil as x } from "./index236.js";
+import { useUntil as x } from "./index217.js";
 import { wait as h } from "./index135.js";
 import ee from "./index111.js";
 /* empty css         */
-const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
+const oe = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], te = {
   ref: "header",
   class: "bb-base-dialog__header"
 }, le = { class: "bb-base-dialog__close" }, se = ["aria-label", "disabled"], ae = {
@@ -39,12 +39,12 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
   }),
   emits: /* @__PURE__ */ D(["shown", "hidden"], ["update:modelValue"]),
   setup(y, { emit: S }) {
-    const o = y, w = S, l = q(y, "modelValue"), { t: z } = Y(), N = p(
+    const o = y, w = S, t = q(y, "modelValue"), { t: z } = Y(), N = p(
       () => o.closeLabel || z("dialog.closeLabel").value
     ), n = E(null), c = x(
-      () => l.value || o.eager,
+      () => t.value || o.eager,
       {
-        initialValue: l.value || o.eager
+        initialValue: t.value || o.eager
       }
     ), b = `title_${V().id.value}`, f = `description_${V().id.value}`, C = (e) => {
       if (e.key === "Escape" && (o.disabled || o.persistent))
@@ -62,8 +62,8 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
         m && m instanceof HTMLElement && m.focus();
       }), w("shown")) : (await h(o.transitionDuration), (L = window.globalThis) != null && L.document && document.removeEventListener("keydown", C), (M = n.value) == null || M.close(), w("hidden"));
     };
-    A(l, _), H(() => {
-      l.value && _(!0);
+    A(t, _), H(() => {
+      t.value && _(!0);
     });
     const W = p(() => k.value ? "100%" : X(o.size, {
       sm: 384,
@@ -74,7 +74,7 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
         return a.value = !0, h(300).then(() => {
           a.value = !1;
         }), !1;
-      l.value = !1;
+      t.value = !1;
     }, a = E(!1), I = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: F } = Z(), k = p(
       () => o.fullscreen === !0 || o.fullscreen === "mobile" && F.value
     );
@@ -83,12 +83,12 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
       ref: n,
       "aria-describedby": v(c) && e.description ? f : void 0,
       "aria-labelledby": v(c) && e.title ? b : void 0,
-      "aria-live": l.value ? "polite" : "off",
+      "aria-live": t.value ? "polite" : "off",
       class: R([
         "bb-base-dialog",
         [
           {
-            "bb-base-dialog--open": l.value,
+            "bb-base-dialog--open": t.value,
             "bb-base-dialog--fullscreen": k.value,
             "bb-base-dialog--compact": e.compact,
             "bb-base-dialog--deny-close": a.value
@@ -97,6 +97,7 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
           e.panelClasses
         ].flat()
       ]),
+      inert: !t.value,
       style: O({
         "--max-width": W.value,
         "--transition-duration": `${o.transitionDuration}ms`
@@ -105,13 +106,13 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
       onClick: K(r, ["self"])
     }, [
       v(c) ? (u(), d(U, { key: 0 }, [
-        t("div", te, [
+        l("div", te, [
           s(e.$slots, "header", {
             close: r,
             title: e.title,
             titleId: b
           }, () => [
-            t("span", {
+            l("span", {
               id: b,
               class: "bb-base-dialog__title"
             }, [
@@ -119,7 +120,7 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
                 j(T(e.title), 1)
               ])
             ]),
-            t("span", le, [
+            l("span", le, [
               e.showClose ? (u(), d("button", {
                 key: 0,
                 "aria-label": N.value,
@@ -128,14 +129,14 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
                 onClick: r
               }, [
                 s(e.$slots, "close", {}, () => [
-                  i[0] || (i[0] = t("span", { class: "bb-base-dialog__close-icon" }, [
-                    t("svg", {
+                  i[0] || (i[0] = l("span", { class: "bb-base-dialog__close-icon" }, [
+                    l("svg", {
                       "aria-hidden": "true",
                       fill: "none",
                       viewBox: "0 0 24 24",
                       xmlns: "http://www.w3.org/2000/svg"
                     }, [
-                      t("path", {
+                      l("path", {
                         d: "M23 23L1 1M23 1L1 23",
                         stroke: "currentColor",
                         "stroke-linecap": "round",
@@ -148,7 +149,7 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
             ])
           ])
         ], 512),
-        t("div", ae, [
+        l("div", ae, [
           s(e.$slots, "description", {
             descriptionId: f,
             text: e.description
@@ -166,7 +167,7 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
             _: 3
           })
         ], 512),
-        t("div", ie, [
+        l("div", ie, [
           s(e.$slots, "footer")
         ], 512)
       ], 64)) : g("", !0)

package/dist/index250.js

@@ -1,230 +1,20 @@
-import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as c, renderSlot as m, createTextVNode as H, toDisplayString as g, unref as L, Fragment as Z, renderList as ee } from "vue";
-import { isNil as b } from "./index262.js";
-import { useVirtualizer as te } from "./index330.js";
-import { isNotNil as oe } from "./index140.js";
-import { hash as N } from "./index219.js";
-import { useLocale as ne } from "./index235.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__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__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(V, { expose: z, emit: C }) {
-    const o = V, _ = C, { t: y } = ne(), s = f(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
-      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
-    ), v = te({
-      get count() {
-        return o.options.length;
-      },
-      getScrollElement: () => s.value,
-      estimateSize: () => 42,
-      overscan: 5
-    }), F = (e) => {
-      e && v.value.measureElement(e);
-    }, M = x(() => v.value.getVirtualItems()), A = x(() => v.value.getTotalSize()), n = f(null), a = x(
-      () => o.open && o.options.some((e) => !e.disabled)
-    ), I = (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 = I(e + 1);
-      return t;
-    }, P = () => {
-      if (!a.value) return;
-      const e = I();
-      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;
-    }, R = async () => {
-      if (!a.value) return;
-      const e = S();
-      n.value = e, u();
-    }, q = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e].disabled; )
-        e++;
-      n.value = e, u();
-    }, J = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e, u();
-    }, W = () => {
-      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) && v.value.scrollToIndex(n.value, {
-        align: "center",
-        behavior: "smooth"
-      });
-    }, w = () => {
-      if (b(n.value) || !o.open) return;
-      const e = o.options[n.value];
-      e.selected ? _("option:unselected", e) : _("option:selected", e);
-    }, B = f(0), T = () => {
-      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 D = o.options[+r];
-          D && G(D) && (n.value = +r, w());
-        }
-      }
-    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
-    return E(
-      () => o.open,
-      () => {
-        T();
-      },
-      { flush: "post" }
-    ), E(
-      () => o.options,
-      (e, l) => {
-        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (v.value.calculateRange(), T(), k());
-      },
-      {
-        flush: "post"
-      }
-    ), z({
-      focusNext: P,
-      focusPrevious: R,
-      focusFirst: q,
-      focusFirstSelected: W,
-      focusLast: J,
-      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"])
-    }, [
-      c("span", le, [
-        c("span", {
-          ref_key: "inner",
-          ref: s,
-          class: "bb-listbox__inner-container"
-        }, [
-          m(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (p(), d("span", ie, [
-            m(e.$slots, "loading", {}, () => [
-              H(g(e.loadingText || L(y)("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)`
-              })
-            }, [
-              c("span", ue, [
-                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] = c("svg", {
-                    class: "autocomplete-option__checkbox",
-                    role: "presentation",
-                    viewBox: "276.411 158.834 114.971 114.97"
-                  }, [
-                    c("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)),
-                  c("span", re, g(i.value[t.index].text), 1)
-                ])
-              ])
-            ], 14, ae))), 128))
-          ], 4)) : (p(), d("span", se, [
-            m(e.$slots, "no-data", {}, () => [
-              H(g(e.noDataText || L(y)("common.noDataText").value), 1)
-            ])
-          ])),
-          m(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
+import { isNil as c } from "./index259.js";
+const a = (t, r) => {
+  if (!Object.prototype.hasOwnProperty.call(t, r))
+    throw new Error(
+      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
+    );
+}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
+  const i = s.toLocaleLowerCase();
+  for (let e = 0; e < r.length; e++) {
+    const n = r[e];
+    a(t, n);
+    const o = t[n];
+    if (c(o)) continue;
+    if (l(o).includes(i)) return !0;
   }
-});
+  return !1;
+};
 export {
-  xe as default
+  y as matchAnyKey
 };

package/dist/index251.js

@@ -1,15 +1,14 @@
-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 { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
 };
 export {
-  c as parseSize
+  n as useArray
 };

package/dist/index252.js

@@ -1,5 +1,8 @@
-import r from "./index310.js";
-const t = r;
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
+});
 export {
-  t as deburr
+  o as waitFor
 };

package/dist/index253.js

@@ -1,7 +1,108 @@
-import { getDefaultExportFromCjs as e } from "./index308.js";
-import { __require as r } from "./index311.js";
-var o = r();
-const p = /* @__PURE__ */ e(o);
+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 "./index237.js";
+import { isNil as l } from "./index259.js";
+import E from "./index67.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"
+      }
+    ), 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));
+  }
+});
 export {
-  p as default
+  K as default
 };

package/dist/index255.js

@@ -1,10 +1,102 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
+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 "./index237.js";
+import { isNil as i } from "./index259.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 useLogger
+  j as default
 };