bitboss-ui 2.1.92 → 2.1.93

package/dist/index239.js

@@ -1,14 +1,11 @@
-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 { get as o } from "./index290.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);
+  }
+});
 export {
-  n as useArray
+  e as useItemValue
 };

package/dist/index240.js

@@ -1,17 +1,10 @@
-import { isNil as f } from "./index273.js";
-import { computed as t, unref as o } from "vue";
-const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
-  const i = t(
-    () => new Array().concat(o(e))
-  ), s = t(() => i.value.reduce(
-    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
-    { coherent: [], incoherent: [] }
-  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
-  return {
-    status: s,
-    coherent: c
-  };
-};
+const u = (t, r) => t.reduce(
+  (e, n, o, d) => {
+    const s = r(n, o, d);
+    return e[s] = n, e;
+  },
+  {}
+);
 export {
-  a as useCoherence
+  u as indexBy
 };

package/dist/index241.js

@@ -1,14 +1,5 @@
-import { hash as e } from "./index237.js";
-import { debouncedWatch as s } from "./index215.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+import { hash as o } from "./index304.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  n as useHashedWatcher
+  t as hash
 };

package/dist/index244.js

@@ -1,6 +1,19 @@
-import { curry as e } from "./index300.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index241.js";
+const p = ({
+  items: m,
+  key: e
+}) => {
+  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
+    const t = {}, s = Array.from(a(m) ?? []);
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      t[n(c)] = c;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
+};
 export {
-  t as baseWhen,
-  s as when
+  p as useIndexById
 };

package/dist/index245.js

@@ -1,137 +1,53 @@
-import { defineComponent as A, mergeModels as L, useModel as T, ref as c, computed as a, watch as F, onMounted as S, createBlock as N, openBlock as w, resolveDynamicComponent as U, mergeProps as g, unref as y, withModifiers as h, withCtx as j, createElementVNode as q, createElementBlock as I, createCommentVNode as R, renderSlot as X, nextTick as z } from "vue";
-import { useCancelableFunction as G } from "./index336.js";
-import { useUntil as H } from "./index232.js";
-import { extractDomContainer as x } from "./index255.js";
-import { waitFor as J } from "./index337.js";
-import { arrow as K, useFloating as O } from "./index338.js";
-import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index339.js";
-const oe = {
-  key: 0,
-  class: "bb-common-popover__bubble"
-}, ue = /* @__PURE__ */ A({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ L({
-    arrowPadding: {},
-    eager: { type: Boolean },
-    offset: {},
-    padding: { default: 0 },
-    placement: {},
-    transitionDuration: { default: 250 },
-    anchor: {},
-    boundary: {},
-    dialog: { type: Boolean },
-    hideArrow: { type: Boolean },
-    tag: { default: "span" },
-    flip: { type: Boolean, default: !0 }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(m) {
-    const o = m, r = T(m, "modelValue"), s = c(r.value), C = a(() => o.dialog ? "dialog" : "span"), t = c(), f = c(), _ = a(() => {
-      const e = o.anchor;
-      return e && typeof e == "object" && "getBoundingClientRect" in e && !(e instanceof Element) ? e : x(e);
-    }), B = H(r, { initialValue: o.eager }), P = a(() => {
-      if (o.boundary)
-        return typeof o.boundary == "string" ? document.querySelector(o.boundary) ?? void 0 : x(o.boundary) ?? void 0;
-    }), k = a(() => {
-      const e = P.value;
-      return [
-        ...o.flip ? [Q(e ? { boundary: e } : void 0)] : [],
-        W(o.offset),
-        Y({ padding: o.padding, ...e ? { boundary: e } : {} }),
-        Z(),
-        ...o.hideArrow ? [] : [
-          K({
-            element: f,
-            padding: o.arrowPadding
-          })
-        ]
-      ];
-    }), { floatingStyles: E, placement: M, middlewareData: u, update: v } = O(
-      _,
-      t,
-      {
-        placement: o.placement,
-        whileElementsMounted: ee,
-        middleware: k,
-        strategy: "fixed"
-      }
-    ), { execute: b } = G(
-      ({ signal: e }, n) => new Promise((l) => {
-        let i;
-        const p = () => {
-          i && clearTimeout(i);
-        };
-        e.addEventListener("abort", p), n ? ($(), v(), J(() => !!t.value).then(() => {
-          s.value = !0, e.removeEventListener("abort", p), l(void 0);
-        })) : (s.value = !1, i = setTimeout(() => {
-          z(() => {
-            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", p), v(), l(void 0);
-          });
-        }, o.transitionDuration));
-      })
-    ), $ = () => {
-      if (!t.value) return;
-      if (!o.dialog) return t.value.showPopover();
-      t.value.showModal();
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index303.js";
+import { useItemValue as w } from "./index239.js";
+import { hash as y } from "./index241.js";
+import { useLogger as D } from "./index257.js";
+const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
+  items: u,
+  disabled: c,
+  selectable: m,
+  itemText: a,
+  itemValue: d,
+  selectedIndexedByHash: r,
+  max: b = 1 / 0
+}) => {
+  const v = l(() => o(c)), p = l(() => o(u)), h = l(
+    () => Object.keys(r.value).length
+  ), g = o(b), f = (e) => {
+    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
+      e,
+      v.value,
+      m,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: i,
+      value: n,
+      valueHash: t,
+      selected: s,
+      disabled: o(I)
     };
-    F(r, b), S(() => {
-      r.value && b(r.value);
-    });
-    const D = a(() => {
-      const e = r.value ? void 0 : -1, n = Math.round(u.value.arrow?.x ?? 0), l = o.dialog ? void 0 : "manual";
-      return {
-        style: {
-          ...E.value,
-          "--transition-duration": `${o.transitionDuration}ms`,
-          "--page-padding": `${o.padding}px`,
-          "--arrow-offset-x": `${n}px`
-        },
-        popover: l,
-        tabindex: e
-      };
-    }), V = a(() => {
-      if (u.value.arrow) {
-        const { x: e, y: n } = u.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${n}px`
-          }
-        };
+  };
+  return {
+    options: l(() => {
+      const e = [], n = /* @__PURE__ */ new Set();
+      for (let t = 0; t < p.value.length; t++) {
+        const i = p.value[t];
+        i.disabled && H(
+          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
+        );
+        const s = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
       }
-    }), d = () => {
-      r.value = !1;
-    };
-    return (e, n) => (w(), N(U(C.value), g({
-      ref_key: "wrapper",
-      ref: t,
-      class: ["bb-common-popover", {
-        "bb-common-popover--open": s.value,
-        "bb-common-popover--no-arrow": e.hideArrow,
-        [`bb-common-popover--${y(M)}`]: !0
-      }]
-    }, D.value, {
-      onClick: h(d, ["self", "stop"]),
-      onContextmenu: h(d, ["self", "stop", "prevent"]),
-      onClose: d
-    }), {
-      default: j(() => [
-        q("span", g({
-          ref_key: "bubblearrow",
-          ref: f,
-          class: "bb-common-popover__arrow"
-        }, V.value), null, 16),
-        y(B) ? (w(), I("span", oe, [
-          X(e.$slots, "default")
-        ])) : R("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
+      return e;
+    }),
+    createOption: f
+  };
+};
 export {
-  ue as default
+  q as useBaseOptions
 };

package/dist/index246.js

@@ -0,0 +1,14 @@
+import { hash as e } from "./index241.js";
+import { debouncedWatch as s } from "./index215.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
+};
+export {
+  n as useHashedWatcher
+};

package/dist/index247.js

@@ -1,231 +1,35 @@
-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 "./index273.js";
-import { useVirtualizer as ne } from "./index340.js";
-import { isNotNil as le } from "./index144.js";
-import { hash as N } from "./index237.js";
-import { useLocale as ie } from "./index231.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));
-  }
-});
+import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
+/* empty css         */
+import n from "./index213.js";
+const l = {}, s = {
+  class: "bb-error-icon",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(c, r) {
+  return t(), e("svg", s, r[0] || (r[0] = [
+    o("path", {
+      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
+      fill: "currentColor"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 6.66666V9.99999",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 13.3333H10.0025",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1)
+  ]));
+}
+const a = /* @__PURE__ */ n(l, [["render", i]]);
 export {
-  he as default
+  a as default
 };

package/dist/index248.js

@@ -1,4 +1,30 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
+import { useLocale as s } from "./index220.js";
+const c = ["aria-label"], b = /* @__PURE__ */ l({
+  __name: "ClearableButton",
+  setup(u) {
+    const { t: o } = s();
+    return (i, e) => (r(), n("button", {
+      "aria-label": a(o)("common.clearLabel").value,
+      class: "bb-clearable-button",
+      type: "button"
+    }, e[0] || (e[0] = [
+      t("svg", {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        t("path", {
+          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "2"
+        })
+      ], -1)
+    ]), 8, c));
+  }
+});
 export {
-  s as isCssColor
+  b as default
 };

package/dist/index25.js

@@ -1,7 +1,7 @@
 import { defineComponent as I, mergeModels as M, useModel as W, computed as h, ref as g, watch as N, onMounted as P, createElementBlock as n, openBlock as r, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as y, createCommentVNode as f, Fragment as A, createElementVNode as a, renderSlot as s, createTextVNode as K, toDisplayString as T, nextTick as R } from "vue";
-import { parseSize as U } from "./index230.js";
+import { parseSize as U } from "./index231.js";
 import { useId as D } from "./index8.js";
-import { useLocale as j } from "./index231.js";
+import { useLocale as j } from "./index220.js";
 import { useMobile as G } from "./index9.js";
 import { useUntil as J } from "./index232.js";
 import { wait as w } from "./index140.js";

package/dist/index251.js

@@ -1,4 +1,7 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { getDefaultExportFromCjs as r } from "./index326.js";
+import { __require as o } from "./index305.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  o as booleanishToBoolean
+  s as default
 };

package/dist/index252.js

@@ -1,5 +1,7 @@
-import { hash as r } from "./index237.js";
-const a = (o, t) => r(o) === r(t);
+import { getDefaultExportFromCjs as r } from "./index326.js";
+import { __require as e } from "./index307.js";
+var t = e();
+const m = /* @__PURE__ */ r(t);
 export {
-  a as isEqual
+  m as default
 };

package/dist/index253.js

@@ -1,12 +1,7 @@
-const o = (t, r) => {
-  const e = {};
-  for (const c in t)
-    if (Object.prototype.hasOwnProperty.call(t, c)) {
-      const n = t[c];
-      r(n, c, t) && (e[c] = n);
-    }
-  return e;
-};
+import { getDefaultExportFromCjs as r } from "./index326.js";
+import { __require as e } from "./index309.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  o as pickBy
+  m as default
 };

package/dist/index254.js

@@ -1,5 +1,7 @@
-const o = () => {
-};
+import { getDefaultExportFromCjs as e } from "./index326.js";
+import { __require as r } from "./index311.js";
+var o = r();
+const f = /* @__PURE__ */ e(o);
 export {
-  o as noop
+  f as default
 };