bitboss-ui 2.1.78 → 2.1.80

package/dist/index287.js

@@ -1,11 +1,231 @@
-import { get as o } from "./index247.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);
+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 "./index267.js";
+import { useVirtualizer as te } from "./index354.js";
+import { isNotNil as oe } from "./index144.js";
+import { hash as L } from "./index227.js";
+import { useLocale as ne } from "./index236.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 {
-  e as useItemValue
+  be as default
 };

package/dist/index288.js

@@ -1,10 +1,36 @@
-const u = (t, r) => t.reduce(
-  (e, n, o, d) => {
-    const s = r(n, o, d);
-    return e[s] = n, e;
-  },
-  {}
-);
+import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
+import { _config as e } from "./index4.js";
+import { useLogger as i } from "./index230.js";
+import { useFrameworkDetection as k } from "./index289.js";
+const y = /* @__PURE__ */ a({
+  __name: "RouterComponent",
+  setup(g) {
+    const { isInertia: r, isNuxt: s } = k();
+    let t;
+    if (r) {
+      if (t = o(e.inertiaLinkName), typeof t == "string") {
+        const { warn: n } = i();
+        n(
+          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else if (s) {
+      if (t = o(e.nuxtLinkName), typeof t == "string") {
+        const { warn: n } = i();
+        n(
+          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else
+      t = "router-link";
+    return (n, d) => (l(), u(m(c(t)), null, {
+      default: p(() => [
+        f(n.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  u as indexBy
+  y as default
 };

package/dist/index289.js

@@ -1,9 +1,11 @@
-const s = (r, t) => {
-  if (r.endsWith("."))
-    return t === 0 ? r.slice(0, -1) : r;
-  const [n, i] = r.split(".");
-  return i ? `${n}.${i.slice(0, t)}` : r;
+import { getCurrentInstance as e } from "vue";
+const s = () => {
+  const t = e(), n = !!t?.proxy?.$inertia, r = !!t?.proxy?.$nuxt;
+  return {
+    isInertia: n,
+    isNuxt: r
+  };
 };
 export {
-  s as clampPrecision
+  s as useFrameworkDetection
 };

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 "./index216.js";
-import { clampPrecision as U } from "./index289.js";
-import { isNil as f } from "./index284.js";
+import { clamp as c } from "./index214.js";
+import { clampPrecision as U } from "./index280.js";
+import { isNil as f } from "./index267.js";
 import { isNotNil as g } from "./index144.js";
 import j from "./index136.js";
 /* empty css         */

package/dist/index293.js

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

package/dist/index296.js

@@ -1,6 +1,9 @@
-function e(t) {
-  return Object.prototype.toString.call(t).slice(8, -1);
-}
+import o from "./index339.js";
+import r from "./index340.js";
+const e = {
+  it: o,
+  en: r
+};
 export {
-  e as getType
+  e as locales
 };