bitboss-ui 2.1.32 → 2.1.34

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 "./index240.js";
+import { useUntil as K } from "./index247.js";
+import Q from "./index13.js";
 /* empty css        */
-import A from "./index221.js";
+import X from "./index242.js";
 /* empty css         */
-const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @__PURE__ */ V({
+import { extractDomContainer as f } from "./index271.js";
+import { parseWidthString as Y } from "./index272.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/types/Icon.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Create an empty interface to serve as a "hook" for users.
+ * @internal This interface is meant for module augmentation only.
+ * It should not be used directly by library consumers.
+ */
+export interface IconRegistry {
+}
+export type IconNameFromRegistry = keyof IconRegistry;
+export type IconType = IconNameFromRegistry | (string & {});

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.34",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {

package/dist/index216.js

@@ -1,15 +0,0 @@
-import { locales as t } from "./index289.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index290.js";
-import { readonly as l, computed as n } from "vue";
-const p = (o, ...r) => l(
-  n(() => c(t[m.locale], o).replace(
-    /\{(\d+)\}/g,
-    (a, e) => r[e]
-  ))
-), d = () => ({
-  t: p
-});
-export {
-  d as useLocale
-};

package/dist/index228.js

@@ -1,53 +0,0 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index294.js";
-import { useItemValue as w } from "./index277.js";
-import { hash as y } from "./index230.js";
-import { useLogger as D } from "./index244.js";
-const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
-  items: u,
-  disabled: c,
-  selectable: m,
-  itemText: a,
-  itemValue: d,
-  selectedIndexedByHash: r,
-  max: b = 1 / 0
-}) => {
-  const v = l(() => o(c)), p = l(() => o(u)), h = l(
-    () => Object.keys(r.value).length
-  ), g = o(b), f = (e) => {
-    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
-      e,
-      v.value,
-      m,
-      g,
-      h.value,
-      s
-    );
-    return {
-      item: e,
-      text: i,
-      value: n,
-      valueHash: t,
-      selected: s,
-      disabled: o(I)
-    };
-  };
-  return {
-    options: l(() => {
-      const e = [], n = /* @__PURE__ */ new Set();
-      for (let t = 0; t < p.value.length; t++) {
-        const i = p.value[t];
-        i.disabled && H(
-          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
-        );
-        const s = f(i);
-        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
-      }
-      return e;
-    }),
-    createOption: f
-  };
-};
-export {
-  q as useBaseOptions
-};

package/dist/index230.js

@@ -1,5 +0,0 @@
-import { hash as o } from "./index295.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
-export {
-  t as hash
-};

package/dist/index243.js

@@ -1,4 +0,0 @@
-const e = (t) => t[t.length - 1];
-export {
-  e as last
-};

package/dist/index250.js

@@ -1,6 +0,0 @@
-import { curry as e } from "./index296.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
-export {
-  t as baseWhen,
-  s as when
-};

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/index324.js

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

package/dist/index329.js

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