bitboss-ui 2.1.115 → 2.1.116

package/dist/index360.js

@@ -1,202 +1,136 @@
-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 "./index255.js";
-import { isNotNil as ee } from "./index150.js";
-import { useVirtualizer as te } from "./index367.js";
-import { hash as N } from "./index231.js";
-import { useLocale as oe } from "./index240.js";
-import { useListboxFocus as ae } from "./index368.js";
-import { indexBy as ie } from "./index300.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));
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
   }
-});
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  _e as default
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };