@kong/kongponents 9.66.9 → 9.66.10

package/dist/kongponents194.es.js

@@ -1,187 +1,23 @@
-import { defineComponent as R, ref as h, computed as y, useTemplateRef as j, watch as P, onMounted as q, nextTick as C, resolveComponent as G, openBlock as s, createBlock as m, unref as H, mergeProps as Q, withCtx as c, createElementBlock as D, Fragment as U, renderList as W, normalizeClass as x, createSlots as k, renderSlot as u, createTextVNode as X, toDisplayString as Y, withDirectives as Z, vShow as _ } from "vue";
-import { VueDraggableNext as ee } from "vue-draggable-next";
-import le from "./kongponents306.es.js";
-const S = ({ children: l = [] }) => l.length === 0 ? 0 : 1 + Math.max(...l.map(S)), ne = /* @__PURE__ */ R({
-  __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(l, { expose: I, emit: L }) {
-    const d = L, i = h([]), $ = {
-      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,
-      // Items vary a lot in height (a folder includes its nested children), so with the default threshold of 1
-      // the whole target area triggers a swap. After a swap the layout shifts under the pointer, which triggers the
-      // reverse swap, and the dragged item flips back and forth. Only swap when the pointer is over the middle half.
-      "swap-threshold": 0.5
-    }, v = h(!1), f = y(() => [".tree-item-expanded-button", ...(typeof l.filter == "function" ? l.filter() : l.filter).split(",").map((a) => a.trim()).filter(Boolean)].join(", ")), b = (e) => !i.value.filter((a) => a.id === e.id)?.[0]?.children?.length, B = (e) => e.children || [], T = (e) => {
-      l.parentId ? d("child-change", {
-        parentId: l.parentId,
-        children: i.value,
-        target: e?.added || e?.removed || e?.moved
-      }) : d("change", {
-        items: i.value,
-        target: e?.added || e?.removed || e?.moved
+class s {
+  resizeObserver;
+  callback;
+  constructor(e) {
+    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
+      window.requestAnimationFrame(() => {
+        !Array.isArray(r) || !r.length || e();
       });
-    }, w = (e) => {
-      d("child-change", e);
-    }, p = (e) => {
-      d("selected", e);
-    }, o = h(/* @__PURE__ */ new Map()), A = (e, a) => {
-      o.value.set(a, e);
-    }, M = (e) => l.collapsible ? !!o.value.get(e) : !0, g = j("tree-items"), N = () => {
-      i.value.forEach((e) => {
-        o.value.set(e.id, !1);
-      }), g.value?.forEach((e) => {
-        e?.setExpandedValue(!1);
-      });
-    }, V = () => {
-      i.value.forEach((e) => {
-        o.value.set(e.id, !0);
-      }), g.value?.forEach((e) => {
-        e?.setExpandedValue(!0);
-      });
-    }, K = y(() => l.level > l.maxDepth - 1), F = (e) => {
-      const a = e.relatedContext?.component?.$attrs.level || 0, n = e.draggedContext?.element;
-      let t = 0;
-      return n.children?.length && (t = S(n)), !(a + t > l.maxDepth - 1);
-    }, O = (e) => {
-      const a = e.item?._underlying_vm_?.id || "", n = i.value.find((t) => t.id === a);
-      v.value = !0, n && d("selected", n), E(!0);
-    }, z = async () => {
-      v.value = !1, E(!1), await C(), g.value?.forEach((e) => {
-        e?.setExpandedValue(o.value.get(e?.id));
-      });
-    }, E = (e) => {
-      const a = document?.getElementsByTagName("html").item(0);
-      a && a.classList.toggle("tree-list-grabbing", e);
-    };
-    P(() => l.items, (e, a) => {
-      JSON.stringify(e) !== JSON.stringify(a) && (i.value = e, i.value.forEach((n) => {
-        n.children || (n.children = []);
-      }));
     });
-    const J = () => {
-      i.value.forEach((e) => {
-        o.value.set(e.id, !l.initialCollapseAll);
-      });
-    };
-    return q(async () => {
-      i.value = l.items, i.value.forEach((e) => {
-        e.children || (e.children = []);
-      }), await C(), l.collapsible && J();
-    }), I({ collapseAll: N, expandAll: V }), (e, a) => {
-      const n = G("KTreeDraggable", !0);
-      return s(), m(H(ee), Q($, {
-        class: "tree-draggable",
-        direction: "vertical",
-        disabled: l.disableDrag,
-        filter: f.value,
-        group: { name: l.group, pull: [l.group], put: K.value ? [] : [l.group] },
-        level: l.level,
-        list: i.value,
-        move: F,
-        tag: "div",
-        onChange: T,
-        onEnd: z,
-        onStart: O
-      }), {
-        default: c(() => [
-          (s(!0), D(U, null, W(i.value, (t) => (s(), D("div", {
-            key: t.id,
-            class: x(["tree-item-container", {
-              "has-no-children": b(t)
-            }])
-          }, [
-            (s(), m(le, {
-              key: `tree-item-${t.id}`,
-              ref_for: !0,
-              ref: "tree-items",
-              collapsible: l.collapsible,
-              "controls-id": t.id,
-              disabled: l.disableDrag,
-              "has-children": !b(t),
-              "hide-icons": l.hideIcons,
-              "initial-collapse": l.initialCollapseAll,
-              item: t,
-              onExpanded: (r) => A(r, t.id),
-              onSelected: p
-            }, k({
-              "item-label": c(() => [
-                u(e.$slots, "item-label", { item: t }, () => [
-                  X(Y(t.name), 1)
-                ], !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(() => [
-                  u(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"])),
-            Z((s(), m(n, {
-              id: `tree-list-draggable-${t.id}`,
-              key: `tree-item-${t.id}-children`,
-              class: x({
-                collapsible: l.collapsible
-              }),
-              collapsible: l.collapsible,
-              "disable-drag": l.disableDrag,
-              filter: f.value,
-              group: l.group,
-              "hide-icons": l.hideIcons,
-              "initial-collapse-all": l.initialCollapseAll,
-              items: B(t),
-              level: l.level + 1,
-              "max-depth": l.maxDepth,
-              "parent-id": t.id,
-              onChildChange: w,
-              onSelected: p
-            }, k({
-              "item-label": c(({ item: r }) => [
-                u(e.$slots, "item-label", { item: r }, void 0, !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(({ item: r }) => [
-                  u(e.$slots, "item-icon", { item: r }, 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"])), [
-              [_, M(t.id)]
-            ])
-          ], 2))), 128))
-        ]),
-        _: 3
-      }, 16, ["disabled", "filter", "group", "level", "list"]);
-    };
   }
-});
+  static create(e) {
+    return new s(e);
+  }
+  observe(e) {
+    !this.resizeObserver || !e || this.resizeObserver.observe(e);
+  }
+  unobserve(e) {
+    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
+  }
+}
 export {
-  ne as default,
-  S as getMaximumDepth
+  s as ResizeObserverHelper
 };

package/dist/kongponents195.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents219.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-72b558ed"]]);exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");function a(r,e){o.warn(`Invalid prop: validator check failed for prop "${r}". ${e}`)}exports.warnInvalidProp=a;

package/dist/kongponents195.es.js

@@ -1,7 +1,7 @@
-import o from "./kongponents219.es.js";
-/* empty css                  */
-import t from "./kongponents83.es.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72b558ed"]]);
+import { warn as a } from "vue";
+function i(r, o) {
+  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
+}
 export {
-  p as default
+  i as warnInvalidProp
 };

package/dist/kongponents196.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents221.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-63e1d6bf"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents197.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-6557b25b"]]);exports.getMaximumDepth=e.getMaximumDepth;exports.default=u;

package/dist/kongponents196.es.js

@@ -1,7 +1,9 @@
-import o from "./kongponents221.es.js";
+import o from "./kongponents197.es.js";
+import { getMaximumDepth as _ } from "./kongponents197.es.js";
 /* empty css                  */
-import t from "./kongponents83.es.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-63e1d6bf"]]);
+import r from "./kongponents83.es.js";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6557b25b"]]);
 export {
-  f as default
+  a as default,
+  _ as getMaximumDepth
 };

package/dist/kongponents197.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents223.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-c1dc80ad"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),M=require("vue-draggable-next"),A=require("./kongponents342.cjs"),u=({children:l=[]})=>l.length===0?0:1+Math.max(...l.map(u)),N=t.defineComponent({__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(l,{expose:b,emit:p}){const c=p,n=t.ref([]),x={tag:"div","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,"swap-threshold":.5},g=t.ref(!1),h=t.computed(()=>[".tree-item-expanded-button",...(typeof l.filter=="function"?l.filter():l.filter).split(",").map(i=>i.trim()).filter(Boolean)].join(", ")),m=e=>!n.value.filter(i=>i.id===e.id)?.[0]?.children?.length,C=e=>e.children||[],D=e=>{l.parentId?c("child-change",{parentId:l.parentId,children:n.value,target:e?.added||e?.removed||e?.moved}):c("change",{items:n.value,target:e?.added||e?.removed||e?.moved})},E=e=>{c("child-change",e)},v=e=>{c("selected",e)},r=t.ref(new Map),y=(e,i)=>{r.value.set(i,e)},k=e=>l.collapsible?!!r.value.get(e):!0,s=t.useTemplateRef("tree-items"),S=()=>{n.value.forEach(e=>{r.value.set(e.id,!1)}),s.value?.forEach(e=>{e?.setExpandedValue(!1)})},B=()=>{n.value.forEach(e=>{r.value.set(e.id,!0)}),s.value?.forEach(e=>{e?.setExpandedValue(!0)})},I=t.computed(()=>l.level>l.maxDepth-1),w=e=>{const i=e.relatedContext?.component?.$attrs.level||0,o=e.draggedContext?.element;let a=0;return o.children?.length&&(a=u(o)),!(i+a>l.maxDepth-1)},T=e=>{const i=e.item?._underlying_vm_?.id||"",o=n.value.find(a=>a.id===i);g.value=!0,o&&c("selected",o),f(!0)},L=async()=>{g.value=!1,f(!1),await t.nextTick(),s.value?.forEach(e=>{e?.setExpandedValue(r.value.get(e?.id))})},f=e=>{const i=document?.getElementsByTagName("html").item(0);i&&i.classList.toggle("tree-list-grabbing",e)};t.watch(()=>l.items,(e,i)=>{JSON.stringify(e)!==JSON.stringify(i)&&(n.value=e,n.value.forEach(o=>{o.children||(o.children=[])}))});const $=()=>{n.value.forEach(e=>{r.value.set(e.id,!l.initialCollapseAll)})};return t.onMounted(async()=>{n.value=l.items,n.value.forEach(e=>{e.children||(e.children=[])}),await t.nextTick(),l.collapsible&&$()}),b({collapseAll:S,expandAll:B}),(e,i)=>{const o=t.resolveComponent("KTreeDraggable",!0);return t.openBlock(),t.createBlock(t.unref(M.VueDraggableNext),t.mergeProps(x,{class:"tree-draggable",direction:"vertical",disabled:l.disableDrag,filter:h.value,group:{name:l.group,pull:[l.group],put:I.value?[]:[l.group]},level:l.level,list:n.value,move:w,tag:"div",onChange:D,onEnd:L,onStart:T}),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.value,a=>(t.openBlock(),t.createElementBlock("div",{key:a.id,class:t.normalizeClass(["tree-item-container",{"has-no-children":m(a)}])},[(t.openBlock(),t.createBlock(A.default,{key:`tree-item-${a.id}`,ref_for:!0,ref:"tree-items",collapsible:l.collapsible,"controls-id":a.id,disabled:l.disableDrag,"has-children":!m(a),"hide-icons":l.hideIcons,"initial-collapse":l.initialCollapseAll,item:a,onExpanded:d=>y(d,a.id),onSelected:v},t.createSlots({"item-label":t.withCtx(()=>[t.renderSlot(e.$slots,"item-label",{item:a},()=>[t.createTextVNode(t.toDisplayString(a.name),1)],!0)]),_:2},[e.$slots["item-icon"]?{name:"item-icon",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"item-icon",{item:a},void 0,!0)]),key:"0"}:void 0]),1032,["collapsible","controls-id","disabled","has-children","hide-icons","initial-collapse","item","onExpanded"])),t.withDirectives((t.openBlock(),t.createBlock(o,{id:`tree-list-draggable-${a.id}`,key:`tree-item-${a.id}-children`,class:t.normalizeClass({collapsible:l.collapsible}),collapsible:l.collapsible,"disable-drag":l.disableDrag,filter:h.value,group:l.group,"hide-icons":l.hideIcons,"initial-collapse-all":l.initialCollapseAll,items:C(a),level:l.level+1,"max-depth":l.maxDepth,"parent-id":a.id,onChildChange:E,onSelected:v},t.createSlots({"item-label":t.withCtx(({item:d})=>[t.renderSlot(e.$slots,"item-label",{item:d},void 0,!0)]),_:2},[e.$slots["item-icon"]?{name:"item-icon",fn:t.withCtx(({item:d})=>[t.renderSlot(e.$slots,"item-icon",{item:d},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"])),[[t.vShow,k(a.id)]])],2))),128))]),_:3},16,["disabled","filter","group","level","list"])}}});exports.default=N;exports.getMaximumDepth=u;

package/dist/kongponents197.es.js

@@ -1,7 +1,187 @@
-import o from "./kongponents223.es.js";
-/* empty css                  */
-import t from "./kongponents83.es.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c1dc80ad"]]);
+import { defineComponent as R, ref as h, computed as y, useTemplateRef as j, watch as P, onMounted as q, nextTick as C, resolveComponent as G, openBlock as s, createBlock as m, unref as H, mergeProps as Q, withCtx as c, createElementBlock as D, Fragment as U, renderList as W, normalizeClass as x, createSlots as k, renderSlot as u, createTextVNode as X, toDisplayString as Y, withDirectives as Z, vShow as _ } from "vue";
+import { VueDraggableNext as ee } from "vue-draggable-next";
+import le from "./kongponents342.es.js";
+const S = ({ children: l = [] }) => l.length === 0 ? 0 : 1 + Math.max(...l.map(S)), ne = /* @__PURE__ */ R({
+  __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(l, { expose: I, emit: L }) {
+    const d = L, i = h([]), $ = {
+      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,
+      // Items vary a lot in height (a folder includes its nested children), so with the default threshold of 1
+      // the whole target area triggers a swap. After a swap the layout shifts under the pointer, which triggers the
+      // reverse swap, and the dragged item flips back and forth. Only swap when the pointer is over the middle half.
+      "swap-threshold": 0.5
+    }, v = h(!1), f = y(() => [".tree-item-expanded-button", ...(typeof l.filter == "function" ? l.filter() : l.filter).split(",").map((a) => a.trim()).filter(Boolean)].join(", ")), b = (e) => !i.value.filter((a) => a.id === e.id)?.[0]?.children?.length, B = (e) => e.children || [], T = (e) => {
+      l.parentId ? d("child-change", {
+        parentId: l.parentId,
+        children: i.value,
+        target: e?.added || e?.removed || e?.moved
+      }) : d("change", {
+        items: i.value,
+        target: e?.added || e?.removed || e?.moved
+      });
+    }, w = (e) => {
+      d("child-change", e);
+    }, p = (e) => {
+      d("selected", e);
+    }, o = h(/* @__PURE__ */ new Map()), A = (e, a) => {
+      o.value.set(a, e);
+    }, M = (e) => l.collapsible ? !!o.value.get(e) : !0, g = j("tree-items"), N = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !1);
+      }), g.value?.forEach((e) => {
+        e?.setExpandedValue(!1);
+      });
+    }, V = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !0);
+      }), g.value?.forEach((e) => {
+        e?.setExpandedValue(!0);
+      });
+    }, K = y(() => l.level > l.maxDepth - 1), F = (e) => {
+      const a = e.relatedContext?.component?.$attrs.level || 0, n = e.draggedContext?.element;
+      let t = 0;
+      return n.children?.length && (t = S(n)), !(a + t > l.maxDepth - 1);
+    }, O = (e) => {
+      const a = e.item?._underlying_vm_?.id || "", n = i.value.find((t) => t.id === a);
+      v.value = !0, n && d("selected", n), E(!0);
+    }, z = async () => {
+      v.value = !1, E(!1), await C(), g.value?.forEach((e) => {
+        e?.setExpandedValue(o.value.get(e?.id));
+      });
+    }, E = (e) => {
+      const a = document?.getElementsByTagName("html").item(0);
+      a && a.classList.toggle("tree-list-grabbing", e);
+    };
+    P(() => l.items, (e, a) => {
+      JSON.stringify(e) !== JSON.stringify(a) && (i.value = e, i.value.forEach((n) => {
+        n.children || (n.children = []);
+      }));
+    });
+    const J = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !l.initialCollapseAll);
+      });
+    };
+    return q(async () => {
+      i.value = l.items, i.value.forEach((e) => {
+        e.children || (e.children = []);
+      }), await C(), l.collapsible && J();
+    }), I({ collapseAll: N, expandAll: V }), (e, a) => {
+      const n = G("KTreeDraggable", !0);
+      return s(), m(H(ee), Q($, {
+        class: "tree-draggable",
+        direction: "vertical",
+        disabled: l.disableDrag,
+        filter: f.value,
+        group: { name: l.group, pull: [l.group], put: K.value ? [] : [l.group] },
+        level: l.level,
+        list: i.value,
+        move: F,
+        tag: "div",
+        onChange: T,
+        onEnd: z,
+        onStart: O
+      }), {
+        default: c(() => [
+          (s(!0), D(U, null, W(i.value, (t) => (s(), D("div", {
+            key: t.id,
+            class: x(["tree-item-container", {
+              "has-no-children": b(t)
+            }])
+          }, [
+            (s(), m(le, {
+              key: `tree-item-${t.id}`,
+              ref_for: !0,
+              ref: "tree-items",
+              collapsible: l.collapsible,
+              "controls-id": t.id,
+              disabled: l.disableDrag,
+              "has-children": !b(t),
+              "hide-icons": l.hideIcons,
+              "initial-collapse": l.initialCollapseAll,
+              item: t,
+              onExpanded: (r) => A(r, t.id),
+              onSelected: p
+            }, k({
+              "item-label": c(() => [
+                u(e.$slots, "item-label", { item: t }, () => [
+                  X(Y(t.name), 1)
+                ], !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots["item-icon"] ? {
+                name: "item-icon",
+                fn: c(() => [
+                  u(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"])),
+            Z((s(), m(n, {
+              id: `tree-list-draggable-${t.id}`,
+              key: `tree-item-${t.id}-children`,
+              class: x({
+                collapsible: l.collapsible
+              }),
+              collapsible: l.collapsible,
+              "disable-drag": l.disableDrag,
+              filter: f.value,
+              group: l.group,
+              "hide-icons": l.hideIcons,
+              "initial-collapse-all": l.initialCollapseAll,
+              items: B(t),
+              level: l.level + 1,
+              "max-depth": l.maxDepth,
+              "parent-id": t.id,
+              onChildChange: w,
+              onSelected: p
+            }, k({
+              "item-label": c(({ item: r }) => [
+                u(e.$slots, "item-label", { item: r }, void 0, !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots["item-icon"] ? {
+                name: "item-icon",
+                fn: c(({ item: r }) => [
+                  u(e.$slots, "item-icon", { item: r }, 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"])), [
+              [_, M(t.id)]
+            ])
+          ], 2))), 128))
+        ]),
+        _: 3
+      }, 16, ["disabled", "filter", "group", "level", "list"]);
+    };
+  }
+});
 export {
-  c as default
+  ne as default,
+  S as getMaximumDepth
 };

package/dist/kongponents198.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents225.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-f750ceb7"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents238.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-c348456b"]]);exports.default=u;

package/dist/kongponents198.es.js

@@ -1,7 +1,7 @@
-import o from "./kongponents225.es.js";
+import t from "./kongponents238.es.js";
 /* empty css                  */
-import t from "./kongponents83.es.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f750ceb7"]]);
+import o from "./kongponents83.es.js";
+const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c348456b"]]);
 export {
-  f as default
+  s as default
 };

package/dist/kongponents199.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents227.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-0add33e7"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents240.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-02f131b4"]]);exports.default=u;

package/dist/kongponents199.es.js

@@ -1,7 +1,7 @@
-import o from "./kongponents227.es.js";
+import t from "./kongponents240.es.js";
 /* empty css                  */
-import e from "./kongponents83.es.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-0add33e7"]]);
+import o from "./kongponents83.es.js";
+const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-02f131b4"]]);
 export {
-  m as default
+  f as default
 };

package/dist/kongponents200.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents229.cjs");;/* empty css                 */const r=require("./kongponents83.cjs"),u=r.default(e.default,[["__scopeId","data-v-5e7cf03a"]]);exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./kongponents237.cjs"),r=require("vue"),S=d.isClient?window:void 0;function b(o){var n;const i=r.toValue(o);return(n=i?.$el)!==null&&n!==void 0?n:i}function C(...o){const n=(e,l,s,c)=>(e.addEventListener(l,s,c),()=>e.removeEventListener(l,s,c)),i=r.computed(()=>{const e=d.toArray(r.toValue(o[0])).filter(l=>l!=null);return e.every(l=>typeof l!="string")?e:void 0});return d.watchImmediate(()=>{var e,l;return[(e=(l=i.value)===null||l===void 0?void 0:l.map(s=>b(s)))!==null&&e!==void 0?e:[S].filter(s=>s!=null),d.toArray(r.toValue(i.value?o[1]:o[0])),d.toArray(r.unref(i.value?o[2]:o[1])),r.toValue(i.value?o[3]:o[2])]},([e,l,s,c],p,f)=>{if(!e?.length||!l?.length||!s?.length)return;const h=d.isObject(c)?{...c}:c,w=e.flatMap(t=>l.flatMap(m=>s.map(g=>n(t,m,g,h))));f(()=>{w.forEach(t=>t())})},{flush:"post"})}function M(o,n,i={}){const{window:e=S,ignore:l=[],capture:s=!0,detectIframe:c=!1,controls:p=!1}=i;if(!e)return p?{stop:d.noop,cancel:d.noop,trigger:d.noop}:d.noop;let f=!0;const h=u=>r.toValue(l).some(a=>{if(typeof a=="string")return Array.from(e.document.querySelectorAll(a)).some(v=>v===u.target||u.composedPath().includes(v));{const v=b(a);return v&&(u.target===v||u.composedPath().includes(v))}});function w(u){const a=r.toValue(u);return a&&a.$.subTree.shapeFlag===16}function t(u,a){const v=r.toValue(u),E=v.$.subTree&&v.$.subTree.children;return E==null||!Array.isArray(E)?!1:E.some(O=>O.el===a.target||a.composedPath().includes(O.el))}const m=u=>{const a=b(o);if(u.target!=null&&!(!(a instanceof Element)&&w(o)&&t(o,u))&&!(!a||a===u.target||u.composedPath().includes(a))){if("detail"in u&&u.detail===0&&(f=!h(u)),!f){f=!0;return}n(u)}};let g=!1;const y=[C(e,"click",u=>{g||(g=!0,setTimeout(()=>{g=!1},0),m(u))},{passive:!0,capture:s}),C(e,"pointerdown",u=>{const a=b(o);f=!h(u)&&!!(a&&!u.composedPath().includes(a))},{passive:!0}),c&&C(e,"blur",u=>{setTimeout(()=>{const a=b(o);let v=e.document.activeElement;for(;v?.shadowRoot;)v=v.shadowRoot.activeElement;v?.tagName==="IFRAME"&&!a?.contains(e.document.activeElement)&&n(u)},0)},{passive:!0})].filter(Boolean),R=()=>y.forEach(u=>u());return p?{stop:R,cancel:()=>{f=!1},trigger:u=>{f=!0,m(u),f=!1}}:R}function x(){const o=r.shallowRef(!1),n=r.getCurrentInstance();return n&&r.onMounted(()=>{o.value=!0},n),o}function A(o){const n=x();return r.computed(()=>(n.value,!!o()))}function T(o,n,i={}){const{window:e=S,...l}=i;let s;const c=A(()=>e&&"ResizeObserver"in e),p=()=>{s&&(s.disconnect(),s=void 0)},f=r.watch(r.computed(()=>{const w=r.toValue(o);return Array.isArray(w)?w.map(t=>b(t)):[b(w)]}),w=>{if(p(),c.value&&e){s=new ResizeObserver(n);for(const t of w)t&&s.observe(t,l)}},{immediate:!0,flush:"post"}),h=()=>{p(),f()};return d.tryOnScopeDispose(h),{isSupported:c,stop:h}}function $(o,n={width:0,height:0},i={}){const{window:e=S,box:l="content-box"}=i,s=r.computed(()=>{var t;return(t=b(o))===null||t===void 0||(t=t.namespaceURI)===null||t===void 0?void 0:t.includes("svg")}),c=r.shallowRef(n.width),p=r.shallowRef(n.height),{stop:f}=T(o,([t])=>{const m=l==="border-box"?t.borderBoxSize:l==="content-box"?t.contentBoxSize:t.devicePixelContentBoxSize;if(e&&s.value){const g=b(o);if(g){const y=g.getBoundingClientRect();c.value=y.width,p.value=y.height}}else if(m){const g=d.toArray(m);c.value=g.reduce((y,{inlineSize:R})=>y+R,0),p.value=g.reduce((y,{blockSize:R})=>y+R,0)}else c.value=t.contentRect.width,p.value=t.contentRect.height},i);d.tryOnMounted(()=>{const t=b(o);if(t&&"offsetWidth"in t)if(l==="content-box"&&e){const m=e.getComputedStyle(t),g=Number.parseFloat(m.paddingLeft)+Number.parseFloat(m.paddingRight),y=Number.parseFloat(m.paddingTop)+Number.parseFloat(m.paddingBottom),R=Number.parseFloat(m.borderLeftWidth)+Number.parseFloat(m.borderRightWidth),u=Number.parseFloat(m.borderTopWidth)+Number.parseFloat(m.borderBottomWidth);c.value=t.offsetWidth-g-R,p.value=t.offsetHeight-y-u}else c.value=t.offsetWidth,p.value=t.offsetHeight;else t&&(c.value=n.width,p.value=n.height)});const h=r.watch(()=>b(o),t=>{c.value=t?n.width:0,p.value=t?n.height:0});function w(){f(),h()}return{width:c,height:p,stop:w}}function F(o){var n;const i=(n=o.rangeCount)!==null&&n!==void 0?n:0;return Array.from({length:i},(e,l)=>o.getRangeAt(l))}function P(o={}){var n;const{window:i=S}=o,e=r.shallowRef((n=i?.getSelection())!==null&&n!==void 0?n:null),l=r.computed(()=>{var f,h;return(f=(h=e.value)===null||h===void 0?void 0:h.toString())!==null&&f!==void 0?f:""}),s=r.computed(()=>e.value?F(e.value):[]),c=r.computed(()=>s.value.map(f=>f.getBoundingClientRect()));function p(){e.value=null,i&&(e.value=i.getSelection())}return i&&C(i.document,"selectionchange",p,{passive:!0}),{text:l,rects:c,ranges:s,selection:e}}exports.getLifeCycleTarget=d.getLifeCycleTarget;exports.isClient=d.isClient;exports.isObject=d.isObject;exports.noop=d.noop;exports.toArray=d.toArray;exports.tryOnMounted=d.tryOnMounted;exports.tryOnScopeDispose=d.tryOnScopeDispose;exports.watchImmediate=d.watchImmediate;exports.defaultWindow=S;exports.onClickOutside=M;exports.unrefElement=b;exports.useElementSize=$;exports.useEventListener=C;exports.useMounted=x;exports.useResizeObserver=T;exports.useSupported=A;exports.useTextSelection=P;