bitboss-ui 2.1.25 → 2.1.27

package/dist/index234.js

@@ -1,116 +1,71 @@
-import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as l, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
-import { wait as F } from "./index135.js";
-import { useFloating as U, arrow as j } from "./index325.js";
-import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index326.js";
-const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ D({
-    arrowPadding: {},
-    offset: {},
-    block: { type: Boolean },
-    padding: { default: 0 },
-    placement: {},
-    transitionDuration: { default: 250 },
-    containerAttributes: {},
-    dialog: { type: Boolean },
-    renderContent: { type: Boolean, default: !0 },
-    tag: { default: "span" },
-    flip: { type: Boolean, default: !0 }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: n, update: B } = U(
-      i,
-      t,
-      {
-        placement: o.placement,
-        whileElementsMounted: J,
-        middleware: [
-          ...o.flip ? [q()] : [],
-          G(o.offset),
-          H({ padding: o.padding }),
-          I(),
-          j({
-            element: p,
-            padding: o.arrowPadding
-          })
-        ],
-        strategy: "fixed"
-      }
-    ), d = (e) => {
-      e ? (B(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
-        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
-      });
+import { defineComponent as k, ref as y, createElementBlock as C, openBlock as t, normalizeClass as N, renderSlot as n, createBlock as s, createCommentVNode as l, createVNode as a, createElementVNode as m, unref as i } from "vue";
+/* empty css       */
+/* empty css       */
+import u from "./index85.js";
+/* empty css        */
+import h from "./index113.js";
+/* empty css         */
+import v from "./index334.js";
+import B from "./index335.js";
+/* empty css         */
+const E = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(f, { emit: d }) {
+    const p = f, b = d, o = y(), _ = (e) => {
+      var c;
+      if (!o.value || p.preventFocus) return;
+      const r = e.target;
+      r.tagName === "INPUT" || r.tagName === "TEXTAREA" || (c = o.value.querySelector("input,textarea")) == null || c.focus();
+    }, $ = () => {
+      var e;
+      b("click:clear"), (e = o.value.querySelector("input,textarea")) == null || e.focus();
     };
-    A(a, d, { flush: "post" }), x(() => {
-      a.value && d(a.value);
-    });
-    const M = S(() => {
-      if (n.value.arrow) {
-        const { x: e, y: u } = n.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${u}px`
-          }
-        };
-      }
-    }), $ = () => {
-      a.value = !1;
-    };
-    return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
-      ref_key: "wrapper",
-      ref: i,
-      class: E(["bb-common-popover", {
-        "bb-common-popover--open": a.value && !!t.value,
-        "bb-common-popover--block": o.block,
-        [`bb-common-popover--${l(_)}`]: !0
+    return (e, r) => (t(), C("span", {
+      ref_key: "container",
+      ref: o,
+      class: N(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": p.clearable
       }]),
-      style: z({
-        "--transition-duration": `${o.transitionDuration}ms`
-      })
-    }, {
-      default: w(() => {
-        var m, f, c;
-        return [
-          y(e.$slots, "activator"),
-          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
-            key: 0,
-            ref_key: "content",
-            ref: t,
-            class: ["bb-common-popover__bubble-container", {
-              "bb-common-popover__bubble-container--open": a.value && !!t.value
-            }],
-            popover: "manual",
-            style: {
-              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
-              ...l(k),
-              "--arrow-offset-x": Math.round(((c = (f = l(n)) == null ? void 0 : f.arrow) == null ? void 0 : c.x) ?? 0) + "px",
-              "--page-padding": `${e.padding}px`
-            },
-            tabindex: a.value ? void 0 : -1
-          }, e.containerAttributes, { onClose: l($) }), {
-            default: w(() => [
-              C("span", h({
-                ref_key: "bubblearrow",
-                ref: p,
-                class: "bb-common-popover__arrow"
-              }, M.value), null, 16),
-              C("span", K, [
-                y(e.$slots, "default")
-              ])
-            ]),
-            _: 3
-          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
-        ];
-      }),
-      _: 3
-    }, 8, ["class", "style"]));
+      onClick: _
+    }, [
+      n(e.$slots, "prepend", {}, () => [
+        m("span", E, [
+          n(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (t(), s(i(u), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      n(e.$slots, "default"),
+      a(B, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: $
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (t(), s(i(u), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      a(v),
+      a(i(h)),
+      n(e.$slots, "append", {}, () => [
+        m("span", I, [
+          n(e.$slots, "suffix")
+        ])
+      ])
+    ], 2));
   }
 });
 export {
-  W as default
+  R as default
 };

package/dist/index236.js

@@ -1,15 +1,15 @@
-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";
-};
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index292.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return n(), t("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  c as parseSize
+  i as default
 };

package/dist/index237.js

@@ -1,20 +1,119 @@
-import { isNil as c } from "./index262.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;
+import { defineComponent as V, mergeModels as A, useModel as x, ref as l, watch as S, onMounted as z, computed as E, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as F, normalizeClass as N, unref as n, withCtx as w, renderSlot as y, createCommentVNode as q, mergeProps as h, createElementVNode as C } from "vue";
+import { useMinimalQueue as Q } from "./index329.js";
+import { wait as U } from "./index135.js";
+import { useFloating as j, arrow as G } from "./index330.js";
+import { flip as H, offset as I, shift as J, hide as K, autoUpdate as L } from "./index331.js";
+const O = { class: "bb-common-popover__bubble" }, ee = /* @__PURE__ */ V({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ A({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    dialog: { type: Boolean },
+    renderContent: { type: Boolean, default: !0 },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, a = x(s, "modelValue"), i = l(), t = l(), p = l(), { floatingStyles: k, placement: _, middlewareData: r, update: M } = j(
+      i,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: L,
+        middleware: [
+          ...o.flip ? [H()] : [],
+          I(o.offset),
+          J({ padding: o.padding }),
+          K(),
+          G({
+            element: p,
+            padding: o.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), { queueFunction: B } = Q(), u = B(async (e) => {
+      e ? (M(), P()) : (await U(o.transitionDuration), t.value && (o.dialog ? t.value.close() : t.value.hidePopover()));
+    }), P = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    S(a, u, { flush: "post" }), z(() => {
+      a.value && u(a.value);
+    });
+    const $ = E(() => {
+      if (r.value.arrow) {
+        const { x: e, y: d } = r.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${d}px`
+          }
+        };
+      }
+    }), D = () => {
+      a.value = !1;
+    };
+    return (e, d) => (v(), b(g(e.dialog ? "div" : e.tag), {
+      ref_key: "wrapper",
+      ref: i,
+      class: N(["bb-common-popover", {
+        "bb-common-popover--open": a.value && !!t.value,
+        "bb-common-popover--block": o.block,
+        [`bb-common-popover--${n(_)}`]: !0
+      }]),
+      style: F({
+        "--transition-duration": `${o.transitionDuration}ms`
+      })
+    }, {
+      default: w(() => {
+        var m, c, f;
+        return [
+          y(e.$slots, "activator"),
+          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
+            key: 0,
+            ref_key: "content",
+            ref: t,
+            class: ["bb-common-popover__bubble-container", {
+              "bb-common-popover__bubble-container--open": a.value && !!t.value
+            }],
+            popover: "manual",
+            style: {
+              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
+              ...n(k),
+              "--arrow-offset-x": Math.round(((f = (c = n(r)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: a.value ? void 0 : -1
+          }, e.containerAttributes, { onClose: n(D) }), {
+            default: w(() => [
+              C("span", h({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, $.value), null, 16),
+              C("span", O, [
+                y(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : q("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
   }
-  return !1;
-};
+});
 export {
-  y as matchAnyKey
+  ee as default
 };

package/dist/index239.js

@@ -1,8 +1,231 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
+import { defineComponent as U, ref as f, computed as x, watch as D, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as v, renderSlot as m, createTextVNode as z, toDisplayString as g, unref as H, Fragment as Z, renderList as ee } from "vue";
+import { isNil as b } from "./index241.js";
+import { useVirtualizer as te } from "./index332.js";
+import { isNotNil as oe } from "./index140.js";
+import { hash as L } from "./index219.js";
+import { useLocale as ne } from "./index210.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, se = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, be = /* @__PURE__ */ U({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(N, { expose: V, emit: O }) {
+    const o = N, y = O, { t: I } = ne(), s = f(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
+      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
+    ), c = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value ? s.value : null,
+      estimateSize: () => o.compact ? 32 : 40,
+      overscan: 5,
+      measureElement: () => o.compact ? 32 : 40,
+      useAnimationFrameWithResizeObserver: !0
+    }), F = (e) => {
+      e && c.value.measureElement(e);
+    }, M = x(() => c.value.getVirtualItems()), A = x(() => c.value.getTotalSize()), n = f(null), a = x(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), _ = (e = 1) => {
+      const l = b(n.value) ? -1 : n.value;
+      let t = (l + e) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = _(e + 1);
+      return t;
+    }, R = () => {
+      if (!a.value) return;
+      const e = _();
+      n.value = e, u();
+    }, S = (e = 1) => {
+      const l = b(n.value) ? 0 : n.value;
+      let t = (l - e + o.options.length) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = S(e + 1);
+      return t;
+    }, P = async () => {
+      if (!a.value) return;
+      const e = S();
+      n.value = e, u();
+    }, W = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, q = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, J = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+        e++;
+      n.value = e % o.options.length, u();
+    }, Y = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].selected && e > 0; )
+        e--;
+      n.value = e === -1 ? o.options.length - 1 : e, u();
+    }, j = (e) => {
+      if (!a.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), u();
+    }, k = () => {
+      n.value = null;
+    }, u = () => {
+      s.value && oe(n.value) && c.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, w = () => {
+      if (b(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? y("option:unselected", e) : y("option:selected", e);
+    }, B = f(0), E = () => {
+      s.value && (B.value = s.value.scrollHeight);
+    }, G = (e) => !e.disabled, K = (e) => {
+      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
+        if (!s.value.querySelector('[role="listbox"]'))
+          throw new Error("Could not find listbox in DOM tree.");
+        let t = e.target, r = t.dataset.index;
+        for (; b(r) && t.parentElement; )
+          t = t.parentElement, r = t.dataset.index;
+        if (r) {
+          const T = o.options[+r];
+          T && G(T) && (n.value = +r, w());
+        }
+      }
+    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
+    return D(
+      () => o.open,
+      () => {
+        E();
+      },
+      { flush: "post" }
+    ), D(
+      () => o.options,
+      (e, l) => {
+        L(e.map((t) => t.valueHash)) !== L(l.map((t) => t.valueHash)) && (c.value.calculateRange(), E(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), V({
+      focusNext: R,
+      focusPrevious: P,
+      focusFirst: W,
+      focusFirstSelected: J,
+      focusLast: q,
+      focusLastSelected: Y,
+      blur: k,
+      confirmOption: w,
+      focusByHash: j,
+      getHighlighted: Q
+    }), (e, l) => (p(), d("span", {
+      class: $(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !i.value.length,
+        "bb-listbox--open": e.open
+      }]),
+      style: h({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${B.value}px`
+      }),
+      onClick: X(K, ["stop"])
+    }, [
+      v("span", le, [
+        v("span", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container",
+          tabindex: "-1"
+        }, [
+          m(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (p(), d("span", ie, [
+            m(e.$slots, "loading", {}, () => [
+              z(g(e.loadingText || H(I)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (p(), d("span", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${A.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: F,
+              "aria-selected": n.value === r ? !0 : void 0,
+              class: $({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": n.value === t.index,
+                "autocomplete-option--selected": i.value[t.index].selected,
+                "autocomplete-option--disabled": i.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              role: "option",
+              style: h({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              m(e.$slots, "option", {
+                disabled: !!i.value[t.index].disabled,
+                focused: n.value === t.index,
+                index: t.index,
+                item: i.value[t.index].item,
+                selected: !!i.value[t.index].selected,
+                text: i.value[t.index].text,
+                value: i.value[t.index].value
+              }, () => [
+                l[0] || (l[0] = v("svg", {
+                  class: "autocomplete-option__checkbox",
+                  role: "presentation",
+                  viewBox: "276.411 158.834 114.971 114.97"
+                }, [
+                  v("path", {
+                    d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+                    fill: "none",
+                    "stroke-linecap": "round",
+                    "stroke-width": "14px"
+                  })
+                ], -1)),
+                v("span", ue, g(i.value[t.index].text), 1)
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (p(), d("span", se, [
+            m(e.$slots, "no-data", {}, () => [
+              z(g(e.noDataText || H(I)("common.noDataText").value), 1)
+            ])
+          ])),
+          m(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
 });
 export {
-  o as waitFor
+  be as default
 };

package/dist/index240.js

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