bitboss-ui 2.1.92 → 2.1.94

package/dist/index120.js

@@ -1,301 +0,0 @@
-import { defineComponent as j, ref as n, computed as _, watch as b, nextTick as G, onMounted as Q, createElementBlock as y, openBlock as c, normalizeClass as $, unref as Z, createElementVNode as h, renderSlot as v, normalizeProps as E, guardReactiveProps as W, normalizeStyle as ee, Fragment as F, renderList as z, createVNode as te, withCtx as q, toDisplayString as le, createBlock as N, resolveDynamicComponent as ae, Transition as ie, createCommentVNode as se } from "vue";
-import { useId as oe } from "./index8.js";
-import { useRoute as ne } from "./index146.js";
-import { useRouter as re } from "./index147.js";
-import { wait as ue } from "./index140.js";
-import { useScroll as de, useResizeObserver as ce } from "./index141.js";
-import fe from "./index13.js";
-/* empty css        */
-import be from "./index112.js";
-/* empty css         */
-import { useFrameworkDetection as he } from "./index234.js";
-const me = ["id"], ye = { class: "bb-tab__label-boundary" }, ve = { class: "bb-tab__label" }, pe = { class: "bb-tab__panes-container" }, ke = ["id", "aria-labelledby"], Re = /* @__PURE__ */ j({
-  __name: "BbTab",
-  props: {
-    disabled: { type: Boolean },
-    eager: { type: Boolean },
-    id: {},
-    animateX: { type: Boolean, default: !0 },
-    animateY: { type: Boolean, default: !0 },
-    direction: { default: "horizontal" },
-    items: {},
-    modelValue: {},
-    navigation: { type: Boolean },
-    querykey: { default: "tab" },
-    replace: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(A, { expose: H, emit: U }) {
-    const t = A, K = U, d = ne(), O = re(), X = n(), S = t.id ?? oe().id.value, p = `bb-tab_${S}`, o = n(), { isScrolling: Y, arrivedState: T } = de(o), x = _(() => ({
-      isScrolling: Y.value,
-      left: T.left,
-      right: T.right
-    })), { isInertia: L } = he(), i = n(null), r = _(
-      () => t.items.findIndex((e) => e.key === i.value)
-    ), k = _(() => r.value === 0), g = _(() => r.value === t.items.length - 1);
-    t.items.forEach((e) => {
-      if (!e.key)
-        throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
-    });
-    const I = () => {
-      if (t.navigation && d.value?.query?.[t.querykey])
-        i.value = d.value?.query?.[t.querykey];
-      else if (t.navigation && L && globalThis?.location?.href && new URL(globalThis.location.href).searchParams.get(t.querykey))
-        i.value = new URL(globalThis.location.href).searchParams.get(
-          t.querykey
-        );
-      else if (t.modelValue)
-        i.value = t.modelValue;
-      else if (t.items[0]) {
-        const e = t.items.find((l) => !l.disabled);
-        if (!e)
-          throw new Error(
-            "No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected."
-          );
-        const a = e.key;
-        i.value = a;
-      }
-    };
-    I();
-    const m = async (e, a = !1) => {
-      if (t.navigation && d.value && d.value?.query?.[t.querykey] !== e)
-        O?.push({
-          ...d,
-          query: { ...d.value?.query, [t.querykey]: e },
-          replace: a
-        });
-      else if (t.navigation && L && globalThis?.location?.href && new URL(globalThis.location.href).searchParams.get(t.querykey) !== e) {
-        const l = new URL(globalThis.location.href);
-        l.searchParams.set(t.querykey, e), ue(0).then(() => {
-          a ? history.replaceState({}, "", l.toString()) : history.pushState({}, "", l.toString());
-        });
-      }
-      t.modelValue !== e && K("update:modelValue", e), i.value = e;
-    };
-    i.value && m(i.value, !0);
-    const u = (e) => {
-      var a = null;
-      switch (e) {
-        case "first":
-          for (a = 0; a < t.items.length - 1 && t.items[a].disabled; )
-            a++;
-          break;
-        case "previous": {
-          let s = 1;
-          for (; s < t.items.length && (a = (r.value + t.items.length - s) % t.items.length, t.items[a].disabled); )
-            s++;
-          break;
-        }
-        case "next": {
-          let s = 1;
-          for (; s < t.items.length && (a = (r.value + s) % t.items.length, t.items[a].disabled); )
-            s++;
-          break;
-        }
-        case "last":
-          for (a = t.items.length - 1; a >= 0 && t.items[a].disabled; )
-            a--;
-          break;
-      }
-      if (a === null)
-        throw new Error("Could not navigate to next tab");
-      if (t.items[a].disabled) return;
-      const l = t.items[a].key;
-      document.querySelector(
-        `#${p}_tab_${l}`
-      )?.focus(), m(l, t.replace);
-    }, J = (e) => {
-      if (!t.disabled)
-        if (e.key === "ArrowRight")
-          u("next");
-        else if (e.key === "ArrowLeft")
-          u("previous");
-        else if (e.key === "Home")
-          e.preventDefault(), u("first");
-        else if (e.key === "End")
-          e.preventDefault(), u("last");
-        else
-          return;
-    };
-    b(
-      () => t.modelValue,
-      (e) => {
-        e && m(e, t.replace);
-      }
-    ), b(
-      () => d.value?.query?.[t.querykey],
-      (e) => {
-        e && typeof e == "string" && m(e, t.replace);
-      }
-    ), b(
-      i,
-      async () => {
-        if (!o.value) return;
-        const e = o.value.querySelector(
-          ".bb-tab__btn--active"
-        );
-        if (!e) return;
-        await G();
-        const a = o.value, l = e.offsetLeft, f = l + e.offsetWidth, s = a.scrollLeft, M = s + a.clientWidth;
-        l < s ? a.scrollTo({ left: l, behavior: "smooth" }) : f > M && a.scrollTo({
-          left: f - a.clientWidth,
-          behavior: "smooth"
-        });
-      },
-      { flush: "post" }
-    );
-    const B = n("right");
-    b(
-      i,
-      (e, a) => {
-        if (e && a) {
-          const l = t.items.findIndex((s) => s.key === e), f = t.items.findIndex((s) => s.key === a);
-          B.value = l > f ? "right" : "left";
-        }
-      },
-      { flush: "sync" }
-    );
-    const R = n(0), V = n(0), C = n(0), P = n(0), D = n(0), w = () => {
-      if (!o.value)
-        return;
-      const e = o.value.querySelector(
-        ".bb-tab__btn--active"
-      );
-      e && (C.value = e.offsetLeft, P.value = e.offsetTop, R.value = e.clientWidth, V.value = e.clientHeight, D.value = o.value.scrollWidth);
-    };
-    return Q(w), b(i, w, { flush: "post" }), ce(o, () => {
-      w();
-    }), b(
-      () => t.items,
-      () => {
-        i.value && !t.items.find((e) => e.key === i.value) && I();
-      },
-      {
-        immediate: !0,
-        deep: !0
-      }
-    ), H({
-      isFirst: k,
-      isLast: g,
-      current: i,
-      currentIndex: r,
-      goTo: u
-    }), (e, a) => (c(), y("div", {
-      id: Z(S),
-      ref_key: "tabs",
-      ref: X,
-      class: $(["bb-tab", {
-        [`bb-tab--${e.direction}`]: !0,
-        "bb-tab--disabled": e.disabled
-      }])
-    }, [
-      h("div", ye, [
-        h("span", null, [
-          v(e.$slots, "header:prepend", E(W(x.value)))
-        ]),
-        h("ul", {
-          ref_key: "tablist",
-          ref: o,
-          class: "bb-tab__label-container",
-          role: "tablist",
-          style: ee({
-            "--inner-width": `${D.value}px`,
-            "--width": `${R.value}px`,
-            "--height": `${V.value}px`,
-            "--left": `${C.value}px`,
-            "--top": `${P.value}px`
-          })
-        }, [
-          (c(!0), y(F, null, z(e.items, (l) => (c(), y("li", {
-            key: l.key,
-            role: "presentation"
-          }, [
-            te(fe, {
-              id: `${p}_tab_${l.key}`,
-              "aria-selected": i.value === l.key,
-              class: $(["bb-tab__btn", { "bb-tab__btn--active": i.value === l.key }]),
-              disabled: l.disabled || e.disabled,
-              role: "tab",
-              tabindex: i.value === l.key ? 0 : -1,
-              onClick: (f) => m(l.key, t.replace),
-              onKeydown: J
-            }, {
-              default: q(() => [
-                v(e.$slots, `label-${l.key}`, {
-                  current: i.value,
-                  currentIndex: r.value,
-                  disabled: !!(l.disabled || e.disabled),
-                  goTo: u,
-                  isFirst: k.value,
-                  isLast: g.value,
-                  selected: i.value === l.key,
-                  text: l.label,
-                  value: l.key
-                }, () => [
-                  v(e.$slots, "label", {
-                    current: i.value,
-                    currentIndex: r.value,
-                    disabled: !!(l.disabled || e.disabled),
-                    goTo: u,
-                    isFirst: k.value,
-                    isLast: g.value,
-                    selected: i.value === l.key,
-                    text: l.label,
-                    value: l.key
-                  }, () => [
-                    h("span", ve, le(l.label), 1)
-                  ])
-                ])
-              ]),
-              _: 2
-            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
-          ]))), 128))
-        ], 4),
-        h("span", null, [
-          v(e.$slots, "header:append", E(W(x.value)))
-        ])
-      ]),
-      h("div", pe, [
-        (c(), N(ae(t.animateY ? be : "div"), null, {
-          default: q(() => [
-            (c(!0), y(F, null, z(e.items, (l) => (c(), N(ie, {
-              key: l.key,
-              css: t.animateX,
-              name: `tab-slide-${B.value}`
-            }, {
-              default: q(() => [
-                i.value === l.key || e.eager || l.eager ? (c(), y("section", {
-                  key: 0,
-                  id: `${p}_tabpanel_${l.key}`,
-                  "aria-labelledby": `${p}_tab_${l.key}`,
-                  class: $(["bb-tab__pane", {
-                    "bb-tab__pane--shown": i.value === l.key
-                  }]),
-                  role: "tabpanel",
-                  tabindex: "0"
-                }, [
-                  v(e.$slots, l.key, {
-                    current: i.value,
-                    currentIndex: r.value,
-                    disabled: !!(l.disabled || e.disabled),
-                    goTo: u,
-                    isFirst: k.value,
-                    isLast: g.value,
-                    selected: i.value === l.key,
-                    text: l.label,
-                    value: l.key
-                  })
-                ], 10, ke)) : se("", !0)
-              ]),
-              _: 2
-            }, 1032, ["css", "name"]))), 128))
-          ]),
-          _: 3
-        }))
-      ])
-    ], 10, me));
-  }
-});
-export {
-  Re as default
-};

package/dist/index138.js

@@ -1,15 +0,0 @@
-import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
-/* empty css         */
-import r from "./index213.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 {
-  i as default
-};

package/dist/index214.js

@@ -1,4 +0,0 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
-export {
-  n as clamp
-};

package/dist/index243.js

@@ -1,18 +0,0 @@
-import { isNotNil as n } from "./index144.js";
-import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
-const h = ({
-  fn: i,
-  onStart: s,
-  multiple: f,
-  currentValue: o
-}) => {
-  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
-    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
-  };
-  return a && (u(r), c(async () => {
-    l.value || await r();
-  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
-};
-export {
-  h as usePrefill
-};

package/dist/index245.js

@@ -1,137 +0,0 @@
-import { defineComponent as A, 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 j, createElementVNode as q, createElementBlock as I, createCommentVNode as R, renderSlot as X, nextTick as z } from "vue";
-import { useCancelableFunction as G } from "./index336.js";
-import { useUntil as H } from "./index232.js";
-import { extractDomContainer as x } from "./index255.js";
-import { waitFor as J } from "./index337.js";
-import { arrow as K, useFloating as O } from "./index338.js";
-import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index339.js";
-const oe = {
-  key: 0,
-  class: "bb-common-popover__bubble"
-}, ue = /* @__PURE__ */ A({
-  __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"), s = 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 = H(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 ? [] : [
-          K({
-            element: f,
-            padding: o.arrowPadding
-          })
-        ]
-      ];
-    }), { floatingStyles: E, placement: M, middlewareData: u, update: v } = O(
-      _,
-      t,
-      {
-        placement: o.placement,
-        whileElementsMounted: ee,
-        middleware: k,
-        strategy: "fixed"
-      }
-    ), { execute: b } = G(
-      ({ signal: e }, n) => new Promise((l) => {
-        let i;
-        const p = () => {
-          i && clearTimeout(i);
-        };
-        e.addEventListener("abort", p), n ? ($(), v(), J(() => !!t.value).then(() => {
-          s.value = !0, e.removeEventListener("abort", p), l(void 0);
-        })) : (s.value = !1, i = setTimeout(() => {
-          z(() => {
-            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", p), v(), l(void 0);
-          });
-        }, o.transitionDuration));
-      })
-    ), $ = () => {
-      if (!t.value) return;
-      if (!o.dialog) return t.value.showPopover();
-      t.value.showModal();
-    };
-    F(r, b), S(() => {
-      r.value && b(r.value);
-    });
-    const D = a(() => {
-      const e = r.value ? void 0 : -1, n = Math.round(u.value.arrow?.x ?? 0), l = o.dialog ? void 0 : "manual";
-      return {
-        style: {
-          ...E.value,
-          "--transition-duration": `${o.transitionDuration}ms`,
-          "--page-padding": `${o.padding}px`,
-          "--arrow-offset-x": `${n}px`
-        },
-        popover: l,
-        tabindex: e
-      };
-    }), V = a(() => {
-      if (u.value.arrow) {
-        const { x: e, y: n } = u.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${n}px`
-          }
-        };
-      }
-    }), d = () => {
-      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": s.value,
-        "bb-common-popover--no-arrow": e.hideArrow,
-        [`bb-common-popover--${y(M)}`]: !0
-      }]
-    }, D.value, {
-      onClick: h(d, ["self", "stop"]),
-      onContextmenu: h(d, ["self", "stop", "prevent"]),
-      onClose: d
-    }), {
-      default: j(() => [
-        q("span", g({
-          ref_key: "bubblearrow",
-          ref: f,
-          class: "bb-common-popover__arrow"
-        }, V.value), null, 16),
-        y(B) ? (w(), I("span", oe, [
-          X(e.$slots, "default")
-        ])) : R("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  ue as default
-};

package/dist/index265.js

@@ -1,34 +0,0 @@
-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",
-  props: {
-    duration: { default: 200 },
-    scaleFrom: { default: 0.97 }
-  },
-  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
-    }, {
-      default: f(() => [
-        d(s.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  y as default
-};

package/dist/index276.js

@@ -1,5 +0,0 @@
-import t from "./index320.js";
-const r = t;
-export {
-  r as throttle
-};

package/dist/index278.js

@@ -1,6 +0,0 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
-export {
-  x as isHex
-};

package/dist/index286.js

@@ -1,13 +0,0 @@
-function c(n, r, e) {
-  const i = typeof r == "string" ? r.split(".") : r;
-  let t = n;
-  for (const o of i)
-    if (t && typeof t == "object" && o in t)
-      t = t[o];
-    else
-      return e;
-  return t === void 0 ? e : t;
-}
-export {
-  c as get
-};

package/dist/index75.js

@@ -1,21 +0,0 @@
-import { defineComponent as n, createBlock as s, createCommentVNode as c, unref as a, openBlock as f, Teleport as m, renderSlot as p } from "vue";
-import { confirmState as l, processMessage as e } from "./index6.js";
-const b = /* @__PURE__ */ n({
-  __name: "BbConfirmPortal",
-  setup(u) {
-    const o = () => e(!0), r = () => e(!1);
-    return (t, _) => a(l).current ? (f(), s(m, {
-      key: 0,
-      to: ".bb-confirm__teleport",
-      defer: ""
-    }, [
-      p(t.$slots, "default", {
-        yes: o,
-        no: r
-      })
-    ])) : c("", !0);
-  }
-});
-export {
-  b as default
-};

package/dist/index88.js

@@ -1,46 +0,0 @@
-import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index276.js";
-const M = /* @__PURE__ */ h({
-  __name: "BbIntersection",
-  props: {
-    debounceTime: { default: 0 },
-    options: { default: () => ({
-      root: null,
-      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
-    }) },
-    tag: { default: "div" }
-  },
-  emits: ["shown", "hidden", "intersected"],
-  setup(u, { emit: d }) {
-    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
-    m(() => {
-      n.value = new IntersectionObserver((e) => {
-        f(e[0]);
-      }, r.options), l.value && n.value.observe(l.value);
-    }), p(() => {
-      n.value && n.value.disconnect();
-    });
-    const f = c((e) => {
-      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
-    }), v = c((e) => {
-      i("intersected", e);
-    }, r.debounceTime);
-    return (e, B) => (b(), g(w(e.tag), {
-      ref_key: "infinitescrolltrigger",
-      ref: l,
-      class: "bb-intersection"
-    }, {
-      default: _(() => [
-        I(e.$slots, "default", {
-          hidden: s.value,
-          percentage: a.value,
-          shown: o.value
-        })
-      ]),
-      _: 3
-    }, 512));
-  }
-});
-export {
-  M as default
-};