bitboss-ui 2.0.117 → 2.0.118

package/dist/{index257.js → index256.js}

@@ -1,5 +1,5 @@
 import { defineComponent as F, ref as H, computed as L, watch as N, openBlock as d, createElementBlock as v, Fragment as S, renderList as A, normalizeClass as O, withModifiers as P, toDisplayString as V } from "vue";
-import { hash as f } from "./index235.js";
+import { hash as f } from "./index231.js";
 import { isNil as i } from "./index252.js";
 const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
   __name: "CommaBox",

package/dist/index258.js

@@ -0,0 +1,14 @@
+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 {
+  n as useArray
+};

package/dist/index259.js

@@ -1,14 +1,216 @@
-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);
-  } };
-};
+import { defineComponent as U, ref as b, computed as f, watch as $, openBlock as d, createElementBlock as c, normalizeClass as B, normalizeStyle as h, withModifiers as X, createElementVNode as x, renderSlot as v, createTextVNode as H, toDisplayString as g, unref as N, Fragment as Z, renderList as ee } from "vue";
+import { isNil as m } from "./index252.js";
+import { useVirtualizer as te } from "./index327.js";
+import { isNotNil as oe } from "./index134.js";
+import { hash as V } from "./index231.js";
+import { useLocale as ne } from "./index216.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 },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(z, { expose: L, emit: C }) {
+    const o = z, _ = C, { t: y } = ne(), s = b(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = f(
+      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
+    ), p = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value,
+      estimateSize: () => 42,
+      overscan: 5
+    }), F = (e) => {
+      e && p.value.measureElement(e);
+    }, M = f(() => p.value.getVirtualItems()), A = f(() => p.value.getTotalSize()), n = b(null), a = f(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), I = (e = 1) => {
+      const l = m(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 = m(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) && p.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, T = () => {
+      if (m(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, w = b(0), D = () => {
+      s.value && (w.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 (; m(r) && t.parentElement; )
+          t = t.parentElement, r = t.dataset.index;
+        if (r) {
+          const E = o.options[+r];
+          E && G(E) && (n.value = +r, T());
+        }
+      }
+    }, Q = () => m(n.value) ? void 0 : o.options[n.value];
+    return $(
+      () => o.open,
+      () => {
+        D();
+      },
+      { flush: "post" }
+    ), $(
+      () => o.options,
+      (e, l) => {
+        V(e.map((t) => t.valueHash)) !== V(l.map((t) => t.valueHash)) && (p.value.calculateRange(), D(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), L({
+      focusNext: P,
+      focusPrevious: R,
+      focusFirst: q,
+      focusFirstSelected: W,
+      focusLast: J,
+      focusLastSelected: Y,
+      blur: k,
+      confirmOption: T,
+      focusByHash: j,
+      getHighlighted: Q
+    }), (e, l) => (d(), c("div", {
+      class: B(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--open": e.open,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--no-data": !i.value.length
+      }]),
+      style: h({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${w.value}px`
+      }),
+      onClick: X(K, ["stop"])
+    }, [
+      x("div", le, [
+        x("div", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container"
+        }, [
+          v(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (d(), c("div", ie, [
+            v(e.$slots, "loading", {}, () => [
+              H(g(e.loadingText || N(y)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (d(), c("div", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${A.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (d(!0), c(Z, null, ee(M.value, (t, r) => (d(), c("div", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: F,
+              "aria-selected": n.value === r ? !0 : void 0,
+              class: B({
+                "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)`
+              })
+            }, [
+              x("span", ue, [
+                v(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
+                }, () => [
+                  x("span", re, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (d(), c("div", se, [
+            v(e.$slots, "no-data", {}, () => [
+              H(g(e.noDataText || N(y)("common.noDataText").value), 1)
+            ])
+          ])),
+          v(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  n as useArray
+  xe as default
 };

package/dist/index262.js

@@ -1,8 +1,11 @@
-import e from "./index311.js";
-import o from "./index312.js";
-import r from "./index313.js";
-const f = new r(o, e)._freeze();
+const o = (n, t) => {
+  for (let e = n.length - 1; e >= 0; e--) {
+    const i = n[e];
+    if (t(i, e, n))
+      return e;
+  }
+  return -1;
+};
 export {
-  r as Mime,
-  f as default
+  o as findRightIndex
 };

package/dist/index263.js

@@ -1,18 +1,25 @@
-const e = (o, r, f) => o.reduce((t, n) => {
-  if (t) return t;
-  if (f(n))
-    return n;
-  if (r in n) {
-    const i = e(
-      [].concat(n[r]),
-      r,
-      f
-    );
-    if (i)
-      return i;
-  }
-  return t;
-}, null);
+const e = {
+  inert: ":not([inert]):not([inert] *)",
+  negTabIndex: ':not([tabindex^="-"])',
+  disabled: ":not(:disabled)"
+}, n = [
+  `a[href]${e.inert}${e.negTabIndex}`,
+  `area[href]${e.inert}${e.negTabIndex}`,
+  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
+  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
+  `select${e.inert}${e.negTabIndex}${e.disabled}`,
+  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
+  `button${e.inert}${e.negTabIndex}${e.disabled}`,
+  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
+  // Discard until Firefox supports `:has()`
+  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
+  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
+  `iframe${e.inert}${e.negTabIndex}`,
+  `audio[controls]${e.inert}${e.negTabIndex}`,
+  `video[controls]${e.inert}${e.negTabIndex}`,
+  `[contenteditable]${e.inert}${e.negTabIndex}`,
+  `[tabindex]${e.inert}${e.negTabIndex}`
+];
 export {
-  e as findInTree
+  n as default
 };

package/dist/index264.js

@@ -1,11 +1,92 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
+import { defineComponent as h, toRef as y, ref as r, computed as a, watch as $, openBlock as b, createBlock as A, withCtx as k, createElementBlock as x, mergeProps as o, createElementVNode as c, renderSlot as B } from "vue";
+import C from "./index219.js";
+import f from "./index328.js";
+import { useFloating as D, arrow as E } from "./index206.js";
+import { autoUpdate as P, flip as F, offset as S, shift as T } from "./index225.js";
+const W = /* @__PURE__ */ h({
+  __name: "CommonFloating",
+  props: {
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: {},
+    placement: {},
+    theme: {},
+    transitionDuration: {},
+    containerAttributes: { default: () => ({}) },
+    bubbleAttributes: {},
+    wrapper: {},
+    baseClass: {},
+    open: { type: Boolean },
+    teleportTarget: {}
+  },
+  setup(d) {
+    const e = d, m = y(e, "wrapper"), n = r(), l = r(), i = r(), { floatingStyles: g, placement: w, middlewareData: s } = D(
+      n,
+      l,
+      {
+        placement: e.placement,
+        whileElementsMounted: P,
+        middleware: [
+          F(),
+          S(e.offset),
+          T({ padding: e.padding }),
+          E({
+            element: i,
+            padding: e.arrowPadding
+          })
+        ]
+      }
+    ), _ = a(() => {
+      if (s.value.arrow) {
+        const { x: t, y: u } = s.value.arrow;
+        return {
+          style: {
+            left: `${t}px`,
+            top: `${u}px`
+          }
+        };
+      }
+    }), p = a(() => f({}, e.containerAttributes, {
+      class: {
+        "bb-floating": !0,
+        [`bb-floating--${w.value}`]: !0,
+        [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
+        "bb-floating--hidden": !e.open,
+        "bb-floating--open": e.open
+      },
+      style: {
+        ...g.value,
+        "--transition-duration": `${e.transitionDuration}ms`
+      },
+      tabindex: e.open ? void 0 : -1
+    })), v = a(() => f({}, e.bubbleAttributes, {}));
+    return $(
+      () => e.open,
+      (t) => {
+        t && (n.value = m.value);
+      }
+    ), (t, u) => (b(), A(C, { target: t.teleportTarget }, {
+      default: k(() => [
+        (b(), x("span", o(p.value, {
+          key: p.value.id,
+          ref_key: "content",
+          ref: l
+        }), [
+          c("span", o({
+            ref_key: "bubblearrow",
+            ref: i,
+            class: "bb-floating__arrow"
+          }, _.value), null, 16),
+          c("span", o({ class: "bb-floating__bubble" }, v.value), [
+            B(t.$slots, "default")
+          ], 16)
+        ], 16))
+      ]),
+      _: 3
+    }, 8, ["target"]));
   }
-  return -1;
-};
+});
 export {
-  o as findRightIndex
+  W as default
 };

package/dist/index266.js

@@ -1,92 +1,8 @@
-import { defineComponent as h, toRef as y, ref as r, computed as a, watch as $, openBlock as b, createBlock as A, withCtx as k, createElementBlock as x, mergeProps as o, createElementVNode as c, renderSlot as B } from "vue";
-import C from "./index225.js";
-import f from "./index331.js";
-import { useFloating as D, arrow as E } from "./index214.js";
-import { autoUpdate as P, flip as F, offset as S, shift as T } from "./index228.js";
-const W = /* @__PURE__ */ h({
-  __name: "CommonFloating",
-  props: {
-    arrowPadding: {},
-    eager: { type: Boolean },
-    offset: {},
-    padding: {},
-    placement: {},
-    theme: {},
-    transitionDuration: {},
-    containerAttributes: { default: () => ({}) },
-    bubbleAttributes: {},
-    wrapper: {},
-    baseClass: {},
-    open: { type: Boolean },
-    teleportTarget: {}
-  },
-  setup(d) {
-    const e = d, m = y(e, "wrapper"), n = r(), l = r(), i = r(), { floatingStyles: g, placement: w, middlewareData: s } = D(
-      n,
-      l,
-      {
-        placement: e.placement,
-        whileElementsMounted: P,
-        middleware: [
-          F(),
-          S(e.offset),
-          T({ padding: e.padding }),
-          E({
-            element: i,
-            padding: e.arrowPadding
-          })
-        ]
-      }
-    ), _ = a(() => {
-      if (s.value.arrow) {
-        const { x: t, y: u } = s.value.arrow;
-        return {
-          style: {
-            left: `${t}px`,
-            top: `${u}px`
-          }
-        };
-      }
-    }), p = a(() => f({}, e.containerAttributes, {
-      class: {
-        "bb-floating": !0,
-        [`bb-floating--${w.value}`]: !0,
-        [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
-        "bb-floating--hidden": !e.open,
-        "bb-floating--open": e.open
-      },
-      style: {
-        ...g.value,
-        "--transition-duration": `${e.transitionDuration}ms`
-      },
-      tabindex: e.open ? void 0 : -1
-    })), v = a(() => f({}, e.bubbleAttributes, {}));
-    return $(
-      () => e.open,
-      (t) => {
-        t && (n.value = m.value);
-      }
-    ), (t, u) => (b(), A(C, { target: t.teleportTarget }, {
-      default: k(() => [
-        (b(), x("span", o(p.value, {
-          key: p.value.id,
-          ref_key: "content",
-          ref: l
-        }), [
-          c("span", o({
-            ref_key: "bubblearrow",
-            ref: i,
-            class: "bb-floating__arrow"
-          }, _.value), null, 16),
-          c("span", o({ class: "bb-floating__bubble" }, v.value), [
-            B(t.$slots, "default")
-          ], 16)
-        ], 16))
-      ]),
-      _: 3
-    }, 8, ["target"]));
-  }
-});
+import e from "./index316.js";
+import o from "./index317.js";
+import r from "./index318.js";
+const f = new r(o, e)._freeze();
 export {
-  W as default
+  r as Mime,
+  f as default
 };

package/dist/index267.js

@@ -0,0 +1,18 @@
+const e = (o, r, f) => o.reduce((t, n) => {
+  if (t) return t;
+  if (f(n))
+    return n;
+  if (r in n) {
+    const i = e(
+      [].concat(n[r]),
+      r,
+      f
+    );
+    if (i)
+      return i;
+  }
+  return t;
+}, null);
+export {
+  e as findInTree
+};