bitboss-ui 2.0.174 → 2.0.175

package/dist/index23.js

@@ -1,25 +1,25 @@
 import { defineComponent as K, watchEffect as Q, ref as l, computed as k, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as i, createVNode as B, unref as r, createCommentVNode as X, withDirectives as x, createElementVNode as s, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
 import { _config as te } from "./index4.js";
-import o from "./index227.js";
-import ae from "./index228.js";
-import oe from "./index229.js";
-import re from "./index230.js";
-import ne from "./index231.js";
-import le from "./index232.js";
-import { identity as ie } from "./index233.js";
-import { isEmpty as se } from "./index234.js";
-import { last as de } from "./index235.js";
+import o from "./index246.js";
+import ae from "./index264.js";
+import oe from "./index250.js";
+import re from "./index247.js";
+import ne from "./index248.js";
+import le from "./index249.js";
+import { identity as ie } from "./index265.js";
+import { isEmpty as se } from "./index218.js";
+import { last as de } from "./index219.js";
 import { useId as ue } from "./index8.js";
-import { useLocale as pe } from "./index217.js";
+import { useLocale as pe } from "./index222.js";
 import { useMobile as ce } from "./index9.js";
-import { useUntil as me } from "./index218.js";
-import { vMaska as fe } from "./index219.js";
+import { useUntil as me } from "./index260.js";
+import { vMaska as fe } from "./index261.js";
 import be from "./index21.js";
 /* empty css        */
-import ge from "./index213.js";
+import ge from "./index229.js";
 /* empty css         */
-import ke from "./index212.js";
-import ye from "./index222.js";
+import ke from "./index231.js";
+import ye from "./index232.js";
 /* empty css         */
 const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Me = ["aria-label", "disabled"], he = ["id"], ze = /* @__PURE__ */ K({
   __name: "BaseDatePickerInput",

package/dist/index231.js

@@ -1,7 +1,15 @@
-import { getDefaultExportFromCjs as r } from "./index303.js";
-import { __require as e } from "./index299.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index295.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 {
-  m as default
+  i as default
 };

package/dist/index232.js

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

package/dist/index234.js

@@ -1,4 +1,230 @@
-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;
+import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as c, renderSlot as m, createTextVNode as H, toDisplayString as g, unref as L, Fragment as Z, renderList as ee } from "vue";
+import { isNil as b } from "./index237.js";
+import { useVirtualizer as te } from "./index334.js";
+import { isNotNil as oe } from "./index140.js";
+import { hash as N } from "./index215.js";
+import { useLocale as ne } from "./index222.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__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__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(V, { expose: z, emit: C }) {
+    const o = V, _ = C, { t: y } = ne(), s = f(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
+      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
+    ), v = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value,
+      estimateSize: () => 42,
+      overscan: 5
+    }), F = (e) => {
+      e && v.value.measureElement(e);
+    }, M = x(() => v.value.getVirtualItems()), A = x(() => v.value.getTotalSize()), n = f(null), a = x(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), I = (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 = I(e + 1);
+      return t;
+    }, P = () => {
+      if (!a.value) return;
+      const e = I();
+      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;
+    }, R = async () => {
+      if (!a.value) return;
+      const e = S();
+      n.value = e, u();
+    }, q = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, J = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, W = () => {
+      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) && v.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, w = () => {
+      if (b(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, B = f(0), T = () => {
+      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 D = o.options[+r];
+          D && G(D) && (n.value = +r, w());
+        }
+      }
+    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
+    return E(
+      () => o.open,
+      () => {
+        T();
+      },
+      { flush: "post" }
+    ), E(
+      () => o.options,
+      (e, l) => {
+        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (v.value.calculateRange(), T(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), z({
+      focusNext: P,
+      focusPrevious: R,
+      focusFirst: q,
+      focusFirstSelected: W,
+      focusLast: J,
+      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"])
+    }, [
+      c("span", le, [
+        c("span", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container"
+        }, [
+          m(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (p(), d("span", ie, [
+            m(e.$slots, "loading", {}, () => [
+              H(g(e.loadingText || L(y)("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)`
+              })
+            }, [
+              c("span", ue, [
+                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] = c("svg", {
+                    class: "autocomplete-option__checkbox",
+                    role: "presentation",
+                    viewBox: "276.411 158.834 114.971 114.97"
+                  }, [
+                    c("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)),
+                  c("span", re, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (p(), d("span", se, [
+            m(e.$slots, "no-data", {}, () => [
+              H(g(e.noDataText || L(y)("common.noDataText").value), 1)
+            ])
+          ])),
+          m(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  n as isEmpty
+  xe as default
 };

package/dist/index235.js

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

package/dist/index236.js

@@ -1,53 +1,4 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index306.js";
-import { useItemValue as w } from "./index273.js";
-import { hash as y } from "./index226.js";
-import { useLogger as D } from "./index255.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
-  };
-};
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  q as useBaseOptions
+  s as isCssColor
 };

package/dist/index237.js

@@ -1,19 +1,4 @@
-import { computed as i, unref as m } from "vue";
-import { hash as s } from "./index226.js";
-const p = ({ items: a, key: r }) => {
-  const n = i(() => {
-    const t = {}, c = new Array().concat(m(a));
-    for (let e = 0; e < c.length; e++) {
-      const o = c[e], u = r ? String(o[r]) : s(o);
-      t[u] = o;
-    }
-    return t;
-  });
-  return {
-    data: n,
-    get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
-  };
-};
+const r = (e) => typeof e > "u" || e === null;
 export {
-  p as useIndexById
+  r as isNil
 };

package/dist/index238.js

@@ -1,108 +1,43 @@
-import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index226.js";
-import { isNil as l } from "./index225.js";
-import E from "./index67.js";
-/* empty css        */
-const K = /* @__PURE__ */ y({
-  __name: "ChipsBox",
-  props: {
-    options: {}
-  },
-  emits: ["option:unselected"],
-  setup(f, { expose: v, emit: h }) {
-    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
-      const s = l(n.value) ? -1 : n.value;
-      let o = (s + e) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = a(e + 1);
-      return o;
-    }, x = () => {
-      if (!i.value) return;
-      const e = a();
-      n.value = e;
-    }, c = (e = 1) => {
-      const s = l(n.value) ? 0 : n.value;
-      let o = (s - e + t.options.length) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = c(e + 1);
-      return o;
-    }, m = async () => {
-      if (!i.value) return;
-      const e = c();
-      n.value = e;
-    }, w = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; t.options[e].disabled; )
-        e++;
-      n.value = e;
-    }, b = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e;
-    }, I = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; !t.options[e].selected && t.options.length !== e; )
-        e++;
-      n.value = e;
-    }, g = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].selected && e !== 0; )
-        e--;
-      n.value = e;
-    }, _ = (e) => {
-      if (!i.value) return;
-      const s = t.options.findIndex(
-        (o) => o.valueHash === e
-      );
-      s >= 0 && (n.value = s);
-    }, r = () => {
-      n.value = null;
-    }, k = () => {
-      if (l(n.value)) return;
-      const e = t.options[n.value];
-      e.selected && u("option:unselected", e);
-    }, C = () => l(n.value) ? void 0 : t.options[n.value];
-    return N(
-      () => t.options,
-      (e, s) => {
-        d(e) !== d(s) && r();
-      },
-      {
-        flush: "post"
-      }
-    ), v({
-      focusNext: x,
-      focusPrevious: m,
-      focusFirst: w,
-      focusFirstSelected: I,
-      focusLast: b,
-      focusLastSelected: g,
-      blur: r,
-      confirmOption: k,
-      focusByHash: _,
-      getHighlighted: C
-    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
-      key: o.valueHash,
-      class: P({
-        "bb-chipsbox-item": !0,
-        "bb-chipsbox-item--focused": B === n.value
-      }),
-      clearable: !0,
-      text: o.text,
-      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
-    }, {
-      default: $(() => [
-        z(D(o.text), 1)
-      ]),
-      _: 2
-    }, 1032, ["class", "text", "onClick:clear"]))), 128));
-  }
-});
+import { unrefElement as g } from "./index137.js";
+import { toArray as A, notNullish as D, tryOnScopeDispose as y } from "./index206.js";
+import { createFocusTrap as F } from "./index283.js";
+import { shallowRef as n, computed as T, toValue as i, watch as w } from "vue";
+function N(f, a = {}) {
+  let t;
+  const { immediate: l, ...p } = a, o = n(!1), r = n(!1), c = (e) => t && t.activate(e), u = (e) => t && t.deactivate(e), v = () => {
+    t && (t.pause(), r.value = !0);
+  }, m = () => {
+    t && (t.unpause(), r.value = !1);
+  }, h = T(() => {
+    const e = i(f);
+    return A(e).map((d) => {
+      const s = i(d);
+      return typeof s == "string" ? s : g(s);
+    }).filter(D);
+  });
+  return w(
+    h,
+    (e) => {
+      e.length && (t = F(e, {
+        ...p,
+        onActivate() {
+          o.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          o.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), l && c());
+    },
+    { flush: "post" }
+  ), y(() => u()), {
+    hasFocus: o,
+    isPaused: r,
+    activate: c,
+    deactivate: u,
+    pause: v,
+    unpause: m
+  };
+}
 export {
-  K as default
+  N as useFocusTrap
 };

package/dist/index239.js

@@ -0,0 +1,9 @@
+import { ref as e } from "vue";
+const o = e(0), s = () => {
+  o.value++;
+}, a = () => {
+  o.value--;
+}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+export {
+  d as useModalsState
+};