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

package/dist/kongponents.es197.js

@@ -1,8 +1,7 @@
-import { defineComponent as v, computed as l, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as k, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es266.js";
-const N = ["aria-hidden"], p = `<style>@keyframes kong-icon-spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }</style>
-<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" style="transform-origin: 50% 50%; animation: kong-icon-spin 1.5s linear infinite;"/>`, I = /* @__PURE__ */ v({
-  __name: "ProgressIcon",
+import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es267.js";
+const N = ["aria-hidden"], c = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "ClearIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -62,16 +61,16 @@ const N = ["aria-hidden"], p = `<style>@keyframes kong-icon-spin { from {transfo
     }
   },
   setup(r) {
-    const e = r, i = l(() => {
+    const e = r, i = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
       return u;
-    }), c = l(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,30 +79,30 @@ const N = ["aria-hidden"], p = `<style>@keyframes kong-icon-spin { from {transfo
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${y}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    })), f = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (d(), h(b(r.as), {
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), h(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon progress-icon",
-      "data-testid": "kui-icon-wrapper-progress-icon",
-      style: x(c.value),
+      class: "kui-icon clear-icon",
+      "data-testid": "kui-icon-wrapper-clear-icon",
+      style: x(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: k(() => [
+      default: L(() => [
         (d(), S("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-progress-icon",
+          "data-testid": "kui-icon-svg-clear-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -118,5 +117,5 @@ const N = ["aria-hidden"], p = `<style>@keyframes kong-icon-spin { from {transfo
   }
 });
 export {
-  I as default
+  z as default
 };

package/dist/kongponents.es198.js

@@ -1,168 +1,9 @@
-import { toArray as C, watchImmediate as T, noop as y, tryOnScopeDispose as O, isClient as I, isObject as k } from "./kongponents.es254.js";
-import { computed as h, toValue as p, watch as L, shallowRef as M, getCurrentInstance as x, onMounted as z, unref as B } from "vue";
-const b = I ? window : void 0;
-function g(n) {
-  var o;
-  const i = p(n);
-  return (o = i == null ? void 0 : i.$el) !== null && o !== void 0 ? o : i;
-}
-function S(...n) {
-  const o = (e, r, l, c) => (e.addEventListener(r, l, c), () => e.removeEventListener(r, l, c)), i = h(() => {
-    const e = C(p(n[0])).filter((r) => r != null);
-    return e.every((r) => typeof r != "string") ? e : void 0;
-  });
-  return T(() => {
-    var e, r;
-    return [
-      (e = (r = i.value) === null || r === void 0 ? void 0 : r.map((l) => g(l))) !== null && e !== void 0 ? e : [b].filter((l) => l != null),
-      C(p(i.value ? n[1] : n[0])),
-      C(B(i.value ? n[2] : n[1])),
-      p(i.value ? n[3] : n[2])
-    ];
-  }, ([e, r, l, c], m, s) => {
-    if (!(e != null && e.length) || !(r != null && r.length) || !(l != null && l.length)) return;
-    const d = k(c) ? { ...c } : c, v = e.flatMap((f) => r.flatMap((w) => l.map(($) => o(f, w, $, d))));
-    s(() => {
-      v.forEach((f) => f());
-    });
-  }, { flush: "post" });
-}
-function N(n, o, i = {}) {
-  const { window: e = b, ignore: r = [], capture: l = !0, detectIframe: c = !1, controls: m = !1 } = i;
-  if (!e) return m ? {
-    stop: y,
-    cancel: y,
-    trigger: y
-  } : y;
-  let s = !0;
-  const d = (t) => p(r).some((u) => {
-    if (typeof u == "string") return Array.from(e.document.querySelectorAll(u)).some((a) => a === t.target || t.composedPath().includes(a));
-    {
-      const a = g(u);
-      return a && (t.target === a || t.composedPath().includes(a));
-    }
-  });
-  function v(t) {
-    const u = p(t);
-    return u && u.$.subTree.shapeFlag === 16;
-  }
-  function f(t, u) {
-    const a = p(t), A = a.$.subTree && a.$.subTree.children;
-    return A == null || !Array.isArray(A) ? !1 : A.some((R) => R.el === u.target || u.composedPath().includes(R.el));
-  }
-  const w = (t) => {
-    const u = g(n);
-    if (t.target != null && !(!(u instanceof Element) && v(n) && f(n, t)) && !(!u || u === t.target || t.composedPath().includes(u))) {
-      if ("detail" in t && t.detail === 0 && (s = !d(t)), !s) {
-        s = !0;
-        return;
-      }
-      o(t);
-    }
-  };
-  let $ = !1;
-  const P = [
-    S(e, "click", (t) => {
-      $ || ($ = !0, setTimeout(() => {
-        $ = !1;
-      }, 0), w(t));
-    }, {
-      passive: !0,
-      capture: l
-    }),
-    S(e, "pointerdown", (t) => {
-      const u = g(n);
-      s = !d(t) && !!(u && !t.composedPath().includes(u));
-    }, { passive: !0 }),
-    c && S(e, "blur", (t) => {
-      setTimeout(() => {
-        var u;
-        const a = g(n);
-        ((u = e.document.activeElement) === null || u === void 0 ? void 0 : u.tagName) === "IFRAME" && !(a != null && a.contains(e.document.activeElement)) && o(t);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), E = () => P.forEach((t) => t());
-  return m ? {
-    stop: E,
-    cancel: () => {
-      s = !1;
-    },
-    trigger: (t) => {
-      s = !0, w(t), s = !1;
-    }
-  } : E;
-}
-// @__NO_SIDE_EFFECTS__
-function F() {
-  const n = M(!1), o = x();
-  return o && z(() => {
-    n.value = !0;
-  }, o), n;
-}
-// @__NO_SIDE_EFFECTS__
-function W(n) {
-  const o = /* @__PURE__ */ F();
-  return h(() => (o.value, !!n()));
-}
-function V(n, o, i = {}) {
-  const { window: e = b, ...r } = i;
-  let l;
-  const c = /* @__PURE__ */ W(() => e && "ResizeObserver" in e), m = () => {
-    l && (l.disconnect(), l = void 0);
-  }, s = L(h(() => {
-    const v = p(n);
-    return Array.isArray(v) ? v.map((f) => g(f)) : [g(v)];
-  }), (v) => {
-    if (m(), c.value && e) {
-      l = new ResizeObserver(o);
-      for (const f of v) f && l.observe(f, r);
-    }
-  }, {
-    immediate: !0,
-    flush: "post"
-  }), d = () => {
-    m(), s();
-  };
-  return O(d), {
-    isSupported: c,
-    stop: d
-  };
-}
-function j(n) {
-  var o;
-  const i = (o = n.rangeCount) !== null && o !== void 0 ? o : 0;
-  return Array.from({ length: i }, (e, r) => n.getRangeAt(r));
-}
-// @__NO_SIDE_EFFECTS__
-function _(n = {}) {
-  var o;
-  const { window: i = b } = n, e = M((o = i == null ? void 0 : i.getSelection()) !== null && o !== void 0 ? o : null), r = h(() => {
-    var s, d;
-    return (s = (d = e.value) === null || d === void 0 ? void 0 : d.toString()) !== null && s !== void 0 ? s : "";
-  }), l = h(() => e.value ? j(e.value) : []), c = h(() => l.value.map((s) => s.getBoundingClientRect()));
-  function m() {
-    e.value = null, i && (e.value = i.getSelection());
-  }
-  return i && S(i.document, "selectionchange", m, { passive: !0 }), {
-    text: r,
-    rects: c,
-    ranges: l,
-    selection: e
-  };
-}
+import e from "./kongponents.es200.js";
+import { getMaximumDepth as _ } from "./kongponents.es200.js";
+/* empty css                  */
+import o from "./kongponents.es74.js";
+const m = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8e1a81f7"]]);
 export {
-  b as defaultWindow,
-  I as isClient,
-  k as isObject,
-  y as noop,
-  N as onClickOutside,
-  C as toArray,
-  O as tryOnScopeDispose,
-  g as unrefElement,
-  S as useEventListener,
-  F as useMounted,
-  V as useResizeObserver,
-  W as useSupported,
-  _ as useTextSelection,
-  T as watchImmediate
+  m as default,
+  _ as getMaximumDepth
 };

package/dist/kongponents.es199.js

@@ -1,116 +1,7 @@
-import { computePosition as j } from "./kongponents.es201.js";
-import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es201.js";
-import { isNode as A, getNodeName as B } from "./kongponents.es273.js";
-import { getOverflowAncestors as ee } from "./kongponents.es273.js";
-import { computed as o, ref as f, shallowRef as F, watch as g, getCurrentScope as I, onScopeDispose as U, shallowReadonly as r, unref as k } from "vue";
-function q(e) {
-  return e != null && typeof e == "object" && "$el" in e;
-}
-function b(e) {
-  if (q(e)) {
-    const u = e.$el;
-    return A(u) && B(u) === "#comment" ? null : u;
-  }
-  return e;
-}
-function c(e) {
-  return typeof e == "function" ? e() : k(e);
-}
-function M(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function C(e, u) {
-  const n = M(e);
-  return Math.round(u * n) / n;
-}
-function J(e, u, n) {
-  n === void 0 && (n = {});
-  const P = n.whileElementsMounted, s = o(() => {
-    var t;
-    return (t = c(n.open)) != null ? t : !0;
-  }), V = o(() => c(n.middleware)), p = o(() => {
-    var t;
-    return (t = c(n.placement)) != null ? t : "bottom";
-  }), w = o(() => {
-    var t;
-    return (t = c(n.strategy)) != null ? t : "absolute";
-  }), S = o(() => {
-    var t;
-    return (t = c(n.transform)) != null ? t : !0;
-  }), i = o(() => b(e.value)), l = o(() => b(u.value)), y = f(0), h = f(0), m = f(w.value), D = f(p.value), O = F({}), x = f(!1), _ = o(() => {
-    const t = {
-      position: m.value,
-      left: "0",
-      top: "0"
-    };
-    if (!l.value)
-      return t;
-    const a = C(l.value, y.value), R = C(l.value, h.value);
-    return S.value ? {
-      ...t,
-      transform: "translate(" + a + "px, " + R + "px)",
-      ...M(l.value) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: m.value,
-      left: a + "px",
-      top: R + "px"
-    };
-  });
-  let v;
-  function d() {
-    if (i.value == null || l.value == null)
-      return;
-    const t = s.value;
-    j(i.value, l.value, {
-      middleware: V.value,
-      placement: p.value,
-      strategy: w.value
-    }).then((a) => {
-      y.value = a.x, h.value = a.y, m.value = a.strategy, D.value = a.placement, O.value = a.middlewareData, x.value = t !== !1;
-    });
-  }
-  function E() {
-    typeof v == "function" && (v(), v = void 0);
-  }
-  function N() {
-    if (E(), P === void 0) {
-      d();
-      return;
-    }
-    if (i.value != null && l.value != null) {
-      v = P(i.value, l.value, d);
-      return;
-    }
-  }
-  function $() {
-    s.value || (x.value = !1);
-  }
-  return g([V, p, w, s], d, {
-    flush: "sync"
-  }), g([i, l], N, {
-    flush: "sync"
-  }), g(s, $, {
-    flush: "sync"
-  }), I() && U(E), {
-    x: r(y),
-    y: r(h),
-    strategy: r(m),
-    placement: r(D),
-    middlewareData: r(O),
-    isPositioned: r(x),
-    floatingStyles: _,
-    update: d
-  };
+import { warn as a } from "vue";
+function i(r, o) {
+  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
 }
 export {
-  Q as autoPlacement,
-  T as autoUpdate,
-  j as computePosition,
-  W as flip,
-  ee as getOverflowAncestors,
-  X as platform,
-  Y as shift,
-  J as useFloating
+  i as warnInvalidProp
 };

package/dist/kongponents.es200.js

@@ -1,19 +1,191 @@
-import { defineComponent as r, createBlock as l, renderSlot as o, openBlock as a, Teleport as p } from "vue";
-const u = /* @__PURE__ */ r({
-  __name: "KPopTeleportWrapper",
+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.es359.js";
+import oe from "./kongponents.es360.js";
+const T = ({ children: a = [] }) => a.length === 0 ? 0 : 1 + Math.max(...a.map(T)), ce = /* @__PURE__ */ H({
+  __name: "KTreeDraggable",
   props: {
-    useTeleport: { type: Boolean },
-    target: { default: null }
+    items: {},
+    disableDrag: { type: Boolean },
+    filter: { type: [String, Function] },
+    maxDepth: {},
+    level: { default: 0 },
+    parentId: {},
+    hideIcons: { type: Boolean },
+    group: {},
+    collapsible: { type: Boolean },
+    initialCollapseAll: { type: Boolean }
   },
-  setup(e) {
-    return (t, n) => e.useTeleport ? (a(), l(p, {
-      key: 0,
-      to: e.target
-    }, [
-      o(t.$slots, "default")
-    ], 8, ["to"])) : o(t.$slots, "default", { key: 1 });
+  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;
+      return !((i = (l = n.value.filter((t) => t.id === e.id)) == null ? void 0 : l[0].children) != null && i.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);
+    };
+    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);
+      });
+    };
+    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"]);
+    };
   }
 });
 export {
-  u as default
+  ce as default,
+  T as getMaximumDepth
 };