@kong/kongponents 9.48.10-pr.3042.f75d935.0 → 9.49.1-pr.3042.f75d935.0

package/dist/kongponents.es225.js

@@ -1,7 +1,7 @@
-import u from "./kongponents.es324.js";
-import i from "./kongponents.es321.js";
-import m from "./kongponents.es325.js";
-import a from "./kongponents.es326.js";
+import u from "./kongponents.es313.js";
+import i from "./kongponents.es310.js";
+import m from "./kongponents.es314.js";
+import a from "./kongponents.es315.js";
 function y(r, n) {
   if (r == null)
     return {};

package/dist/kongponents.es226.js

@@ -1,104 +1,9 @@
-import { defineComponent as r, ref as s, computed as v, onMounted as d, watch as f, onUnmounted as p, Comment as F, cloneVNode as O } from "vue";
-import { createFocusTrap as b } from "./kongponents.es265.js";
-/*!
-  * focus-trap-vue v4.0.3
-  * (c) 2025 Eduardo San Martin Morote
-  * @license MIT
-  */
-const D = {
-  escapeDeactivates: {
-    type: Boolean,
-    default: !0
-  },
-  returnFocusOnDeactivate: {
-    type: Boolean,
-    default: !0
-  },
-  allowOutsideClick: {
-    type: [Boolean, Function],
-    default: !0
-  },
-  clickOutsideDeactivates: [Boolean, Function],
-  initialFocus: [String, Function, Boolean],
-  fallbackFocus: [String, Function],
-  checkCanFocusTrap: Function,
-  checkCanReturnFocus: Function,
-  delayInitialFocus: {
-    type: Boolean,
-    default: !0
-  },
-  document: Object,
-  preventScroll: Boolean,
-  setReturnFocus: [Object, String, Boolean, Function],
-  tabbableOptions: Object
-}, T = r({
-  name: "FocusTrap",
-  props: Object.assign({
-    active: {
-      // TODO: could be options for activate but what about the options for deactivating?
-      type: Boolean,
-      default: !0
-    }
-  }, D),
-  emits: [
-    "update:active",
-    "activate",
-    "postActivate",
-    "deactivate",
-    "postDeactivate"
-  ],
-  render() {
-    return this.renderImpl();
-  },
-  setup(a, { slots: o, emit: n }) {
-    let t;
-    const i = s(null), c = v(() => {
-      const e = i.value;
-      return e && (e instanceof HTMLElement ? e : e.$el);
-    });
-    function u() {
-      return t || (t = b(c.value, {
-        escapeDeactivates: a.escapeDeactivates,
-        allowOutsideClick: a.allowOutsideClick,
-        returnFocusOnDeactivate: a.returnFocusOnDeactivate,
-        clickOutsideDeactivates: a.clickOutsideDeactivates,
-        onActivate: () => {
-          n("update:active", !0), n("activate");
-        },
-        onDeactivate: () => {
-          n("update:active", !1), n("deactivate");
-        },
-        onPostActivate: () => n("postActivate"),
-        onPostDeactivate: () => n("postDeactivate"),
-        initialFocus: a.initialFocus,
-        fallbackFocus: a.fallbackFocus,
-        tabbableOptions: a.tabbableOptions,
-        delayInitialFocus: a.delayInitialFocus,
-        preventScroll: a.preventScroll
-      }));
-    }
-    return d(() => {
-      f(() => a.active, (e) => {
-        e && c.value ? u().activate() : t && (t.deactivate(), (!c.value || c.value.nodeType === Node.COMMENT_NODE) && (t = null));
-      }, { immediate: !0, flush: "post" });
-    }), p(() => {
-      t && t.deactivate(), t = null;
-    }), {
-      activate() {
-        u().activate();
-      },
-      deactivate() {
-        t && t.deactivate();
-      },
-      renderImpl() {
-        if (!o.default)
-          return null;
-        const e = o.default().filter((l) => l.type !== F);
-        return !e || !e.length || e.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), e) : O(e[0], { ref: i });
-      }
-    };
-  }
-});
+import o from "./kongponents.es227.js";
+import { getMaximumDepth as _ } from "./kongponents.es227.js";
+/* empty css                  */
+import r from "./kongponents.es74.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4f310da0"]]);
 export {
-  T as FocusTrap
+  m as default,
+  _ as getMaximumDepth
 };

package/dist/kongponents.es227.js

@@ -1,319 +1,191 @@
-import { defineComponent as ie, ref as Z, computed as W, onMounted as ye, onUnmounted as oe, watch as _, createVNode as J, isVNode as ae, mergeProps as be } from "vue";
-const C = null, { min: F, max: P, abs: se, floor: ge } = Math, ue = (e, t, n) => F(n, P(t, e)), ce = (e) => [...e].sort(((t, n) => t - n)), we = typeof queueMicrotask == "function" ? queueMicrotask : (e) => {
-  Promise.resolve().then(e);
-}, $ = () => {
-  let e;
-  return [new Promise(((t) => {
-    e = t;
-  })), e];
-}, ee = (e) => {
-  let t;
-  return () => (e && (t = e(), e = void 0), t);
-}, U = (e, t, n) => {
-  const i = n ? "unshift" : "push";
-  for (let p = 0; p < t; p++) e[i](-1);
-  return e;
-}, G = (e, t) => {
-  const n = e.t[t];
-  return n === -1 ? e.o : n;
-}, ke = (e, t, n) => {
-  const i = e.t[t] === -1;
-  return e.t[t] = n, e.i = F(t, e.i), i;
-}, K = (e, t) => {
-  if (!e.l) return 0;
-  if (e.i >= t) return e.u[t];
-  e.i < 0 && (e.u[0] = 0, e.i = 0);
-  let n = e.i, i = e.u[n];
-  for (; n < t; ) i += G(e, n), e.u[++n] = i;
-  return e.i = t, i;
-}, V = (e, t, n = 0, i = e.l - 1) => {
-  for (; n <= i; ) {
-    const p = ge((n + i) / 2), v = K(e, p);
-    if (v <= t) {
-      if (v + G(e, p) > t) return p;
-      n = p + 1;
-    } else i = p - 1;
-  }
-  return ue(n, 0, e.l - 1);
-}, le = (e, t, n) => {
-  const i = t - e.l;
-  return e.i = n ? -1 : F(t - 1, e.i), e.l = t, i > 0 ? (U(e.u, i), U(e.t, i, n), e.o * i) : (e.u.splice(i), (n ? e.t.splice(0, -i) : e.t.splice(i)).reduce(((p, v) => p - (v === -1 ? e.o : v)), 0));
-}, Oe = typeof window < "u", fe = () => document.documentElement, Ae = (e) => e.ownerDocument, Se = (e) => e.defaultView, de = /* @__PURE__ */ ee((() => !!Oe && getComputedStyle(fe()).direction === "rtl")), pe = /* @__PURE__ */ ee((() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 0)), Ee = /* @__PURE__ */ ee((() => "scrollBehavior" in fe().style)), xe = (e, t = 40, n = 4, i = 0, p, v = !1) => {
-  let y = !!i, s = 1, d = 0, b = 0, m = 0, A = 0, x = 0, q = 0, M = 0, T = 0, L = y ? [0, P(i - 1, 0)] : C, r = [0, 0], f = 0;
-  const a = ((o, l) => ({ o: l, t: U([], o), l: o, i: -1, u: U([], o) }))(e, t), g = /* @__PURE__ */ new Set(), B = () => m - b, k = () => B() + x + A, c = (o) => ((l, S, D, w) => {
-    if (w = F(w, l.l - 1), K(l, w) <= S) {
-      const z = V(l, S + D, w);
-      return [V(l, S, w, z), z];
-    }
-    {
-      const z = V(l, S, void 0, w);
-      return [z, V(l, S + D, z)];
-    }
-  })(a, o, d, r[0]), h = () => ((o) => o.l ? K(o, o.l - 1) + G(o, o.l - 1) : 0)(a), N = (o) => K(a, o) - x, u = (o) => G(a, o), j = (o, l = -1) => a.t[o] === l, R = (o) => {
-    o && (pe() && M !== 0 || L && T === 1 ? x += o : A += o);
-  };
-  return { p: () => s, m: () => ((o) => [o.t.slice(), o.o])(a), h: () => {
-    let o, l;
-    return q ? [o, l] = r : ([o, l] = r = c(P(0, k())), L && (o = F(o, L[0]), l = P(l, L[1]))), M !== 1 && (o -= P(0, n)), M !== 2 && (l += P(0, n)), [P(o, 0), F(l, a.l - 1)];
-  }, v: () => V(a, k()), S: () => V(a, k() + d), I: j, k: N, O: u, j: () => a.l, T: () => m, q: () => M !== 0, B: () => d, M: () => b, N: h, P: () => (q = A, A = 0, [q, T === 2]), R: (o, l) => {
-    const S = [o, l];
-    return g.add(S), () => {
-      g.delete(S);
-    };
-  }, A: (o, l) => {
-    let S, D, w = 0;
-    switch (o) {
-      case 1: {
-        const z = q;
-        q = 0;
-        const O = l - m, E = se(O);
-        z && E < se(z) + 1 || T !== 0 || (M = O < 0 ? 2 : 1), y && (L = C, y = !1), m = l, w = 4;
-        const I = B();
-        I >= -d && I <= h() && (w += 1, D = E > d);
-        break;
-      }
-      case 2:
-        w = 8, M !== 0 && (S = !0, w += 1), M = 0, T = 0, L = C;
-        break;
-      case 3: {
-        const z = l.filter((([O, E]) => !j(O, E)));
-        if (!z.length) break;
-        R(z.reduce(((O, [E, I]) => ((T === 2 || (L && T === 1 ? E < L[0] : N(E) + (M === 0 && T === 0 ? u(E) : 0) < B())) && (O += I - u(E)), O)), 0));
-        for (const [O, E] of z) {
-          const I = u(O), X = ke(a, O, E);
-          v && (f += X ? E : E - I);
-        }
-        v && d && f > d && (R(((O, E) => {
-          let I = 0;
-          const X = [];
-          O.t.forEach(((ne, me) => {
-            ne !== -1 && (X.push(ne), me < E && I++);
-          })), O.i = -1;
-          const Y = ce(X), re = Y.length, H = re / 2 | 0, ve = re % 2 == 0 ? (Y[H - 1] + Y[H]) / 2 : Y[H], he = O.o;
-          return ((O.o = ve) - he) * P(E - I, 0);
-        })(a, V(a, k()))), v = !1), w = 3, D = !0;
-        break;
-      }
-      case 4:
-        d !== l && (d = l, w = 3);
-        break;
-      case 5:
-        l[1] ? (R(le(a, l[0], !0)), T = 2, w = 1) : (le(a, l[0]), w = 1);
-        break;
-      case 6:
-        b = l;
-        break;
-      case 7:
-        T = 1;
-        break;
-      case 8:
-        L = c(l), w = 1;
-    }
-    w && (s = 1 + (2147483647 & s), S && x && (A += x, x = 0), g.forEach((([z, O]) => {
-      w & z && O(D);
-    })));
-  } };
-}, te = setTimeout, Q = (e, t) => t && de() ? -e : e, Be = (e, t, n, i, p, v) => {
-  const y = Date.now;
-  let s = 0, d = !1, b = !1, m = !1, A = !1;
-  const x = (() => {
-    let r;
-    const f = () => {
-      r != C && clearTimeout(r);
-    }, a = () => {
-      f(), r = te((() => {
-        r = C, (() => {
-          if (d || b) return d = !1, void x();
-          m = !1, e.A(2);
-        })();
-      }), 150);
+import { defineComponent as H, ref as g, computed as S, useTemplateRef as Q, watch as U, onMounted as W, nextTick as I, resolveComponent as X, createBlock as b, openBlock as s, unref as Y, mergeProps as Z, withCtx as c, createElementBlock as $, Fragment as _, renderList as ee, normalizeClass as L, withDirectives as le, createSlots as B, renderSlot as h, createTextVNode as ae, toDisplayString as te, vShow as ne } from "vue";
+import { VueDraggableNext as ie } from "./kongponents.es362.js";
+import oe from "./kongponents.es363.js";
+const T = ({ children: a = [] }) => a.length === 0 ? 0 : 1 + Math.max(...a.map(T)), ce = /* @__PURE__ */ H({
+  __name: "KTreeDraggable",
+  props: {
+    items: {},
+    disableDrag: { type: Boolean },
+    filter: { type: [String, Function] },
+    maxDepth: {},
+    level: { default: 0 },
+    parentId: {},
+    hideIcons: { type: Boolean },
+    group: {},
+    collapsible: { type: Boolean },
+    initialCollapseAll: { type: Boolean }
+  },
+  emits: ["change", "child-change", "selected"],
+  setup(a, { expose: A, emit: w }) {
+    const d = w, v = g(0), n = g([]), M = {
+      tag: "div",
+      // Note: force-fallback: true is required to override cursor when dragging
+      "force-fallback": !0,
+      animation: "100",
+      draggable: ".tree-item-container",
+      "item-key": "id",
+      "ghost-class": "tree-item-dragged",
+      "drag-class": "tree-item-grabbing",
+      class: "child-drop-zone",
+      "fallback-tolerance": 10
+    }, m = g(!1), p = S(() => [".tree-item-expanded-button", ...(typeof a.filter == "function" ? a.filter() : a.filter).split(",").map((l) => l.trim()).filter(Boolean)].join(", ")), y = (e) => {
+      var l, i, t;
+      return !((t = (i = (l = n.value.filter((o) => o.id === e.id)) == null ? void 0 : l[0]) == null ? void 0 : i.children) != null && t.length);
+    }, N = (e) => e.children || [], V = (e) => {
+      a.parentId ? d("child-change", {
+        parentId: a.parentId,
+        children: n.value,
+        target: (e == null ? void 0 : e.added) || (e == null ? void 0 : e.removed) || (e == null ? void 0 : e.moved)
+      }) : d("change", {
+        items: n.value,
+        target: (e == null ? void 0 : e.added) || (e == null ? void 0 : e.removed) || (e == null ? void 0 : e.moved)
+      });
+    }, K = (e) => {
+      d("child-change", e);
+    }, E = (e) => {
+      d("selected", e);
+    }, r = g(/* @__PURE__ */ new Map()), F = (e, l) => {
+      r.value.set(l, e);
+    }, O = (e) => a.collapsible ? !!r.value.get(e) : !0, f = Q("tree-items"), z = () => {
+      var e;
+      n.value.forEach((l) => {
+        r.value.set(l.id, !1);
+      }), (e = f.value) == null || e.forEach((l) => {
+        l == null || l.setExpandedValue(!1);
+      });
+    }, J = () => {
+      var e;
+      n.value.forEach((l) => {
+        r.value.set(l.id, !0);
+      }), (e = f.value) == null || e.forEach((l) => {
+        l == null || l.setExpandedValue(!0);
+      });
+    }, R = S(() => a.level > a.maxDepth - 1), j = (e) => {
+      var u, D, x, k;
+      const l = ((D = (u = e.relatedContext) == null ? void 0 : u.component) == null ? void 0 : D.$attrs.level) || 0, i = (x = e.draggedContext) == null ? void 0 : x.element;
+      let t = 0;
+      return (k = i.children) != null && k.length && (t = T(i)), !(l + t > a.maxDepth - 1);
+    }, P = (e) => {
+      var t, o;
+      const l = ((o = (t = e.item) == null ? void 0 : t._underlying_vm_) == null ? void 0 : o.id) || "", i = n.value.find((u) => u.id === l);
+      m.value = !0, i && d("selected", i), C(!0);
+    }, q = async () => {
+      var e;
+      m.value = !1, C(!1), v.value++, await I(), (e = f.value) == null || e.forEach((l) => {
+        l == null || l.setExpandedValue(r.value.get(l == null ? void 0 : l.id));
+      });
+    }, C = (e) => {
+      const l = document == null ? void 0 : document.getElementsByTagName("html").item(0);
+      l && l.classList.toggle("tree-list-grabbing", e);
     };
-    return a.H = f, a;
-  })(), q = () => {
-    s = y(), m && (A = !0), e.A(1, i()), x();
-  }, M = (r) => {
-    if (d || !e.q() || r.ctrlKey) return;
-    const f = y() - s;
-    150 > f && 50 < f && (n ? r.deltaX : r.deltaY) && (d = !0);
-  }, T = () => {
-    b = !0, m = A = !1;
-  }, L = () => {
-    b = !1, pe() && (m = !0);
-  };
-  return t.addEventListener("scroll", q), t.addEventListener("wheel", M, { passive: !0 }), t.addEventListener("touchstart", T, { passive: !0 }), t.addEventListener("touchend", L, { passive: !0 }), { V: () => {
-    t.removeEventListener("scroll", q), t.removeEventListener("wheel", M), t.removeEventListener("touchstart", T), t.removeEventListener("touchend", L), x.H();
-  }, C: () => {
-    const [r, f] = e.P();
-    r && (p(Q(r, n), f, A), A = !1, f && e.B() > e.N() && e.A(1, i()));
-  } };
-}, je = (e, t, n) => {
-  let i;
-  return [async (p, v) => {
-    if (!await t()) return;
-    i && i();
-    const y = () => {
-      const [s, d] = $();
-      return i = () => {
-        d(!1);
-      }, e.B() && te(i, 150), [s, e.R(2, (() => {
-        d(!0);
-      }))];
+    U(() => a.items, (e, l) => {
+      JSON.stringify(e) !== JSON.stringify(l) && (n.value = e, n.value.forEach((i) => {
+        i.children || (i.children = []);
+      }));
+    });
+    const G = () => {
+      n.value.forEach((e) => {
+        r.value.set(e.id, !a.initialCollapseAll);
+      });
     };
-    if (v && Ee()) e.A(8, p()), we((async () => {
-      for (; ; ) {
-        let s = !0;
-        for (let [m, A] = e.h(); m <= A; m++) if (e.I(m)) {
-          s = !1;
-          break;
-        }
-        if (s) break;
-        const [d, b] = y();
-        try {
-          if (!await d) return;
-        } finally {
-          b();
-        }
-      }
-      e.A(7), n(p(), v);
-    }));
-    else for (; ; ) {
-      const [s, d] = y();
-      try {
-        if (e.A(7), n(p()), !await s) return;
-      } finally {
-        d();
-      }
-    }
-  }, () => {
-    i && i();
-  }];
-}, qe = (e) => {
-  let t;
-  return { F(n) {
-    (t || (t = new (Se(Ae(n))).ResizeObserver(e))).observe(n);
-  }, J(n) {
-    t.unobserve(n);
-  }, V() {
-    t && t.disconnect();
-  } };
-}, Me = /* @__PURE__ */ ie({ props: { L: { type: Object, required: !0 }, W: { type: Object, required: !0 }, X: { type: Object, required: !0 }, Y: { type: Function, required: !0 }, D: { type: Number, required: !0 }, U: { type: Boolean }, G: { type: Boolean }, K: { type: String, required: !0 }, Z: Object }, setup(e) {
-  const t = Z(), n = W((() => e.L.value && e.W.k(e.D))), i = W((() => e.L.value && e.W.I(e.D)));
-  return _((() => t.value && e.D), ((p, v, y) => {
-    y(e.Y(t.value, e.D));
-  }), { flush: "post" }), () => {
-    var p;
-    const { X: v, U: y, G: s, K: d } = e, b = i.value, { style: m, ...A } = (p = e.Z) !== null && p !== void 0 ? p : {}, x = { contain: "layout style", position: b && s ? void 0 : "absolute", [y ? "height" : "width"]: "100%", [y ? "top" : "left"]: "0px", [y ? de() ? "right" : "left" : "top"]: n.value + "px", visibility: !b || s ? "visible" : "hidden", ...m };
-    return y && (x.display = "inline-flex"), J(d, be({ ref: t, style: x }, A), typeof (q = v) == "function" || Object.prototype.toString.call(q) === "[object Object]" && !ae(q) ? v : { default: () => [v], _: 2 }, 16, ["style"]);
-    var q;
-  };
-} }), Te = (e, t) => {
-  const n = e.key;
-  return n ?? "_" + t;
-}, Le = (e, t) => e[0] === t[0] && e[1] === t[1], Ne = /* @__PURE__ */ ie({ props: { data: { type: Array, required: !0 }, overscan: Number, itemSize: Number, shift: Boolean, horizontal: Boolean, startMargin: { type: Number, default: 0 }, ssrCount: Number, scrollRef: Object, as: { type: String, default: "div" }, item: { type: String, default: "div" }, itemProps: Function, keepMounted: Array }, emits: ["scroll", "scrollEnd"], setup(e, { emit: t, expose: n, slots: i }) {
-  let p = !!e.ssrCount;
-  const v = e.horizontal, y = Z(), s = xe(e.data.length, e.itemSize, e.overscan, e.ssrCount, 0, !e.itemSize), d = ((r, f) => {
-    let a;
-    const g = f ? "width" : "height", B = /* @__PURE__ */ new WeakMap(), k = qe(((c) => {
-      const h = [];
-      for (const { target: N, contentRect: u } of c) if (N.offsetParent) if (N === a) r.A(4, u[g]);
-      else {
-        const j = B.get(N);
-        j != C && h.push([j, u[g]]);
-      }
-      h.length && r.A(3, h);
-    }));
-    return { ee(c) {
-      k.F(a = c);
-    }, te: (c, h) => (B.set(c, h), k.F(c), () => {
-      B.delete(c), k.J(c);
-    }), oe: k.V };
-  })(s, v), b = ((r, f) => {
-    let a, g, B = $();
-    const k = f ? "scrollLeft" : "scrollTop", c = f ? "overflowX" : "overflowY", [h, N] = je(r, (() => B[0]), ((u, j) => {
-      u = Q(u, f), j ? a.scrollTo({ [f ? "left" : "top"]: u, behavior: "smooth" }) : a[k] = u;
-    }));
-    return { re(u) {
-      a = u, g = Be(r, u, f, (() => Q(u[k], f)), ((j, R, o) => {
-        if (o) {
-          const l = u.style, S = l[c];
-          l[c] = "hidden", te((() => {
-            l[c] = S;
-          }));
-        }
-        u[k] = r.T() + j, R && N();
-      })), B[1](!0);
-    }, oe() {
-      g && g.V(), B[1](!1), B = $();
-    }, ne(u) {
-      h((() => u));
-    }, se(u) {
-      u += r.T(), h((() => u));
-    }, ie(u, { align: j, smooth: R, offset: o = 0 } = {}) {
-      if (u = ue(u, 0, r.j() - 1), j === "nearest") {
-        const l = r.k(u), S = r.T();
-        if (l < S) j = "start";
-        else {
-          if (!(l + r.O(u) > S + r.B())) return;
-          j = "end";
-        }
-      }
-      h((() => o + r.M() + r.k(u) + (j === "end" ? r.O(u) - r.B() : j === "center" ? (r.O(u) - r.B()) / 2 : 0)), R);
-    }, le: () => {
-      g && g.C();
-    } };
-  })(s, v), m = Z(s.p()), A = s.R(1, (() => {
-    m.value = s.p();
-  })), x = s.R(4, (() => {
-    t("scroll", s.T());
-  })), q = s.R(8, (() => {
-    t("scrollEnd");
-  })), M = W(((r) => {
-    m.value;
-    const f = s.h();
-    return r && Le(r, f) ? r : f;
-  })), T = W((() => m.value && s.q())), L = W((() => m.value && s.N()));
-  return ye((() => {
-    p = !1;
-    const r = requestAnimationFrame((() => {
-      const f = (a) => {
-        d.ee(a), b.re(a);
-      };
-      e.scrollRef ? f(e.scrollRef) : f(y.value.parentElement);
-    }));
-    oe((() => {
-      cancelAnimationFrame(r);
-    }));
-  })), oe((() => {
-    A(), x(), q(), d.oe(), b.oe();
-  })), _((() => e.data.length), ((r) => {
-    s.A(5, [r, e.shift]);
-  })), _((() => e.startMargin), ((r) => {
-    s.A(6, r);
-  }), { immediate: !0 }), _([m], (() => {
-    b.le();
-  }), { flush: "post" }), n({ get scrollOffset() {
-    return s.T();
-  }, get scrollSize() {
-    return ((r) => P(r.N(), r.B()))(s);
-  }, get viewportSize() {
-    return s.B();
-  }, findStartIndex: s.v, findEndIndex: s.S, getItemOffset: s.k, getItemSize: s.O, scrollToIndex: b.ie, scrollTo: b.ne, scrollBy: b.se }), () => {
-    const r = e.as, f = e.item, a = L.value, g = [], B = (c) => {
-      var h;
-      const N = i.default({ item: e.data[c], index: c })[0];
-      return J(Me, { key: Te(N, c), L: m, W: s, Y: d.te, D: c, X: N, U: v, G: p, K: f, Z: (h = e.itemProps) === null || h === void 0 ? void 0 : h.call(e, { item: e.data[c], index: c }) }, null, 8, ["L", "W", "Y", "D", "X", "U", "G", "K", "Z"]);
+    return W(async () => {
+      n.value = a.items, n.value.forEach((e) => {
+        e.children || (e.children = []);
+      }), await I(), a.collapsible && G();
+    }), A({ collapseAll: z, expandAll: J }), (e, l) => {
+      const i = X("KTreeDraggable", !0);
+      return s(), b(Y(ie), Z(M, {
+        class: "tree-draggable",
+        direction: "vertical",
+        disabled: a.disableDrag,
+        filter: p.value,
+        group: { name: a.group, pull: [a.group], put: R.value ? [] : [a.group] },
+        level: a.level,
+        list: n.value,
+        move: j,
+        tag: "div",
+        onChange: V,
+        onEnd: q,
+        onStart: P
+      }), {
+        default: c(() => [
+          (s(!0), $(_, null, ee(n.value, (t) => (s(), $("div", {
+            key: t.id,
+            class: L(["tree-item-container", {
+              "has-no-children": y(t)
+            }])
+          }, [
+            (s(), b(oe, {
+              key: `tree-item-${t.id}-${v.value}`,
+              ref_for: !0,
+              ref: "tree-items",
+              collapsible: a.collapsible,
+              "controls-id": t.id,
+              disabled: a.disableDrag,
+              "has-children": !y(t),
+              "hide-icons": a.hideIcons,
+              "initial-collapse": a.initialCollapseAll,
+              item: t,
+              onExpanded: (o) => F(o, t.id),
+              onSelected: E
+            }, B({
+              "item-label": c(() => [
+                h(e.$slots, "item-label", { item: t }, () => [
+                  ae(te(t.name), 1)
+                ], !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots["item-icon"] ? {
+                name: "item-icon",
+                fn: c(() => [
+                  h(e.$slots, "item-icon", { item: t }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["collapsible", "controls-id", "disabled", "has-children", "hide-icons", "initial-collapse", "item", "onExpanded"])),
+            le((s(), b(i, {
+              id: `tree-list-draggable-${t.id}`,
+              key: `tree-item-${t.id}-children-${v.value}`,
+              class: L({
+                collapsible: a.collapsible
+              }),
+              collapsible: a.collapsible,
+              "disable-drag": a.disableDrag,
+              filter: p.value,
+              group: a.group,
+              "hide-icons": a.hideIcons,
+              "initial-collapse-all": a.initialCollapseAll,
+              items: N(t),
+              level: a.level + 1,
+              "max-depth": a.maxDepth,
+              "parent-id": t.id,
+              onChildChange: K,
+              onSelected: E
+            }, B({
+              "item-label": c(({ item: o }) => [
+                h(e.$slots, "item-label", { item: o }, void 0, !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots["item-icon"] ? {
+                name: "item-icon",
+                fn: c(({ item: o }) => [
+                  h(e.$slots, "item-icon", { item: o }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["id", "class", "collapsible", "disable-drag", "filter", "group", "hide-icons", "initial-collapse-all", "items", "level", "max-depth", "parent-id"])), [
+              [ne, O(t.id)]
+            ])
+          ], 2))), 128))
+        ]),
+        _: 3
+      }, 16, ["disabled", "filter", "group", "level", "list"]);
     };
-    if (e.keepMounted) {
-      const c = new Set(e.keepMounted);
-      for (let [h, N] = M.value; h <= N; h++) c.add(h);
-      ce([...c]).forEach(((h) => {
-        g.push(B(h));
-      }));
-    } else for (let [c, h] = M.value; c <= h; c++) g.push(B(c));
-    return J(r, { ref: y, style: { contain: "size paint style", overflowAnchor: "none", overflow: "clip", flex: "none", position: "relative", width: v ? a + "px" : "100%", height: v ? "100%" : a + "px", pointerEvents: T.value ? "none" : void 0 } }, typeof (k = g) == "function" || Object.prototype.toString.call(k) === "[object Object]" && !ae(k) ? g : { default: () => [g], _: 2 }, 8, ["style"]);
-    var k;
-  };
-} });
+  }
+});
 export {
-  Ne as Virtualizer
+  ce as default,
+  T as getMaximumDepth
 };