bitboss-ui 2.1.32 → 2.1.33

package/dist/index90.js

@@ -1,5 +1,5 @@
 import { defineComponent as P, mergeModels as T, useModel as q, computed as v, ref as z, watch as A, onMounted as H, createElementBlock as r, openBlock as d, withModifiers as K, normalizeStyle as R, normalizeClass as U, unref as p, createCommentVNode as y, Fragment as j, createElementVNode as t, renderSlot as l, createTextVNode as G, toDisplayString as D, nextTick as J } from "vue";
-import { parseSize as Q } from "./index252.js";
+import { parseSize as Q } from "./index215.js";
 import { useId as S } from "./index8.js";
 import { useLocale as X } from "./index216.js";
 import { useMobile as Y } from "./index9.js";

package/dist/index92.js

@@ -3,7 +3,7 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as d, r
 /* empty css       */
 import P from "./index13.js";
 /* empty css        */
-import { debounce as X } from "./index274.js";
+import { debounce as X } from "./index277.js";
 import { useLocale as H } from "./index216.js";
 import { useRoute as J } from "./index145.js";
 const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({

package/dist/index94.js

@@ -1,13 +1,16 @@
-import { defineComponent as V, ref as m, computed as g, createBlock as k, openBlock as y, unref as l, normalizeClass as D, withCtx as v, createElementVNode as d, createCommentVNode as M, renderSlot as C, toDisplayString as z, normalizeProps as I, guardReactiveProps as O, nextTick as S } from "vue";
-import { useId as H } from "./index8.js";
-import { useIntersectionObserver as N } from "./index140.js";
-import { useLocale as U } from "./index216.js";
-import { useUntil as W } from "./index217.js";
-import q from "./index13.js";
+import { defineComponent as R, ref as k, computed as l, useTemplateRef as S, createElementBlock as I, openBlock as y, Fragment as N, renderSlot as C, createVNode as O, normalizeProps as W, guardReactiveProps as A, unref as m, mergeProps as H, withCtx as $, createElementVNode as i, createBlock as U, createCommentVNode as q, toDisplayString as z, nextTick as F } from "vue";
+import { useId as j } from "./index8.js";
+import { useIntersectionObserver as G } from "./index140.js";
+import { useLocale as J } from "./index216.js";
+import { useUntil as K } from "./index217.js";
+import Q from "./index13.js";
 /* empty css        */
-import A from "./index221.js";
+import X from "./index235.js";
 /* empty css         */
-const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @__PURE__ */ V({
+import { extractDomContainer as f } from "./index238.js";
+import { parseWidthString as Y } from "./index239.js";
+const Z = ["inert"], x = { class: "bb-popover__close-label sr-only" }, ce = /* @__PURE__ */ R({
+  inheritAttrs: !1,
   __name: "BbPopover",
   props: {
     arrowPadding: { default: 10 },
@@ -25,126 +28,127 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
     width: {}
   },
   emits: ["shown", "hidden"],
-  setup($, { expose: L, emit: _ }) {
-    const t = $, n = _, { t: B } = U(), { id: P } = H(), p = `bbp_${P.value}`, r = m(), c = m();
-    N(
-      r,
+  setup(L, { expose: B, emit: P }) {
+    const a = L, r = P, { t: D } = J(), { id: T } = j(), v = `bbp_${T.value}`, d = k(), p = l(() => f(d.value)), _ = S("popover"), c = l(() => f(_.value)), t = k(!1), b = K(t), E = (e) => {
+      const o = f(e);
+      o && (d.value = o);
+    };
+    G(
+      p,
       async ([{ intersectionRatio: e }]) => {
-        e !== 1 && o.value && (await s(), n("hidden"));
+        e !== 1 && t.value && (await n(), r("hidden"));
       },
       { threshold: [0, 1] }
     );
-    const o = m(!1), u = W(o), b = (e) => {
-      var a;
-      if (e.target instanceof HTMLElement && !((a = c.value) != null && a.contains(e.target)))
-        return s();
-    }, T = async () => {
-      o.value = !0, document.addEventListener("click", b, { passive: !0 });
-    }, s = async () => {
-      o.value = !1, document.removeEventListener("click", b);
-    }, w = async (e) => {
-      var h;
-      if (o.value) {
-        await s(), n("hidden");
+    const g = (e) => {
+      var o;
+      if (e.target instanceof HTMLElement && !((o = c.value) != null && o.contains(e.target)))
+        return n();
+    }, V = async () => {
+      t.value = !0, document.addEventListener("click", g, { passive: !0 });
+    }, n = async () => {
+      t.value = !1, document.removeEventListener("click", g);
+    }, h = async (e) => {
+      var w;
+      if (t.value) {
+        await n(), r("hidden");
         return;
       }
-      if (t.disabled)
+      if (a.disabled)
         return;
-      e.stopImmediatePropagation(), await T();
-      let a = t.focusTarget ?? ".bb-popover__close";
-      await S();
-      const i = (h = c.value) == null ? void 0 : h.querySelector(a);
-      i instanceof HTMLElement && (i.focus(), n("shown"));
-    }, f = async () => {
-      await s(), n("hidden");
-    }, E = g(() => {
-      if (t.width) {
-        let e;
-        return typeof t.width == "string" && /^\d+[a-zA-Z%]+$/.test(t.width) ? t.width.includes("%") ? r.value ? `${r.value.$el.clientWidth * (+t.width.replace("%", "") / 100)}px` : void 0 : t.width : (e = `${t.width}px`, `${e}px`);
+      e.stopImmediatePropagation(), await V();
+      let o = a.focusTarget ?? ".bb-popover__close";
+      await F();
+      const s = (w = c.value) == null ? void 0 : w.querySelector(o);
+      s instanceof HTMLElement && (s.focus(), r("shown"));
+    }, u = async () => {
+      await n(), r("hidden");
+    }, M = l(() => {
+      if (a.width) {
+        const { value: e, unit: o } = Y(a.width);
+        return o === "%" ? p.value ? `${p.value.clientWidth * (e / 100)}px` : "0px" : `${e}px`;
       }
     });
-    return L({
-      open: w,
-      close: f,
-      closed: g(() => !o.value)
-    }), (e, a) => (y(), k(A, {
-      ref_key: "wrapper",
-      ref: r,
-      modelValue: o.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => o.value = i),
-      "arrow-padding": e.arrowPadding,
-      block: e.block,
-      class: D(["bb-popover", {
-        [`bb-popover--${e.theme}`]: !0
-      }]),
-      "container-attributes": {
-        id: `popover_${p}`,
-        style: {
-          width: E.value
-        }
-      },
-      dialog: "",
-      offset: e.offset,
-      padding: e.padding,
-      placement: e.placement,
-      "render-content": l(u),
-      "transition-duration": e.transitionDuration
-    }, {
-      activator: v(() => [
-        C(e.$slots, "activator", I(O({
-          props: {
-            "aria-expanded": l(u) ? o.value : !1,
-            "aria-controls": l(u) ? `popover_${p}` : void 0,
-            onClick: w,
-            id: p,
-            disabled: !!e.disabled
-          },
+    return B({
+      open: h,
+      close: u,
+      closed: l(() => !t.value)
+    }), (e, o) => (y(), I(N, null, [
+      C(e.$slots, "activator", W(A({
+        props: {
+          "aria-expanded": m(b) ? t.value : !1,
+          "aria-controls": m(b) ? `popover_${v}` : void 0,
+          onClick: h,
+          id: v,
           disabled: !!e.disabled,
-          open: o.value,
-          placement: e.placement
-        })))
-      ]),
-      default: v(() => [
-        d("span", {
-          ref_key: "content",
-          ref: c,
-          class: "bb-popover__content",
-          inert: !o.value
-        }, [
-          e.showClose ? (y(), k(q, {
-            key: 0,
-            class: "bb-popover__close",
-            onClick: f
-          }, {
-            default: v(() => [
-              d("span", Z, z(e.closeLabel || l(B)("common.closeLabel").value), 1),
-              a[1] || (a[1] = d("svg", {
-                fill: "none",
-                viewBox: "0 0 24 24",
-                xmlns: "http://www.w3.org/2000/svg"
-              }, [
-                d("path", {
-                  d: "M23 23L1 1M23 1L1 23",
-                  stroke: "currentColor",
-                  "stroke-linecap": "round",
-                  "stroke-width": "2"
-                })
-              ], -1))
-            ]),
-            _: 1
-          })) : M("", !0),
-          C(e.$slots, "default", {
-            close: f,
-            disabled: !!e.disabled,
-            open: o.value,
-            placement: e.placement
-          })
-        ], 8, R)
-      ]),
-      _: 3
-    }, 8, ["modelValue", "arrow-padding", "block", "class", "container-attributes", "offset", "padding", "placement", "render-content", "transition-duration"]));
+          ref: E
+        },
+        disabled: !!e.disabled,
+        open: t.value,
+        placement: e.placement
+      }))),
+      O(X, H({
+        id: "popover_${id}",
+        ref: "popover",
+        modelValue: t.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
+        anchor: d.value,
+        "arrow-padding": e.arrowPadding,
+        class: ["bb-popover", {
+          [`bb-popover--${e.theme}`]: !0
+        }],
+        dialog: "",
+        eager: e.eager,
+        offset: e.offset,
+        padding: e.padding,
+        placement: e.placement,
+        style: {
+          width: M.value
+        },
+        "transition-duration": e.transitionDuration
+      }, e.$attrs), {
+        default: $(() => [
+          i("span", {
+            ref_key: "popoverDom",
+            ref: c,
+            class: "bb-popover__content",
+            inert: !t.value
+          }, [
+            e.showClose ? (y(), U(Q, {
+              key: 0,
+              class: "bb-popover__close",
+              onClick: u
+            }, {
+              default: $(() => [
+                i("span", x, z(e.closeLabel || m(D)("common.closeLabel").value), 1),
+                o[1] || (o[1] = i("svg", {
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  i("path", {
+                    d: "M23 23L1 1M23 1L1 23",
+                    stroke: "currentColor",
+                    "stroke-linecap": "round",
+                    "stroke-width": "2"
+                  })
+                ], -1))
+              ]),
+              _: 1
+            })) : q("", !0),
+            C(e.$slots, "default", {
+              close: u,
+              disabled: !!e.disabled,
+              open: t.value,
+              placement: e.placement
+            })
+          ], 8, Z)
+        ]),
+        _: 3
+      }, 16, ["modelValue", "anchor", "arrow-padding", "class", "eager", "offset", "padding", "placement", "style", "transition-duration"])
+    ], 64));
   }
 });
 export {
-  ee as default
+  ce as default
 };

package/dist/index96.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 "./index214.js";
+import { clamp as p } from "./index213.js";
 import { getAsPercentageBetween as i } from "./index139.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",

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

@@ -0,0 +1 @@
+export declare function extractDomContainer(target: unknown): HTMLElement | null;

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

@@ -0,0 +1,6 @@
+interface ParsedWidth {
+    value: number;
+    unit: string;
+}
+export declare function parseWidthString(width: number | string): ParsedWidth;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.32",
+	"version": "2.1.33",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {
@@ -92,4 +92,4 @@
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}

package/dist/index236.js

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

package/dist/index257.js

@@ -1,4 +0,0 @@
-const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
-export {
-  n as isEmpty
-};

package/dist/index274.js

@@ -1,11 +0,0 @@
-function u(e, i) {
-  let t;
-  return function(...o) {
-    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, o);
-    }, i);
-  };
-}
-export {
-  u as debounce
-};

package/dist/index282.js

@@ -1,69 +0,0 @@
-import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
-import { useLocale as k } from "./index216.js";
-import h from "./index13.js";
-/* empty css        */
-import C from "./index85.js";
-/* empty css        */
-const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
-  key: 1,
-  class: "bb-toast-message__title"
-}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
-  __name: "BbToastMessage",
-  props: {
-    title: {},
-    text: {},
-    icon: {},
-    theme: { default: "default" },
-    id: {},
-    showClose: { type: Boolean }
-  },
-  emits: ["click:close"],
-  setup(r, { emit: c }) {
-    const m = r, p = c, { t: _ } = k(), b = () => {
-      p("click:close", m.id);
-    };
-    return (e, a) => (o(), l("div", {
-      "aria-atomic": "true",
-      "aria-live": "polite",
-      "aria-role": "alert",
-      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
-    }, [
-      t("div", w, [
-        e.icon ? (o(), i(C, {
-          key: 0,
-          class: "bb-toast-message__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : s("", !0)
-      ]),
-      t("div", v, [
-        e.showClose ? (o(), i(h, {
-          key: 0,
-          "aria-label": f(_)("common.closeLabel").value,
-          class: "bb-toast-message__close",
-          onClick: b
-        }, {
-          default: g(() => a[0] || (a[0] = [
-            t("svg", {
-              fill: "none",
-              viewBox: "0 0 24 24",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              t("path", {
-                d: "M23 23L1 1M23 1L1 23",
-                stroke: "currentColor",
-                "stroke-linecap": "round",
-                "stroke-width": "2"
-              })
-            ], -1)
-          ])),
-          _: 1
-        }, 8, ["aria-label"])) : s("", !0),
-        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
-        t("p", B, n(e.text), 1)
-      ])
-    ], 2));
-  }
-});
-export {
-  z as default
-};

package/dist/index315.js

@@ -1,4 +0,0 @@
-import f from "./index249.js";
-export {
-  f as default
-};

package/dist/index323.js

@@ -1,4 +0,0 @@
-var o = { exports: {} };
-export {
-  o as __module
-};