bitboss-ui 2.1.24 → 2.1.25

package/dist/index234.js

@@ -1,19 +1,116 @@
-import { computed as i, unref as m } from "vue";
-import { hash as s } from "./index237.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)]
-  };
-};
+import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as l, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
+import { wait as F } from "./index135.js";
+import { useFloating as U, arrow as j } from "./index325.js";
+import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index326.js";
+const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ D({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    dialog: { type: Boolean },
+    renderContent: { type: Boolean, default: !0 },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: n, update: B } = U(
+      i,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: J,
+        middleware: [
+          ...o.flip ? [q()] : [],
+          G(o.offset),
+          H({ padding: o.padding }),
+          I(),
+          j({
+            element: p,
+            padding: o.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), d = (e) => {
+      e ? (B(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
+        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
+      });
+    };
+    A(a, d, { flush: "post" }), x(() => {
+      a.value && d(a.value);
+    });
+    const M = S(() => {
+      if (n.value.arrow) {
+        const { x: e, y: u } = n.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${u}px`
+          }
+        };
+      }
+    }), $ = () => {
+      a.value = !1;
+    };
+    return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
+      ref_key: "wrapper",
+      ref: i,
+      class: E(["bb-common-popover", {
+        "bb-common-popover--open": a.value && !!t.value,
+        "bb-common-popover--block": o.block,
+        [`bb-common-popover--${l(_)}`]: !0
+      }]),
+      style: z({
+        "--transition-duration": `${o.transitionDuration}ms`
+      })
+    }, {
+      default: w(() => {
+        var m, f, c;
+        return [
+          y(e.$slots, "activator"),
+          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
+            key: 0,
+            ref_key: "content",
+            ref: t,
+            class: ["bb-common-popover__bubble-container", {
+              "bb-common-popover__bubble-container--open": a.value && !!t.value
+            }],
+            popover: "manual",
+            style: {
+              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
+              ...l(k),
+              "--arrow-offset-x": Math.round(((c = (f = l(n)) == null ? void 0 : f.arrow) == null ? void 0 : c.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: a.value ? void 0 : -1
+          }, e.containerAttributes, { onClose: l($) }), {
+            default: w(() => [
+              C("span", h({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, M.value), null, 16),
+              C("span", K, [
+                y(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
 export {
-  p as useIndexById
+  W as default
 };

package/dist/index236.js

@@ -1,17 +1,15 @@
-import { isNil as f } from "./index226.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 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 {
-  a as useCoherence
+  c as parseSize
 };

package/dist/index237.js

@@ -1,5 +1,20 @@
-import { hash as o } from "./index291.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+import { isNil as c } from "./index262.js";
+const a = (t, r) => {
+  if (!Object.prototype.hasOwnProperty.call(t, r))
+    throw new Error(
+      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
+    );
+}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
+  const i = s.toLocaleLowerCase();
+  for (let e = 0; e < r.length; e++) {
+    const n = r[e];
+    a(t, n);
+    const o = t[n];
+    if (c(o)) continue;
+    if (l(o).includes(i)) return !0;
+  }
+  return !1;
+};
 export {
-  t as hash
+  y as matchAnyKey
 };

package/dist/index238.js

@@ -1,14 +1,14 @@
-import { hash as e } from "./index237.js";
-import { debouncedWatch as s } from "./index206.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
+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 useHashedWatcher
+  n as useArray
 };

package/dist/index239.js

@@ -1,7 +1,8 @@
-import { getDefaultExportFromCjs as r } from "./index313.js";
-import { __require as o } from "./index292.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
+});
 export {
-  s as default
+  o as waitFor
 };

package/dist/index240.js

@@ -1,7 +1,6 @@
-import { getDefaultExportFromCjs as r } from "./index313.js";
-import { __require as e } from "./index294.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+import { curry as e } from "./index307.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  m as default
+  t as baseWhen,
+  s as when
 };

package/dist/index241.js

@@ -1,7 +1,108 @@
-import { getDefaultExportFromCjs as r } from "./index313.js";
-import { __require as e } from "./index296.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+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 "./index216.js";
+import { isNil as l } from "./index262.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));
+  }
+});
 export {
-  m as default
+  K as default
 };

package/dist/index243.js

@@ -1,7 +1,102 @@
-import { getDefaultExportFromCjs as r } from "./index313.js";
-import { __require as e } from "./index300.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+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 "./index216.js";
+import { isNil as i } from "./index262.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));
+  }
+});
 export {
-  m as default
+  j as default
 };