bitboss-ui 2.1.92 → 2.1.93

package/dist/index284.js

@@ -1,8 +1,102 @@
-import e from "./index328.js";
-import o from "./index329.js";
-import r from "./index330.js";
-const f = new r(o, e)._freeze();
+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 "./index241.js";
+import { isNil as i } from "./index227.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 {
-  r as Mime,
-  f as default
+  j as default
 };

package/dist/index286.js

@@ -1,13 +1,231 @@
-function c(n, r, e) {
-  const i = typeof r == "string" ? r.split(".") : r;
-  let t = n;
-  for (const o of i)
-    if (t && typeof t == "object" && o in t)
-      t = t[o];
-    else
-      return e;
-  return t === void 0 ? e : t;
-}
+import { defineComponent as Z, useTemplateRef as $, computed as c, ref as w, watch as E, createElementBlock as r, openBlock as p, withModifiers as ee, normalizeStyle as h, normalizeClass as z, createElementVNode as v, renderSlot as m, createTextVNode as D, toDisplayString as g, unref as L, Fragment as te, renderList as oe } from "vue";
+import { isNil as b } from "./index227.js";
+import { useVirtualizer as ne } from "./index354.js";
+import { isNotNil as le } from "./index144.js";
+import { hash as N } from "./index241.js";
+import { useLocale as ie } from "./index220.js";
+const se = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
+  ref: "inner",
+  class: "bb-listbox__inner-container",
+  tabindex: "-1"
+}, ue = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, re = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, pe = ["aria-selected", "data-index"], de = { class: "autocomplete-option__label" }, he = /* @__PURE__ */ Z({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {},
+    optionHeight: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(V, { expose: R, emit: F }) {
+    const o = V, _ = F, { t: y } = ie(), u = $("inner"), O = $("listbox"), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = c(
+      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
+    ), x = c(() => o.optionHeight ? o.optionHeight : o.compact ? 32 : 40), d = ne({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => u.value ? u.value : null,
+      estimateSize: () => x.value,
+      overscan: 5,
+      measureElement: () => x.value,
+      useAnimationFrameWithResizeObserver: !0
+    }), A = (e) => {
+      e && d.value.measureElement(e);
+    }, M = c(() => d.value.getVirtualItems()), P = c(() => d.value.getTotalSize()), n = w(null), s = c(
+      () => 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;
+    }, W = () => {
+      if (!s.value) return;
+      const e = I();
+      n.value = e, a();
+    }, 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;
+    }, J = async () => {
+      if (!s.value) return;
+      const e = S();
+      n.value = e, a();
+    }, Y = () => {
+      if (!s.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, a();
+    }, j = () => {
+      if (!s.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, a();
+    }, q = () => {
+      if (!s.value) return;
+      let e = 0;
+      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+        e++;
+      n.value = e % o.options.length, a();
+    }, G = () => {
+      if (!s.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, a();
+    }, K = (e) => {
+      if (!s.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), a();
+    }, k = () => {
+      n.value = null;
+    }, a = () => {
+      u.value && le(n.value) && d.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, H = () => {
+      if (b(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, T = w(0), B = () => {
+      u.value && (T.value = u.value.scrollHeight);
+    }, Q = (e) => !e.disabled, U = (e) => {
+      if (e.preventDefault(), u.value && e.target && e.target instanceof HTMLElement && O.value) {
+        let l = e.target, t = l.dataset.index;
+        for (; b(t) && l.parentElement; )
+          l = l.parentElement, t = l.dataset.index;
+        if (t) {
+          const f = o.options[+t];
+          f && Q(f) && (n.value = +t, H());
+        }
+      }
+    }, X = () => b(n.value) ? void 0 : o.options[n.value];
+    return E(
+      () => o.open,
+      () => {
+        B();
+      },
+      { flush: "post" }
+    ), E(
+      () => o.options,
+      (e, l) => {
+        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (d.value.calculateRange(), B(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), R({
+      focusNext: W,
+      focusPrevious: J,
+      focusFirst: Y,
+      focusFirstSelected: q,
+      focusLast: j,
+      focusLastSelected: G,
+      blur: k,
+      confirmOption: H,
+      focusByHash: K,
+      getHighlighted: X
+    }), (e, l) => (p(), r("span", {
+      class: z(["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": `${T.value}px`,
+        "--option-height": `${x.value}px`
+      }),
+      onClick: ee(U, ["stop"])
+    }, [
+      v("span", se, [
+        v("span", ae, [
+          m(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (p(), r("span", ue, [
+            m(e.$slots, "loading", {}, () => [
+              D(g(e.loadingText || L(y)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (p(), r("span", {
+            key: 2,
+            role: "listbox",
+            ref: "listbox",
+            style: h({
+              height: `${P.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (p(!0), r(te, null, oe(M.value, (t, f) => (p(), r("span", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: A,
+              "aria-selected": n.value === f ? !0 : void 0,
+              class: z({
+                "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", de, g(i.value[t.index].text), 1)
+              ])
+            ], 14, pe))), 128))
+          ], 4)) : (p(), r("span", re, [
+            m(e.$slots, "no-data", {}, () => [
+              D(g(e.noDataText || L(y)("common.noDataText").value), 1)
+            ])
+          ])),
+          m(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  c as get
+  he as default
 };

package/dist/index287.js

@@ -1,4 +1,35 @@
-const o = (e) => e[0];
+const y = (t) => typeof t == "object" && t !== null, c = (t) => {
+  if (!y(t)) return !1;
+  const r = Object.getPrototypeOf(t);
+  return r === Object.prototype || r === null;
+}, n = (t) => {
+  if (Array.isArray(t))
+    return t.map((o) => n(o));
+  if (!c(t))
+    return t;
+  const r = {};
+  for (const o of Reflect.ownKeys(t))
+    r[o] = n(t[o]);
+  return r;
+}, f = (t, r) => {
+  if (r === void 0)
+    return n(t);
+  if (Array.isArray(r))
+    return n(r);
+  if (!c(r))
+    return r;
+  const o = c(t) ? n(t) : {};
+  for (const e of Reflect.ownKeys(r)) {
+    const s = r[e], i = o[e];
+    o[e] = f(i, s);
+  }
+  return o;
+}, p = (...t) => {
+  let r = {};
+  for (const o of t)
+    r = f(r, o);
+  return r;
+};
 export {
-  o as head
+  p as merge
 };

package/dist/index288.js

@@ -1,9 +1,5 @@
-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;
-};
+import t from "./index327.js";
+const r = t;
 export {
-  s as snapToStep
+  r as throttle
 };

package/dist/index289.js

@@ -1,9 +1,69 @@
-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);
-}
+import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
+import { useLocale as k } from "./index220.js";
+import h from "./index13.js";
+/* empty css        */
+import C from "./index86.js";
+/* empty css        */
+const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
+  key: 1,
+  class: "bb-toast-message__title"
+}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
+  __name: "BbToastMessage",
+  props: {
+    title: {},
+    text: {},
+    icon: {},
+    theme: { default: "default" },
+    id: {},
+    showClose: { type: Boolean }
+  },
+  emits: ["click:close"],
+  setup(r, { emit: c }) {
+    const m = r, p = c, { t: _ } = k(), b = () => {
+      p("click:close", m.id);
+    };
+    return (e, a) => (o(), l("div", {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      "aria-role": "alert",
+      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    }, [
+      t("div", w, [
+        e.icon ? (o(), i(C, {
+          key: 0,
+          class: "bb-toast-message__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : s("", !0)
+      ]),
+      t("div", v, [
+        e.showClose ? (o(), i(h, {
+          key: 0,
+          "aria-label": f(_)("common.closeLabel").value,
+          class: "bb-toast-message__close",
+          onClick: b
+        }, {
+          default: g(() => a[0] || (a[0] = [
+            t("svg", {
+              fill: "none",
+              viewBox: "0 0 24 24",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              t("path", {
+                d: "M23 23L1 1M23 1L1 23",
+                stroke: "currentColor",
+                "stroke-linecap": "round",
+                "stroke-width": "2"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["aria-label"])) : s("", !0),
+        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
+        t("p", B, n(e.text), 1)
+      ])
+    ], 2));
+  }
+});
 export {
-  o as transpose
+  z as default
 };

package/dist/index29.js

@@ -1,7 +1,7 @@
 import { defineComponent as M, computed as T, ref as W, watchPostEffect as q, createBlock as F, openBlock as K, normalizeClass as L, withCtx as i, createVNode as O, unref as h, createElementVNode as z, mergeProps as G, withModifiers as R, renderSlot as d } from "vue";
 import { clamp as c } from "./index214.js";
-import { clampPrecision as U } from "./index272.js";
-import { isNil as f } from "./index273.js";
+import { clampPrecision as U } from "./index226.js";
+import { isNil as f } from "./index227.js";
 import { isNotNil as g } from "./index144.js";
 import j from "./index136.js";
 /* empty css         */

package/dist/index290.js

@@ -1,11 +1,13 @@
-import { get as o } from "./index286.js";
-const e = () => ({
-  getItemValue(n, f) {
-    if (typeof f > "u") return n;
-    if (typeof f == "function") return f(n);
-    if (typeof f == "string") return o(n, f);
-  }
-});
+function c(n, r, e) {
+  const i = typeof r == "string" ? r.split(".") : r;
+  let t = n;
+  for (const o of i)
+    if (t && typeof t == "object" && o in t)
+      t = t[o];
+    else
+      return e;
+  return t === void 0 ? e : t;
+}
 export {
-  e as useItemValue
+  c as get
 };

package/dist/index291.js

@@ -1,10 +1,7 @@
-const u = (t, r) => t.reduce(
-  (e, n, o, d) => {
-    const s = r(n, o, d);
-    return e[s] = n, e;
-  },
-  {}
-);
+import { getDefaultExportFromCjs as r } from "./index326.js";
+import { __require as o } from "./index345.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
 export {
-  u as indexBy
+  m as default
 };

package/dist/index292.js

@@ -1,69 +1,7 @@
-import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
-import { useLocale as k } from "./index231.js";
-import h from "./index13.js";
-/* empty css        */
-import C from "./index86.js";
-/* empty css        */
-const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
-  key: 1,
-  class: "bb-toast-message__title"
-}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
-  __name: "BbToastMessage",
-  props: {
-    title: {},
-    text: {},
-    icon: {},
-    theme: { default: "default" },
-    id: {},
-    showClose: { type: Boolean }
-  },
-  emits: ["click:close"],
-  setup(r, { emit: c }) {
-    const m = r, p = c, { t: _ } = k(), b = () => {
-      p("click:close", m.id);
-    };
-    return (e, a) => (o(), l("div", {
-      "aria-atomic": "true",
-      "aria-live": "polite",
-      "aria-role": "alert",
-      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
-    }, [
-      t("div", w, [
-        e.icon ? (o(), i(C, {
-          key: 0,
-          class: "bb-toast-message__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : s("", !0)
-      ]),
-      t("div", v, [
-        e.showClose ? (o(), i(h, {
-          key: 0,
-          "aria-label": f(_)("common.closeLabel").value,
-          class: "bb-toast-message__close",
-          onClick: b
-        }, {
-          default: g(() => a[0] || (a[0] = [
-            t("svg", {
-              fill: "none",
-              viewBox: "0 0 24 24",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              t("path", {
-                d: "M23 23L1 1M23 1L1 23",
-                stroke: "currentColor",
-                "stroke-linecap": "round",
-                "stroke-width": "2"
-              })
-            ], -1)
-          ])),
-          _: 1
-        }, 8, ["aria-label"])) : s("", !0),
-        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
-        t("p", B, n(e.text), 1)
-      ])
-    ], 2));
-  }
-});
+import { getDefaultExportFromCjs as r } from "./index326.js";
+import { __require as e } from "./index347.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  z as default
+  m as default
 };

package/dist/index293.js

@@ -1,55 +1,7 @@
-import { useLogger as y } from "./index261.js";
-const g = (t, i) => {
-  if (!i.length) return;
-  const n = Array.from(
-    t.querySelectorAll(":scope > thead th")
-  );
-  if (!n.length) return;
-  const { error: r } = y(), p = n.length, u = i.map((e) => ({
-    index: typeof e == "number" ? e : e.index,
-    position: typeof e == "number" ? "left" : e.position
-  })).sort((e, o) => e.position !== o.position ? e.position === "left" ? -1 : 1 : e.position === "left" ? e.index - o.index : o.index - e.index).reduce((e, o) => {
-    const l = n[o.index];
-    if (!l)
-      return r(
-        `BbTable fixedColumns: Cannot affix column at index ${o.index}. Table has ${p} columns (valid indices: 0–${p - 1}).`
-      ), e;
-    const { width: c } = l.getBoundingClientRect(), m = e.filter((h) => h.position === o.position).reduce((h, x) => h + x.width, 0);
-    return e.push({
-      index: o.index,
-      position: o.position,
-      width: Math.floor(c),
-      offset: m
-    }), e;
-  }, []);
-  Array.from(
-    t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")
-  ).forEach((e) => {
-    u.forEach((o) => {
-      const l = e.querySelector(
-        `:scope > :nth-child(${o.index + 1})`
-      );
-      l && (l.style.position = "sticky", l.style[o.position] = `${o.offset}px`);
-    });
-  });
-}, d = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), A = (t, i, n) => {
-  const r = [...d(t)];
-  return i && r.push(...d(i)), n && r.push(...d(n)), r;
-}, $ = (t, i, n, r, p, a) => {
-  const f = [...d(t)], u = (s) => typeof s == "function" ? s(r, p, a) : s;
-  if (i) {
-    const s = u(i);
-    s && f.push(...d(s));
-  }
-  if (n) {
-    const s = u(n);
-    s && f.push(...d(s));
-  }
-  return f;
-};
+import { getDefaultExportFromCjs as r } from "./index326.js";
+import { __require as t } from "./index349.js";
+var o = t();
+const a = /* @__PURE__ */ r(o);
 export {
-  g as applyFixedTableColumns,
-  w as columnKeyToSlotName,
-  $ as mergeCellClasses,
-  A as mergeHeaderClasses
+  a as default
 };

package/dist/index294.js

@@ -0,0 +1,7 @@
+const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
+  f(r, u),
+  ...o(r[n], n, f, f(r, u))
+] : [f(r, u)]).flat();
+export {
+  o as flattenTree
+};

package/dist/index295.js

@@ -1,4 +1,4 @@
-import o from "./index218.js";
+import o from "./index222.js";
 /* empty css         */
 export {
   o as default