bitboss-ui 2.1.25 → 2.1.26

package/dist/index245.js

@@ -1,231 +1,6 @@
-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 "./index262.js";
-import { useVirtualizer as te } from "./index333.js";
-import { isNotNil as oe } from "./index140.js";
-import { hash as L } from "./index216.js";
-import { useLocale as ne } from "./index228.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));
-  }
-});
+import { curry as e } from "./index313.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  be as default
+  t as baseWhen,
+  s as when
 };

package/dist/index246.js

@@ -1,5 +1,88 @@
-import r from "./index308.js";
-const t = r;
+import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index211.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ h({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(f) {
+    const { t: i } = g();
+    return (a, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
+    }, [
+      l("span", k, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (s(), n("span", y, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText || b(i)("common.loadingText")), 1)
+          ])
+        ])) : a.options.length ? p("", !0) : (s(), n("span", $, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText || b(i)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
+          key: (e == null ? void 0 : e.valueHash) || c
+        }, [
+          t(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            t(a.$slots, "input", {
+              index: c,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              t(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        t(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  t as deburr
+  C as default
 };

package/dist/index248.js

@@ -1,4 +1,31 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index207.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
+          return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
+      }
+      e.value--;
+    }
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
+};
 export {
-  s as isCssColor
+  p as useItemsGetter
 };

package/dist/index249.js

@@ -1,6 +1,19 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+import { computed as i, unref as m } from "vue";
+import { hash as s } from "./index223.js";
+const p = ({ items: a, key: r }) => {
+  const n = i(() => {
+    const t = {}, c = new Array().concat(m(a));
+    for (let e = 0; e < c.length; e++) {
+      const o = c[e], u = r ? String(o[r]) : s(o);
+      t[u] = o;
+    }
+    return t;
+  });
+  return {
+    data: n,
+    get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
+  };
+};
 export {
-  x as isHex
+  p as useIndexById
 };

package/dist/index25.js

@@ -1,22 +1,22 @@
-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, nextTick as G } from "vue";
-import { parseSize as J } from "./index236.js";
-import { useId as V } from "./index8.js";
-import { useLocale as Q } from "./index228.js";
-import { useMobile as X } from "./index9.js";
-import { useUntil as Y } from "./index229.js";
+import { defineComponent as q, mergeModels as E, useModel as A, computed as p, ref as T, watch as H, onMounted as K, createElementBlock as r, openBlock as d, withModifiers as O, normalizeStyle as R, normalizeClass as U, unref as v, createCommentVNode as g, Fragment as j, createElementVNode as t, renderSlot as s, createTextVNode as G, toDisplayString as V, nextTick as J } from "vue";
+import { parseSize as Q } from "./index231.js";
+import { useId as S } from "./index8.js";
+import { useLocale as X } from "./index211.js";
+import { useMobile as Y } from "./index9.js";
+import { useUntil as Z } from "./index232.js";
 import { wait as y } from "./index135.js";
-const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
+const x = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], ee = {
   ref: "header",
   class: "bb-base-dialog__header"
-}, ee = { class: "bb-base-dialog__close" }, oe = ["aria-label", "disabled"], te = {
+}, oe = { class: "bb-base-dialog__close" }, te = ["aria-label", "disabled"], le = {
   ref: "body",
   class: "bb-base-dialog__body scrollbar-border"
-}, le = { class: "bb-base-dialog__body-content" }, se = {
+}, se = { class: "bb-base-dialog__body-content" }, ae = {
   ref: "footer",
   class: "bb-base-dialog__footer"
-}, be = /* @__PURE__ */ P({
+}, fe = /* @__PURE__ */ q({
   __name: "BaseDialog",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ E({
     closeLabel: {},
     compact: { type: Boolean },
     disabled: { type: Boolean },
@@ -35,59 +35,61 @@ const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ D(["shown", "hidden"], ["update:modelValue"]),
-  setup(h, { emit: S }) {
-    const o = h, w = S, l = q(h, "modelValue"), { t: z } = Q(), W = p(
-      () => o.closeLabel || z("dialog.closeLabel").value
-    ), n = E(null), c = Y(
+  emits: /* @__PURE__ */ E(["shown", "hidden"], ["update:modelValue"]),
+  setup(h, { emit: z }) {
+    const o = h, w = z, l = A(h, "modelValue"), { t: W } = X(), I = p(
+      () => o.closeLabel || W("dialog.closeLabel").value
+    ), n = T(null), u = Z(
       () => l.value || o.eager,
       {
         initialValue: l.value || o.eager
       }
-    ), b = `title_${V().id.value}`, f = `description_${V().id.value}`, _ = (e) => {
+    ), c = `title_${S().id.value}`, b = `description_${S().id.value}`, _ = (e) => {
       if (e.key === "Escape" && (o.disabled || o.persistent))
         return e.preventDefault(), a.value = !0, y(200).then(() => {
           a.value = !1;
         }), !1;
     }, k = async (e) => {
-      var i, B, L, M;
+      var i, L, M, $;
       e ? ((i = window.globalThis) != null && i.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && (document.documentElement.style.setProperty(
         "--scrollbar-width",
-        `${N()}px`
-      ), document.addEventListener("keydown", _)), (B = n.value) == null || B.showModal(), o.focusTarget && G(() => {
-        var $;
-        const m = ($ = n.value) == null ? void 0 : $.querySelector(o.focusTarget);
+        `${F()}px`
+      ), document.addEventListener("keydown", _)), (L = n.value) == null || L.showModal(), o.focusTarget && J(() => {
+        var D;
+        const m = (D = n.value) == null ? void 0 : D.querySelector(o.focusTarget);
         m && m instanceof HTMLElement && m.focus();
-      }), w("shown")) : (await y(o.transitionDuration), (L = window.globalThis) != null && L.document && document.removeEventListener("keydown", _), (M = n.value) == null || M.close(), w("hidden"));
+      }), w("shown")) : (await y(o.transitionDuration), (M = window.globalThis) != null && M.document && document.removeEventListener("keydown", _), ($ = n.value) == null || $.close(), w("hidden"));
     };
-    A(l, k), H(() => {
+    H(l, k), K(() => {
       l.value && k(!0);
     });
-    const I = p(() => C.value ? "100%" : J(o.size, {
+    const N = p(() => B.value ? "100%" : Q(o.size, {
       sm: 384,
       md: 652,
       lg: 896
-    })), r = (e) => {
+    })), C = (e) => {
       if (e.preventDefault(), o.disabled || o.persistent)
         return a.value = !0, y(300).then(() => {
           a.value = !1;
         }), !1;
+      f();
+    }, f = () => {
       l.value = !1;
-    }, a = E(!1), N = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: F } = X(), C = p(
-      () => o.fullscreen === !0 || o.fullscreen === "mobile" && F.value
+    }, a = T(!1), F = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: P } = Y(), B = p(
+      () => o.fullscreen === !0 || o.fullscreen === "mobile" && P.value
     );
-    return (e, i) => (u(), d("dialog", {
+    return (e, i) => (d(), r("dialog", {
       ref_key: "dialog",
       ref: n,
-      "aria-describedby": v(c) && e.description ? f : void 0,
-      "aria-labelledby": v(c) && e.title ? b : void 0,
+      "aria-describedby": v(u) && e.description ? b : void 0,
+      "aria-labelledby": v(u) && e.title ? c : void 0,
       "aria-live": l.value ? "polite" : "off",
-      class: R([
+      class: U([
         "bb-base-dialog",
         [
           {
             "bb-base-dialog--open": l.value,
-            "bb-base-dialog--fullscreen": C.value,
+            "bb-base-dialog--fullscreen": B.value,
             "bb-base-dialog--compact": e.compact,
             "bb-base-dialog--deny-close": a.value
           },
@@ -96,35 +98,35 @@ const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
         ].flat()
       ]),
       inert: !l.value,
-      style: O({
-        "--max-width": I.value,
+      style: R({
+        "--max-width": N.value,
         "--transition-duration": `${o.transitionDuration}ms`
       }),
-      onCancel: r,
-      onClick: K(r, ["self"])
+      onCancel: C,
+      onClick: O(C, ["self"])
     }, [
-      v(c) ? (u(), d(U, { key: 0 }, [
-        t("div", x, [
+      v(u) ? (d(), r(j, { key: 0 }, [
+        t("div", ee, [
           s(e.$slots, "header", {
-            close: r,
+            close: f,
             title: e.title,
-            titleId: b
+            titleId: c
           }, () => [
             t("span", {
-              id: b,
+              id: c,
               class: "bb-base-dialog__title"
             }, [
               s(e.$slots, "title", { text: e.title }, () => [
-                j(T(e.title), 1)
+                G(V(e.title), 1)
               ])
             ]),
-            t("span", ee, [
-              e.showClose ? (u(), d("button", {
+            t("span", oe, [
+              e.showClose ? (d(), r("button", {
                 key: 0,
-                "aria-label": W.value,
+                "aria-label": I.value,
                 disabled: o.disabled,
                 type: "button",
-                onClick: r
+                onClick: f
               }, [
                 s(e.$slots, "close", {}, () => [
                   i[0] || (i[0] = t("span", { class: "bb-base-dialog__close-icon" }, [
@@ -143,32 +145,32 @@ const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
                     ])
                   ], -1))
                 ])
-              ], 8, oe)) : g("", !0)
+              ], 8, te)) : g("", !0)
             ])
           ])
         ], 512),
-        t("div", te, [
-          t("div", le, [
+        t("div", le, [
+          t("div", se, [
             s(e.$slots, "description", {
-              descriptionId: f,
+              descriptionId: b,
               text: e.description
             }, () => [
-              e.description ? (u(), d("div", {
+              e.description ? (d(), r("div", {
                 key: 0,
-                id: f,
+                id: b,
                 class: "bb-base-dialog__description sr-only"
-              }, T(e.description), 1)) : g("", !0)
+              }, V(e.description), 1)) : g("", !0)
             ]),
             s(e.$slots, "default")
           ])
         ], 512),
-        t("div", se, [
+        t("div", ae, [
           s(e.$slots, "footer")
         ], 512)
       ], 64)) : g("", !0)
-    ], 46, Z));
+    ], 46, x));
   }
 });
 export {
-  be as default
+  fe as default
 };