bitboss-ui 2.1.111 → 2.1.113

package/dist/index247.js

@@ -1,7 +1,32 @@
-import { getDefaultExportFromCjs as r } from "./index342.js";
-import { __require as o } from "./index309.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+import { computed as s, unref as v, ref as c } from "vue";
+import { useDebounceFn as m } from "./index222.js";
+const y = (o) => {
+  const e = s(() => v(o.items)), t = c([]), r = c(0);
+  let a = 0;
+  const u = async (...i) => {
+    if (Array.isArray(e.value)) {
+      t.value = e.value;
+      return;
+    }
+    if (typeof e.value != "function") return;
+    const f = ++a;
+    r.value++;
+    try {
+      const n = await e.value(...i);
+      f === a && (t.value = n);
+    } catch (n) {
+      console.error(n);
+    } finally {
+      r.value--;
+    }
+  }, l = m(u, o.debounce || 0);
+  return {
+    getter: u,
+    debouncedGetter: l,
+    items: t,
+    loading: s(() => r.value > 0)
+  };
+};
 export {
-  s as default
+  y as useItemsGetter
 };

package/dist/index248.js

@@ -1,7 +1,20 @@
-import { getDefaultExportFromCjs as r } from "./index342.js";
-import { __require as e } from "./index311.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+import { isNotNil as v } from "./index150.js";
+import { computed as t, toValue as h, ref as u, onServerPrefetch as m, onBeforeMount as p } from "vue";
+const g = ({
+  fn: i,
+  trigger: n = !1,
+  multiple: s,
+  currentValue: r
+}) => {
+  const f = t(() => s ? !!r?.length : v(r)), o = t(
+    () => !!h(n) || f.value
+  ), l = u(!1), e = u(!1), c = t(() => o.value || e.value), a = async () => {
+    l.value || e.value || (l.value = !0, await i(!0), l.value = !1, e.value = !0);
+  };
+  return o.value && (m(a), p(async () => {
+    e.value || await a();
+  })), { isPrefilling: l, hasPrefilled: e, canLoad: c, prefill: a };
+};
 export {
-  m as default
+  g as usePrefill
 };

package/dist/index249.js

@@ -1,7 +1,6 @@
-import { getDefaultExportFromCjs as r } from "./index342.js";
-import { __require as e } from "./index313.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { curry as e } from "./index315.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/index250.js

@@ -1,7 +1,108 @@
-import { getDefaultExportFromCjs as e } from "./index342.js";
-import { __require as r } from "./index315.js";
-var o = r();
-const f = /* @__PURE__ */ e(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 "./index238.js";
+import { isNil as l } from "./index231.js";
+import E from "./index68.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 {
-  f as default
+  K as default
 };

package/dist/index252.js

@@ -1,8 +1,102 @@
-function e(t, r) {
-  if (!/\d{4}-\d{2}-\d{2}/.test(t))
-    throw new Error(`${r} must be in the format YYYY-MM-DD`);
-  return t;
-}
+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 "./index238.js";
+import { isNil as i } from "./index231.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 {
-  e as validateDateFormat
+  j as default
 };

package/dist/index254.js

@@ -1,54 +1,137 @@
-import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
-import k from "./index344.js";
-const y = { class: "bb-base-date-picker__year-container" }, v = {
-  "aria-live": "polite",
-  class: "bb-base-date-picker__selected-day-label"
-}, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
-  __name: "BaseDatePickerHeader",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean },
-    hidden: { type: Boolean }
-  },
-  emits: ["mode:year", "mode:month"],
-  setup(n) {
-    const s = n, r = b("top"), l = (e, a) => {
-      e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
+import { defineComponent as V, 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 X, createElementVNode as j, createElementBlock as q, createCommentVNode as z, renderSlot as I, nextTick as O } from "vue";
+import { useCancelableFunction as R } from "./index344.js";
+import { useUntil as G } from "./index257.js";
+import { extractDomContainer as x } from "./index274.js";
+import { waitFor as H } from "./index276.js";
+import { arrow as J, useFloating as K } from "./index345.js";
+import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index346.js";
+const oe = {
+  key: 0,
+  class: "bb-common-popover__bubble"
+}, ue = /* @__PURE__ */ V({
+  __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"), u = 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 = G(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 ? [] : [
+          J({
+            element: f,
+            padding: o.arrowPadding
+          })
+        ]
+      ];
+    }), { floatingStyles: E, placement: M, middlewareData: d, update: v } = K(
+      _,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: ee,
+        middleware: k,
+        strategy: "fixed"
+      }
+    ), { execute: b } = R(
+      ({ signal: e }, n) => new Promise((i) => {
+        let l;
+        const s = () => {
+          l && clearTimeout(l);
+        };
+        e.addEventListener("abort", s), n ? (A(), v(), H(() => !!t.value).then(() => {
+          u.value = !0, e.removeEventListener("abort", s), i(void 0);
+        })) : (u.value = !1, l = setTimeout(() => {
+          O(() => {
+            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", s), v(), i(void 0);
+          });
+        }, o.transitionDuration));
+      })
+    ), A = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
     };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
+    F(r, b), S(() => {
+      r.value && b(r.value);
+    });
+    const $ = a(() => {
+      const e = r.value ? void 0 : -1, n = d.value.arrow?.x, i = o.hideArrow || n == null ? "50%" : `${Math.round(n)}px`, l = o.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...E.value,
+          "--transition-duration": `${o.transitionDuration}ms`,
+          "--page-padding": `${o.padding}px`,
+          "--arrow-offset-x": i
+        },
+        popover: l,
+        tabindex: e
+      };
+    }), D = a(() => {
+      if (d.value.arrow) {
+        const { x: e, y: n } = d.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${n}px`
+          }
+        };
       }
-    );
-    const i = m(() => s.cursor.format("YYYY"));
-    return (e, a) => (c(), d("div", {
-      class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
-    }, [
-      t("div", y, [
-        h(k, {
-          direction: r.value,
-          duration: 500,
-          gap: 30
-        }, {
-          default: f(() => [
-            (c(), d("span", {
-              key: i.value,
-              "aria-live": "polite",
-              class: "bb-base-date-picker__year-button"
-            }, o(i.value), 1))
-          ]),
-          _: 1
-        }, 8, ["direction"])
+    }), p = () => {
+      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": u.value,
+        "bb-common-popover--no-arrow": e.hideArrow,
+        [`bb-common-popover--${y(M)}`]: !0
+      }]
+    }, $.value, {
+      onClick: h(p, ["self", "stop"]),
+      onContextmenu: h(p, ["self", "stop", "prevent"]),
+      onClose: p
+    }), {
+      default: X(() => [
+        j("span", g({
+          ref_key: "bubblearrow",
+          ref: f,
+          class: "bb-common-popover__arrow"
+        }, D.value), null, 16),
+        y(B) ? (w(), q("span", oe, [
+          I(e.$slots, "default")
+        ])) : z("", !0)
       ]),
-      t("div", v, [
-        t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
-        t("span", D, o(e.cursor.format("DD")), 1),
-        t("span", M, o(e.cursor.format("MMMM")), 1)
-      ])
-    ], 2));
+      _: 3
+    }, 16, ["class"]));
   }
 });
 export {
-  C as default
+  ue as default
 };

package/dist/index256.js

@@ -1,32 +1,107 @@
-import { defineComponent as c, createBlock as l, openBlock as m, Transition as u, withCtx as f, renderSlot as d } from "vue";
-const y = /* @__PURE__ */ c({
-  __name: "ScaleFade",
+import { defineComponent as r, ref as g, createBlock as l, openBlock as d, withCtx as i, renderSlot as s, normalizeProps as p, guardReactiveProps as a } from "vue";
+import m from "./index347.js";
+import f from "./index348.js";
+const y = /* @__PURE__ */ r({
+  __name: "ListBox",
   props: {
-    duration: { default: 200 },
-    scaleFrom: { default: 0.97 }
+    compact: { type: Boolean },
+    options: {},
+    groups: {},
+    headerHeight: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: {},
+    loadingText: {},
+    noDataText: {},
+    optionHeight: {}
   },
-  setup(n) {
-    const t = n, a = (s) => {
-      const e = s;
-      e.style.opacity = "0", e.style.transform = `scale(${t.scaleFrom})`, e.style.transformOrigin = "center top";
-    }, r = (s, e) => {
-      const o = s;
-      o.style.transition = `opacity ${t.duration}ms ease-out, transform ${t.duration}ms cubic-bezier(0.34, 1.56, 0.64, 1)`, o.offsetHeight, o.style.opacity = "1", o.style.transform = "scale(1)", setTimeout(e, t.duration);
-    }, i = (s, e) => {
-      const o = s;
-      o.style.transition = `opacity ${t.duration}ms ease-in, transform ${t.duration}ms ease-in`, o.style.opacity = "0", o.style.transform = `scale(${t.scaleFrom})`, setTimeout(e, t.duration);
-    };
-    return (s, e) => (m(), l(u, {
-      css: !1,
-      onBeforeEnter: a,
-      onEnter: r,
-      onLeave: i
+  emits: ["option:selected", "option:unselected", "focused:change"],
+  setup(h, { expose: u }) {
+    const t = g();
+    return u({
+      focusNext: () => t.value?.focusNext(),
+      focusPrevious: () => t.value?.focusPrevious(),
+      focusFirst: () => t.value?.focusFirst(),
+      focusFirstSelected: () => t.value?.focusFirstSelected(),
+      focusLast: () => t.value?.focusLast(),
+      focusLastSelected: () => t.value?.focusLastSelected(),
+      blur: () => t.value?.blur(),
+      confirmOption: () => t.value?.confirmOption(),
+      focusByHash: (o) => t.value?.focusByHash(o),
+      getHighlighted: () => t.value?.getHighlighted(),
+      getActiveDescendantId: () => t.value?.getActiveDescendantId()
+    }), (o, n) => o.groups ? (d(), l(f, {
+      key: 0,
+      ref_key: "child",
+      ref: t,
+      compact: o.compact,
+      groups: o.groups,
+      "header-height": o.headerHeight,
+      loading: o.loading,
+      "loading-text": o.loadingText,
+      multiple: o.multiple,
+      "no-data-text": o.noDataText,
+      open: o.open,
+      "option-height": o.optionHeight,
+      "transition-duration": o.transitionDuration,
+      "onOption:selected": n[0] || (n[0] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": n[1] || (n[1] = (e) => o.$emit("option:unselected", e)),
+      "onFocused:change": n[2] || (n[2] = (e) => o.$emit("focused:change", e))
     }, {
-      default: f(() => [
-        d(s.$slots, "default")
+      "options:prepend": i(() => [
+        s(o.$slots, "options:prepend")
+      ]),
+      loading: i(() => [
+        s(o.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(o.$slots, "no-data")
+      ]),
+      "options:append": i(() => [
+        s(o.$slots, "options:append")
+      ]),
+      option: i((e) => [
+        s(o.$slots, "option", p(a(e)))
+      ]),
+      group: i((e) => [
+        s(o.$slots, "group", p(a(e)))
+      ]),
+      _: 3
+    }, 8, ["compact", "groups", "header-height", "loading", "loading-text", "multiple", "no-data-text", "open", "option-height", "transition-duration"])) : (d(), l(m, {
+      key: 1,
+      ref_key: "child",
+      ref: t,
+      compact: o.compact,
+      loading: o.loading,
+      "loading-text": o.loadingText,
+      multiple: o.multiple,
+      "no-data-text": o.noDataText,
+      open: o.open,
+      options: o.options ?? [],
+      "option-height": o.optionHeight,
+      "transition-duration": o.transitionDuration,
+      "onOption:selected": n[3] || (n[3] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": n[4] || (n[4] = (e) => o.$emit("option:unselected", e)),
+      "onFocused:change": n[5] || (n[5] = (e) => o.$emit("focused:change", e))
+    }, {
+      "options:prepend": i(() => [
+        s(o.$slots, "options:prepend")
+      ]),
+      loading: i(() => [
+        s(o.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(o.$slots, "no-data")
+      ]),
+      "options:append": i(() => [
+        s(o.$slots, "options:append")
+      ]),
+      option: i((e) => [
+        s(o.$slots, "option", p(a(e)))
       ]),
       _: 3
-    }));
+    }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "option-height", "transition-duration"]));
   }
 });
 export {