bj-web-components 0.2.34 → 0.2.36

package/dist/web/CategoryDropdown/CategoryDropdown.mjs

@@ -1,260 +1,380 @@
-import { jsxs as T, jsx as r } from "react/jsx-runtime";
-import { useState as E, useRef as L, useCallback as Q, useLayoutEffect as $, useEffect as U } from "react";
-import { createPortal as Z } from "react-dom";
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { jsxs as M, jsx as i } from "react/jsx-runtime";
+import { useState as m, useRef as y, useCallback as X, useLayoutEffect as A, useEffect as Y } from "react";
+import { createPortal as q } from "react-dom";
 /* empty css                       */
 /* empty css                       */
-import X from "../Tooltip/ContentTooltip.mjs";
-import Y from "../Tooltip/TooltipWrapper.mjs";
-function A({
-  text: a,
-  spanClassName: p,
-  wrapperStyle: d,
-  placement: h = "top",
-  getPopupContainer: f,
-  trailing: u
-}) {
-  const [i, m] = E(!1), N = L(null), x = L(null), [o, w] = E(null);
-  function b() {
-    var g;
-    const y = x.current;
-    y && y.scrollWidth > y.offsetWidth && (w(((g = N.current) == null ? void 0 : g.getBoundingClientRect()) ?? null), m(!0));
-  }
-  return /* @__PURE__ */ T(Y, { ref: N, style: d, children: [
-    /* @__PURE__ */ r(
-      "span",
-      {
-        ref: x,
-        className: p,
-        onMouseEnter: b,
-        onMouseLeave: () => m(!1),
-        children: a
-      }
-    ),
-    u,
-    i && o && Z(
-      /* @__PURE__ */ r(
-        "span",
-        {
-          style: {
-            position: "fixed",
-            top: o.top,
-            left: o.left,
-            width: o.width,
-            height: o.height,
-            display: "block",
-            pointerEvents: "none",
-            zIndex: 9999999999
-          },
-          children: /* @__PURE__ */ r(X, { content: a, placement: h, className: "bu-category-dropdown__tooltip" })
+import ee from "../Tooltip/ContentTooltip.mjs";
+import te from "../Tooltip/TooltipWrapper.mjs";
+var ne = Object.defineProperty,
+  H = Object.getOwnPropertySymbols,
+  oe = Object.prototype.hasOwnProperty,
+  re = Object.prototype.propertyIsEnumerable,
+  Z = function Z(l, e, n) {
+    return e in l ? ne(l, e, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: n
+    }) : l[e] = n;
+  },
+  le = function le(l, e) {
+    for (var n in e || (e = {})) oe.call(e, n) && Z(l, n, e[n]);
+    if (H) {
+      var _iterator = _createForOfIteratorHelper(H(e)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var n = _step.value;
+          re.call(e, n) && Z(l, n, e[n]);
         }
-      ),
-      (f == null ? void 0 : f()) ?? document.body
-    )
-  ] });
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return l;
+  };
+function D(_ref) {
+  var l = _ref.text,
+    e = _ref.spanClassName,
+    n = _ref.wrapperStyle,
+    _ref$placement = _ref.placement,
+    h = _ref$placement === void 0 ? "top" : _ref$placement,
+    f = _ref.getPopupContainer,
+    g = _ref.trailing;
+  var u;
+  var _m = m(!1),
+    _m2 = _slicedToArray(_m, 2),
+    _ = _m2[0],
+    E = _m2[1],
+    C = y(null),
+    c = y(null),
+    _m3 = m(null),
+    _m4 = _slicedToArray(_m3, 2),
+    p = _m4[0],
+    b = _m4[1];
+  function B() {
+    var v, N;
+    var w = c.current;
+    w && w.scrollWidth > w.offsetWidth && (b((N = (v = C.current) == null ? void 0 : v.getBoundingClientRect()) != null ? N : null), E(!0));
+  }
+  return /* @__PURE__ */M(te, {
+    ref: C,
+    style: n,
+    children: [/* @__PURE__ */i("span", {
+      ref: c,
+      className: e,
+      onMouseEnter: B,
+      onMouseLeave: function onMouseLeave() {
+        return E(!1);
+      },
+      children: l
+    }), g, _ && p && q(/* @__PURE__ */i("span", {
+      style: {
+        position: "fixed",
+        top: p.top,
+        left: p.left,
+        width: p.width,
+        height: p.height,
+        display: "block",
+        pointerEvents: "none",
+        zIndex: 9999999999
+      },
+      children: /* @__PURE__ */i(ee, {
+        content: l,
+        placement: h,
+        className: "bu-category-dropdown__tooltip"
+      })
+    }), (u = f == null ? void 0 : f()) != null ? u : document.body)]
+  });
 }
-function P() {
-  return /* @__PURE__ */ r("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r("path", { d: "M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z", fill: "#333333" }) });
+function se() {
+  return /* @__PURE__ */i("svg", {
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */i("path", {
+      d: "M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z",
+      fill: "#333333"
+    })
+  });
 }
-function ee() {
+function ae() {
   return (
     // <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
     //   <path d="M6 3.5L10.5 8L6 12.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
     // </svg>
-    /* @__PURE__ */ r("svg", { className: "icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "p-id": "55697", children: /* @__PURE__ */ r("path", { d: "M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z", "p-id": "55698" }) })
+    /* @__PURE__ */
+    i("svg", {
+      className: "icon",
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      "p-id": "55697",
+      children: /* @__PURE__ */i("path", {
+        d: "M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z",
+        "p-id": "55698"
+      })
+    })
   );
 }
-function te(a, p) {
-  var f;
-  const d = [a];
-  let h = a;
-  for (let u = 0; u < p.length; u++) {
-    const i = h.find((m) => m.value === p[u]);
-    if ((f = i == null ? void 0 : i.children) != null && f.length)
-      d.push(i.children), h = i.children;
-    else
-      break;
+function ie(l, e) {
+  var n;
+  var h = [l];
+  var f = l;
+  var _loop = function _loop(g) {
+    var u = f.find(function (_) {
+      return _.value === e[g];
+    });
+    if ((n = u == null ? void 0 : u.children) != null && n.length) h.push(u.children), f = u.children;else return 1; // break
+  };
+  for (var g = 0; g < e.length; g++) {
+    if (_loop(g)) break;
   }
-  return d;
+  return h;
 }
-function H(a, p) {
-  const d = [];
-  let h = a;
-  for (const f of p) {
-    const u = h.find((i) => i.value === f);
-    if (!u) break;
-    d.push(u), h = u.children ?? [];
+function I(l, e) {
+  var n;
+  var h = [];
+  var f = l;
+  var _iterator2 = _createForOfIteratorHelper(e),
+    _step2;
+  try {
+    var _loop2 = function _loop2() {
+      var g = _step2.value;
+      var u = f.find(function (_) {
+        return _.value === g;
+      });
+      if (!u) return 1; // break
+      h.push(u), f = (n = u.children) != null ? n : [];
+    };
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      if (_loop2()) break;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
   }
-  return d;
+  return h;
 }
-function ae({
-  data: a,
-  value: p = [],
-  onChange: d,
-  placeholder: h = "请选择分类",
-  disabled: f = !1,
-  maxVisible: u = 6,
-  className: i,
-  style: m,
-  getPopupContainer: N,
-  dropdownStyle: x
-}) {
-  const [o, w] = E(!1), [b, y] = E(p), g = L(null), j = L(null), S = L(null), z = L(!1), [D, q] = E({}), [B, F] = E(), C = Q(() => {
-    var _;
-    if (!g.current) return;
-    const n = g.current.getBoundingClientRect();
-    let e = 0, t = g.current.parentElement;
-    for (; t && t !== document.documentElement; ) {
-      const R = parseInt(window.getComputedStyle(t).zIndex, 10);
-      if (!isNaN(R) && R > e && (e = R), t.parentElement)
-        for (const v of t.parentElement.children) {
-          if (v === t || !(v instanceof HTMLElement)) continue;
-          const k = parseInt(window.getComputedStyle(v).zIndex, 10);
-          !isNaN(k) && k > e && (e = k);
+function ve(_ref2) {
+  var l = _ref2.data,
+    _ref2$value = _ref2.value,
+    e = _ref2$value === void 0 ? [] : _ref2$value,
+    n = _ref2.onChange,
+    _ref2$placeholder = _ref2.placeholder,
+    h = _ref2$placeholder === void 0 ? "请选择分类" : _ref2$placeholder,
+    _ref2$disabled = _ref2.disabled,
+    f = _ref2$disabled === void 0 ? !1 : _ref2$disabled,
+    _ref2$maxVisible = _ref2.maxVisible,
+    g = _ref2$maxVisible === void 0 ? 6 : _ref2$maxVisible,
+    u = _ref2.className,
+    _ = _ref2.style,
+    E = _ref2.getPopupContainer,
+    C = _ref2.dropdownStyle;
+  var _m5 = m(!1),
+    _m6 = _slicedToArray(_m5, 2),
+    c = _m6[0],
+    p = _m6[1],
+    _m7 = m(e),
+    _m8 = _slicedToArray(_m7, 2),
+    b = _m8[0],
+    B = _m8[1],
+    v = y(null),
+    N = y(null),
+    w = y(null),
+    z = y(!1),
+    _m9 = m({}),
+    _m0 = _slicedToArray(_m9, 2),
+    F = _m0[0],
+    G = _m0[1],
+    _m1 = m(),
+    _m10 = _slicedToArray(_m1, 2),
+    L = _m10[0],
+    J = _m10[1],
+    x = X(function () {
+      var d, o;
+      if (!v.current) return;
+      var s = v.current.getBoundingClientRect();
+      var r = 0,
+        t = v.current.parentElement;
+      for (; t && t !== document.documentElement;) {
+        var R = parseInt(window.getComputedStyle(t).zIndex, 10);
+        if (!isNaN(R) && R > r && (r = R), t.parentElement) {
+          var _iterator3 = _createForOfIteratorHelper(t.parentElement.children),
+            _step3;
+          try {
+            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+              var T = _step3.value;
+              if (T === t || !(T instanceof HTMLElement)) continue;
+              var W = parseInt(window.getComputedStyle(T).zIndex, 10);
+              !isNaN(W) && W > r && (r = W);
+            }
+          } catch (err) {
+            _iterator3.e(err);
+          } finally {
+            _iterator3.f();
+          }
         }
-      t = t.parentElement;
-    }
-    const l = ((_ = S.current) == null ? void 0 : _.offsetHeight) ?? 0, s = window.innerHeight - n.bottom, c = n.top, M = l > 0 && s < l + 4 && c > s;
-    q({
-      position: "fixed",
-      top: M ? n.top - l - 4 : n.bottom + 4,
-      left: n.left,
-      zIndex: e > 0 ? e + 10 : 1100,
-      ...x
-    });
-  }, [x]);
-  $(() => {
-    o && C();
-  }, [o, b, C]), $(() => {
-    const n = o && !z.current;
-    if (z.current = o, !o || !S.current) return;
-    const e = S.current.querySelectorAll(".bu-category-dropdown__col");
-    e.forEach((s) => {
-      s.style.width = "";
+        t = t.parentElement;
+      }
+      var a = (o = (d = w.current) == null ? void 0 : d.offsetHeight) != null ? o : 0,
+        S = window.innerHeight - s.bottom,
+        j = s.top,
+        O = a > 0 && S < a + 4 && j > S;
+      G(le({
+        position: "fixed",
+        top: O ? s.top - a - 4 : s.bottom + 4,
+        left: s.left,
+        zIndex: r > 0 ? r + 10 : 1100
+      }, C));
+    }, [C]);
+  A(function () {
+    c && x();
+  }, [c, b, x]), A(function () {
+    var d = c && !z.current;
+    if (z.current = c, !c || !w.current) return;
+    var o = w.current.querySelectorAll(".bu-category-dropdown__col");
+    o.forEach(function (t) {
+      t.style.width = "";
     });
-    let t = 0;
-    e.forEach((s) => {
-      s.offsetWidth > t && (t = s.offsetWidth);
+    var s = 0;
+    o.forEach(function (t) {
+      t.offsetWidth > s && (s = t.offsetWidth);
     });
-    const l = n ? t : Math.max(B ?? 0, t);
-    e.forEach((s) => {
-      s.style.width = l ? `${l}px` : "";
-    }), l !== B && F(l || void 0);
-  }, [o, b]), U(() => {
-    if (!o) return;
-    function n(t) {
-      var s, c;
-      const l = t.target;
-      (s = g.current) != null && s.contains(l) || (c = j.current) != null && c.contains(l) || w(!1);
+    var r = d ? s : Math.max(L != null ? L : 0, s);
+    o.forEach(function (t) {
+      t.style.width = r ? "".concat(r, "px") : "";
+    }), r !== L && J(r || void 0);
+  }, [c, b]), Y(function () {
+    if (!c) return;
+    function d(s) {
+      var r, t;
+      var a = s.target;
+      (r = v.current) != null && r.contains(a) || (t = N.current) != null && t.contains(a) || p(!1);
     }
-    function e() {
-      w(!1);
+    function o() {
+      p(!1);
     }
-    return document.addEventListener("mousedown", n), document.addEventListener("scroll", e, !0), window.addEventListener("resize", C), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", C);
+    return document.addEventListener("mousedown", d), document.addEventListener("scroll", o, !0), window.addEventListener("resize", x), function () {
+      document.removeEventListener("mousedown", d), document.removeEventListener("scroll", o, !0), window.removeEventListener("resize", x);
     };
-  }, [o, C]);
-  const O = H(a, p), W = O.length > 0, G = W ? O.map((n) => n.label).join(" / ") : null, V = te(a, b);
-  function I(n, e) {
-    var l;
-    if (e.disabled) return;
-    const t = b.slice(0, n + 1);
-    if (t[n] = e.value, y(t), !((l = e.children) != null && l.length)) {
-      const s = H(a, t);
-      d == null || d(t, s), w(!1);
+  }, [c, x]);
+  var k = I(l, e),
+    P = k.length > 0,
+    V = P ? k.map(function (d) {
+      return d.label;
+    }).join(" / ") : null,
+    $ = ie(l, b);
+  function K(d, o) {
+    var s;
+    if (o.disabled) return;
+    var r = b.slice(0, d + 1);
+    if (r[d] = o.value, B(r), !((s = o.children) != null && s.length)) {
+      var t = I(l, r);
+      n == null || n(r, t), p(!1);
     }
   }
-  function J() {
-    y(p), w(!0);
+  function Q() {
+    B(e), p(!0);
   }
-  const K = [
-    "bu-category-dropdown__trigger",
-    o ? "bu-category-dropdown__trigger--open" : "",
-    W ? "bu-category-dropdown__trigger--has-value" : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ T(
-    "div",
-    {
-      ref: g,
-      className: `bu-category-dropdown${i ? ` ${i}` : ""}`,
-      style: m,
-      children: [
-        /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            className: K,
-            disabled: f,
-            onClick: () => o ? w(!1) : J(),
-            children: /* @__PURE__ */ r(
-              A,
-              {
-                text: G ?? h,
-                spanClassName: `bu-category-dropdown__trigger-label${W ? "" : " bu-category-dropdown__trigger-label--placeholder"}`,
-                wrapperStyle: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 8 },
-                getPopupContainer: N,
-                trailing: /* @__PURE__ */ r("span", { className: `bu-category-dropdown__trigger-chevron${o ? " bu-category-dropdown__trigger-chevron--open" : ""}`, children: /* @__PURE__ */ r(P, {}) })
-              }
-            )
-          }
-        ),
-        o && Z(
-          /* @__PURE__ */ r("div", { ref: j, style: D, className: "bu-category-dropdown__portal", children: /* @__PURE__ */ r("div", { className: "bu-category-dropdown__panel", ref: S, children: V.map((n, e) => {
-            const t = n.length > u, l = e === V.length - 1, s = [
-              "bu-category-dropdown__col",
-              e > 0 ? "bu-category-dropdown__col--indent" : "",
-              t ? "bu-category-dropdown__col--scrollable" : "",
-              l && e > 0 ? "bu-category-dropdown__col--last" : ""
-            ].filter(Boolean).join(" ");
-            return /* @__PURE__ */ T("div", { style: { display: "contents" }, children: [
-              e > 0 && /* @__PURE__ */ r("div", { className: "bu-category-dropdown__divider" }),
-              /* @__PURE__ */ r(
-                "div",
-                {
-                  className: s,
-                  style: B ? { width: B } : void 0,
-                  onMouseEnter: t ? (c) => c.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible") : void 0,
-                  onMouseLeave: t ? (c) => c.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible") : void 0,
-                  children: n.map((c) => {
-                    var v;
-                    const M = b[e] === c.value, _ = !!((v = c.children) != null && v.length), R = [
-                      "bu-category-dropdown__item",
-                      M && _ ? "bu-category-dropdown__item--selected-branch" : "",
-                      M && !_ ? "bu-category-dropdown__item--selected-leaf" : "",
-                      c.disabled ? "bu-category-dropdown__item--disabled" : ""
-                    ].filter(Boolean).join(" ");
-                    return /* @__PURE__ */ T(
-                      "button",
-                      {
-                        type: "button",
-                        className: R,
-                        disabled: c.disabled,
-                        onClick: () => I(e, c),
-                        children: [
-                          /* @__PURE__ */ r(
-                            A,
-                            {
-                              text: c.label,
-                              spanClassName: "bu-category-dropdown__item-label",
-                              wrapperStyle: { flex: 1, minWidth: 0, display: "block" },
-                              getPopupContainer: N
-                            }
-                          ),
-                          _ && /* @__PURE__ */ r("span", { className: "bu-category-dropdown__item-arrow", children: /* @__PURE__ */ r(ee, {}) })
-                        ]
-                      },
-                      c.value
-                    );
-                  })
-                }
-              )
-            ] }, e);
-          }) }) }),
-          document.body
-        )
-      ]
-    }
-  );
+  var U = ["bu-category-dropdown__trigger", c ? "bu-category-dropdown__trigger--open" : "", P ? "bu-category-dropdown__trigger--has-value" : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */M("div", {
+    ref: v,
+    className: "bu-category-dropdown".concat(u ? " ".concat(u) : ""),
+    style: _,
+    children: [/* @__PURE__ */i("button", {
+      type: "button",
+      className: U,
+      disabled: f,
+      onClick: function onClick() {
+        return c ? p(!1) : Q();
+      },
+      children: /* @__PURE__ */i(D, {
+        text: V != null ? V : h,
+        spanClassName: "bu-category-dropdown__trigger-label".concat(P ? "" : " bu-category-dropdown__trigger-label--placeholder"),
+        wrapperStyle: {
+          flex: 1,
+          minWidth: 0,
+          display: "flex",
+          alignItems: "center",
+          gap: 8
+        },
+        getPopupContainer: E,
+        trailing: /* @__PURE__ */i("span", {
+          className: "bu-category-dropdown__trigger-chevron".concat(c ? " bu-category-dropdown__trigger-chevron--open" : ""),
+          children: /* @__PURE__ */i(se, {})
+        })
+      })
+    }), c && q(/* @__PURE__ */i("div", {
+      ref: N,
+      style: F,
+      className: "bu-category-dropdown__portal",
+      children: /* @__PURE__ */i("div", {
+        className: "bu-category-dropdown__panel",
+        ref: w,
+        children: $.map(function (d, o) {
+          var s = d.length > g,
+            r = o === $.length - 1,
+            t = ["bu-category-dropdown__col", o > 0 ? "bu-category-dropdown__col--indent" : "", s ? "bu-category-dropdown__col--scrollable" : "", r && o > 0 ? "bu-category-dropdown__col--last" : ""].filter(Boolean).join(" ");
+          return /* @__PURE__ */M("div", {
+            style: {
+              display: "contents"
+            },
+            children: [o > 0 && /* @__PURE__ */i("div", {
+              className: "bu-category-dropdown__divider"
+            }), /* @__PURE__ */i("div", {
+              className: t,
+              style: L ? {
+                width: L
+              } : void 0,
+              onMouseEnter: s ? function (a) {
+                return a.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible");
+              } : void 0,
+              onMouseLeave: s ? function (a) {
+                return a.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible");
+              } : void 0,
+              children: d.map(function (a) {
+                var S;
+                var j = b[o] === a.value,
+                  O = !!((S = a.children) != null && S.length),
+                  R = ["bu-category-dropdown__item", j && O ? "bu-category-dropdown__item--selected-branch" : "", j && !O ? "bu-category-dropdown__item--selected-leaf" : "", a.disabled ? "bu-category-dropdown__item--disabled" : ""].filter(Boolean).join(" ");
+                return /* @__PURE__ */M("button", {
+                  type: "button",
+                  className: R,
+                  disabled: a.disabled,
+                  onClick: function onClick() {
+                    return K(o, a);
+                  },
+                  children: [/* @__PURE__ */i(D, {
+                    text: a.label,
+                    spanClassName: "bu-category-dropdown__item-label",
+                    wrapperStyle: {
+                      flex: 1,
+                      minWidth: 0,
+                      display: "block"
+                    },
+                    getPopupContainer: E
+                  }), O && /* @__PURE__ */i("span", {
+                    className: "bu-category-dropdown__item-arrow",
+                    children: /* @__PURE__ */i(ae, {})
+                  })]
+                }, a.value);
+              })
+            })]
+          }, o);
+        })
+      })
+    }), document.body)]
+  });
 }
-export {
-  ae as default
-};
+export { ve as default };