bitboss-ui 2.1.115 → 2.1.116

package/dist/index274.js

@@ -1,137 +1,13 @@
-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"]));
-  }
-});
+function c(n, r, e) {
+  const i = typeof r == "string" ? r.split(".") : r;
+  let t = n;
+  for (const o of i)
+    if (t && typeof t == "object" && o in t)
+      t = t[o];
+    else
+      return e;
+  return t === void 0 ? e : t;
+}
 export {
-  ue as default
+  c as get
 };

package/dist/index275.js

@@ -0,0 +1,20 @@
+import { isNil as c } from "./index269.js";
+const a = (t, r) => {
+  if (!Object.prototype.hasOwnProperty.call(t, r))
+    throw new Error(
+      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
+    );
+}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
+  const i = s.toLocaleLowerCase();
+  for (let e = 0; e < r.length; e++) {
+    const n = r[e];
+    a(t, n);
+    const o = t[n];
+    if (c(o)) continue;
+    if (l(o).includes(i)) return !0;
+  }
+  return !1;
+};
+export {
+  y as matchAnyKey
+};

package/dist/index276.js

@@ -1,11 +1,14 @@
-function u(e, i) {
-  let t;
-  return function(...o) {
-    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, o);
-    }, i);
-  };
-}
+import { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
+};
 export {
-  u as debounce
+  n as useArray
 };

package/dist/index277.js

@@ -1,11 +1,34 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
+import { defineComponent as t, createElementBlock as r, openBlock as n, createElementVNode as e } from "vue";
+const l = {
+  class: "bb-error-icon",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+}, p = /* @__PURE__ */ t({
+  __name: "ErrorIcon",
+  setup(s) {
+    return (i, o) => (n(), r("svg", l, o[0] || (o[0] = [
+      e("path", {
+        d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
+        fill: "currentColor"
+      }, null, -1),
+      e("path", {
+        d: "M9.99414 6.66666V9.99999",
+        stroke: "white",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2"
+      }, null, -1),
+      e("path", {
+        d: "M9.99414 13.3333H10.0025",
+        stroke: "white",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2"
+      }, null, -1)
+    ])));
   }
-  return -1;
-};
+});
 export {
-  o as findRightIndex
+  p as default
 };

package/dist/index279.js

@@ -1,6 +1,109 @@
-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 r, ref as g, createBlock as l, openBlock as d, withCtx as i, renderSlot as s, normalizeProps as p, guardReactiveProps as a } from "vue";
+import m from "./index355.js";
+import f from "./index356.js";
+const y = /* @__PURE__ */ r({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    groups: {},
+    headerHeight: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: {},
+    loadingText: {},
+    noDataText: {},
+    optionHeight: {}
+  },
+  emits: ["option:selected", "option:unselected", "focused:change"],
+  setup(h, { expose: u }) {
+    const t = g();
+    return u({
+      focusNext: () => t.value?.focusNext(),
+      focusPrevious: () => t.value?.focusPrevious(),
+      focusFirst: () => t.value?.focusFirst(),
+      focusFirstSelected: () => t.value?.focusFirstSelected(),
+      focusLast: () => t.value?.focusLast(),
+      focusLastSelected: () => t.value?.focusLastSelected(),
+      blur: () => t.value?.blur(),
+      confirmOption: () => t.value?.confirmOption(),
+      focusByHash: (o) => t.value?.focusByHash(o),
+      getHighlighted: () => t.value?.getHighlighted(),
+      getActiveDescendantId: () => t.value?.getActiveDescendantId()
+    }), (o, n) => o.groups ? (d(), l(f, {
+      key: 0,
+      ref_key: "child",
+      ref: t,
+      compact: o.compact,
+      groups: o.groups,
+      "header-height": o.headerHeight,
+      loading: o.loading,
+      "loading-text": o.loadingText,
+      multiple: o.multiple,
+      "no-data-text": o.noDataText,
+      open: o.open,
+      "option-height": o.optionHeight,
+      "transition-duration": o.transitionDuration,
+      "onOption:selected": n[0] || (n[0] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": n[1] || (n[1] = (e) => o.$emit("option:unselected", e)),
+      "onFocused:change": n[2] || (n[2] = (e) => o.$emit("focused:change", e))
+    }, {
+      "options:prepend": i(() => [
+        s(o.$slots, "options:prepend")
+      ]),
+      loading: i(() => [
+        s(o.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(o.$slots, "no-data")
+      ]),
+      "options:append": i(() => [
+        s(o.$slots, "options:append")
+      ]),
+      option: i((e) => [
+        s(o.$slots, "option", p(a(e)))
+      ]),
+      group: i((e) => [
+        s(o.$slots, "group", p(a(e)))
+      ]),
+      _: 3
+    }, 8, ["compact", "groups", "header-height", "loading", "loading-text", "multiple", "no-data-text", "open", "option-height", "transition-duration"])) : (d(), l(m, {
+      key: 1,
+      ref_key: "child",
+      ref: t,
+      compact: o.compact,
+      loading: o.loading,
+      "loading-text": o.loadingText,
+      multiple: o.multiple,
+      "no-data-text": o.noDataText,
+      open: o.open,
+      options: o.options ?? [],
+      "option-height": o.optionHeight,
+      "transition-duration": o.transitionDuration,
+      "onOption:selected": n[3] || (n[3] = (e) => o.$emit("option:selected", e)),
+      "onOption:unselected": n[4] || (n[4] = (e) => o.$emit("option:unselected", e)),
+      "onFocused:change": n[5] || (n[5] = (e) => o.$emit("focused:change", e))
+    }, {
+      "options:prepend": i(() => [
+        s(o.$slots, "options:prepend")
+      ]),
+      loading: i(() => [
+        s(o.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(o.$slots, "no-data")
+      ]),
+      "options:append": i(() => [
+        s(o.$slots, "options:append")
+      ]),
+      option: i((e) => [
+        s(o.$slots, "option", p(a(e)))
+      ]),
+      _: 3
+    }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "option-height", "transition-duration"]));
+  }
+});
 export {
-  e as extractDomContainer
+  y as default
 };

package/dist/index28.js

@@ -1,5 +1,5 @@
 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 { deburr as J } from "./index258.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({

package/dist/index280.js

@@ -1,25 +1,8 @@
-const i = (t) => {
-  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
-  return parseFloat(n) || 0;
-};
-function s(t) {
-  if (typeof t == "number")
-    return {
-      value: i(t),
-      unit: "px"
-    };
-  if (typeof t == "string") {
-    const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
-    if (e) {
-      const [, n, o = "px"] = e, a = parseFloat(n);
-      return {
-        value: i(a),
-        unit: o
-      };
-    }
-  }
-  throw new Error(`Invalid width: ${t}`);
-}
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
+});
 export {
-  s as parseWidthString
+  o as waitFor
 };