bitboss-ui 2.1.110 → 2.1.112

package/dist/index356.js

@@ -1,230 +1,202 @@
-import { commonjsGlobal as r } from "./index330.js";
-var o, c;
-function C() {
-  if (c) return o;
-  c = 1;
-  var n = "[object Symbol]", d = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, a = "\\u0300-\\u036f\\ufe20-\\ufe23", b = "\\u20d0-\\u20f0", i = "[" + a + b + "]", s = RegExp(i, "g"), l = {
-    // Latin-1 Supplement block.
-    À: "A",
-    Á: "A",
-    Â: "A",
-    Ã: "A",
-    Ä: "A",
-    Å: "A",
-    à: "a",
-    á: "a",
-    â: "a",
-    ã: "a",
-    ä: "a",
-    å: "a",
-    Ç: "C",
-    ç: "c",
-    Ð: "D",
-    ð: "d",
-    È: "E",
-    É: "E",
-    Ê: "E",
-    Ë: "E",
-    è: "e",
-    é: "e",
-    ê: "e",
-    ë: "e",
-    Ì: "I",
-    Í: "I",
-    Î: "I",
-    Ï: "I",
-    ì: "i",
-    í: "i",
-    î: "i",
-    ï: "i",
-    Ñ: "N",
-    ñ: "n",
-    Ò: "O",
-    Ó: "O",
-    Ô: "O",
-    Õ: "O",
-    Ö: "O",
-    Ø: "O",
-    ò: "o",
-    ó: "o",
-    ô: "o",
-    õ: "o",
-    ö: "o",
-    ø: "o",
-    Ù: "U",
-    Ú: "U",
-    Û: "U",
-    Ü: "U",
-    ù: "u",
-    ú: "u",
-    û: "u",
-    ü: "u",
-    Ý: "Y",
-    ý: "y",
-    ÿ: "y",
-    Æ: "Ae",
-    æ: "ae",
-    Þ: "Th",
-    þ: "th",
-    ß: "ss",
-    // Latin Extended-A block.
-    Ā: "A",
-    Ă: "A",
-    Ą: "A",
-    ā: "a",
-    ă: "a",
-    ą: "a",
-    Ć: "C",
-    Ĉ: "C",
-    Ċ: "C",
-    Č: "C",
-    ć: "c",
-    ĉ: "c",
-    ċ: "c",
-    č: "c",
-    Ď: "D",
-    Đ: "D",
-    ď: "d",
-    đ: "d",
-    Ē: "E",
-    Ĕ: "E",
-    Ė: "E",
-    Ę: "E",
-    Ě: "E",
-    ē: "e",
-    ĕ: "e",
-    ė: "e",
-    ę: "e",
-    ě: "e",
-    Ĝ: "G",
-    Ğ: "G",
-    Ġ: "G",
-    Ģ: "G",
-    ĝ: "g",
-    ğ: "g",
-    ġ: "g",
-    ģ: "g",
-    Ĥ: "H",
-    Ħ: "H",
-    ĥ: "h",
-    ħ: "h",
-    Ĩ: "I",
-    Ī: "I",
-    Ĭ: "I",
-    Į: "I",
-    İ: "I",
-    ĩ: "i",
-    ī: "i",
-    ĭ: "i",
-    į: "i",
-    ı: "i",
-    Ĵ: "J",
-    ĵ: "j",
-    Ķ: "K",
-    ķ: "k",
-    ĸ: "k",
-    Ĺ: "L",
-    Ļ: "L",
-    Ľ: "L",
-    Ŀ: "L",
-    Ł: "L",
-    ĺ: "l",
-    ļ: "l",
-    ľ: "l",
-    ŀ: "l",
-    ł: "l",
-    Ń: "N",
-    Ņ: "N",
-    Ň: "N",
-    Ŋ: "N",
-    ń: "n",
-    ņ: "n",
-    ň: "n",
-    ŋ: "n",
-    Ō: "O",
-    Ŏ: "O",
-    Ő: "O",
-    ō: "o",
-    ŏ: "o",
-    ő: "o",
-    Ŕ: "R",
-    Ŗ: "R",
-    Ř: "R",
-    ŕ: "r",
-    ŗ: "r",
-    ř: "r",
-    Ś: "S",
-    Ŝ: "S",
-    Ş: "S",
-    Š: "S",
-    ś: "s",
-    ŝ: "s",
-    ş: "s",
-    š: "s",
-    Ţ: "T",
-    Ť: "T",
-    Ŧ: "T",
-    ţ: "t",
-    ť: "t",
-    ŧ: "t",
-    Ũ: "U",
-    Ū: "U",
-    Ŭ: "U",
-    Ů: "U",
-    Ű: "U",
-    Ų: "U",
-    ũ: "u",
-    ū: "u",
-    ŭ: "u",
-    ů: "u",
-    ű: "u",
-    ų: "u",
-    Ŵ: "W",
-    ŵ: "w",
-    Ŷ: "Y",
-    ŷ: "y",
-    Ÿ: "Y",
-    Ź: "Z",
-    Ż: "Z",
-    Ž: "Z",
-    ź: "z",
-    ż: "z",
-    ž: "z",
-    IJ: "IJ",
-    ij: "ij",
-    Œ: "Oe",
-    œ: "oe",
-    ʼn: "'n",
-    ſ: "ss"
-  }, y = typeof r == "object" && r && r.Object === Object && r, m = typeof self == "object" && self && self.Object === Object && self, O = y || m || Function("return this")();
-  function S(u) {
-    return function(e) {
-      return u?.[e];
+import { defineComponent as U, useTemplateRef as L, computed as n, watch as f, ref as W, createElementBlock as s, openBlock as u, withModifiers as X, normalizeStyle as x, normalizeClass as z, createElementVNode as c, renderSlot as r, createTextVNode as I, toDisplayString as h, unref as E, Fragment as Z, renderList as w } from "vue";
+import { isNil as g } from "./index250.js";
+import { isNotNil as ee } from "./index150.js";
+import { useVirtualizer as te } from "./index366.js";
+import { hash as N } from "./index261.js";
+import { useLocale as oe } from "./index233.js";
+import { useListboxFocus as ae } from "./index367.js";
+import { indexBy as ie } from "./index267.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
+  ref: "inner",
+  class: "bb-listbox__inner-container",
+  tabindex: "-1"
+}, se = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, ue = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, de = ["aria-activedescendant", "aria-multiselectable"], ce = ["aria-selected", "data-index", "id"], re = { class: "autocomplete-option__label" }, _e = /* @__PURE__ */ U({
+  __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", "focused:change"],
+  setup(F, { expose: M, emit: R }) {
+    const i = F, v = R, { t: _ } = oe(), d = L("inner"), V = L("listbox"), y = n(() => i.optionHeight ? i.optionHeight : i.compact ? 32 : 40), p = te({
+      get count() {
+        return i.options.length;
+      },
+      getScrollElement: () => d.value ?? null,
+      estimateSize: () => y.value,
+      overscan: 5
+    }), C = n(() => p.value.getVirtualItems()), O = n(() => p.value.getTotalSize()), H = n(
+      () => i.options.map((e, a) => ({
+        index: a,
+        text: e.text,
+        value: e.value,
+        valueHash: e.valueHash,
+        item: e.item,
+        selected: !!e.selected,
+        disabled: !!e.disabled,
+        focused: a === l.value
+      }))
+    ), o = n(() => ie(H.value, "index")), k = (e) => `listbox-option-${e}`, m = n(() => {
+      if (g(l.value)) return;
+      const e = o.value[l.value];
+      if (e)
+        return k(e.valueHash);
+    }), b = n(() => H.value.length > 0), {
+      focusedIndex: l,
+      focusNext: A,
+      focusPrevious: P,
+      focusFirst: Y,
+      focusLast: j,
+      focusFirstSelected: q,
+      focusLastSelected: G,
+      focusByHash: J,
+      blur: B,
+      getHighlighted: K
+    } = ae(() => i.options, { disabled: () => !i.open });
+    f(l, (e) => {
+      d.value && ee(e) && p.value.scrollToIndex(e, {
+        align: "center",
+        behavior: "smooth"
+      }), v("focused:change", m.value);
+    });
+    const T = () => {
+      if (g(l.value) || !i.open) return;
+      const e = o.value[l.value];
+      e.disabled || (e.selected ? v("option:unselected", e) : v("option:selected", e));
+    }, $ = W(0), S = () => {
+      d.value && ($.value = d.value.scrollHeight);
+    }, Q = (e) => {
+      if (e.preventDefault(), d.value && e.target instanceof HTMLElement && V.value) {
+        let a = e.target, t = a.dataset.index;
+        for (; g(t) && a.parentElement; )
+          a = a.parentElement, t = a.dataset.index;
+        if (t) {
+          const D = o.value[+t];
+          D && !D.disabled && (l.value = +t, T());
+        }
+      }
     };
+    return f(
+      () => i.open,
+      () => {
+        S();
+      },
+      { flush: "post" }
+    ), f(
+      () => i.options,
+      (e, a) => {
+        N(e.map((t) => t.valueHash)) !== N(a.map((t) => t.valueHash)) && (p.value.calculateRange(), S(), B());
+      },
+      { flush: "post" }
+    ), M({
+      focusNext: A,
+      focusPrevious: P,
+      focusFirst: Y,
+      focusFirstSelected: q,
+      focusLast: j,
+      focusLastSelected: G,
+      blur: B,
+      confirmOption: T,
+      focusByHash: J,
+      getHighlighted: K,
+      getActiveDescendantId: () => m.value
+    }), (e, a) => (u(), s("span", {
+      class: z(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !b.value,
+        "bb-listbox--open": e.open
+      }]),
+      style: x({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${$.value}px`,
+        "--option-height": `${y.value}px`
+      }),
+      onClick: X(Q, ["stop"])
+    }, [
+      c("span", le, [
+        c("span", ne, [
+          r(e.$slots, "options:prepend"),
+          e.loading && !b.value ? (u(), s("span", se, [
+            r(e.$slots, "loading", {}, () => [
+              I(h(e.loadingText || E(_)("common.loadingText").value), 1)
+            ])
+          ])) : b.value ? (u(), s("span", {
+            key: 2,
+            role: "listbox",
+            ref: "listbox",
+            style: x({
+              height: `${O.value}px`
+            }),
+            "aria-activedescendant": m.value,
+            "aria-multiselectable": e.multiple ? !0 : void 0,
+            tabindex: "-1"
+          }, [
+            (u(!0), s(Z, null, w(C.value, (t) => (u(), s("span", {
+              key: o.value[t.index].valueHash,
+              "aria-selected": o.value[t.index].focused ? !0 : void 0,
+              class: z({
+                "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,
+              id: k(o.value[t.index].valueHash),
+              role: "option",
+              style: x({
+                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
+              }, () => [
+                a[0] || (a[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, h(o.value[t.index].text), 1)
+              ])
+            ], 14, ce))), 128))
+          ], 12, de)) : (u(), s("span", ue, [
+            r(e.$slots, "no-data", {}, () => [
+              I(h(e.noDataText || E(_)("common.noDataText").value), 1)
+            ])
+          ])),
+          r(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
   }
-  var p = S(l), g = Object.prototype, j = g.toString, x = O.Symbol, t = x ? x.prototype : void 0, f = t ? t.toString : void 0;
-  function I(u) {
-    if (typeof u == "string")
-      return u;
-    if (A(u))
-      return f ? f.call(u) : "";
-    var e = u + "";
-    return e == "0" && 1 / u == -1 / 0 ? "-0" : e;
-  }
-  function L(u) {
-    return !!u && typeof u == "object";
-  }
-  function A(u) {
-    return typeof u == "symbol" || L(u) && j.call(u) == n;
-  }
-  function E(u) {
-    return u == null ? "" : I(u);
-  }
-  function U(u) {
-    return u = E(u), u && u.replace(d, p).replace(s, "");
-  }
-  return o = U, o;
-}
+});
 export {
-  C as __require
+  _e as default
 };