bitboss-ui 2.1.76 → 2.1.77

package/dist/index234.js

@@ -1,14 +1,30 @@
-import { hash as e } from "./index227.js";
-import { debouncedWatch as s } from "./index214.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
+import { useLocale as s } from "./index232.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 {
-  n as useHashedWatcher
+  b as default
 };

package/dist/index236.js

@@ -1,31 +1,4 @@
-import { ref as a, computed as s, unref as v } from "vue";
-import { useDebounceFn as f } from "./index214.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)
-  };
-};
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  p as useItemsGetter
+  s as isCssColor
 };

package/dist/index237.js

@@ -1,18 +1,4 @@
-import { isNotNil as n } from "./index144.js";
-import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
-const h = ({
-  fn: i,
-  onStart: s,
-  multiple: f,
-  currentValue: o
-}) => {
-  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
-    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
-  };
-  return a && (u(r), c(async () => {
-    l.value || await r();
-  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
-};
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  h as usePrefill
+  o as booleanishToBoolean
 };

package/dist/index238.js

@@ -1,6 +1,5 @@
-import { curry as e } from "./index303.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { hash as r } from "./index223.js";
+const a = (o, t) => r(o) === r(t);
 export {
-  t as baseWhen,
-  s as when
+  a as isEqual
 };

package/dist/index239.js

@@ -1,108 +1,15 @@
-import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index227.js";
-import { isNil as l } from "./index218.js";
-import E from "./index67.js";
-/* empty css        */
-const K = /* @__PURE__ */ y({
-  __name: "ChipsBox",
-  props: {
-    options: {}
-  },
-  emits: ["option:unselected"],
-  setup(f, { expose: v, emit: h }) {
-    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
-      const s = l(n.value) ? -1 : n.value;
-      let o = (s + e) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = a(e + 1);
-      return o;
-    }, x = () => {
-      if (!i.value) return;
-      const e = a();
-      n.value = e;
-    }, c = (e = 1) => {
-      const s = l(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;
-    }, m = async () => {
-      if (!i.value) return;
-      const e = c();
-      n.value = e;
-    }, w = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; t.options[e].disabled; )
-        e++;
-      n.value = e;
-    }, b = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e;
-    }, I = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; !t.options[e].selected && t.options.length !== e; )
-        e++;
-      n.value = e;
-    }, g = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].selected && e !== 0; )
-        e--;
-      n.value = e;
-    }, _ = (e) => {
-      if (!i.value) return;
-      const s = t.options.findIndex(
-        (o) => o.valueHash === e
-      );
-      s >= 0 && (n.value = s);
-    }, r = () => {
-      n.value = null;
-    }, k = () => {
-      if (l(n.value)) return;
-      const e = t.options[n.value];
-      e.selected && u("option:unselected", e);
-    }, C = () => l(n.value) ? void 0 : t.options[n.value];
-    return N(
-      () => t.options,
-      (e, s) => {
-        d(e) !== d(s) && r();
-      },
-      {
-        flush: "post"
-      }
-    ), v({
-      focusNext: x,
-      focusPrevious: m,
-      focusFirst: w,
-      focusFirstSelected: I,
-      focusLast: b,
-      focusLastSelected: g,
-      blur: r,
-      confirmOption: k,
-      focusByHash: _,
-      getHighlighted: C
-    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
-      key: o.valueHash,
-      class: P({
-        "bb-chipsbox-item": !0,
-        "bb-chipsbox-item--focused": B === n.value
-      }),
-      clearable: !0,
-      text: o.text,
-      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
-    }, {
-      default: $(() => [
-        z(D(o.text), 1)
-      ]),
-      _: 2
-    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+const c = (t, r) => {
+  if (typeof t == "string") {
+    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
+    if (n) {
+      const [, o, a] = n;
+      return a ? t : o + "px";
+    } else if (t in r)
+      return r[t] + "px";
+    throw new Error(`Invalid size: ${t}`);
   }
-});
+  return t + "px";
+};
 export {
-  K as default
+  c as parseSize
 };

package/dist/index240.js

@@ -0,0 +1,15 @@
+import { ref as c, watch as f, toValue as u } from "vue";
+const p = (e, { initialValue: r = !1, nextValue: o = !0 } = {}) => {
+  const t = c(r);
+  if (r) return t;
+  const n = f(
+    () => u(e),
+    (s) => {
+      s && (t.value = o, n());
+    }
+  );
+  return t;
+};
+export {
+  p as useUntil
+};

package/dist/index241.js

@@ -1,102 +1,4 @@
-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 "./index227.js";
-import { isNil as i } from "./index218.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));
-  }
-});
+const r = (e) => typeof e > "u" || e === null;
 export {
-  j as default
+  r as isNil
 };

package/dist/index242.js

@@ -0,0 +1,11 @@
+function u(e, i) {
+  let t;
+  return function(...o) {
+    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, o);
+    }, i);
+  };
+}
+export {
+  u as debounce
+};

package/dist/index243.js

@@ -1,14 +1,14 @@
-import { defineComponent as V, mergeModels as L, useModel as T, ref as p, computed as n, watch as F, onMounted as S, createBlock as A, openBlock as w, resolveDynamicComponent as N, mergeProps as g, unref as y, withModifiers as U, withCtx as q, createElementVNode as I, createElementBlock as X, createCommentVNode as j, renderSlot as z, nextTick as G } from "vue";
-import { useCancelableFunction as H } from "./index336.js";
-import { useUntil as J } from "./index246.js";
-import { extractDomContainer as h } from "./index264.js";
-import { waitFor as K } from "./index337.js";
-import { arrow as O, useFloating as Q } from "./index338.js";
-import { flip as R, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index339.js";
+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 "./index341.js";
+import { useUntil as H } from "./index240.js";
+import { extractDomContainer as x } from "./index245.js";
+import { waitFor as J } from "./index342.js";
+import { arrow as K, useFloating as O } from "./index343.js";
+import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index344.js";
 const oe = {
   key: 0,
   class: "bb-common-popover__bubble"
-}, ue = /* @__PURE__ */ V({
+}, ue = /* @__PURE__ */ A({
   __name: "CommonPopover",
   props: /* @__PURE__ */ L({
     arrowPadding: {},
@@ -20,6 +20,7 @@ const oe = {
     anchor: {},
     boundary: {},
     dialog: { type: Boolean },
+    hideArrow: { type: Boolean },
     tag: { default: "span" },
     flip: { type: Boolean, default: !0 }
   }, {
@@ -27,98 +28,105 @@ const oe = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(c) {
-    const e = c, r = T(c, "modelValue"), s = p(r.value), x = n(() => e.dialog ? "dialog" : "span"), t = p(), m = p(), _ = n(() => h(e.anchor)), C = J(r, { initialValue: e.eager }), P = n(() => {
-      if (e.boundary)
-        return typeof e.boundary == "string" ? document.querySelector(e.boundary) ?? void 0 : h(e.boundary) ?? void 0;
-    }), k = n(() => {
-      const o = P.value;
+  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 [
-        ...e.flip ? [R(o ? { boundary: o } : void 0)] : [],
-        W(e.offset),
-        Y({ padding: e.padding, ...o ? { boundary: o } : {} }),
+        ...o.flip ? [Q(e ? { boundary: e } : void 0)] : [],
+        W(o.offset),
+        Y({ padding: o.padding, ...e ? { boundary: e } : {} }),
         Z(),
-        O({
-          element: m,
-          padding: e.arrowPadding
-        })
+        ...o.hideArrow ? [] : [
+          K({
+            element: f,
+            padding: o.arrowPadding
+          })
+        ]
       ];
-    }), { floatingStyles: M, placement: B, middlewareData: u, update: f } = Q(
+    }), { floatingStyles: E, placement: M, middlewareData: u, update: v } = O(
       _,
       t,
       {
-        placement: e.placement,
+        placement: o.placement,
         whileElementsMounted: ee,
         middleware: k,
         strategy: "fixed"
       }
-    ), { execute: v } = H(
-      ({ signal: o }, a) => new Promise((l) => {
+    ), { execute: b } = G(
+      ({ signal: e }, n) => new Promise((l) => {
         let i;
-        const d = () => {
+        const p = () => {
           i && clearTimeout(i);
         };
-        o.addEventListener("abort", d), a ? (E(), f(), K(() => !!t.value).then(() => {
-          s.value = !0, o.removeEventListener("abort", d), l(void 0);
+        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(() => {
-          G(() => {
-            t.value && (e.dialog ? t.value.close() : t.value.hidePopover()), o.removeEventListener("abort", d), f(), l(void 0);
+          z(() => {
+            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", p), v(), l(void 0);
           });
-        }, e.transitionDuration));
+        }, o.transitionDuration));
       })
-    ), E = () => {
+    ), $ = () => {
       if (!t.value) return;
-      if (!e.dialog) return t.value.showPopover();
+      if (!o.dialog) return t.value.showPopover();
       t.value.showModal();
     };
-    F(r, v), S(() => {
-      r.value && v(r.value);
+    F(r, b), S(() => {
+      r.value && b(r.value);
     });
-    const $ = n(() => {
-      const o = r.value ? void 0 : -1, a = Math.round(u.value.arrow?.x ?? 0), l = e.dialog ? void 0 : "manual";
+    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: {
-          ...M.value,
-          "--transition-duration": `${e.transitionDuration}ms`,
-          "--page-padding": `${e.padding}px`,
-          "--arrow-offset-x": `${a}px`
+          ...E.value,
+          "--transition-duration": `${o.transitionDuration}ms`,
+          "--page-padding": `${o.padding}px`,
+          "--arrow-offset-x": `${n}px`
         },
         popover: l,
-        tabindex: o
+        tabindex: e
       };
-    }), D = n(() => {
+    }), V = a(() => {
       if (u.value.arrow) {
-        const { x: o, y: a } = u.value.arrow;
+        const { x: e, y: n } = u.value.arrow;
         return {
           style: {
-            left: `${o}px`,
-            top: `${a}px`
+            left: `${e}px`,
+            top: `${n}px`
           }
         };
       }
-    }), b = () => {
+    }), d = () => {
       r.value = !1;
     };
-    return (o, a) => (w(), A(N(x.value), g({
+    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--${y(B)}`]: !0
+        "bb-common-popover--no-arrow": e.hideArrow,
+        [`bb-common-popover--${y(M)}`]: !0
       }]
-    }, $.value, {
-      onClick: U(b, ["self", "stop"]),
-      onClose: b
+    }, D.value, {
+      onClick: h(d, ["self", "stop"]),
+      onContextmenu: h(d, ["self", "stop", "prevent"]),
+      onClose: d
     }), {
-      default: q(() => [
-        I("span", g({
+      default: j(() => [
+        q("span", g({
           ref_key: "bubblearrow",
-          ref: m,
+          ref: f,
           class: "bb-common-popover__arrow"
-        }, D.value), null, 16),
-        y(C) ? (w(), X("span", oe, [
-          z(o.$slots, "default")
-        ])) : j("", !0)
+        }, V.value), null, 16),
+        y(B) ? (w(), I("span", oe, [
+          X(e.$slots, "default")
+        ])) : R("", !0)
       ]),
       _: 3
     }, 16, ["class"]));