bitboss-ui 2.1.113 → 2.1.115

package/dist/index274.js

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

package/dist/index276.js

@@ -1,8 +1,11 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
-});
+function u(e, i) {
+  let t;
+  return function(...o) {
+    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, o);
+    }, i);
+  };
+}
 export {
-  o as waitFor
+  u as debounce
 };

package/dist/index277.js

@@ -1,15 +1,11 @@
-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}`);
+const o = (n, t) => {
+  for (let e = n.length - 1; e >= 0; e--) {
+    const i = n[e];
+    if (t(i, e, n))
+      return e;
   }
-  return t + "px";
+  return -1;
 };
 export {
-  c as parseSize
+  o as findRightIndex
 };

package/dist/index278.js

@@ -1,7 +1,25 @@
-import { getDefaultExportFromCjs as e } from "./index342.js";
-import { __require as r } from "./index330.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+const e = {
+  inert: ":not([inert]):not([inert] *)",
+  negTabIndex: ':not([tabindex^="-"])',
+  disabled: ":not(:disabled)"
+}, n = [
+  `a[href]${e.inert}${e.negTabIndex}`,
+  `area[href]${e.inert}${e.negTabIndex}`,
+  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
+  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
+  `select${e.inert}${e.negTabIndex}${e.disabled}`,
+  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
+  `button${e.inert}${e.negTabIndex}${e.disabled}`,
+  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
+  // Discard until Firefox supports `:has()`
+  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
+  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
+  `iframe${e.inert}${e.negTabIndex}`,
+  `audio[controls]${e.inert}${e.negTabIndex}`,
+  `video[controls]${e.inert}${e.negTabIndex}`,
+  `[contenteditable]${e.inert}${e.negTabIndex}`,
+  `[tabindex]${e.inert}${e.negTabIndex}`
+];
 export {
-  f as default
+  n as default
 };

package/dist/index279.js

@@ -1,8 +1,6 @@
-function e(t, r) {
-  if (!/\d{4}-\d{2}-\d{2}/.test(t))
-    throw new Error(`${r} must be in the format YYYY-MM-DD`);
-  return t;
+function e(n) {
+  return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
 }
 export {
-  e as validateDateFormat
+  e as extractDomContainer
 };

package/dist/index28.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as r, ref as V, watchPostEffect as N, nextTick as D, createElementBlock as u, openBlock as i, normalizeClass as I, createBlock as B, createVNode as E, createElementVNode as d, resolveDynamicComponent as P, normalizeProps as o, guardReactiveProps as s, withCtx as b, renderSlot as C, createTextVNode as q, toDisplayString as h, unref as f, Transition as F, createCommentVNode as G, TransitionGroup as M, Fragment as R, renderList as j } from "vue";
-import { deburr as x } from "./index234.js";
-import { getAsPercentage as k } from "./index144.js";
-import { useId as J } from "./index8.js";
-const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE__ */ S({
+import { defineComponent as V, computed as a, ref as D, watchPostEffect as M, nextTick as N, createElementBlock as c, openBlock as o, normalizeClass as I, createBlock as E, createVNode as P, createElementVNode as h, resolveDynamicComponent as C, normalizeProps as l, guardReactiveProps as s, withCtx as p, renderSlot as k, createTextVNode as q, toDisplayString as f, unref as v, Transition as F, createCommentVNode as G, TransitionGroup as R, Fragment as j, renderList as x } from "vue";
+import { deburr as J } from "./index284.js";
+import { getAsPercentage as T } from "./index144.js";
+import { useId as K } from "./index8.js";
+const O = ["id"], Q = { class: "bb-base-input-container__hint" }, Z = /* @__PURE__ */ V({
   __name: "BaseInputContainer",
   props: {
     compact: { type: Boolean },
@@ -15,6 +15,7 @@ const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE
     inputPosition: { default: "right" },
     label: {},
     labelPosition: { default: "left" },
+    labelMode: {},
     labelTag: { default: "label" },
     modelValue: {},
     name: {},
@@ -22,20 +23,21 @@ const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE
     showHint: { type: Boolean },
     tag: { default: "span" }
   },
-  setup(T) {
-    const t = T, l = t.id || J().id.value, m = t.hint ? `hint_${l}` : void 0, v = r(() => t.showHint && !!t.hint), $ = r(() => t.name ? t.name : x(t.label).replace(/\s+/g, "").toLowerCase()), A = r(() => {
+  setup($) {
+    const t = $, u = t.id || K().id.value, m = t.hint ? `hint_${u}` : void 0, _ = a(() => t.showHint && !!t.hint), i = a(() => t.labelMode ? "vertical" : t.direction), A = a(() => t.name ? t.name : J(t.label).replace(/\s+/g, "").toLowerCase()), H = a(() => {
       const e = {
         class: {
           "bb-base-input-container": !0,
           "bb-base-input-container--hidden-label": t.reverse,
-          "bb-base-input-container--horizontal": t.direction !== "vertical",
+          "bb-base-input-container--horizontal": i.value !== "vertical",
           "bb-base-input-container--reverse": t.reverse,
-          "bb-base-input-container--vertical": t.direction === "vertical",
-          "bb-base-input-container--errors": c.value
+          "bb-base-input-container--vertical": i.value === "vertical",
+          "bb-base-input-container--errors": b.value,
+          "bb-base-input-container--label-mode-floating": t.labelMode === "floating"
         }
       };
-      return t.tag === "label" && (e.for = l), e;
-    }), H = r(() => {
+      return t.tag === "label" && (e.for = u), e;
+    }), L = a(() => {
       let e = {
         class: {
           "bb-base-input-container__label": !0,
@@ -43,97 +45,97 @@ const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE
           [`bb-base-input-container__label--${t.labelPosition}`]: t.labelPosition
         },
         style: {
-          width: _.value.label
+          width: g.value.label
         }
       };
-      return t.labelTag === "label" && (e.for = l), e;
-    }), L = r(() => ({
+      return t.labelTag === "label" && (e.for = u), e;
+    }), z = a(() => ({
       class: {
         "bb-base-input-container__input": !0,
         [`bb-base-input-container__input--${t.inputPosition}`]: t.inputPosition
       },
       style: {
-        width: _.value.input
+        width: g.value.input
       }
-    })), _ = r(() => {
+    })), g = a(() => {
       let e = {
         label: "auto",
         input: "auto"
       };
-      if (t.direction !== "auto") if (t.direction === "vertical")
+      if (i.value !== "auto") if (i.value === "vertical")
         e.label = e.input = "100%";
-      else if (t.direction === "horizontal")
+      else if (i.value === "horizontal")
         e.label = e.input = "50%";
-      else if (/^[\S]+\s[\S]+$/g.test(t.direction)) {
-        const [n, a] = t.direction.split(/\s+/).map((z) => z.length), y = k(n, n + a) + "%", w = k(a, a + n) + "%";
-        t.reverse ? (e.label = w, e.input = y) : (e.label = y, e.input = w);
+      else if (/^[\S]+\s[\S]+$/g.test(i.value)) {
+        const [n, r] = i.value.split(/\s+/).map((S) => S.length), w = T(n, n + r) + "%", B = T(r, r + n) + "%";
+        t.reverse ? (e.label = B, e.input = w) : (e.label = w, e.input = B);
       } else
         throw new Error("Horizontal pattern is malformed");
       return e;
-    }), p = r(() => t.errors ? [].concat(t.errors) : []), c = r(
-      () => !!p.value.length || t.hasErrors
-    ), g = V(null);
-    return N(() => {
-      p.value, D(() => {
-        const e = g.value, n = e?.querySelector(
+    }), d = a(() => t.errors ? [].concat(t.errors) : []), b = a(
+      () => !!d.value.length || t.hasErrors
+    ), y = D(null);
+    return M(() => {
+      d.value, N(() => {
+        const e = y.value, n = e?.querySelector(
           ".bb-base-input-container__errors"
         );
         if (e && n) {
-          const a = Math.min(n.clientHeight, n.scrollHeight);
-          e.style.height = `${a}px`;
+          const r = Math.min(n.clientHeight, n.scrollHeight);
+          e.style.height = `${r}px`;
         }
       });
-    }), (e, n) => (i(), u("div", {
+    }), (e, n) => (o(), c("div", {
       class: I(["bb-base-input-outer-container", {
-        "bb-base-input-outer-container--errors": c.value,
-        "bb-base-input-outer-container--hint": v.value,
+        "bb-base-input-outer-container--errors": b.value,
+        "bb-base-input-outer-container--hint": _.value,
         "bb-base-input-outer-container--compact": t.compact
       }])
     }, [
-      (i(), B(P(e.tag), o(s(A.value)), {
-        default: b(() => [
-          (i(), B(P(e.labelTag), o(s(H.value)), {
-            default: b(() => [
-              C(e.$slots, "label", o(s({ text: e.label, hasErrors: c.value })), () => [
-                q(h(e.label), 1)
+      (o(), E(C(e.tag), l(s(H.value)), {
+        default: p(() => [
+          (o(), E(C(e.labelTag), l(s(L.value)), {
+            default: p(() => [
+              k(e.$slots, "label", l(s({ text: e.label, hasErrors: b.value })), () => [
+                q(f(e.label), 1)
               ])
             ]),
             _: 3
           }, 16)),
-          d("span", o(s(L.value)), [
-            C(e.$slots, "input", o(s({ id: f(l), name: $.value, hasErrors: c.value, ariaDescribedby: f(m) })))
+          h("span", l(s(z.value)), [
+            k(e.$slots, "input", l(s({ id: v(u), name: A.value, hasErrors: b.value, ariaDescribedby: v(m) })))
           ], 16)
         ]),
         _: 3
       }, 16)),
-      E(F, { name: "hint" }, {
-        default: b(() => [
-          v.value ? (i(), u("span", {
+      P(F, { name: "hint" }, {
+        default: p(() => [
+          _.value ? (o(), c("span", {
             key: 0,
-            id: f(m),
+            id: v(m),
             class: "bb-base-input-container__hint-container"
           }, [
-            d("span", O, h(e.hint), 1)
-          ], 8, K)) : G("", !0)
+            h("span", Q, f(e.hint), 1)
+          ], 8, O)) : G("", !0)
         ]),
         _: 1
       }),
-      d("span", {
+      h("span", {
         ref_key: "errorsContainer",
-        ref: g,
+        ref: y,
         class: "bb-base-input-container__errors-outer"
       }, [
-        E(M, {
+        P(R, {
           name: "error",
           tag: "span",
           "aria-live": "polite",
           class: "bb-base-input-container__errors"
         }, {
-          default: b(() => [
-            (i(!0), u(R, null, j(p.value, (a) => (i(), u("span", {
-              key: a,
+          default: p(() => [
+            (o(!0), c(j, null, x(d.value, (r) => (o(), c("span", {
+              key: r,
               class: "bb-base-input-container__error"
-            }, h(a), 1))), 128))
+            }, f(r), 1))), 128))
           ]),
           _: 1
         })
@@ -142,5 +144,5 @@ const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE
   }
 });
 export {
-  Y as default
+  Z as default
 };