@pantograph/vue 0.26.0 → 0.27.0

package/dist/Tree.vue_vue_type_style_index_0_lang-i9HBxbnw.js

@@ -1,737 +0,0 @@
-import { computed as g, unref as s, defineComponent as Ie, useSlots as $e, createElementBlock as Se, openBlock as te, normalizeClass as Z, createCommentVNode as ke, createVNode as Fe, createBlock as _e, renderSlot as ze, withModifiers as Pe, withCtx as nt, normalizeProps as Te, guardReactiveProps as Re, createElementVNode as Ae, toDisplayString as rt, Fragment as lt, ref as X, watch as ue, nextTick as at, onMounted as st, onBeforeUnmount as it, h as ge, render as ct } from "vue";
-import { generateVariantClassList as D, normCls as Oe, getBemElement as O, getBemBlock as De, createOptionGetterFunc as A, getBemModifier as dt, usePCId as ut } from "@pantograph/utils";
-import { cva as Ce } from "class-variance-authority";
-import { isString as gt, uniq as xe, flattenDeep as pt, last as pe, cloneDeep as Me, omit as ft, isFunction as Ve } from "es-toolkit";
-import ht from "@pantograph/sortable";
-import { g as Ge } from "./options-Bh1s18jm.js";
-import { createContext as mt } from "reka-ui";
-import { useVirtualizer as yt } from "@tanstack/vue-virtual";
-import { _ as Ue } from "./IndentLevel.vue_vue_type_style_index_0_lang-CZ95qLkr.js";
-import { e as vt, v as bt, k as kt } from "./Icon.vue_vue_type_style_index_0_lang-26YK1SwL.js";
-import { _ as St } from "./Checkbox.vue_vue_type_style_index_0_lang-QBA04hd1.js";
-import { u as _t } from "./useInputDataStates-D-XvZURF.js";
-import { u as xt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
-import { _ as It } from "./ScrollContainer.vue_vue_type_style_index_0_lang-ioHY1esc.js";
-const Ct = (T, d) => {
-  let o;
-  const e = g(() => {
-    const m = o == null ? void 0 : o.value.getTotalSize();
-    return {
-      height: m ? `${m}px` : void 0,
-      position: "relative"
-    };
-  }), h = g(() => {
-    var y;
-    return {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      transform: `translateY(${((y = ((o == null ? void 0 : o.value.getVirtualItems()) ?? [])[0]) == null ? void 0 : y.start) - ((o == null ? void 0 : o.value.options.scrollMargin) ?? 0)}px)`
-    };
-  }), k = () => ({
-    scrollWrapperStyles: e,
-    containerStyles: h,
-    virtualScroll: o
-  }), v = (m) => {
-    const y = g(
-      () => ({
-        ...s(d),
-        ...s(m)
-      })
-    );
-    return o = yt(y), k();
-  };
-  return v(), {
-    init: v,
-    ...k()
-  };
-}, Bt = ["sm", "md", "lg"], Ee = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [wt, Kt] = mt("Tree"), Nt = ["data-key", "data-level", "data-draggable", "tabindex"], zt = /* @__PURE__ */ Ie({
-  ...Ge("TreeNode"),
-  __name: "TreeNode",
-  props: {
-    node: {}
-  },
-  setup(T) {
-    const d = T;
-    $e();
-    const o = wt(), e = Ce(o.prefixes.node, {
-      variants: {
-        disabled: D("disabled", o.prefixes.node),
-        active: D("active", o.prefixes.node)
-      }
-    }), h = (l) => o.getNodeChildren(l, !0, !1), k = g(() => h(d.node)), v = g(() => o.getNodeField(d.node, "leaf")), m = g(() => o.props.draggable ? o.getNodeField(d.node, "draggable") ?? !0 : !1), y = g(
-      () => !!(o.disabled.value || o.getNodeField(d.node, "disabled"))
-    ), K = g(() => d.node._dragging ?? !1), x = g(
-      () => !K.value && o.expandedKeys.value.includes(d.node._key)
-    ), oe = g(() => !K.value && !o.dragging.value && o.props.showLine ? B.value ? "all" : "before" : !1), N = g(() => o.getIsSelected(d.node)), j = g(() => o.getIsChecked(d.node)), E = (l) => o.onCheck(d.node, !!l), C = g(() => o.getLevel(d.node)), B = g(
-      () => {
-        var l, p;
-        return !!((l = k.value) != null && l.length || (p = o.props) != null && p.lazyLoad && !v.value);
-      }
-    ), n = g(() => ({
-      ...d.node,
-      selected: N.value,
-      checked: j.value,
-      disabled: y.value,
-      expanded: x.value,
-      unFocusable: !0
-    })), i = () => {
-      y.value || o.onSelect(d.node, !N.value);
-    };
-    return (l, p) => {
-      var b, f, z, M, W, ne, L;
-      return te(), Se("div", {
-        "data-key": (b = s(o).props) != null && b.draggable ? l.node._key : void 0,
-        "data-level": (f = s(o).props) != null && f.draggable ? C.value : void 0,
-        "data-draggable": (z = s(o).props) != null && z.draggable ? !y.value && m.value : void 0,
-        class: Z(
-          s(Oe)(
-            s(e)({
-              disabled: y.value,
-              active: N.value
-            }),
-            d.node.class ?? ""
-          )
-        ),
-        tabindex: s(o).props.focusable ? 0 : void 0,
-        onClick: i
-      }, [
-        (M = s(o).props) != null && M.draggable ? (te(), Se("span", {
-          key: 0,
-          class: Z(s(o).prefixes.draggable)
-        }, [
-          s(o).dragging.value ? ke("", !0) : (te(), _e(vt, {
-            key: 0,
-            icon: "tabler:grip-vertical",
-            size: s(o).iconSize.value,
-            class: Z(s(o).prefixes.draggableIcon)
-          }, null, 8, ["size", "class"]))
-        ], 2)) : ke("", !0),
-        Fe(Ue, {
-          level: C.value,
-          children: B.value,
-          size: s(o).indentSize.value,
-          expanded: x.value,
-          showLine: oe.value,
-          dir: s(o).props.dir,
-          class: Z(s(O)(s(o).prefixes.node, "indent")),
-          loading: s(o).getNodeField(l.node, "loading"),
-          "branch-icon": s(o).getNodeField(l.node, "switcherIcon") ?? ((W = s(o).props) == null ? void 0 : W.switcherIcon),
-          "no-rotate-branch": s(o).getNodeField(l.node, "noRotateSwitcherIcon") ?? ((ne = s(o).props) == null ? void 0 : ne.noRotateSwitcherIcon),
-          onToggleExpand: p[0] || (p[0] = Pe((G) => s(o).onExpandKey(d.node), ["stop"]))
-        }, {
-          default: nt(() => [
-            ze(l.$slots, "switcherIcon", Te(Re(n.value)))
-          ]),
-          _: 3
-        }, 8, ["level", "children", "size", "expanded", "showLine", "dir", "class", "loading", "branch-icon", "no-rotate-branch"]),
-        (L = s(o).props) != null && L.checkable ? (te(), _e(St, {
-          key: 1,
-          size: s(o).iconSize.value,
-          onClick: p[1] || (p[1] = Pe(() => {
-          }, ["stop"])),
-          modelValue: j.value,
-          "onUpdate:modelValue": E,
-          disabled: y.value
-        }, null, 8, ["size", "modelValue", "disabled"])) : ke("", !0),
-        ze(l.$slots, "default", Te(Re(n.value)), () => [
-          Ae("div", {
-            class: Z(s(O)(s(o).prefixes.node, "title"))
-          }, rt(s(o).getNodeField(d.node, "title")), 3)
-        ])
-      ], 10, Nt);
-    };
-  }
-}), ee = (T) => gt(T);
-function Pt({
-  getValue: T,
-  getDisabled: d,
-  arr: o,
-  getChildren: e
-}) {
-  const h = [], k = (v, m) => {
-    v.forEach((y) => {
-      const K = T(y);
-      if (ee(K)) {
-        const x = e(y);
-        h.push({
-          ...y,
-          _parentKeys: m,
-          _key: K,
-          _disabled: !!d(y),
-          _hasChildren: !!(x != null && x.length)
-        }), x != null && x.length && k(x, [...m ?? [], K]);
-      } else
-        throw "every node must provide a valid key";
-    });
-  };
-  return k(o), h;
-}
-const Tt = ({
-  getData: T,
-  getExpandedKeys: d,
-  getValue: o,
-  getDisabled: e,
-  getChildren: h
-}) => {
-  const k = g(
-    () => Pt({ arr: s(T()), getChildren: h, getValue: o, getDisabled: e })
-  ), v = g(() => {
-    const n = s(d());
-    return k.value.filter(
-      (i) => {
-        var l, p;
-        return !i._parentKeys || ((p = (l = i._parentKeys) == null ? void 0 : l.every) == null ? void 0 : p.call(l, (b) => n.includes(b)));
-      }
-    );
-  }), m = (n, i = !1, l = !0) => {
-    const p = o(n);
-    return !ee(p) || !n ? [] : k.value.filter((b) => {
-      var f;
-      if (i) {
-        const z = pe(b._parentKeys ?? []);
-        return z && z === p;
-      }
-      return (f = b._parentKeys) == null ? void 0 : f.includes(p);
-    }).filter((b) => b && (!l || !(b != null && b._disabled)));
-  }, y = () => k.value.filter((n) => !n._parentKeys), K = (n) => n ? m(n, !0, !1) : y(), x = (n) => ee(n) ? k.value.find((i) => i._key === n) : void 0, oe = (n) => {
-    const i = x(pe(n._parentKeys ?? []));
-    return K(i).findIndex((l) => l._key === n._key);
-  }, N = (n) => {
-    const i = s(n);
-    return i && bt(i) ? Me(i) : [];
-  }, j = (n, i) => {
-    const l = m(n);
-    if (l != null && l.length)
-      return l.some((p) => C(p, i, !1) === !0);
-  }, E = (n, i) => {
-    const l = m(n);
-    return l != null && l.length ? l.every((p) => C(p, i, !1) === !0) : !1;
-  }, C = (n, i, l = !1) => {
-    const p = N(i), b = o(n);
-    if (!l && !n._disabled && !p.includes(b)) {
-      const f = m(n);
-      if (f != null && f.length)
-        return E(n, i) ? !0 : j(n, i) ? "indeterminate" : !1;
-    }
-    return p.includes(b);
-  };
-  return {
-    flattenData: k,
-    visibleFlattenData: v,
-    getNodeChildren: m,
-    getNodeByValue: x,
-    getNodeIndexInScope: oe,
-    getChildrenOrRootNodes: K,
-    isSomeChildrenSelected: j,
-    isAllChildrenSelected: E,
-    isSelected: C,
-    getRootNodes: y,
-    selectValue: (n, i, l, p, b = !0) => {
-      let f = N(l);
-      if (ee(n._key) && !n._disabled)
-        if (b) {
-          if (i ? f.push(n._key) : f = f.filter((z) => n._key !== z), !p) {
-            const M = m(n).map((S) => S._key), W = f.map(x).filter((S) => S && S._parentKeys);
-            i || W.push(n);
-            const L = xe(
-              pt(W.map((S) => S._parentKeys))
-            ).filter((S) => ee(S) && S !== n._key).filter(ee).map(x).filter(Boolean), G = [], R = [];
-            L.forEach((S) => {
-              const V = o(S);
-              E(S, f) ? G.push(V) : R.push(V);
-            }), i ? G.push(...M) : R.push(...M), f.push(...G), f = f.filter((S) => !R.includes(S));
-          }
-        } else
-          i ? f = [n._key] : f = [];
-      return xe(f);
-    }
-  };
-}, Rt = ["sm", "md", "lg"], Vt = "sort_placeholder", Le = De("sort_placeholder"), Et = Ce(Le, {
-  variants: {
-    size: D(Rt, Le)
-  }
-}), Lt = /* @__PURE__ */ Ie({
-  __name: "TreePlaceholder",
-  props: {
-    level: {},
-    size: {},
-    indentSize: {},
-    branchIcon: {},
-    children: { type: Boolean }
-  },
-  setup(T) {
-    return (d, o) => (te(), Se(lt, null, [
-      Fe(s(Ue), {
-        level: d.level,
-        expanded: !1,
-        branchIcon: d.branchIcon,
-        children: d.children,
-        size: d.indentSize
-      }, null, 8, ["level", "branchIcon", "children", "size"]),
-      Ae("div", {
-        class: Z(s(Et)({ size: d.size }))
-      }, null, 2)
-    ], 64));
-  }
-}), je = {
-  "3xsm": 14,
-  // 700 x 2px = 14px
-  "2xsm": 16,
-  // 800 x 2px = 16px
-  xsm: 20,
-  // 1000 x 2px = 20px
-  sm: 24,
-  // 1200 x 2px = 24px
-  md: 32,
-  // 1600 x 2px = 32px
-  lg: 40,
-  // 20000 x 2px = 40px
-  xlg: 48,
-  // 2400 x 2px = 48px
-  "2xlg": 56
-  // 2800 x 2px = 56px
-}, Qt = Object.keys(je), Xt = /* @__PURE__ */ Ie({
-  ...Ge("Tree"),
-  __name: "Tree",
-  props: {
-    class: {},
-    size: { default: "md" },
-    gap: {},
-    dir: {},
-    data: {},
-    modelValue: {},
-    checkedKeys: {},
-    expandedKeys: {},
-    multiple: { type: Boolean },
-    checkable: { type: Boolean },
-    selectable: { type: Boolean },
-    defaultExpandAll: { type: Boolean },
-    showLine: { type: Boolean },
-    inlineNode: { type: Boolean },
-    lazyLoad: { type: Boolean },
-    getLoading: {},
-    getNoRotateSwitcherIcon: {},
-    getTitle: {},
-    getLeaf: {},
-    getDraggable: {},
-    getKey: {},
-    getSwitcherIcon: {},
-    getDisabled: {},
-    getChildren: {},
-    groupName: {},
-    sortableProps: {},
-    focusable: { type: Boolean, default: !0 },
-    checkStrictly: { type: Boolean, default: void 0 },
-    syncCheckboxAndSelect: { type: Boolean },
-    virtualScroll: { type: [Boolean, Function] },
-    scrollContainerProps: {},
-    switcherIcon: {},
-    noRotateSwitcherIcon: { type: Boolean },
-    draggable: { type: Boolean },
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "update:value", "update:expandedKeys", "update:checkedKeys", "expand", "select", "check", "dragStart", "dragEnd", "choose", "unchoose"],
-  setup(T, { expose: d, emit: o }) {
-    const e = T, h = o, k = $e(), v = De("tree"), m = O(v, "node"), y = O(m, "group"), K = O(m, "draggable"), x = O(K, "icon"), oe = O(y, "list"), N = {
-      node: m,
-      group: y,
-      draggable: K,
-      draggableIcon: x,
-      groupList: oe
-    }, j = Ce(v, {
-      variants: {
-        size: D(Bt, v),
-        gap: D(Ee, v),
-        selectable: D("selectable", v),
-        disabled: D("disabled", v),
-        inlineNode: D("inline-node", v),
-        dragging: D("dragging", v)
-      }
-    }), E = {
-      getLoading: A({
-        key: "loading",
-        getter: e.getLoading,
-        noReturnOption: !0
-      }),
-      getNoRotateSwitcherIcon: A({
-        key: "noRotateSwitcherIcon",
-        getter: e.getNoRotateSwitcherIcon,
-        noReturnOption: !0
-      }),
-      getTitle: A({
-        key: "title",
-        getter: e.getTitle,
-        noReturnOption: !0
-      }),
-      getLeaf: A({
-        key: "leaf",
-        getter: e.getLeaf,
-        noReturnOption: !0
-      }),
-      getDraggable: A({
-        key: "draggable",
-        getter: e.getDraggable,
-        noReturnOption: !0
-      }),
-      getKey: A({
-        key: "key",
-        getter: e.getKey,
-        noReturnOption: !0
-      }),
-      getSwitcherIcon: A({
-        key: "switcherIcon",
-        getter: e.getSwitcherIcon,
-        noReturnOption: !0
-      }),
-      getDisabled: A({
-        key: "disabled",
-        getter: e.getDisabled,
-        noReturnOption: !0
-      }),
-      getChildren: A({
-        key: "children",
-        getter: e.getChildren,
-        noReturnOption: !0
-      })
-    }, C = (t, a) => {
-      var I;
-      const c = `get${a[0].toUpperCase() + a.slice(1)}`;
-      return (I = E[c]) == null ? void 0 : I.call(E, t);
-    }, B = X(e.expandedKeys ?? []), {
-      flattenData: n,
-      visibleFlattenData: i,
-      getNodeByValue: l,
-      getChildrenOrRootNodes: p,
-      getNodeIndexInScope: b,
-      isSelected: f,
-      getNodeChildren: z,
-      selectValue: M,
-      getRootNodes: W
-    } = Tt({
-      getData: () => e.data,
-      getExpandedKeys: () => B,
-      getValue: (t) => C(t, "key"),
-      getDisabled: (t) => C(t, "disabled"),
-      getChildren: (t) => C(t, "children")
-    }), ne = () => n.value.filter((t) => t == null ? void 0 : t._hasChildren).map((t) => t._key);
-    let L = !1;
-    ue(
-      () => [e.defaultExpandAll, e.expandedKeys],
-      ([t, a], c) => {
-        L || (L = !0, a !== (c == null ? void 0 : c[1]) ? B.value = e.expandedKeys ?? [] : t && !(c != null && c[0]) && (B.value = ne()), at(() => L = !1));
-      },
-      { deep: !0, immediate: !0 }
-    ), ue(
-      B,
-      (t) => {
-        !L && t !== e.expandedKeys && h("update:expandedKeys", t);
-      },
-      { deep: !0 }
-    );
-    const G = X(e.modelValue ?? []);
-    ue(
-      () => e.modelValue,
-      () => {
-        G.value = e.modelValue ?? [], e.syncCheckboxAndSelect && (V.value = e.modelValue ?? []);
-      },
-      { deep: !0 }
-    );
-    const R = g({
-      get() {
-        return G.value;
-      },
-      set(t) {
-        t && (e.modelValue || (G.value = t), h("update:modelValue", t), h("update:value", t));
-      }
-    }), S = X(e.checkedKeys ?? []);
-    ue(
-      () => e.checkedKeys,
-      () => {
-        S.value = e.checkedKeys ?? [], e.syncCheckboxAndSelect && (R.value = e.checkedKeys ?? []);
-      },
-      { deep: !0 }
-    );
-    const V = g({
-      get() {
-        return S.value;
-      },
-      set(t) {
-        e.checkedKeys || (S.value = t), h("update:checkedKeys", t);
-      }
-    }), { getDisabled: se, getSize: Q } = _t(), We = (t) => !!f(t, R, !0), qe = (t) => f(t, V, e.checkStrictly), Ye = (t, a) => {
-      if (e.selectable && !se.value) {
-        const c = M(
-          t,
-          a,
-          R,
-          !!(e.syncCheckboxAndSelect ? e.checkStrictly : e.checkStrictly !== !1),
-          e.multiple
-        );
-        R.value = c, h("select", t, a, c), e.syncCheckboxAndSelect && (V.value = c, h("check", t, a, c));
-      }
-    }, He = (t, a) => {
-      if (e.checkable && !se.value) {
-        const c = M(t, a, V, !!e.checkStrictly);
-        V.value = c, h("check", t, a, V.value), e.syncCheckboxAndSelect && (R.value = c, h("select", t, a, c));
-      }
-    }, ie = (t) => {
-      let a = !0;
-      const c = C(t, "key");
-      let I = Me(B.value);
-      I.includes(c) ? (I = I.filter((q) => q !== c), a = !1) : (I = xe([...I, c]), a = !0), B.value = I, h("expand", t, a);
-    }, fe = g(() => {
-      if (e.gap) {
-        if (typeof e.gap == "number") return `${e.gap}px`;
-        if (!Object.keys(Ee).includes(e.gap)) return e.gap;
-      }
-    }), ce = X(!1), { getDir: Je } = xt(), he = Je(), Be = g(() => {
-      switch (Q.value) {
-        case "sm":
-          return "2xsm";
-        case "lg":
-          return "sm";
-        default:
-          return "xsm";
-      }
-    }), Qe = g(() => Q.value === "sm" ? "2xsm" : "xsm"), we = (t) => {
-      var a;
-      return (((a = t == null ? void 0 : t._parentKeys) == null ? void 0 : a.length) ?? 0) + 1;
-    };
-    Kt({
-      iconSize: Qe,
-      disabled: se,
-      props: e,
-      expandedKeys: B,
-      model: R,
-      dir: he,
-      checked: V,
-      onExpandKey: ie,
-      onSelect: Ye,
-      onCheck: He,
-      getNodeChildren: z,
-      getNodeField: C,
-      getIsSelected: We,
-      getIsChecked: qe,
-      getLevel: we,
-      dragging: ce,
-      indentSize: Be,
-      prefixes: N
-    });
-    const me = X();
-    if (e.draggable) {
-      let t, a;
-      const c = (w) => {
-        const u = w.getAttribute("data-key");
-        if (u) return l(u);
-      }, I = dt(O(v, "dragging_item"), Q.value), q = () => {
-        var w;
-        (w = t == null ? void 0 : t.destroy) == null || w.call(t), t = void 0;
-      };
-      st(async () => {
-        let w, u, Y, le, $;
-        const be = (r) => ({
-          ...r,
-          node: u,
-          oldParents: Y,
-          newParents: le,
-          oldIndex: w,
-          oldDraggableIndex: w,
-          newIndex: $,
-          newDraggableIndex: $
-        }), Ne = (r, H) => {
-          if (r) {
-            const P = () => {
-              const de = we(u), _ = !!(u != null && u._hasChildren);
-              return {
-                size: Q.value,
-                level: de,
-                children: _,
-                indentSize: Be.value,
-                branchIcon: (u ? C(u, "switcherIcon") ?? (e == null ? void 0 : e.switcherIcon) : e == null ? void 0 : e.switcherIcon) ?? "tabler:chevron-left"
-              };
-            }, F = document.createElement("div"), J = r.getBoundingClientRect();
-            F.style.width = J.width ? `${J.width}px` : "100%", F.style.height = J.height ? `${J.height}px` : "100%", F.classList.add(O(v, Vt));
-            const ae = P();
-            return H && (ae.level = H), ct(ge(Lt, ae), F), F;
-          }
-        };
-        t ? q() : me.value && (t = new ht(me.value, {
-          ...ft(e.sortableProps || {}, ["onMove"]),
-          group: Ve(e.groupName) ? e.groupName() : e.groupName ?? ut(v),
-          filter: "[data-draggable=false]",
-          tree: !0,
-          draggable: `.${N.node}`,
-          handle: `.${N.node} .${N.draggable} .${N.draggableIcon}`,
-          dataIdAttr: "data-key",
-          dragClass: I,
-          onChoose(r) {
-            var H;
-            if (u = c(r == null ? void 0 : r.item), Y = (H = u == null ? void 0 : u._parentKeys) == null ? void 0 : H.map(l).filter(Boolean), u) {
-              if (Y != null && Y.length) {
-                const P = pe(Y);
-                P && (w = z(P, !0, !1).findIndex(
-                  (F) => F._key === u._key
-                ));
-              } else
-                w = W().findIndex((P) => P._key === u._key);
-              u._dragging = !0;
-            }
-            h("choose", r);
-          },
-          onUnchoose(r) {
-            u && (u._dragging = !1), h("unchoose", r);
-          },
-          onStart(r) {
-            u != null && u._key && B.value.includes(u._key) && (a = u, ie(a)), ce.value = !0, h("dragStart", be(r));
-          },
-          onEnd(r) {
-            ce.value = !1, a && (ie(a), a = void 0), h("dragEnd", be(r)), w = Y = $ = le = u = void 0;
-          },
-          onMove(r, H) {
-            var J, ae, de;
-            if ($ = le = void 0, r.draggedTreeItemParent) {
-              const _ = c(r == null ? void 0 : r.draggedTreeItemParent);
-              _ && (le = [
-                ...((J = _ == null ? void 0 : _._parentKeys) == null ? void 0 : J.map(l).filter(Boolean)) ?? [],
-                _
-              ], (ae = z(_, !0, !1)) != null && ae.length && !B.value.includes(_._key) && ie(_));
-            }
-            const P = r.draggedTreeItemLevel ?? 1;
-            if (!r.draggedTreeItemBefore) $ = 0;
-            else if (r.draggedTreeItemBefore) {
-              if (r.draggedTreeItemBefore.level === P) {
-                const _ = c(r.draggedTreeItemBefore);
-                _ && ($ = b(_) + 1);
-              } else if (r.draggedTreeItemBefore.level < P)
-                $ = 0;
-              else if (r.draggedTreeItemBefore.level > P) {
-                if (!r.draggedTreeItemAfter || r.draggedTreeItemAfter.level < P) {
-                  const _ = pe(le ?? []);
-                  $ = p(_).length;
-                } else if (r.draggedTreeItemAfter.level === P) {
-                  const _ = c(r.draggedTreeItemAfter);
-                  _ && ($ = b(_));
-                }
-              }
-            }
-            const F = be(r);
-            Ve((de = e.sortableProps) == null ? void 0 : de.onMove) && e.sortableProps.onMove(F, H);
-          },
-          getPlaceholder(r) {
-            return Ne(r == null ? void 0 : r.item);
-          },
-          getPlaceholderOnMove(r) {
-            return Ne(r == null ? void 0 : r.dragged, r.draggedTreeItemLevel || 1);
-          }
-        }));
-      }), it(q);
-    }
-    const ye = X(), Xe = {
-      none: 0,
-      sm: 4,
-      md: 6,
-      lg: 8
-    }, Ke = g(() => ({
-      get count() {
-        return i.value.length ?? 0;
-      },
-      getScrollElement: () => {
-        var t;
-        return (t = ye.value) == null ? void 0 : t.container.viewportElement;
-      },
-      estimateSize: () => je[e.size] ?? 32,
-      overscan: 5,
-      get gap() {
-        return Xe[fe.value] ?? fe.value ?? 0;
-      }
-    }));
-    let re, U;
-    if (e.virtualScroll)
-      if (typeof e.virtualScroll == "function") {
-        const { virtualScroll: t, ...a } = e.virtualScroll(
-          Ke
-        );
-        re = t, U = a;
-      } else {
-        const { init: t } = Ct(!0, Ke), { virtualScroll: a, ...c } = t();
-        re = a, U = c;
-      }
-    const Ze = g(() => (U == null ? void 0 : U.scrollWrapperStyles.value) ?? {}), et = g(() => (U == null ? void 0 : U.containerStyles.value) ?? {}), tt = g(
-      () => {
-        var t;
-        return (((t = re == null ? void 0 : re.value) == null ? void 0 : t.getVirtualItems()) ?? []).map(
-          (a) => i.value[a.index]
-        );
-      }
-    ), ot = () => {
-      var a;
-      const t = () => {
-        const c = () => {
-          var ve;
-          const I = e.virtualScroll ? tt.value : i.value, q = (ve = k.default) == null ? void 0 : ve.call(k, {
-            items: I
-          });
-          return kt(q) ? I.map(
-            (w) => ge(
-              zt,
-              { key: w._key, node: w },
-              {
-                default: k.node,
-                switcherIcon: k.switcherIcon
-              }
-            )
-          ) : q;
-        };
-        return ge(
-          "div",
-          {
-            dir: he.value,
-            role: "tree",
-            class: Oe(
-              j({
-                size: Q.value,
-                gap: e.gap ?? Q.value,
-                selectable: e.selectable,
-                disabled: se.value,
-                inlineNode: e.inlineNode,
-                dragging: ce.value
-              }),
-              e.class
-            ),
-            style: {
-              "--ptc-tree-gap": fe.value,
-              ...e.virtualScroll ? et.value : {}
-            },
-            ref: me
-          },
-          c()
-        );
-      };
-      return e.virtualScroll ? ge(
-        It,
-        {
-          ...e.scrollContainerProps,
-          ref: ye,
-          dir: he.value,
-          wrapProps: { ...((a = e.scrollContainerProps) == null ? void 0 : a.wrapProps) ?? {}, style: Ze.value }
-        },
-        t
-      ) : t();
-    };
-    return d({
-      scrollContainerRef: ye
-    }), (t, a) => (te(), _e(ot));
-  }
-});
-export {
-  Bt as T,
-  Xt as _,
-  zt as a,
-  Ee as b,
-  Qt as c,
-  wt as i,
-  Kt as p,
-  je as s
-};