bitboss-ui 2.1.110 → 2.1.112

package/dist/index241.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./index341.js";
+import { __require as e } from "./index320.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
+export {
+  m as default
+};

package/dist/index242.js

@@ -1,32 +1,7 @@
-import { computed as s, unref as v, ref as c } from "vue";
-import { useDebounceFn as m } from "./index221.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)
-  };
-};
+import { getDefaultExportFromCjs as r } from "./index341.js";
+import { __require as t } from "./index322.js";
+var o = t();
+const a = /* @__PURE__ */ r(o);
 export {
-  y as useItemsGetter
+  a as default
 };

package/dist/index243.js

@@ -1,20 +1,5 @@
-import { isNotNil as v } from "./index149.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 };
-};
+import { isNil as r } from "./index250.js";
+const e = (t) => r(t) ? !0 : Array.isArray(t) || typeof t == "string" ? t.length === 0 : t instanceof Map || t instanceof Set ? t.size === 0 : typeof t == "number" ? Number.isNaN(t) : typeof t == "boolean" || typeof t == "function" ? !1 : typeof t == "object" ? "length" in t && typeof t.length == "number" ? t.length === 0 : Object.keys(t).length === 0 : !1;
 export {
-  g as usePrefill
+  e as isEmpty
 };

package/dist/index244.js

@@ -1,19 +1,10 @@
-import { computed as u, unref as a } from "vue";
-import { hash as d } from "./index247.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)] };
-};
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
+  }
+});
 export {
-  p as useIndexById
+  e as useLogger
 };

package/dist/index245.js

@@ -1,53 +1,137 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index323.js";
-import { useItemValue as w } from "./index271.js";
-import { hash as y } from "./index247.js";
-import { useLogger as D } from "./index255.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)
+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 "./index252.js";
+import { extractDomContainer as x } from "./index253.js";
+import { waitFor as H } from "./index289.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();
     };
-  };
-  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));
+    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`
+          }
+        };
       }
-      return e;
-    }),
-    createOption: f
-  };
-};
+    }), 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)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
 export {
-  q as useBaseOptions
+  ue as default
 };

package/dist/index247.js

@@ -1,5 +1,5 @@
-import { hash as o } from "./index321.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+import r from "./index307.js";
+const t = r;
 export {
-  t as hash
+  t as deburr
 };

package/dist/index248.js

@@ -1,14 +1,8 @@
-import { hash as e } from "./index247.js";
-import { debouncedWatch as s } from "./index221.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+import e from "./index308.js";
+import o from "./index309.js";
+import r from "./index310.js";
+const f = new r(o, e)._freeze();
 export {
-  n as useHashedWatcher
+  r as Mime,
+  f as default
 };

package/dist/index249.js

@@ -1,7 +1,18 @@
-import { getDefaultExportFromCjs as r } from "./index330.js";
-import { __require as o } from "./index309.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+const e = (o, r, f) => o.reduce((t, n) => {
+  if (t) return t;
+  if (f(n))
+    return n;
+  if (r in n) {
+    const i = e(
+      [].concat(n[r]),
+      r,
+      f
+    );
+    if (i)
+      return i;
+  }
+  return t;
+}, null);
 export {
-  s as default
+  e as findInTree
 };

package/dist/index250.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index330.js";
-import { __require as e } from "./index311.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+const r = (e) => typeof e > "u" || e === null;
 export {
-  m as default
+  r as isNil
 };

package/dist/index251.js

@@ -1,7 +1,15 @@
-import { getDefaultExportFromCjs as r } from "./index330.js";
-import { __require as e } from "./index313.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+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 {
-  m as default
+  c as parseSize
 };

package/dist/index252.js

@@ -1,7 +1,15 @@
-import { getDefaultExportFromCjs as e } from "./index330.js";
-import { __require as r } from "./index315.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+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 {
-  f as default
+  p as useUntil
 };

package/dist/index253.js

@@ -1,4 +1,6 @@
-const e = (t) => t[t.length - 1];
+function e(n) {
+  return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
+}
 export {
-  e as last
+  e as extractDomContainer
 };

package/dist/index254.js

@@ -1,8 +1,25 @@
-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;
+const i = (t) => {
+  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
+  return parseFloat(n) || 0;
+};
+function s(t) {
+  if (typeof t == "number")
+    return {
+      value: i(t),
+      unit: "px"
+    };
+  if (typeof t == "string") {
+    const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
+    if (e) {
+      const [, n, o = "px"] = e, a = parseFloat(n);
+      return {
+        value: i(a),
+        unit: o
+      };
+    }
+  }
+  throw new Error(`Invalid width: ${t}`);
 }
 export {
-  e as validateDateFormat
+  s as parseWidthString
 };

package/dist/index255.js

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

package/dist/index257.js

@@ -1,54 +1,32 @@
-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 "./index341.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");
-    };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
-      }
-    );
-    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"])
-      ]),
-      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));
-  }
-});
+import { computed as s, unref as v, ref as c } from "vue";
+import { useDebounceFn as m } from "./index223.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 {
-  C as default
+  y as useItemsGetter
 };