@kong/kongponents 9.60.9 → 9.60.10

package/dist/kongponents234.es.js

@@ -1,7 +1,399 @@
-import o from "./kongponents253.es.js";
-/* empty css                  */
-import t from "./kongponents75.es.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35dc3248"]]);
+import { shift as st, flip as rt, autoPlacement as ct, computePosition as lt } from "./kongponents374.es.js";
+import { createCoords as w, round as A, max as E, min as V, rectToClientRect as J, floor as D } from "./kongponents375.es.js";
+import { isElement as v, getDocumentElement as b, getOverflowAncestors as z, getComputedStyle as R, isHTMLElement as T, getWindow as O, isTopLayer as _, getParentNode as W, isLastTraversableNode as H, isTableElement as ft, isContainingBlock as Q, getContainingBlock as ut, getNodeName as $, isOverflowElement as P, getNodeScroll as I, getFrameElement as U, isWebKit as Y } from "./kongponents289.es.js";
+function Z(t) {
+  const e = R(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = T(t), r = i ? t.offsetWidth : n, s = i ? t.offsetHeight : o, c = A(n) !== r || A(o) !== s;
+  return c && (n = r, o = s), {
+    width: n,
+    height: o,
+    $: c
+  };
+}
+function q(t) {
+  return v(t) ? t : t.contextElement;
+}
+function F(t) {
+  const e = q(t);
+  if (!T(e))
+    return w(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: r
+  } = Z(e);
+  let s = (r ? A(n.width) : n.width) / o, c = (r ? A(n.height) : n.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const at = /* @__PURE__ */ w(0);
+function tt(t) {
+  const e = O(t);
+  return !Y() || !e.visualViewport ? at : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function ht(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== O(t) ? !1 : e;
+}
+function L(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), r = q(t);
+  let s = w(1);
+  e && (o ? v(o) && (s = F(o)) : s = F(t));
+  const c = ht(r, n, o) ? tt(r) : w(0);
+  let l = (i.left + c.x) / s.x, f = (i.top + c.y) / s.y, u = i.width / s.x, h = i.height / s.y;
+  if (r) {
+    const d = O(r), a = o && v(o) ? O(o) : o;
+    let m = d, p = U(m);
+    for (; p && o && a !== m; ) {
+      const y = F(p), g = p.getBoundingClientRect(), x = R(p), C = g.left + (p.clientLeft + parseFloat(x.paddingLeft)) * y.x, S = g.top + (p.clientTop + parseFloat(x.paddingTop)) * y.y;
+      l *= y.x, f *= y.y, u *= y.x, h *= y.y, l += C, f += S, m = O(p), p = U(m);
+    }
+  }
+  return J({
+    width: u,
+    height: h,
+    x: l,
+    y: f
+  });
+}
+function M(t, e) {
+  const n = I(t).scrollLeft;
+  return e ? e.left + n : L(b(t)).left + n;
+}
+function et(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - M(t, n), i = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function dt(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const r = i === "fixed", s = b(o), c = e ? _(e.floating) : !1;
+  if (o === s || c && r)
+    return n;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = w(1);
+  const u = w(0), h = T(o);
+  if ((h || !h && !r) && (($(o) !== "body" || P(s)) && (l = I(o)), h)) {
+    const a = L(o);
+    f = F(o), u.x = a.x + o.clientLeft, u.y = a.y + o.clientTop;
+  }
+  const d = s && !h && !r ? et(s, l) : w(0);
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - l.scrollLeft * f.x + u.x + d.x,
+    y: n.y * f.y - l.scrollTop * f.y + u.y + d.y
+  };
+}
+function gt(t) {
+  return Array.from(t.getClientRects());
+}
+function pt(t) {
+  const e = b(t), n = I(t), o = t.ownerDocument.body, i = E(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), r = E(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + M(t);
+  const c = -n.scrollTop;
+  return R(o).direction === "rtl" && (s += E(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: c
+  };
+}
+const K = 25;
+function mt(t, e) {
+  const n = O(t), o = b(t), i = n.visualViewport;
+  let r = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const u = Y();
+    (!u || u && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  }
+  const f = M(o);
+  if (f <= 0) {
+    const u = o.ownerDocument, h = u.body, d = getComputedStyle(h), a = u.compatMode === "CSS1Compat" && parseFloat(d.marginLeft) + parseFloat(d.marginRight) || 0, m = Math.abs(o.clientWidth - h.clientWidth - a);
+    m <= K && (r -= m);
+  } else f <= K && (r += f);
+  return {
+    width: r,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+function yt(t, e) {
+  const n = L(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, r = T(t) ? F(t) : w(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = i * r.x, f = o * r.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: f
+  };
+}
+function j(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = mt(t, n);
+  else if (e === "document")
+    o = pt(b(t));
+  else if (v(e))
+    o = yt(e, n);
+  else {
+    const i = tt(t);
+    o = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return J(o);
+}
+function nt(t, e) {
+  const n = W(t);
+  return n === e || !v(n) || H(n) ? !1 : R(n).position === "fixed" || nt(n, e);
+}
+function wt(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = z(t, [], !1).filter((c) => v(c) && $(c) !== "body"), i = null;
+  const r = R(t).position === "fixed";
+  let s = r ? W(t) : t;
+  for (; v(s) && !H(s); ) {
+    const c = R(s), l = Q(s);
+    !l && c.position === "fixed" && (i = null), (r ? !l && !i : !l && c.position === "static" && !!i && (i.position === "absolute" || i.position === "fixed") || P(s) && !l && nt(t, s)) ? o = o.filter((u) => u !== s) : i = c, s = W(s);
+  }
+  return e.set(t, o), o;
+}
+function xt(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const s = [...n === "clippingAncestors" ? _(e) ? [] : wt(e, this._c) : [].concat(n), o], c = j(e, s[0], i);
+  let l = c.top, f = c.right, u = c.bottom, h = c.left;
+  for (let d = 1; d < s.length; d++) {
+    const a = j(e, s[d], i);
+    l = E(a.top, l), f = V(a.right, f), u = V(a.bottom, u), h = E(a.left, h);
+  }
+  return {
+    width: f - h,
+    height: u - l,
+    x: h,
+    y: l
+  };
+}
+function vt(t) {
+  const {
+    width: e,
+    height: n
+  } = Z(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function Rt(t, e, n) {
+  const o = T(e), i = b(e), r = n === "fixed", s = L(t, !0, r, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = w(0);
+  function f() {
+    l.x = M(i);
+  }
+  if (o || !o && !r)
+    if (($(e) !== "body" || P(i)) && (c = I(e)), o) {
+      const a = L(e, !0, r, e);
+      l.x = a.x + e.clientLeft, l.y = a.y + e.clientTop;
+    } else i && f();
+  r && !o && i && f();
+  const u = i && !o && !r ? et(i, c) : w(0), h = s.left + c.scrollLeft - l.x - u.x, d = s.top + c.scrollTop - l.y - u.y;
+  return {
+    x: h,
+    y: d,
+    width: s.width,
+    height: s.height
+  };
+}
+function N(t) {
+  return R(t).position === "static";
+}
+function G(t, e) {
+  if (!T(t) || R(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return b(t) === n && (n = n.ownerDocument.body), n;
+}
+function ot(t, e) {
+  const n = O(t);
+  if (_(t))
+    return n;
+  if (!T(t)) {
+    let i = W(t);
+    for (; i && !H(i); ) {
+      if (v(i) && !N(i))
+        return i;
+      i = W(i);
+    }
+    return n;
+  }
+  let o = G(t, e);
+  for (; o && ft(o) && N(o); )
+    o = G(o, e);
+  return o && H(o) && N(o) && !Q(o) ? n : o || ut(t) || n;
+}
+const bt = async function(t) {
+  const e = this.getOffsetParent || ot, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: Rt(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Ct(t) {
+  return R(t).direction === "rtl";
+}
+const Ot = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: dt,
+  getDocumentElement: b,
+  getClippingRect: xt,
+  getOffsetParent: ot,
+  getElementRects: bt,
+  getClientRects: gt,
+  getDimensions: vt,
+  getScale: F,
+  isElement: v,
+  isRTL: Ct
+};
+function it(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function Lt(t, e) {
+  let n = null, o;
+  const i = b(t);
+  function r() {
+    var c;
+    clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
+  }
+  function s(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), r();
+    const f = t.getBoundingClientRect(), {
+      left: u,
+      top: h,
+      width: d,
+      height: a
+    } = f;
+    if (c || e(), !d || !a)
+      return;
+    const m = D(h), p = D(i.clientWidth - (u + d)), y = D(i.clientHeight - (h + a)), g = D(u), C = {
+      rootMargin: -m + "px " + -p + "px " + -y + "px " + -g + "px",
+      threshold: E(0, V(1, l)) || 1
+    };
+    let S = !0;
+    function X(k) {
+      const B = k[0].intersectionRatio;
+      if (B !== l) {
+        if (!S)
+          return s();
+        B ? s(!1, B) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      B === 1 && !it(f, t.getBoundingClientRect()) && s(), S = !1;
+    }
+    try {
+      n = new IntersectionObserver(X, {
+        ...C,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(X, C);
+    }
+    n.observe(t);
+  }
+  return s(!0), r;
+}
+function Wt(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = o, f = q(t), u = i || r ? [...f ? z(f) : [], ...e ? z(e) : []] : [];
+  u.forEach((g) => {
+    i && g.addEventListener("scroll", n, {
+      passive: !0
+    }), r && g.addEventListener("resize", n);
+  });
+  const h = f && c ? Lt(f, n) : null;
+  let d = -1, a = null;
+  s && (a = new ResizeObserver((g) => {
+    let [x] = g;
+    x && x.target === f && a && e && (a.unobserve(e), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+      var C;
+      (C = a) == null || C.observe(e);
+    })), n();
+  }), f && !l && a.observe(f), e && a.observe(e));
+  let m, p = l ? L(t) : null;
+  l && y();
+  function y() {
+    const g = L(t);
+    p && !it(p, g) && n(), p = g, m = requestAnimationFrame(y);
+  }
+  return n(), () => {
+    var g;
+    u.forEach((x) => {
+      i && x.removeEventListener("scroll", n), r && x.removeEventListener("resize", n);
+    }), h?.(), (g = a) == null || g.disconnect(), a = null, l && cancelAnimationFrame(m);
+  };
+}
+const St = ct, Bt = st, Dt = rt, At = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Ot,
+    ...n
+  }, r = {
+    ...i.platform,
+    _c: o
+  };
+  return lt(t, e, {
+    ...i,
+    platform: r
+  });
+};
 export {
-  m as default
+  St as autoPlacement,
+  Wt as autoUpdate,
+  At as computePosition,
+  Dt as flip,
+  z as getOverflowAncestors,
+  Ot as platform,
+  Bt as shift
 };

package/dist/kongponents235.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents255.cjs");;/* empty css                 */const t=require("./kongponents75.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("./kongponents236.cjs");;/* empty css                 */const t=require("./kongponents75.cjs"),u=t.default(e.default,[["__scopeId","data-v-032174d6"]]);exports.getMaximumDepth=e.getMaximumDepth;exports.default=u;

package/dist/kongponents235.es.js

@@ -1,7 +1,9 @@
-import o from "./kongponents255.es.js";
+import o from "./kongponents236.es.js";
+import { getMaximumDepth as _ } from "./kongponents236.es.js";
 /* empty css                  */
-import t from "./kongponents75.es.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f750ceb7"]]);
+import r from "./kongponents75.es.js";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-032174d6"]]);
 export {
-  f as default
+  a as default,
+  _ as getMaximumDepth
 };

package/dist/kongponents236.cjs

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

package/dist/kongponents236.es.js

@@ -1,7 +1,183 @@
-import o from "./kongponents257.es.js";
-/* empty css                  */
-import e from "./kongponents75.es.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bc7e2b16"]]);
+import { defineComponent as j, ref as u, computed as C, useTemplateRef as P, watch as q, onMounted as G, nextTick as D, resolveComponent as H, openBlock as s, createBlock as v, unref as Q, mergeProps as U, withCtx as c, createElementBlock as x, Fragment as W, renderList as X, normalizeClass as k, createSlots as S, renderSlot as g, createTextVNode as Y, toDisplayString as Z, withDirectives as _, vShow as ee } from "vue";
+import { VueDraggableNext as le } from "./kongponents387.es.js";
+import te from "./kongponents388.es.js";
+const I = ({ children: l = [] }) => l.length === 0 ? 0 : 1 + Math.max(...l.map(I)), oe = /* @__PURE__ */ j({
+  __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: $, emit: L }) {
+    const d = L, h = u(0), i = u([]), B = {
+      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
+    }, f = u(!1), b = C(() => [".tree-item-expanded-button", ...(typeof l.filter == "function" ? l.filter() : l.filter).split(",").map((a) => a.trim()).filter(Boolean)].join(", ")), p = (e) => !i.value.filter((a) => a.id === e.id)?.[0]?.children?.length, T = (e) => e.children || [], A = (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);
+    }, y = (e) => {
+      d("selected", e);
+    }, o = u(/* @__PURE__ */ new Map()), M = (e, a) => {
+      o.value.set(a, e);
+    }, N = (e) => l.collapsible ? !!o.value.get(e) : !0, m = P("tree-items"), V = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !1);
+      }), m.value?.forEach((e) => {
+        e?.setExpandedValue(!1);
+      });
+    }, K = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !0);
+      }), m.value?.forEach((e) => {
+        e?.setExpandedValue(!0);
+      });
+    }, F = C(() => l.level > l.maxDepth - 1), O = (e) => {
+      const a = e.relatedContext?.component?.$attrs.level || 0, n = e.draggedContext?.element;
+      let t = 0;
+      return n.children?.length && (t = I(n)), !(a + t > l.maxDepth - 1);
+    }, z = (e) => {
+      const a = e.item?._underlying_vm_?.id || "", n = i.value.find((t) => t.id === a);
+      f.value = !0, n && d("selected", n), E(!0);
+    }, J = async () => {
+      f.value = !1, E(!1), h.value++, await D(), m.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);
+    };
+    q(() => l.items, (e, a) => {
+      JSON.stringify(e) !== JSON.stringify(a) && (i.value = e, i.value.forEach((n) => {
+        n.children || (n.children = []);
+      }));
+    });
+    const R = () => {
+      i.value.forEach((e) => {
+        o.value.set(e.id, !l.initialCollapseAll);
+      });
+    };
+    return G(async () => {
+      i.value = l.items, i.value.forEach((e) => {
+        e.children || (e.children = []);
+      }), await D(), l.collapsible && R();
+    }), $({ collapseAll: V, expandAll: K }), (e, a) => {
+      const n = H("KTreeDraggable", !0);
+      return s(), v(Q(le), U(B, {
+        class: "tree-draggable",
+        direction: "vertical",
+        disabled: l.disableDrag,
+        filter: b.value,
+        group: { name: l.group, pull: [l.group], put: F.value ? [] : [l.group] },
+        level: l.level,
+        list: i.value,
+        move: O,
+        tag: "div",
+        onChange: A,
+        onEnd: J,
+        onStart: z
+      }), {
+        default: c(() => [
+          (s(!0), x(W, null, X(i.value, (t) => (s(), x("div", {
+            key: t.id,
+            class: k(["tree-item-container", {
+              "has-no-children": p(t)
+            }])
+          }, [
+            (s(), v(te, {
+              key: `tree-item-${t.id}-${h.value}`,
+              ref_for: !0,
+              ref: "tree-items",
+              collapsible: l.collapsible,
+              "controls-id": t.id,
+              disabled: l.disableDrag,
+              "has-children": !p(t),
+              "hide-icons": l.hideIcons,
+              "initial-collapse": l.initialCollapseAll,
+              item: t,
+              onExpanded: (r) => M(r, t.id),
+              onSelected: y
+            }, S({
+              "item-label": c(() => [
+                g(e.$slots, "item-label", { item: t }, () => [
+                  Y(Z(t.name), 1)
+                ], !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots["item-icon"] ? {
+                name: "item-icon",
+                fn: c(() => [
+                  g(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"])),
+            _((s(), v(n, {
+              id: `tree-list-draggable-${t.id}`,
+              key: `tree-item-${t.id}-children-${h.value}`,
+              class: k({
+                collapsible: l.collapsible
+              }),
+              collapsible: l.collapsible,
+              "disable-drag": l.disableDrag,
+              filter: b.value,
+              group: l.group,
+              "hide-icons": l.hideIcons,
+              "initial-collapse-all": l.initialCollapseAll,
+              items: T(t),
+              level: l.level + 1,
+              "max-depth": l.maxDepth,
+              "parent-id": t.id,
+              onChildChange: w,
+              onSelected: y
+            }, S({
+              "item-label": c(({ item: r }) => [
+                g(e.$slots, "item-label", { item: r }, void 0, !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots["item-icon"] ? {
+                name: "item-icon",
+                fn: c(({ item: r }) => [
+                  g(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"])), [
+              [ee, N(t.id)]
+            ])
+          ], 2))), 128))
+        ]),
+        _: 3
+      }, 16, ["disabled", "filter", "group", "level", "list"]);
+    };
+  }
+});
 export {
-  m as default
+  oe as default,
+  I as getMaximumDepth
 };

package/dist/kongponents237.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents259.cjs");;/* empty css                 */const r=require("./kongponents75.cjs"),u=r.default(e.default,[["__scopeId","data-v-a0d12d73"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents270.cjs"),b=["aria-hidden"],c='<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>',h=r.defineComponent({__name:"FileEmptyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:d.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),l=r.computed(()=>{if(o(e.size))return e.size;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,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return d.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:l.value,lineHeight:"0",width:l.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(s,a)=>{const u=`${m}-${a}`;return i[a]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(s,a)=>i[a]?`#${i[a]}`:s)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),y=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon file-empty-icon","data-testid":"kui-icon-wrapper-file-empty-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-file-empty-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:y},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;