bitboss-ui 2.1.96 → 2.1.98

package/dist/index356.js

@@ -1,95 +1,195 @@
-import { commonjsGlobal as y } from "./index343.js";
-var p, _;
-function Z() {
-  if (_) return p;
-  _ = 1;
-  var x = "Expected a function", I = NaN, W = "[object Symbol]", C = /^\s+|\s+$/g, M = /^[-+]0x[0-9a-f]+$/i, N = /^0b[01]+$/i, R = /^0o[0-7]+$/i, $ = parseInt, q = typeof y == "object" && y && y.Object === Object && y, A = typeof self == "object" && self && self.Object === Object && self, B = q || A || Function("return this")(), F = Object.prototype, G = F.toString, P = Math.max, D = Math.min, h = function() {
-    return B.Date.now();
-  };
-  function H(e, r, n) {
-    var f, a, g, c, i, u, s = 0, S = !1, d = !1, j = !0;
-    if (typeof e != "function")
-      throw new TypeError(x);
-    r = O(r) || 0, m(n) && (S = !!n.leading, d = "maxWait" in n, g = d ? P(O(n.maxWait) || 0, r) : g, j = "trailing" in n ? !!n.trailing : j);
-    function v(t) {
-      var o = f, l = a;
-      return f = a = void 0, s = t, c = e.apply(l, o), c;
-    }
-    function J(t) {
-      return s = t, i = setTimeout(b, r), S ? v(t) : c;
-    }
-    function K(t) {
-      var o = t - u, l = t - s, L = r - o;
-      return d ? D(L, g - l) : L;
-    }
-    function E(t) {
-      var o = t - u, l = t - s;
-      return u === void 0 || o >= r || o < 0 || d && l >= g;
-    }
-    function b() {
-      var t = h();
-      if (E(t))
-        return k(t);
-      i = setTimeout(b, K(t));
-    }
-    function k(t) {
-      return i = void 0, j && f ? v(t) : (f = a = void 0, c);
-    }
-    function Q() {
-      i !== void 0 && clearTimeout(i), s = 0, f = u = a = i = void 0;
-    }
-    function V() {
-      return i === void 0 ? c : k(h());
-    }
-    function T() {
-      var t = h(), o = E(t);
-      if (f = arguments, a = this, u = t, o) {
-        if (i === void 0)
-          return J(u);
-        if (d)
-          return i = setTimeout(b, r), v(u);
-      }
-      return i === void 0 && (i = setTimeout(b, r)), c;
-    }
-    return T.cancel = Q, T.flush = V, T;
-  }
-  function U(e, r, n) {
-    var f = !0, a = !0;
-    if (typeof e != "function")
-      throw new TypeError(x);
-    return m(n) && (f = "leading" in n ? !!n.leading : f, a = "trailing" in n ? !!n.trailing : a), H(e, r, {
-      leading: f,
-      maxWait: r,
-      trailing: a
+import { defineComponent as K, useTemplateRef as $, computed as a, watch as v, ref as Q, createElementBlock as s, openBlock as i, withModifiers as U, normalizeStyle as b, normalizeClass as L, createElementVNode as p, renderSlot as r, createTextVNode as z, toDisplayString as f, unref as D, Fragment as W, renderList as X } from "vue";
+import { isNil as E } from "./index257.js";
+import { isNotNil as Z } from "./index146.js";
+import { useVirtualizer as w } from "./index362.js";
+import { hash as N } from "./index223.js";
+import { useLocale as ee } from "./index232.js";
+import { useListboxFocus as te } from "./index363.js";
+import { indexBy as oe } from "./index294.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
+  ref: "inner",
+  class: "bb-listbox__inner-container",
+  tabindex: "-1"
+}, ae = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, se = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ie = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ K({
+  __name: "FlatListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {},
+    optionHeight: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(F, { expose: M, emit: R }) {
+    const n = F, x = R, { t: h } = ee(), u = $("inner"), V = $("listbox"), g = a(() => n.optionHeight ? n.optionHeight : n.compact ? 32 : 40), c = w({
+      get count() {
+        return n.options.length;
+      },
+      getScrollElement: () => u.value ?? null,
+      estimateSize: () => g.value,
+      overscan: 5
+    }), y = a(() => c.value.getVirtualItems()), C = a(() => c.value.getTotalSize());
+    console.log(y.value);
+    const _ = a(
+      () => n.options.map((e, l) => ({
+        index: l,
+        text: e.text,
+        value: e.value,
+        valueHash: e.valueHash,
+        item: e.item,
+        selected: !!e.selected,
+        disabled: !!e.disabled,
+        focused: l === d.value
+      }))
+    ), o = a(() => oe(_.value, "index")), m = a(() => _.value.length > 0), {
+      focusedIndex: d,
+      focusNext: I,
+      focusPrevious: O,
+      focusFirst: P,
+      focusLast: Y,
+      focusFirstSelected: j,
+      focusLastSelected: q,
+      focusByHash: A,
+      blur: H,
+      getHighlighted: G
+    } = te(() => n.options, { disabled: () => !n.open });
+    v(d, (e) => {
+      u.value && Z(e) && c.value.scrollToIndex(e, {
+        align: "center",
+        behavior: "smooth"
+      });
     });
+    const k = () => {
+      if (E(d.value) || !n.open) return;
+      const e = o.value[d.value];
+      e.disabled || (e.selected ? x("option:unselected", e) : x("option:selected", e));
+    }, B = Q(0), T = () => {
+      u.value && (B.value = u.value.scrollHeight);
+    }, J = (e) => {
+      if (e.preventDefault(), u.value && e.target instanceof HTMLElement && V.value) {
+        let l = e.target, t = l.dataset.index;
+        for (; E(t) && l.parentElement; )
+          l = l.parentElement, t = l.dataset.index;
+        if (t) {
+          const S = o.value[+t];
+          S && !S.disabled && (d.value = +t, k());
+        }
+      }
+    };
+    return v(
+      () => n.open,
+      () => {
+        T();
+      },
+      { flush: "post" }
+    ), v(
+      () => n.options,
+      (e, l) => {
+        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (c.value.calculateRange(), T(), H());
+      },
+      { flush: "post" }
+    ), M({
+      focusNext: I,
+      focusPrevious: O,
+      focusFirst: P,
+      focusFirstSelected: j,
+      focusLast: Y,
+      focusLastSelected: q,
+      blur: H,
+      confirmOption: k,
+      focusByHash: A,
+      getHighlighted: G
+    }), (e, l) => (i(), s("span", {
+      class: L(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !m.value,
+        "bb-listbox--open": e.open
+      }]),
+      style: b({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${B.value}px`,
+        "--option-height": `${g.value}px`
+      }),
+      onClick: U(J, ["stop"])
+    }, [
+      p("span", le, [
+        p("span", ne, [
+          r(e.$slots, "options:prepend"),
+          e.loading && !m.value ? (i(), s("span", ae, [
+            r(e.$slots, "loading", {}, () => [
+              z(f(e.loadingText || D(h)("common.loadingText").value), 1)
+            ])
+          ])) : m.value ? (i(), s("span", {
+            key: 2,
+            role: "listbox",
+            ref: "listbox",
+            style: b({
+              height: `${C.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (i(!0), s(W, null, X(y.value, (t) => (i(), s("span", {
+              key: o.value[t.index].valueHash,
+              "aria-selected": o.value[t.index].focused ? !0 : void 0,
+              class: L({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": o.value[t.index].focused,
+                "autocomplete-option--selected": o.value[t.index].selected,
+                "autocomplete-option--disabled": o.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              role: "option",
+              style: b({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              r(e.$slots, "option", {
+                disabled: o.value[t.index].disabled,
+                focused: o.value[t.index].focused,
+                index: t.index,
+                item: o.value[t.index].item,
+                selected: o.value[t.index].selected,
+                text: o.value[t.index].text,
+                value: o.value[t.index].value
+              }, () => [
+                l[0] || (l[0] = p("svg", {
+                  class: "autocomplete-option__checkbox",
+                  role: "presentation",
+                  viewBox: "276.411 158.834 114.971 114.97"
+                }, [
+                  p("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)),
+                p("span", ue, f(o.value[t.index].text), 1)
+              ])
+            ], 14, ie))), 128))
+          ], 4)) : (i(), s("span", se, [
+            r(e.$slots, "no-data", {}, () => [
+              z(f(e.noDataText || D(h)("common.noDataText").value), 1)
+            ])
+          ])),
+          r(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
   }
-  function m(e) {
-    var r = typeof e;
-    return !!e && (r == "object" || r == "function");
-  }
-  function X(e) {
-    return !!e && typeof e == "object";
-  }
-  function z(e) {
-    return typeof e == "symbol" || X(e) && G.call(e) == W;
-  }
-  function O(e) {
-    if (typeof e == "number")
-      return e;
-    if (z(e))
-      return I;
-    if (m(e)) {
-      var r = typeof e.valueOf == "function" ? e.valueOf() : e;
-      e = m(r) ? r + "" : r;
-    }
-    if (typeof e != "string")
-      return e === 0 ? e : +e;
-    e = e.replace(C, "");
-    var n = N.test(e);
-    return n || R.test(e) ? $(e.slice(2), n ? 2 : 8) : M.test(e) ? I : +e;
-  }
-  return p = U, p;
-}
+});
 export {
-  Z as __require
+  xe as default
 };