bitboss-ui 2.0.37 → 2.0.39

package/dist/index126.js

@@ -1,23 +1,46 @@
-import { clamp as o } from "./index198.js";
-const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
-  value: t = 0,
-  originalBounds: e,
-  targetBounds: n,
-  step: c = 1
-}) => {
-  const a = l(
-    t,
-    e.min,
-    e.max
-  ), m = p(
-    a,
-    n.max - n.min
-  ) + n.min, s = Math.round(m / c) * c;
-  return o(s, n.min, n.max);
-};
+import { defineComponent as m, getCurrentInstance as d, inject as x, computed as l, ref as y, watchEffect as z, openBlock as _, createElementBlock as b, mergeProps as h } from "vue";
+import { isCssColor as w } from "./index212.js";
+const g = ["innerHTML"], $ = /* @__PURE__ */ m({
+  __name: "BbIcon",
+  props: {
+    size: { default: "md" },
+    color: {},
+    type: {}
+  },
+  setup(p) {
+    var i, r;
+    const e = p;
+    let t;
+    !!((r = (i = d()) == null ? void 0 : i.proxy) != null && r.$nuxt) ? process.client && (t = useNuxtApp().$icons) : t = x("icons");
+    const u = {
+      xs: 12,
+      sm: 16,
+      md: 24,
+      lg: 28,
+      xl: 36,
+      xxl: 40
+    }, f = l(() => {
+      const s = {
+        "bb-icon": !0
+      };
+      let c = { "--size": l(() => {
+        let o;
+        return typeof e.size == "string" ? o = u[e.size] ?? parseInt(e.size, 10) : typeof e.size == "number" ? o = e.size : o = 24, o + "px";
+      }).value };
+      return e.color && (w(e.color) ? c.color = e.color : s[`bb-icon--${e.color}`] = !0), {
+        class: s,
+        style: c
+      };
+    }), n = y(null);
+    return z(async () => {
+      if (t) {
+        if (typeof t[e.type] > "u")
+          throw new Error(`Icon "${e.type}" does not exist.`);
+        n.value = await t[e.type]();
+      }
+    }), (s, a) => (_(), b("i", h(f.value, { innerHTML: n.value }), null, 16, g));
+  }
+});
 export {
-  r as getAsPercentage,
-  l as getAsPercentageBetween,
-  p as getPercentageFrom,
-  P as transposeValue
+  $ as default
 };

package/dist/index127.js

@@ -1,4 +1,49 @@
-const o = (e) => new Promise((t) => setTimeout(t, e));
+import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
+import { throttle as g } from "./index237.js";
+const O = /* @__PURE__ */ v({
+  __name: "BbSmoothHeight",
+  props: {
+    mutationOptions: { default: () => ({ childList: !0 }) },
+    resizeOptions: {},
+    strategy: { default: "resize" },
+    tag: { default: "div" },
+    transitionDuration: { default: 200 }
+  },
+  setup(c) {
+    const n = c, s = r(null), e = r(null), t = r(null);
+    globalThis.ResizeObserver && (p(() => {
+      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(a), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(a), t.value.observe(e.value, n.mutationOptions)), a();
+    }), h(() => {
+      t.value && t.value.disconnect();
+    }));
+    const a = g(() => {
+      if (s.value && e.value) {
+        const o = e.value.scrollHeight;
+        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+      }
+    }, 200);
+    return (o, y) => (i(), l(u(o.tag), {
+      ref_key: "container",
+      ref: s,
+      class: "bb-smooth-height",
+      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
+    }, {
+      default: f(() => [
+        (i(), l(u(o.tag), {
+          ref_key: "content",
+          ref: e,
+          class: "content"
+        }, {
+          default: f(() => [
+            d(o.$slots, "default")
+          ]),
+          _: 3
+        }, 512))
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+});
 export {
-  o as wait
+  O as default
 };

package/dist/index128.js

@@ -1,318 +1,37 @@
-import { toValue as S, notNullish as $, noop as _, tryOnScopeDispose as R, useDebounceFn as q, useThrottleFn as G, tryOnMounted as Q, isClient as J, isObject as K } from "./index199.js";
-import { bypassFilter as fe, createFilterWrapper as ve, debounceFilter as de, getLifeCycleTarget as he, throttleFilter as me, throttledWatch as pe, throttledWatch as be, watchWithFilter as ge } from "./index199.js";
-import { computed as T, ref as O, watch as V, reactive as k, watchEffect as U, getCurrentInstance as Z, onMounted as ee } from "vue";
-function N(l) {
-  var r;
-  const t = S(l);
-  return (r = t == null ? void 0 : t.$el) != null ? r : t;
-}
-const H = J ? window : void 0;
-function P(...l) {
-  let r, t, n, e;
-  if (typeof l[0] == "string" || Array.isArray(l[0]) ? ([t, n, e] = l, r = H) : [r, t, n, e] = l, !r)
-    return _;
-  Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
-  const v = [], i = () => {
-    v.forEach((a) => a()), v.length = 0;
-  }, f = (a, s, h, b) => (a.addEventListener(s, h, b), () => a.removeEventListener(s, h, b)), d = V(
-    () => [N(r), S(e)],
-    ([a, s]) => {
-      if (i(), !a)
-        return;
-      const h = K(s) ? { ...s } : s;
-      v.push(
-        ...t.flatMap((b) => n.map((m) => f(a, b, m, h)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), c = () => {
-    d(), i();
-  };
-  return R(c), c;
-}
-function te() {
-  const l = O(!1), r = Z();
-  return r && ee(() => {
-    l.value = !0;
-  }, r), l;
-}
-function X(l) {
-  const r = te();
-  return T(() => (r.value, !!l()));
-}
-function ne(l, r = {}) {
-  const { window: t = H } = r, n = X(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
-  let e;
-  const v = O(!1), i = (c) => {
-    v.value = c.matches;
-  }, f = () => {
-    e && ("removeEventListener" in e ? e.removeEventListener("change", i) : e.removeListener(i));
-  }, d = U(() => {
-    n.value && (f(), e = t.matchMedia(S(l)), "addEventListener" in e ? e.addEventListener("change", i) : e.addListener(i), v.value = e.matches);
-  });
-  return R(() => {
-    d(), f(), e = void 0;
-  }), v;
-}
-function le(l, r, t = {}) {
-  const {
-    root: n,
-    rootMargin: e = "0px",
-    threshold: v = 0.1,
-    window: i = H,
-    immediate: f = !0
-  } = t, d = X(() => i && "IntersectionObserver" in i), c = T(() => {
-    const m = S(l);
-    return (Array.isArray(m) ? m : [m]).map(N).filter($);
-  });
-  let a = _;
-  const s = O(f), h = d.value ? V(
-    () => [c.value, N(n), s.value],
-    ([m, I]) => {
-      if (a(), !s.value || !m.length)
-        return;
-      const w = new IntersectionObserver(
-        r,
-        {
-          root: N(I),
-          rootMargin: e,
-          threshold: v
-        }
-      );
-      m.forEach((p) => p && w.observe(p)), a = () => {
-        w.disconnect(), a = _;
+import { defineComponent as p, computed as s, openBlock as b, createElementBlock as a, normalizeProps as _, guardReactiveProps as x, createStaticVNode as m } from "vue";
+import { isCssColor as u } from "./index212.js";
+const f = /* @__PURE__ */ p({
+  __name: "BbSpinner",
+  props: {
+    color: {},
+    size: { default: "md" }
+  },
+  setup(n) {
+    const c = n, o = {
+      xs: 12,
+      sm: 16,
+      md: 24,
+      lg: 28,
+      xl: 36,
+      xxl: 40
+    }, t = s(() => {
+      const e = {
+        "bb-spinner": !0
+      };
+      let l = { "--size": s(() => {
+        let i;
+        return typeof c.size == "string" ? i = o[c.size] ?? parseInt(c.size, 10) : i = c.size, i + "px";
+      }).value };
+      return c.color && (u(c.color) ? l.color = c.color : e[`bb-spinner--${c.color}`] = !0), {
+        class: e,
+        style: l
       };
-    },
-    { immediate: f, flush: "post" }
-  ) : _, b = () => {
-    a(), h(), s.value = !1;
-  };
-  return R(b), {
-    isSupported: d,
-    isActive: s,
-    pause() {
-      a(), s.value = !1;
-    },
-    resume() {
-      s.value = !0;
-    },
-    stop: b
-  };
-}
-const z = 1;
-function ue(l, r = {}) {
-  const {
-    throttle: t = 0,
-    idle: n = 200,
-    onStop: e = _,
-    onScroll: v = _,
-    offset: i = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    eventListenerOptions: f = {
-      capture: !1,
-      passive: !0
-    },
-    behavior: d = "auto",
-    window: c = H,
-    onError: a = (o) => {
-      console.error(o);
-    }
-  } = r, s = O(0), h = O(0), b = T({
-    get() {
-      return s.value;
-    },
-    set(o) {
-      I(o, void 0);
-    }
-  }), m = T({
-    get() {
-      return h.value;
-    },
-    set(o) {
-      I(void 0, o);
-    }
-  });
-  function I(o, A) {
-    var g, M, W, x;
-    if (!c)
-      return;
-    const E = S(l);
-    if (!E)
-      return;
-    (W = E instanceof Document ? c.document.body : E) == null || W.scrollTo({
-      top: (g = S(A)) != null ? g : m.value,
-      left: (M = S(o)) != null ? M : b.value,
-      behavior: S(d)
     });
-    const F = ((x = E == null ? void 0 : E.document) == null ? void 0 : x.documentElement) || (E == null ? void 0 : E.documentElement) || E;
-    b != null && (s.value = F.scrollLeft), m != null && (h.value = F.scrollTop);
-  }
-  const w = O(!1), p = k({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), y = k({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), C = (o) => {
-    w.value && (w.value = !1, y.left = !1, y.right = !1, y.top = !1, y.bottom = !1, e(o));
-  }, D = q(C, t + n), u = (o) => {
-    var A;
-    if (!c)
-      return;
-    const g = ((A = o == null ? void 0 : o.document) == null ? void 0 : A.documentElement) || (o == null ? void 0 : o.documentElement) || N(o), { display: M, flexDirection: W } = getComputedStyle(g), x = g.scrollLeft;
-    y.left = x < s.value, y.right = x > s.value;
-    const E = Math.abs(x) <= (i.left || 0), F = Math.abs(x) + g.clientWidth >= g.scrollWidth - (i.right || 0) - z;
-    M === "flex" && W === "row-reverse" ? (p.left = F, p.right = E) : (p.left = E, p.right = F), s.value = x;
-    let L = g.scrollTop;
-    o === c.document && !L && (L = c.document.body.scrollTop), y.top = L < h.value, y.bottom = L > h.value;
-    const Y = Math.abs(L) <= (i.top || 0), j = Math.abs(L) + g.clientHeight >= g.scrollHeight - (i.bottom || 0) - z;
-    M === "flex" && W === "column-reverse" ? (p.top = j, p.bottom = Y) : (p.top = Y, p.bottom = j), h.value = L;
-  }, B = (o) => {
-    var A;
-    if (!c)
-      return;
-    const g = (A = o.target.documentElement) != null ? A : o.target;
-    u(g), w.value = !0, D(o), v(o);
-  };
-  return P(
-    l,
-    "scroll",
-    t ? G(B, t, !0, !1) : B,
-    f
-  ), Q(() => {
-    try {
-      const o = S(l);
-      if (!o)
-        return;
-      u(o);
-    } catch (o) {
-      a(o);
-    }
-  }), P(
-    l,
-    "scrollend",
-    C,
-    f
-  ), {
-    x: b,
-    y: m,
-    isScrolling: w,
-    arrivedState: p,
-    directions: y,
-    measure() {
-      const o = S(l);
-      c && o && u(o);
-    }
-  };
-}
-function ie(l, r) {
-  const t = O(l), n = T(() => Array.isArray(t.value) ? t.value : Object.keys(t.value)), e = O(n.value.indexOf(r ?? n.value[0])), v = T(() => a(e.value)), i = T(() => e.value === 0), f = T(() => e.value === n.value.length - 1), d = T(() => n.value[e.value + 1]), c = T(() => n.value[e.value - 1]);
-  function a(u) {
-    return Array.isArray(t.value) ? t.value[u] : t.value[n.value[u]];
-  }
-  function s(u) {
-    if (n.value.includes(u))
-      return a(n.value.indexOf(u));
-  }
-  function h(u) {
-    n.value.includes(u) && (e.value = n.value.indexOf(u));
-  }
-  function b() {
-    f.value || e.value++;
-  }
-  function m() {
-    i.value || e.value--;
-  }
-  function I(u) {
-    D(u) && h(u);
-  }
-  function w(u) {
-    return n.value.indexOf(u) === e.value + 1;
-  }
-  function p(u) {
-    return n.value.indexOf(u) === e.value - 1;
-  }
-  function y(u) {
-    return n.value.indexOf(u) === e.value;
-  }
-  function C(u) {
-    return e.value < n.value.indexOf(u);
-  }
-  function D(u) {
-    return e.value > n.value.indexOf(u);
-  }
-  return {
-    steps: t,
-    stepNames: n,
-    index: e,
-    current: v,
-    next: d,
-    previous: c,
-    isFirst: i,
-    isLast: f,
-    at: a,
-    get: s,
-    goTo: h,
-    goToNext: b,
-    goToPrevious: m,
-    goBackTo: I,
-    isNext: w,
-    isPrevious: p,
-    isCurrent: y,
-    isBefore: C,
-    isAfter: D
-  };
-}
-function se(l = {}) {
-  const {
-    window: r = H,
-    initialWidth: t = Number.POSITIVE_INFINITY,
-    initialHeight: n = Number.POSITIVE_INFINITY,
-    listenOrientation: e = !0,
-    includeScrollbar: v = !0
-  } = l, i = O(t), f = O(n), d = () => {
-    r && (v ? (i.value = r.innerWidth, f.value = r.innerHeight) : (i.value = r.document.documentElement.clientWidth, f.value = r.document.documentElement.clientHeight));
-  };
-  if (d(), Q(d), P("resize", d, { passive: !0 }), e) {
-    const c = ne("(orientation: portrait)");
-    V(c, () => d());
+    return (e, r) => (b(), a("span", _(x(t.value)), r[0] || (r[0] = [
+      m('<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle class="bb-spinner__circle" cx="12" cy="3" r="0"></circle><circle class="bb-spinner__circle circle--1" cx="16.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--2" cx="7.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--3" cx="19.79" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--4" cx="4.21" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--5" cx="21.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--6" cx="3.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--7" cx="19.79" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--8" cx="4.21" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--9" cx="16.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--10" cx="7.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--11" cx="12" cy="21" r="0"></circle></svg>', 1)
+    ]), 16));
   }
-  return { width: i, height: f };
-}
+});
 export {
-  fe as bypassFilter,
-  ve as createFilterWrapper,
-  de as debounceFilter,
-  H as defaultWindow,
-  he as getLifeCycleTarget,
-  J as isClient,
-  K as isObject,
-  _ as noop,
-  $ as notNullish,
-  me as throttleFilter,
-  pe as throttledWatch,
-  S as toValue,
-  Q as tryOnMounted,
-  R as tryOnScopeDispose,
-  N as unrefElement,
-  q as useDebounceFn,
-  P as useEventListener,
-  le as useIntersectionObserver,
-  ne as useMediaQuery,
-  te as useMounted,
-  ue as useScroll,
-  ie as useStepper,
-  X as useSupported,
-  G as useThrottleFn,
-  se as useWindowSize,
-  be as watchThrottled,
-  ge as watchWithFilter
+  f as default
 };

package/dist/index129.js

@@ -1,26 +1,4 @@
-import { isArray as b, isPlainObject as m } from "./index294.js";
-function i(e, n, l, o, r) {
-  const u = {}.propertyIsEnumerable.call(o, n) ? "enumerable" : "nonenumerable";
-  u === "enumerable" && (e[n] = l), r && u === "nonenumerable" && Object.defineProperty(e, n, {
-    value: l,
-    enumerable: !1,
-    writable: !0,
-    configurable: !0
-  });
-}
-function p(e, n = {}) {
-  if (b(e))
-    return e.map((r) => p(r, n));
-  if (!m(e))
-    return e;
-  const l = Object.getOwnPropertyNames(e), o = Object.getOwnPropertySymbols(e);
-  return [...l, ...o].reduce((r, u) => {
-    if (b(n.props) && !n.props.includes(u))
-      return r;
-    const s = e[u], c = p(s, n);
-    return i(r, u, c, e, n.nonenumerable), r;
-  }, {});
-}
+const r = (e) => typeof e > "u" || e === null;
 export {
-  p as copy
+  r as isNil
 };

package/dist/index13.js

@@ -1,6 +1,6 @@
 import { defineComponent as y, getCurrentInstance as p, computed as s, resolveComponent as d, openBlock as k, createBlock as h, resolveDynamicComponent as C, mergeProps as x, withCtx as S, renderSlot as L, createTextVNode as B, toDisplayString as N } from "vue";
 import { _config as o } from "./index4.js";
-import { useLogger as m } from "./index218.js";
+import { useLogger as m } from "./index228.js";
 const P = /* @__PURE__ */ y({
   __name: "BaseButton",
   props: {

package/dist/index130.js

@@ -1,4 +1,23 @@
-const r = (e) => !(typeof e > "u" || e === null);
+import { clamp as o } from "./index204.js";
+const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
+  value: t = 0,
+  originalBounds: e,
+  targetBounds: n,
+  step: c = 1
+}) => {
+  const a = l(
+    t,
+    e.min,
+    e.max
+  ), m = p(
+    a,
+    n.max - n.min
+  ) + n.min, s = Math.round(m / c) * c;
+  return o(s, n.min, n.max);
+};
 export {
-  r as isNotNil
+  r as getAsPercentage,
+  l as getAsPercentageBetween,
+  p as getPercentageFrom,
+  P as transposeValue
 };

package/dist/index131.js

@@ -1,7 +1,4 @@
-const u = (e, s) => Object.keys(e).reduce(
-  (t, r) => (t[r] = s(e[r], r, e), t),
-  {}
-);
+const o = (e) => new Promise((t) => setTimeout(t, e));
 export {
-  u as mapValues
+  o as wait
 };