bitboss-ui 2.1.76 → 2.1.78

package/dist/index95.js

@@ -1,18 +1,18 @@
-import { defineComponent as G, mergeModels as E, ref as U, useTemplateRef as q, computed as s, useModel as H, watch as m, nextTick as K, createElementBlock as j, openBlock as A, Fragment as J, renderSlot as B, createCommentVNode as C, createVNode as Q, normalizeProps as X, mergeProps as V, unref as v, withCtx as $, createElementVNode as f, createBlock as Y } from "vue";
-import { useId as Z } from "./index8.js";
-import { useIntersectionObserver as _, useElementSize as ee } from "./index141.js";
-import { useLocale as te } from "./index225.js";
-import { useUntil as oe } from "./index246.js";
-import ae from "./index13.js";
+import { defineComponent as re, mergeModels as I, ref as N, useTemplateRef as ae, computed as s, useModel as ie, watch as C, createElementBlock as se, openBlock as Y, Fragment as le, renderSlot as G, createCommentVNode as W, createVNode as ue, normalizeProps as de, mergeProps as X, unref as S, withCtx as F, createElementVNode as B, createBlock as ce, nextTick as pe } from "vue";
+import { useId as me } from "./index8.js";
+import { useIntersectionObserver as ve, useElementSize as fe } from "./index141.js";
+import { useLocale as be } from "./index223.js";
+import { useUntil as he } from "./index250.js";
+import ge from "./index13.js";
 /* empty css        */
-import re from "./index243.js";
+import we from "./index227.js";
 /* empty css         */
-import { extractDomContainer as P } from "./index264.js";
-import { parseWidthString as I } from "./index280.js";
-const ne = ["inert"], he = /* @__PURE__ */ G({
+import { extractDomContainer as H } from "./index251.js";
+import { parseWidthString as U } from "./index252.js";
+const Ee = ["inert"], Le = 500, ye = 10, De = /* @__PURE__ */ re({
   inheritAttrs: !1,
   __name: "BbPopover",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ I({
     arrowPadding: { default: 10 },
     closeLabel: {},
     block: { type: Boolean },
@@ -21,146 +21,206 @@ const ne = ["inert"], he = /* @__PURE__ */ G({
     id: {},
     offset: { default: 3 },
     padding: { default: 10 },
-    placement: { default: "bottom" },
     showClose: { type: Boolean, default: !0 },
     theme: { default: "default" },
     transitionDuration: { default: 300 },
+    placement: { default: "bottom" },
     activator: {},
     boundary: {},
     focusTarget: {},
     restoreFocus: { type: Boolean, default: !0 },
+    trigger: { default: "click" },
     width: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["shown", "hidden"], ["update:modelValue"]),
-  setup(b, { expose: M, emit: O }) {
-    const a = b, h = O, { t: R } = te(), { id: S } = Z(), l = a.id ?? S.value, c = `bbp_${l}`, r = U(), g = q("popoverRef"), w = s(() => P(g.value)), o = H(b, "modelValue"), d = oe(o), p = s(() => a.activator != null), y = (e) => {
-      r.value = P(e) ?? void 0;
-    }, T = s(() => ({
-      "aria-expanded": d.value ? o.value : void 0,
-      "aria-controls": d.value ? c : void 0,
-      "aria-haspopup": "dialog",
-      id: l,
-      disabled: !!a.disabled,
-      ref: y,
-      onClick: u
-    }));
-    m(
-      () => a.activator,
+  emits: /* @__PURE__ */ I(["shown", "hidden"], ["update:modelValue"]),
+  setup(M, { expose: _, emit: q }) {
+    const o = M, O = q, { t: z } = be(), { id: J } = me(), c = o.id ?? J.value, b = `bbp_${c}`, r = N(), T = ae("popoverRef"), V = s(() => H(T.value)), n = ie(M, "modelValue"), p = he(n), h = s(() => o.activator != null), x = s(() => {
+      const e = o.trigger;
+      return new Set(Array.isArray(e) ? e : [e]);
+    }), g = (e, t) => ({
+      getBoundingClientRect: () => ({
+        x: e,
+        y: t,
+        width: 0,
+        height: 0,
+        top: t,
+        left: e,
+        right: e,
+        bottom: t,
+        toJSON() {
+          return this;
+        }
+      })
+    }), d = N(null), K = s(
+      () => o.placement === "cursor" && d.value ? d.value : r.value
+    );
+    let D, a = null, m = !1;
+    const w = () => {
+      clearTimeout(D), a = null;
+    }, R = (e) => {
+      r.value = H(e) ?? void 0;
+    }, j = s(() => {
+      const e = x.value;
+      return {
+        "aria-expanded": p.value ? n.value : void 0,
+        "aria-controls": p.value ? b : void 0,
+        "aria-haspopup": "dialog",
+        id: c,
+        disabled: !!o.disabled,
+        ref: R,
+        ...e.has("click") ? { onClick: E } : {},
+        ...e.has("contextMenu") ? {
+          onContextmenu: L,
+          onPointerdown: y,
+          onPointermove: k,
+          onPointerup: u,
+          onPointercancel: u
+        } : {}
+      };
+    });
+    C(
+      () => o.activator,
       (e) => {
-        e && y(e);
+        e && R(e);
       },
       { immediate: !0 }
-    ), m(
-      r,
-      (e, t, n) => {
-        !e || !p.value || (e.addEventListener("click", u), e.setAttribute("aria-haspopup", "dialog"), n(() => {
-          e.removeEventListener("click", u), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
-        }));
+    ), C(
+      [r, x],
+      ([e, t], i, P) => {
+        if (!e || !h.value) return;
+        const A = [];
+        t.has("click") && (e.addEventListener("click", E), A.push(() => e.removeEventListener("click", E))), t.has("contextMenu") && (e.addEventListener("contextmenu", L), e.addEventListener("pointerdown", y), e.addEventListener("pointermove", k), e.addEventListener("pointerup", u), e.addEventListener("pointercancel", u), A.push(() => {
+          e.removeEventListener("contextmenu", L), e.removeEventListener("pointerdown", y), e.removeEventListener("pointermove", k), e.removeEventListener("pointerup", u), e.removeEventListener("pointercancel", u), w();
+        })), e.setAttribute("aria-haspopup", "dialog"), P(() => {
+          A.forEach((ne) => ne()), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
+        });
       },
       { immediate: !0 }
-    ), m(
-      [r, o, d],
-      ([e, t, n]) => {
-        !e || !p.value || !n || (e.setAttribute("id", l), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", c));
+    ), C(
+      [r, n, p],
+      ([e, t, i]) => {
+        !e || !h.value || !i || (e.setAttribute("id", c), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", b));
       },
       { immediate: !0 }
-    ), _(
+    ), ve(
       r,
       ([{ intersectionRatio: e }]) => {
-        e !== 1 && o.value && i();
+        e !== 1 && n.value && l();
       },
       { threshold: [0, 1] }
     );
-    const k = (e) => {
+    const v = (e) => {
       const t = e.target;
       if (!(t instanceof Node)) return;
-      const n = w.value?.contains(t), z = r.value?.contains(t);
-      !n && !z && i();
-    }, L = (e) => {
-      e.key === "Escape" && (e.preventDefault(), i());
-    }, D = () => {
-      document.addEventListener("click", k, { passive: !0 }), document.addEventListener("keydown", L);
-    }, N = () => {
-      document.removeEventListener("click", k), document.removeEventListener("keydown", L);
-    }, u = async (e) => {
-      if (o.value) {
-        i();
+      const i = V.value?.contains(t), P = r.value?.contains(t);
+      !i && !P && l();
+    }, $ = (e) => {
+      e.key === "Escape" && (e.preventDefault(), l());
+    }, Q = () => {
+      document.addEventListener("click", v, { passive: !0 }), document.addEventListener("contextmenu", v, { passive: !0 }), document.addEventListener("keydown", $);
+    }, Z = () => {
+      document.removeEventListener("click", v), document.removeEventListener("contextmenu", v), document.removeEventListener("keydown", $);
+    }, f = async () => {
+      if (o.disabled) return;
+      n.value = !0, Q(), await pe();
+      const e = o.focusTarget ?? (o.showClose ? ".bb-popover__close" : '[tabindex]:not([tabindex="-1"]), button, a, input, select, textarea'), t = V.value?.querySelector(e);
+      t instanceof HTMLElement && t.focus(), O("shown");
+    }, E = async (e) => {
+      if (n.value) {
+        l();
+        return;
+      }
+      if (m) {
+        m = !1, e.preventDefault(), e.stopPropagation();
         return;
       }
-      if (a.disabled) return;
-      e.stopImmediatePropagation(), o.value = !0, D(), await K();
-      const t = a.focusTarget ?? (a.showClose ? ".bb-popover__close" : '[tabindex]:not([tabindex="-1"]), button, a, input, select, textarea'), n = w.value?.querySelector(t);
-      n instanceof HTMLElement && n.focus(), h("shown");
-    }, i = () => {
-      o.value && (o.value = !1, N(), a.restoreFocus && r.value && r.value.focus(), h("hidden"));
-    }, W = s(() => {
-      if (!a.width) return !1;
-      const { unit: e } = I(a.width);
+      e.stopImmediatePropagation(), o.placement === "cursor" && (d.value = g(e.clientX, e.clientY)), await f();
+    }, L = (e) => {
+      o.disabled || (e.preventDefault(), e.stopPropagation(), !(o.placement === "cursor" && (d.value = g(e.clientX, e.clientY), n.value)) && (n.value ? l() : f()));
+    }, y = (e) => {
+      o.disabled || e.pointerType === "mouse" || (m = !1, a = { x: e.clientX, y: e.clientY }, D = setTimeout(() => {
+        m = !0, o.placement === "cursor" && a && (d.value = g(
+          a.x,
+          a.y
+        )), a = null, f();
+      }, Le));
+    }, k = (e) => {
+      if (!a) return;
+      const t = e.clientX - a.x, i = e.clientY - a.y;
+      Math.sqrt(t * t + i * i) > ye && w();
+    }, u = () => {
+      w();
+    }, l = () => {
+      n.value && (n.value = !1, Z(), o.restoreFocus && r.value && r.value.focus(), O("hidden"));
+    }, ee = s(() => {
+      if (!o.width) return !1;
+      const { unit: e } = U(o.width);
       return e === "%";
-    }), { width: F } = ee(
-      s(() => W.value ? r.value : void 0),
+    }), { width: te } = fe(
+      s(() => ee.value ? r.value : void 0),
       { width: 0, height: 0 },
       { box: "border-box" }
-    ), x = s(() => {
-      if (!a.width) return;
-      const { value: e, unit: t } = I(a.width);
-      return t === "%" && r.value ? `${F.value * (e / 100)}px` : `${e}px`;
+    ), oe = s(() => {
+      if (!o.width) return;
+      const { value: e, unit: t } = U(o.width);
+      return t === "%" && r.value ? `${te.value * (e / 100)}px` : `${e}px`;
     });
-    return M({
+    return _({
       /** Opens the popover programmatically */
-      show: u,
+      show: f,
       /** Closes the popover programmatically */
-      close: i,
+      close: l,
       /** Whether the popover is currently open */
-      isOpen: s(() => o.value)
-    }), (e, t) => (A(), j(J, null, [
-      p.value ? C("", !0) : B(e.$slots, "activator", X(V({ key: 0 }, {
-        props: T.value,
+      isOpen: s(() => n.value)
+    }), (e, t) => (Y(), se(le, null, [
+      h.value ? W("", !0) : G(e.$slots, "activator", de(X({ key: 0 }, {
+        props: j.value,
         disabled: !!e.disabled,
-        isOpen: o.value,
+        isOpen: n.value,
         placement: e.placement
       }))),
-      Q(re, V({
-        id: c,
+      ue(we, X({
+        id: b,
         ref_key: "popoverRef",
-        ref: g,
-        modelValue: o.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
-        anchor: r.value,
-        "aria-labelledby": v(d) ? v(l) : void 0,
+        ref: T,
+        modelValue: n.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (i) => n.value = i),
+        anchor: K.value,
+        "aria-labelledby": S(p) ? S(c) : void 0,
         "arrow-padding": e.arrowPadding,
         boundary: e.boundary,
         class: ["bb-popover", `bb-popover--${e.theme}`],
         dialog: "",
         eager: e.eager,
         offset: e.offset,
+        "hide-arrow": e.placement === "cursor",
         padding: e.padding,
-        placement: e.placement,
-        style: { width: x.value },
+        placement: e.placement === "cursor" ? "bottom-start" : e.placement,
+        style: { width: oe.value },
         "transition-duration": e.transitionDuration
       }, e.$attrs), {
-        default: $(() => [
-          f("span", {
+        default: F(() => [
+          B("span", {
             class: "bb-popover__content",
-            inert: !o.value
+            inert: !n.value
           }, [
-            e.showClose ? (A(), Y(ae, {
+            e.showClose ? (Y(), ce(ge, {
               key: 0,
-              "aria-label": e.closeLabel || v(R)("common.closeLabel").value,
+              "aria-label": e.closeLabel || S(z)("common.closeLabel").value,
               class: "bb-popover__close",
-              onClick: i
+              onClick: l
             }, {
-              default: $(() => t[1] || (t[1] = [
-                f("svg", {
+              default: F(() => t[1] || (t[1] = [
+                B("svg", {
                   "aria-hidden": "true",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  f("path", {
+                  B("path", {
                     d: "M23 23L1 1M23 1L1 23",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
@@ -169,20 +229,20 @@ const ne = ["inert"], he = /* @__PURE__ */ G({
                 ], -1)
               ])),
               _: 1
-            }, 8, ["aria-label"])) : C("", !0),
-            B(e.$slots, "default", {
-              close: i,
+            }, 8, ["aria-label"])) : W("", !0),
+            G(e.$slots, "default", {
+              close: l,
               disabled: !!e.disabled,
-              open: o.value,
+              open: n.value,
               placement: e.placement
             })
-          ], 8, ne)
+          ], 8, Ee)
         ]),
         _: 3
-      }, 16, ["modelValue", "anchor", "aria-labelledby", "arrow-padding", "boundary", "class", "eager", "offset", "padding", "placement", "style", "transition-duration"])
+      }, 16, ["modelValue", "anchor", "aria-labelledby", "arrow-padding", "boundary", "class", "eager", "offset", "hide-arrow", "padding", "placement", "style", "transition-duration"])
     ], 64));
   }
 });
 export {
-  he as default
+  De as default
 };

package/dist/index97.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index215.js";
+import { clamp as p } from "./index216.js";
 import { getAsPercentageBetween as i } from "./index139.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",

package/dist/types/CommonProps.d.ts

@@ -190,7 +190,7 @@ export type CommonProps = {
      */
     placeholder?: InputHTMLAttributes['placeholder'];
     /**
-     * Position of the overlay in respect to the related activator..
+     * Position of the overlay in respect to the related activator.
      */
     placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
     /**

package/dist/utilities/functions/isNotEmpty.d.ts

@@ -0,0 +1 @@
+export declare const isNotEmpty: (value: unknown) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.76",
+	"version": "2.1.78",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {

package/dist/index221.js

@@ -1,7 +0,0 @@
-const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
-  f(r, u),
-  ...o(r[n], n, f, f(r, u))
-] : [f(r, u)]).flat();
-export {
-  o as flattenTree
-};

package/dist/index226.js

@@ -1,11 +0,0 @@
-import { getCurrentInstance as e } from "vue";
-const s = () => {
-  const t = e(), n = !!t?.proxy?.$inertia, r = !!t?.proxy?.$nuxt;
-  return {
-    isInertia: n,
-    isNuxt: r
-  };
-};
-export {
-  s as useFrameworkDetection
-};

package/dist/index228.js

@@ -1,5 +0,0 @@
-import { isNil as r } from "./index218.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 {
-  e as isEmpty
-};

package/dist/index235.js

@@ -1,19 +0,0 @@
-import { computed as u, unref as a } from "vue";
-import { hash as d } from "./index227.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)] };
-};
-export {
-  p as useIndexById
-};

package/dist/index294.js

@@ -1,5 +0,0 @@
-import o from "./index256.js";
-/* empty css         */
-export {
-  o as default
-};