bitboss-ui 2.1.30 → 2.1.32

package/dist/index121.js

@@ -1,21 +1,21 @@
 import { defineComponent as ue, ref as K, computed as h, toRef as O, watch as D, reactive as pe, createBlock as Q, openBlock as n, resolveDynamicComponent as me, normalizeClass as p, unref as v, withCtx as fe, createElementBlock as d, createCommentVNode as g, createElementVNode as o, toDisplayString as m, renderSlot as f, Fragment as A, renderList as B, createVNode as X, createTextVNode as ye, mergeProps as he } from "vue";
-import { add as ve } from "./index278.js";
-import { clamp as ke } from "./index207.js";
-import { isNil as T } from "./index250.js";
+import { add as ve } from "./index285.js";
+import { clamp as ke } from "./index214.js";
+import { isNil as T } from "./index260.js";
 import { useId as _e } from "./index8.js";
-import { useItemValue as ge } from "./index273.js";
-import { when as Ce } from "./index231.js";
+import { useItemValue as ge } from "./index277.js";
+import { when as Ce } from "./index250.js";
 import Y from "./index17.js";
 /* empty css        */
 import we from "./index31.js";
 /* empty css        */
-import { hash as E } from "./index234.js";
-import { useItemsGetter as Ie } from "./index241.js";
-import { usePrefill as Ve } from "./index242.js";
-import { useIndexById as Ae } from "./index240.js";
-import { useBaseOptions as Be } from "./index237.js";
-import { useHashedWatcher as Te } from "./index239.js";
-import { useLocale as $e } from "./index209.js";
+import { hash as E } from "./index230.js";
+import { useItemsGetter as Ie } from "./index226.js";
+import { usePrefill as Ve } from "./index232.js";
+import { useIndexById as Ae } from "./index227.js";
+import { useBaseOptions as Be } from "./index228.js";
+import { useHashedWatcher as Te } from "./index231.js";
+import { useLocale as $e } from "./index216.js";
 const xe = {
   key: 0,
   class: "sr-only"

package/dist/index129.js

@@ -1,6 +1,6 @@
 import { defineComponent as a, createElementBlock as o, openBlock as e, normalizeClass as c, createVNode as l, TransitionGroup as m, withCtx as i, Fragment as p, renderList as u, unref as r, createBlock as f, mergeProps as _ } from "vue";
 import { useToast as d, state as k } from "./index11.js";
-import b from "./index277.js";
+import b from "./index282.js";
 const $ = /* @__PURE__ */ a({
   __name: "BbToast",
   props: {

package/dist/index13.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, getCurrentInstance as h, computed as r, createBlock as i, openBlock as u, mergeProps as c, withCtx as d, renderSlot as p, createTextVNode as f, toDisplayString as v, resolveDynamicComponent as C } from "vue";
-import S from "./index226.js";
+import S from "./index223.js";
 const A = /* @__PURE__ */ m({
   __name: "BaseButton",
   props: {

package/dist/index131.js

@@ -1,11 +1,11 @@
 import { defineComponent as h, mergeModels as T, ref as k, useModel as $, createBlock as y, openBlock as B, unref as n, normalizeClass as D, withCtx as d, createElementVNode as u, createCommentVNode as O, renderSlot as C, normalizeProps as P, guardReactiveProps as z } from "vue";
-import { throttle as m } from "./index272.js";
+import { throttle as m } from "./index273.js";
 import { useId as F } from "./index8.js";
-import { useLocale as N } from "./index209.js";
-import { useUntil as U } from "./index219.js";
+import { useLocale as N } from "./index216.js";
+import { useUntil as U } from "./index217.js";
 import H from "./index13.js";
 /* empty css        */
-import I from "./index224.js";
+import I from "./index221.js";
 /* empty css         */
 const W = /* @__PURE__ */ h({
   __name: "BbTooltip",

package/dist/index133.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, createElementBlock as f, openBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index276.js";
+import { flattenTree as T } from "./index286.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index135.js

@@ -1,4 +1,71 @@
-const o = (e) => new Promise((t) => setTimeout(t, e));
+import { defineComponent as k, ref as y, createElementBlock as C, openBlock as t, normalizeClass as N, renderSlot as n, createBlock as s, createCommentVNode as l, createVNode as a, createElementVNode as m, unref as i } from "vue";
+/* empty css       */
+/* empty css       */
+import u from "./index85.js";
+/* empty css        */
+import h from "./index113.js";
+/* empty css         */
+import v from "./index279.js";
+import B from "./index280.js";
+/* empty css         */
+const E = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(f, { emit: d }) {
+    const p = f, b = d, o = y(), _ = (e) => {
+      var c;
+      if (!o.value || p.preventFocus) return;
+      const r = e.target;
+      r.tagName === "INPUT" || r.tagName === "TEXTAREA" || (c = o.value.querySelector("input,textarea")) == null || c.focus();
+    }, $ = () => {
+      var e;
+      b("click:clear"), (e = o.value.querySelector("input,textarea")) == null || e.focus();
+    };
+    return (e, r) => (t(), C("span", {
+      ref_key: "container",
+      ref: o,
+      class: N(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": p.clearable
+      }]),
+      onClick: _
+    }, [
+      n(e.$slots, "prepend", {}, () => [
+        m("span", E, [
+          n(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (t(), s(i(u), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      n(e.$slots, "default"),
+      a(B, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: $
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (t(), s(i(u), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      a(v),
+      a(i(h)),
+      n(e.$slots, "append", {}, () => [
+        m("span", I, [
+          n(e.$slots, "suffix")
+        ])
+      ])
+    ], 2));
+  }
+});
 export {
-  o as wait
+  R as default
 };

package/dist/index137.js

@@ -1,379 +1,15 @@
-import { toArray as C, notNullish as Z, noop as F, tryOnScopeDispose as D, useThrottleFn as q, tryOnMounted as U, isClient as ee, watchImmediate as te, useDebounceFn as ne, pxValue as $, injectLocal as oe, isObject as le } from "./index206.js";
-import { bypassFilter as Ee, createFilterWrapper as xe, debounceFilter as We, debouncedWatch as Te, getLifeCycleTarget as Me, throttleFilter as Ie, debouncedWatch as Ae, watchWithFilter as Le } from "./index206.js";
-import { shallowRef as E, getCurrentInstance as ue, onMounted as re, computed as w, toValue as g, watch as P, reactive as G, ref as J, watchEffect as se, hasInjectionContext as ie, unref as ae } from "vue";
-const L = ee ? window : void 0;
-function I(n) {
-  var t;
-  const u = g(n);
-  return (t = u == null ? void 0 : u.$el) != null ? t : u;
-}
-function H(...n) {
-  const t = [], u = () => {
-    t.forEach((e) => e()), t.length = 0;
-  }, l = (e, s, o, a) => (e.addEventListener(s, o, a), () => e.removeEventListener(s, o, a)), r = w(() => {
-    const e = C(g(n[0])).filter((s) => s != null);
-    return e.every((s) => typeof s != "string") ? e : void 0;
-  }), p = te(
-    () => {
-      var e, s;
-      return [
-        (s = (e = r.value) == null ? void 0 : e.map((o) => I(o))) != null ? s : [L].filter((o) => o != null),
-        C(g(r.value ? n[1] : n[0])),
-        C(ae(r.value ? n[2] : n[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        g(r.value ? n[3] : n[2])
-      ];
-    },
-    ([e, s, o, a]) => {
-      if (u(), !(e != null && e.length) || !(s != null && s.length) || !(o != null && o.length))
-        return;
-      const c = le(a) ? { ...a } : a;
-      t.push(
-        ...e.flatMap(
-          (d) => s.flatMap(
-            (m) => o.map((h) => l(d, m, h, c))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), f = () => {
-    p(), u();
-  };
-  return D(u), f;
-}
-function ce() {
-  const n = E(!1), t = ue();
-  return t && re(() => {
-    n.value = !0;
-  }, t), n;
-}
-function j(n) {
-  const t = ce();
-  return w(() => (t.value, !!n()));
-}
-const ve = Symbol("vueuse-ssr-width");
-function fe() {
-  const n = ie() ? oe(ve, null) : null;
-  return typeof n == "number" ? n : void 0;
-}
-function de(n, t = {}) {
-  const { window: u = L, ssrWidth: l = fe() } = t, r = j(() => u && "matchMedia" in u && typeof u.matchMedia == "function"), p = E(typeof l == "number"), f = E(), e = E(!1), s = (o) => {
-    e.value = o.matches;
-  };
-  return se(() => {
-    if (p.value) {
-      p.value = !r.value;
-      const o = g(n).split(",");
-      e.value = o.some((a) => {
-        const c = a.includes("not all"), d = a.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), m = a.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let h = !!(d || m);
-        return d && h && (h = l >= $(d[1])), m && h && (h = l <= $(m[1])), c ? !h : h;
-      });
-      return;
-    }
-    r.value && (f.value = u.matchMedia(g(n)), e.value = f.value.matches);
-  }), H(f, "change", s, { passive: !0 }), w(() => e.value);
-}
-function me(n, t, u = {}) {
-  const { window: l = L, ...r } = u;
-  let p;
-  const f = j(() => l && "ResizeObserver" in l), e = () => {
-    p && (p.disconnect(), p = void 0);
-  }, s = w(() => {
-    const c = g(n);
-    return Array.isArray(c) ? c.map((d) => I(d)) : [I(c)];
-  }), o = P(
-    s,
-    (c) => {
-      if (e(), f.value && l) {
-        p = new ResizeObserver(t);
-        for (const d of c)
-          d && p.observe(d, r);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), a = () => {
-    e(), o();
-  };
-  return D(a), {
-    isSupported: f,
-    stop: a
-  };
-}
-function be(n, t, u = {}) {
-  const {
-    root: l,
-    rootMargin: r = "0px",
-    threshold: p = 0,
-    window: f = L,
-    immediate: e = !0
-  } = u, s = j(() => f && "IntersectionObserver" in f), o = w(() => {
-    const h = g(n);
-    return C(h).map(I).filter(Z);
-  });
-  let a = F;
-  const c = E(e), d = s.value ? P(
-    () => [o.value, I(l), c.value],
-    ([h, A]) => {
-      if (a(), !c.value || !h.length)
-        return;
-      const x = new IntersectionObserver(
-        t,
-        {
-          root: I(A),
-          rootMargin: r,
-          threshold: p
-        }
-      );
-      h.forEach((b) => b && x.observe(b)), a = () => {
-        x.disconnect(), a = F;
-      };
-    },
-    { immediate: e, flush: "post" }
-  ) : F, m = () => {
-    a(), d(), c.value = !1;
-  };
-  return D(m), {
-    isSupported: s,
-    isActive: c,
-    pause() {
-      a(), c.value = !1;
-    },
-    resume() {
-      c.value = !0;
-    },
-    stop: m
-  };
-}
-const K = 1;
-function ge(n, t = {}) {
-  const {
-    throttle: u = 0,
-    idle: l = 200,
-    onStop: r = F,
-    onScroll: p = F,
-    offset: f = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    eventListenerOptions: e = {
-      capture: !1,
-      passive: !0
-    },
-    behavior: s = "auto",
-    window: o = L,
-    onError: a = (i) => {
-      console.error(i);
-    }
-  } = t, c = E(0), d = E(0), m = w({
-    get() {
-      return c.value;
-    },
-    set(i) {
-      A(i, void 0);
-    }
-  }), h = w({
-    get() {
-      return d.value;
-    },
-    set(i) {
-      A(void 0, i);
-    }
-  });
-  function A(i, T) {
-    var y, _, V, z;
-    if (!o)
-      return;
-    const O = g(n);
-    if (!O)
-      return;
-    (V = O instanceof Document ? o.document.body : O) == null || V.scrollTo({
-      top: (y = g(T)) != null ? y : h.value,
-      left: (_ = g(i)) != null ? _ : m.value,
-      behavior: g(s)
-    });
-    const W = ((z = O == null ? void 0 : O.document) == null ? void 0 : z.documentElement) || (O == null ? void 0 : O.documentElement) || O;
-    m != null && (c.value = W.scrollLeft), h != null && (d.value = W.scrollTop);
-  }
-  const x = E(!1), b = G({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), S = G({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), N = (i) => {
-    x.value && (x.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, r(i));
-  }, R = ne(N, u + l), v = (i) => {
-    var T;
-    if (!o)
-      return;
-    const y = ((T = i == null ? void 0 : i.document) == null ? void 0 : T.documentElement) || (i == null ? void 0 : i.documentElement) || I(i), { display: _, flexDirection: V, direction: z } = getComputedStyle(y), O = z === "rtl" ? -1 : 1, W = y.scrollLeft;
-    S.left = W < c.value, S.right = W > c.value;
-    const Y = Math.abs(W * O) <= (f.left || 0), k = Math.abs(W * O) + y.clientWidth >= y.scrollWidth - (f.right || 0) - K;
-    _ === "flex" && V === "row-reverse" ? (b.left = k, b.right = Y) : (b.left = Y, b.right = k), c.value = W;
-    let M = y.scrollTop;
-    i === o.document && !M && (M = o.document.body.scrollTop), S.top = M < d.value, S.bottom = M > d.value;
-    const Q = Math.abs(M) <= (f.top || 0), X = Math.abs(M) + y.clientHeight >= y.scrollHeight - (f.bottom || 0) - K;
-    _ === "flex" && V === "column-reverse" ? (b.top = X, b.bottom = Q) : (b.top = Q, b.bottom = X), d.value = M;
-  }, B = (i) => {
-    var T;
-    if (!o)
-      return;
-    const y = (T = i.target.documentElement) != null ? T : i.target;
-    v(y), x.value = !0, R(i), p(i);
-  };
-  return H(
-    n,
-    "scroll",
-    u ? q(B, u, !0, !1) : B,
-    e
-  ), U(() => {
-    try {
-      const i = g(n);
-      if (!i)
-        return;
-      v(i);
-    } catch (i) {
-      a(i);
-    }
-  }), H(
-    n,
-    "scrollend",
-    N,
-    e
-  ), {
-    x: m,
-    y: h,
-    isScrolling: x,
-    arrivedState: b,
-    directions: S,
-    measure() {
-      const i = g(n);
-      o && i && v(i);
-    }
-  };
-}
-function we(n, t) {
-  const u = J(n), l = w(() => Array.isArray(u.value) ? u.value : Object.keys(u.value)), r = J(l.value.indexOf(t ?? l.value[0])), p = w(() => a(r.value)), f = w(() => r.value === 0), e = w(() => r.value === l.value.length - 1), s = w(() => l.value[r.value + 1]), o = w(() => l.value[r.value - 1]);
-  function a(v) {
-    return Array.isArray(u.value) ? u.value[v] : u.value[l.value[v]];
-  }
-  function c(v) {
-    if (l.value.includes(v))
-      return a(l.value.indexOf(v));
-  }
-  function d(v) {
-    l.value.includes(v) && (r.value = l.value.indexOf(v));
-  }
-  function m() {
-    e.value || r.value++;
-  }
-  function h() {
-    f.value || r.value--;
-  }
-  function A(v) {
-    R(v) && d(v);
-  }
-  function x(v) {
-    return l.value.indexOf(v) === r.value + 1;
-  }
-  function b(v) {
-    return l.value.indexOf(v) === r.value - 1;
-  }
-  function S(v) {
-    return l.value.indexOf(v) === r.value;
-  }
-  function N(v) {
-    return r.value < l.value.indexOf(v);
-  }
-  function R(v) {
-    return r.value > l.value.indexOf(v);
-  }
-  return {
-    steps: u,
-    stepNames: l,
-    index: r,
-    current: p,
-    next: s,
-    previous: o,
-    isFirst: f,
-    isLast: e,
-    at: a,
-    get: c,
-    goTo: d,
-    goToNext: m,
-    goToPrevious: h,
-    goBackTo: A,
-    isNext: x,
-    isPrevious: b,
-    isCurrent: S,
-    isBefore: N,
-    isAfter: R
-  };
-}
-function ye(n = {}) {
-  const {
-    window: t = L,
-    initialWidth: u = Number.POSITIVE_INFINITY,
-    initialHeight: l = Number.POSITIVE_INFINITY,
-    listenOrientation: r = !0,
-    includeScrollbar: p = !0,
-    type: f = "inner"
-  } = n, e = E(u), s = E(l), o = () => {
-    if (t)
-      if (f === "outer")
-        e.value = t.outerWidth, s.value = t.outerHeight;
-      else if (f === "visual" && t.visualViewport) {
-        const { width: c, height: d, scale: m } = t.visualViewport;
-        e.value = Math.round(c * m), s.value = Math.round(d * m);
-      } else p ? (e.value = t.innerWidth, s.value = t.innerHeight) : (e.value = t.document.documentElement.clientWidth, s.value = t.document.documentElement.clientHeight);
-  };
-  o(), U(o);
-  const a = { passive: !0 };
-  if (H("resize", o, a), t && f === "visual" && t.visualViewport && H(t.visualViewport, "resize", o, a), r) {
-    const c = de("(orientation: portrait)");
-    P(c, () => o());
-  }
-  return { width: e, height: s };
-}
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index211.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return n(), t("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  Ee as bypassFilter,
-  xe as createFilterWrapper,
-  We as debounceFilter,
-  Te as debouncedWatch,
-  L as defaultWindow,
-  Me as getLifeCycleTarget,
-  oe as injectLocal,
-  ee as isClient,
-  le as isObject,
-  F as noop,
-  Z as notNullish,
-  $ as pxValue,
-  Ie as throttleFilter,
-  C as toArray,
-  U as tryOnMounted,
-  D as tryOnScopeDispose,
-  I as unrefElement,
-  ne as useDebounceFn,
-  H as useEventListener,
-  be as useIntersectionObserver,
-  de as useMediaQuery,
-  ce as useMounted,
-  me as useResizeObserver,
-  fe as useSSRWidth,
-  ge as useScroll,
-  we as useStepper,
-  j as useSupported,
-  q as useThrottleFn,
-  ye as useWindowSize,
-  Ae as watchDebounced,
-  te as watchImmediate,
-  Le as watchWithFilter
+  i as default
 };

package/dist/index138.js

@@ -1,11 +1,4 @@
-import { urlAlphabet as l } from "./index208.js";
-let o = (t = 21) => {
-  let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
-  for (; t--; )
-    e += l[r[t] & 63];
-  return e;
-};
+const o = (e) => new Promise((t) => setTimeout(t, e));
 export {
-  o as nanoid,
-  l as urlAlphabet
+  o as wait
 };

package/dist/index139.js

@@ -1,27 +1,13 @@
-import { isArray as p } from "./index279.js";
-import { isPlainObject as i } from "./index280.js";
-function f(e, n, u, l, r) {
-  const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
-  o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {
-    value: u,
-    enumerable: !1,
-    writable: !0,
-    configurable: !0
-  });
-}
-function b(e, n = {}) {
-  if (p(e))
-    return e.map((r) => b(r, n));
-  if (!i(e))
-    return e;
-  const u = Object.getOwnPropertyNames(e), l = Object.getOwnPropertySymbols(e);
-  return [...u, ...l].reduce((r, o) => {
-    if (o === "__proto__" || p(n.props) && !n.props.includes(o))
-      return r;
-    const m = e[o], s = b(m, n);
-    return f(r, o, s, e, n.nonenumerable), r;
-  }, {});
-}
+import { clamp as s } from "./index214.js";
+const o = (n, e, r = !1) => {
+  const t = n * 100 / e;
+  return r ? s(t, 0, 100) : t;
+}, g = (n, e, r, t = !1) => o(n - e, r - e, t), l = (n, e, r) => {
+  const t = r - e, c = n / 100 * t;
+  return e + c;
+};
 export {
-  b as copy
+  o as getAsPercentage,
+  g as getAsPercentageBetween,
+  l as getValueFromPercentageInInterval
 };