bitboss-ui 2.1.31 → 2.1.33

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 "./index137.js";
-import { useLocale as U } from "./index211.js";
-import { useUntil as W } from "./index212.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 "./index226.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,6 +1,6 @@
 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 "./index208.js";
-import { getAsPercentageBetween as i } from "./index136.js";
+import { clamp as p } from "./index213.js";
+import { getAsPercentageBetween as i } from "./index139.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",
   props: {

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.31",
+	"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/index136.js

@@ -1,13 +0,0 @@
-import { clamp as s } from "./index208.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 {
-  o as getAsPercentage,
-  g as getAsPercentageBetween,
-  l as getValueFromPercentageInInterval
-};

package/dist/index210.js

@@ -1,15 +0,0 @@
-const c = (t, r) => {
-  if (typeof t == "string") {
-    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
-    if (n) {
-      const [, o, a] = n;
-      return a ? t : o + "px";
-    } else if (t in r)
-      return r[t] + "px";
-    throw new Error(`Invalid size: ${t}`);
-  }
-  return t + "px";
-};
-export {
-  c as parseSize
-};

package/dist/index220.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/index255.js

@@ -1,10 +0,0 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
-});
-export {
-  e as useLogger
-};

package/dist/index257.js

@@ -1,54 +0,0 @@
-import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
-import k from "./index259.js";
-const y = { class: "bb-base-date-picker__year-container" }, v = {
-  "aria-live": "polite",
-  class: "bb-base-date-picker__selected-day-label"
-}, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
-  __name: "BaseDatePickerHeader",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean },
-    hidden: { type: Boolean }
-  },
-  emits: ["mode:year", "mode:month"],
-  setup(n) {
-    const s = n, r = b("top"), l = (e, a) => {
-      e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
-    };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
-      }
-    );
-    const i = m(() => s.cursor.format("YYYY"));
-    return (e, a) => (c(), d("div", {
-      class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
-    }, [
-      t("div", y, [
-        h(k, {
-          direction: r.value,
-          duration: 500,
-          gap: 30
-        }, {
-          default: f(() => [
-            (c(), d("span", {
-              key: i.value,
-              "aria-live": "polite",
-              class: "bb-base-date-picker__year-button"
-            }, o(i.value), 1))
-          ]),
-          _: 1
-        }, 8, ["direction"])
-      ]),
-      t("div", v, [
-        t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
-        t("span", D, o(e.cursor.format("DD")), 1),
-        t("span", M, o(e.cursor.format("MMMM")), 1)
-      ])
-    ], 2));
-  }
-});
-export {
-  C as default
-};

package/dist/index274.js

@@ -1,11 +0,0 @@
-import { get as o } from "./index288.js";
-const e = () => ({
-  getItemValue(n, f) {
-    if (typeof f > "u") return n;
-    if (typeof f == "function") return f(n);
-    if (typeof f == "string") return o(n, f);
-  }
-});
-export {
-  e as useItemValue
-};

package/dist/index315.js

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

package/dist/index323.js

@@ -1,60 +0,0 @@
-var o = function(a, e, s, t) {
-  if (s === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e == "function" ? a !== e || !t : !e.has(a)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return s === "m" ? t : s === "a" ? t.call(a) : t ? t.value : e.get(a);
-}, i, l, r;
-class d {
-  constructor(...e) {
-    i.set(this, /* @__PURE__ */ new Map()), l.set(this, /* @__PURE__ */ new Map()), r.set(this, /* @__PURE__ */ new Map());
-    for (const s of e)
-      this.define(s);
-  }
-  define(e, s = !1) {
-    for (let [t, f] of Object.entries(e)) {
-      t = t.toLowerCase(), f = f.map((n) => n.toLowerCase()), o(this, r, "f").has(t) || o(this, r, "f").set(t, /* @__PURE__ */ new Set());
-      const h = o(this, r, "f").get(t);
-      let u = !0;
-      for (let n of f) {
-        const w = n.startsWith("*");
-        if (n = w ? n.slice(1) : n, h == null || h.add(n), u && o(this, l, "f").set(t, n), u = !1, w)
-          continue;
-        const c = o(this, i, "f").get(n);
-        if (c && c != t && !s)
-          throw new Error(`"${t} -> ${n}" conflicts with "${c} -> ${n}". Pass \`force=true\` to override this definition.`);
-        o(this, i, "f").set(n, t);
-      }
-    }
-    return this;
-  }
-  getType(e) {
-    if (typeof e != "string")
-      return null;
-    const s = e.replace(/^.*[/\\]/s, "").toLowerCase(), t = s.replace(/^.*\./s, "").toLowerCase(), f = s.length < e.length;
-    return !(t.length < s.length - 1) && f ? null : o(this, i, "f").get(t) ?? null;
-  }
-  getExtension(e) {
-    var s;
-    return typeof e != "string" ? null : (e = (s = e == null ? void 0 : e.split) == null ? void 0 : s.call(e, ";")[0], (e && o(this, l, "f").get(e.trim().toLowerCase())) ?? null);
-  }
-  getAllExtensions(e) {
-    return typeof e != "string" ? null : o(this, r, "f").get(e.toLowerCase()) ?? null;
-  }
-  _freeze() {
-    this.define = () => {
-      throw new Error("define() not allowed for built-in Mime objects. See https://github.com/broofa/mime/blob/main/README.md#custom-mime-instances");
-    }, Object.freeze(this);
-    for (const e of o(this, r, "f").values())
-      Object.freeze(e);
-    return this;
-  }
-  _getTestState() {
-    return {
-      types: o(this, i, "f"),
-      extensions: o(this, l, "f")
-    };
-  }
-}
-i = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
-export {
-  d as default
-};