@kong/kongponents 9.65.2-pr.3469.f1bbedf.0 → 9.65.2

package/dist/kongponents209.es.js

@@ -1,100 +1,7 @@
-import g from "./kongponents238.es.js";
-function E(t) {
-  const n = [0];
-  for (let r = 0; r < t.length; r++)
-    t[r] === `
-` && n.push(r + 1);
-  return n;
-}
-function a(t, n) {
-  let r = 0, e = t.length - 1;
-  for (; r < e; ) {
-    const i = Math.floor((r + e + 1) / 2);
-    t[i] && t[i] <= n ? r = i : e = i - 1;
-  }
-  return r + 1;
-}
-function x(t, n, r) {
-  if (!t || !n)
-    return [];
-  const e = [];
-  let i = 0;
-  for (; ; ) {
-    const s = t.indexOf(n, i);
-    if (s === -1) break;
-    const l = a(r, s);
-    e.push(l), i = (l < r.length ? r[l] : t.length) ?? 0;
-  }
-  return e;
-}
-function L(t, n, r) {
-  if (!t || !n)
-    return [];
-  const e = new RegExp(n, "sg"), i = [];
-  let s;
-  for (; (s = e.exec(t)) !== null; ) {
-    const l = s.index, c = s.index + s[0].length - 1, u = a(r, l), m = a(r, c);
-    for (let o = u; o <= m; o++)
-      i[i.length - 1] !== o && i.push(o);
-  }
-  return i;
-}
-function w(t, n, r, e = E(t)) {
-  return r ? L(t, n, e) : x(t, n, e);
-}
-const M = (t) => `<mark class="matched-term">${t}</mark>`, f = /[<&]/;
-function h(t) {
-  return t.replace(/[&<]/g, (n) => n === "&" ? "&amp;" : "&lt;");
-}
-function R(t, n = f, r = h) {
-  return n.test(t) ? r(t) : t;
-}
-function I(t, n, r) {
-  if (!t || !n)
-    return "";
-  let e;
-  try {
-    e = new RegExp(`(?:${r ? n : g(n)})+`, "sgi");
-  } catch {
-    return t;
-  }
-  const i = !f.test(t);
-  let s = "", l = 0, c;
-  for (; (c = e.exec(t)) !== null; ) {
-    const u = c.index;
-    s += i ? t.slice(l, u) : h(t.slice(l, u)), s += M(i ? c[0] : h(c[0])), l = u + c[0].length;
-  }
-  return s += i ? t.slice(l) : h(t.slice(l)), s;
-}
-const d = /^\d+(?:-\d+)?(?:,\d+(?:-\d+)?)*$/;
-function b(t, n) {
-  if (!d.test(t))
-    throw new Error("Invalid line number expression.");
-  const r = t.split(",").map((e) => {
-    const [i, s] = e.split("-").map(Number);
-    return s == null ? i : [i, s];
-  }).filter((e) => e !== void 0);
-  return p(r, n);
-}
-function p(t, n) {
-  const r = t.flatMap((e) => {
-    if (typeof e == "number")
-      return e < 1 || e > n ? [] : e;
-    let [i, s] = e[0] < e[1] ? e : [e[1], e[0]];
-    return i = Math.max(1, i), s = Math.min(n, s), Array.from({ length: s - i + 1 }, (l, c) => c + i);
-  }).sort((e, i) => e - i);
-  return Array.from(new Set(r));
-}
-function k(t, n) {
-  return typeof t == "string" ? b(t, n) : p(t, n);
-}
+import o from "./kongponents226.es.js";
+/* empty css                  */
+import t from "./kongponents83.es.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f750ceb7"]]);
 export {
-  d as LINE_NUMBER_EXPRESSION_REGEX,
-  E as buildLineOffsets,
-  R as escapeHTMLIfNeeded,
-  h as escapeInnerHTML,
-  w as getMatchingLineNumbers,
-  I as highlightMatchingChars,
-  k as normalizeHighlightedLines,
-  M as wrapMark
+  f as default
 };

package/dist/kongponents210.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./kongponents251.cjs"),h=require("./kongponents252.cjs"),M=require("./kongponents253.cjs");var L="Expected a function",_=Math.max,q=Math.min;function O(x,t,c){var r,f,s,a,n,u,d=0,E=!1,l=!1,v=!0;if(typeof x!="function")throw new TypeError(L);t=M.default(t)||0,C.default(c)&&(E=!0,l="maxWait"in c,s=l?_(M.default(c.maxWait)||0,t):s,v="trailing"in c?!0:v);function g(e){var i=r,o=f;return r=f=void 0,d=e,a=x.apply(o,i),a}function S(e){return d=e,n=setTimeout(m,t),E?g(e):a}function W(e){var i=e-u,o=e-d,I=t-i;return l?q(I,s-o):I}function b(e){var i=e-u,o=e-d;return u===void 0||i>=t||i<0||l&&o>=s}function m(){var e=h.default();if(b(e))return k(e);n=setTimeout(m,W(e))}function k(e){return n=void 0,v&&r?g(e):(r=f=void 0,a)}function p(){n!==void 0&&clearTimeout(n),d=0,r=u=f=n=void 0}function y(){return n===void 0?a:k(h.default())}function T(){var e=h.default(),i=b(e);if(r=arguments,f=this,u=e,i){if(n===void 0)return S(u);if(l)return clearTimeout(n),n=setTimeout(m,t),g(u)}return n===void 0&&(n=setTimeout(m,t)),a}return T.cancel=p,T.flush=y,T}exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents228.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-bc7e2b16"]]);exports.default=u;

package/dist/kongponents210.es.js

@@ -1,54 +1,7 @@
-import S from "./kongponents251.es.js";
-import h from "./kongponents252.es.js";
-import W from "./kongponents253.es.js";
-var y = "Expected a function", R = Math.max, A = Math.min;
-function _(x, i, l) {
-  var u, f, c, a, n, r, o = 0, p = !1, d = !1, v = !0;
-  if (typeof x != "function")
-    throw new TypeError(y);
-  i = W(i) || 0, S(l) && (p = !0, d = "maxWait" in l, c = d ? R(W(l.maxWait) || 0, i) : c, v = "trailing" in l ? !0 : v);
-  function g(e) {
-    var t = u, m = f;
-    return u = f = void 0, o = e, a = x.apply(m, t), a;
-  }
-  function b(e) {
-    return o = e, n = setTimeout(s, i), p ? g(e) : a;
-  }
-  function C(e) {
-    var t = e - r, m = e - o, I = i - t;
-    return d ? A(I, c - m) : I;
-  }
-  function E(e) {
-    var t = e - r, m = e - o;
-    return r === void 0 || t >= i || t < 0 || d && m >= c;
-  }
-  function s() {
-    var e = h();
-    if (E(e))
-      return k(e);
-    n = setTimeout(s, C(e));
-  }
-  function k(e) {
-    return n = void 0, v && u ? g(e) : (u = f = void 0, a);
-  }
-  function L() {
-    n !== void 0 && clearTimeout(n), o = 0, u = r = f = n = void 0;
-  }
-  function M() {
-    return n === void 0 ? a : k(h());
-  }
-  function T() {
-    var e = h(), t = E(e);
-    if (u = arguments, f = this, r = e, t) {
-      if (n === void 0)
-        return b(r);
-      if (d)
-        return clearTimeout(n), n = setTimeout(s, i), g(r);
-    }
-    return n === void 0 && (n = setTimeout(s, i)), a;
-  }
-  return T.cancel = L, T.flush = M, T;
-}
+import o from "./kongponents228.es.js";
+/* empty css                  */
+import e from "./kongponents83.es.js";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bc7e2b16"]]);
 export {
-  _ as default
+  m as default
 };

package/dist/kongponents211.cjs

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

package/dist/kongponents211.es.js

@@ -1,7 +1,7 @@
-import t from "./kongponents337.es.js";
+import e from "./kongponents230.es.js";
 /* empty css                  */
-import o from "./kongponents82.es.js";
-const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c348456b"]]);
+import r from "./kongponents83.es.js";
+const p = /* @__PURE__ */ r(e, [["__scopeId", "data-v-5e7cf03a"]]);
 export {
-  s as default
+  p as default
 };

package/dist/kongponents212.cjs

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

package/dist/kongponents212.es.js

@@ -1,7 +1,7 @@
-import t from "./kongponents339.es.js";
+import o from "./kongponents299.es.js";
 /* empty css                  */
-import o from "./kongponents82.es.js";
-const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-02f131b4"]]);
+import t from "./kongponents83.es.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-51a543d6"]]);
 export {
-  f as default
+  m as default
 };

package/dist/kongponents213.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents245.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),r=t.default(e.default,[["__scopeId","data-v-4b260443"]]);exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=e.defineComponent({__name:"KPopTeleportWrapper",props:{useTeleport:{type:Boolean},target:{default:null}},setup(t){return(o,l)=>t.useTeleport?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:t.target},[e.renderSlot(o.$slots,"default")],8,["to"])):e.renderSlot(o.$slots,"default",{},void 0,void 0,1)}});exports.default=r;

package/dist/kongponents213.es.js

@@ -1,7 +1,19 @@
-import o from "./kongponents245.es.js";
-/* empty css                  */
-import t from "./kongponents82.es.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b260443"]]);
+import { defineComponent as r, openBlock as l, createBlock as a, Teleport as p, renderSlot as o } from "vue";
+const u = /* @__PURE__ */ r({
+  __name: "KPopTeleportWrapper",
+  props: {
+    useTeleport: { type: Boolean },
+    target: { default: null }
+  },
+  setup(e) {
+    return (t, n) => e.useTeleport ? (l(), a(p, {
+      key: 0,
+      to: e.target
+    }, [
+      o(t.$slots, "default")
+    ], 8, ["to"])) : o(t.$slots, "default", {}, void 0, void 0, 1);
+  }
+});
 export {
-  p as default
+  u as default
 };

package/dist/kongponents214.cjs

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

package/dist/kongponents214.es.js

@@ -1,7 +1,7 @@
-import o from "./kongponents247.es.js";
+import t from "./kongponents233.es.js";
 /* empty css                  */
-import t from "./kongponents82.es.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72d30b29"]]);
+import o from "./kongponents83.es.js";
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
 export {
-  p as default
+  a as default
 };

package/dist/kongponents215.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents249.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-51a543d6"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents235.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-409cfb15"]]);exports.default=u;

package/dist/kongponents215.es.js

@@ -1,7 +1,7 @@
-import o from "./kongponents249.es.js";
+import t from "./kongponents235.es.js";
 /* empty css                  */
-import t from "./kongponents82.es.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-51a543d6"]]);
+import o from "./kongponents83.es.js";
+const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-409cfb15"]]);
 export {
-  m as default
+  c as default
 };

package/dist/kongponents216.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=e.defineComponent({__name:"KPopTeleportWrapper",props:{useTeleport:{type:Boolean},target:{default:null}},setup(t){return(o,l)=>t.useTeleport?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:t.target},[e.renderSlot(o.$slots,"default")],8,["to"])):e.renderSlot(o.$slots,"default",{},void 0,void 0,1)}});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents217.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-32fee538"]]);exports.getMaximumDepth=e.getMaximumDepth;exports.default=u;

package/dist/kongponents216.es.js

@@ -1,19 +1,9 @@
-import { defineComponent as r, openBlock as l, createBlock as a, Teleport as p, renderSlot as o } from "vue";
-const u = /* @__PURE__ */ r({
-  __name: "KPopTeleportWrapper",
-  props: {
-    useTeleport: { type: Boolean },
-    target: { default: null }
-  },
-  setup(e) {
-    return (t, n) => e.useTeleport ? (l(), a(p, {
-      key: 0,
-      to: e.target
-    }, [
-      o(t.$slots, "default")
-    ], 8, ["to"])) : o(t.$slots, "default", {}, void 0, void 0, 1);
-  }
-});
+import e from "./kongponents217.es.js";
+import { getMaximumDepth as _ } from "./kongponents217.es.js";
+/* empty css                  */
+import o from "./kongponents83.es.js";
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-32fee538"]]);
 export {
-  u as default
+  a as default,
+  _ as getMaximumDepth
 };

package/dist/kongponents217.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents218.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-32fee538"]]);exports.getMaximumDepth=e.getMaximumDepth;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),A=require("vue-draggable-next"),N=require("./kongponents359.cjs"),g=({children:l=[]})=>l.length===0?0:1+Math.max(...l.map(g)),V=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:p,emit:x}){const d=x,s=t.ref(0),n=t.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=t.ref(!1),v=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,y=e=>e.children||[],D=e=>{l.parentId?d("child-change",{parentId:l.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=t.ref(new Map),k=(e,i)=>{r.value.set(i,e)},S=e=>l.collapsible?!!r.value.get(e):!0,u=t.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)})},$=t.computed(()=>l.level>l.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>l.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 t.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)};t.watch(()=>l.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,!l.initialCollapseAll)})};return t.onMounted(async()=>{n.value=l.items,n.value.forEach(e=>{e.children||(e.children=[])}),await t.nextTick(),l.collapsible&&M()}),p({collapseAll:B,expandAll:I}),(e,i)=>{const o=t.resolveComponent("KTreeDraggable",!0);return t.openBlock(),t.createBlock(t.unref(A.VueDraggableNext),t.mergeProps(C,{class:"tree-draggable",direction:"vertical",disabled:l.disableDrag,filter:v.value,group:{name:l.group,pull:[l.group],put:$.value?[]:[l.group]},level:l.level,list:n.value,move:T,tag:"div",onChange:D,onEnd:L,onStart:w}),{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(N.default,{key:`tree-item-${a.id}-${s.value}`,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:c=>k(c,a.id),onSelected:f},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-${s.value}`,class:t.normalizeClass({collapsible:l.collapsible}),collapsible:l.collapsible,"disable-drag":l.disableDrag,filter:v.value,group:l.group,"hide-icons":l.hideIcons,"initial-collapse-all":l.initialCollapseAll,items:y(a),level:l.level+1,"max-depth":l.maxDepth,"parent-id":a.id,onChildChange:E,onSelected:f},t.createSlots({"item-label":t.withCtx(({item:c})=>[t.renderSlot(e.$slots,"item-label",{item:c},void 0,!0)]),_:2},[e.$slots["item-icon"]?{name:"item-icon",fn:t.withCtx(({item:c})=>[t.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"])),[[t.vShow,S(a.id)]])],2))),128))]),_:3},16,["disabled","filter","group","level","list"])}}});exports.default=V;exports.getMaximumDepth=g;

package/dist/kongponents217.es.js

@@ -1,9 +1,183 @@
-import e from "./kongponents218.es.js";
-import { getMaximumDepth as _ } from "./kongponents218.es.js";
-/* empty css                  */
-import o from "./kongponents82.es.js";
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-32fee538"]]);
+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 "vue-draggable-next";
+import te from "./kongponents359.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 {
-  a as default,
-  _ as getMaximumDepth
+  oe as default,
+  I as getMaximumDepth
 };

package/dist/kongponents218.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),A=require("vue-draggable-next"),N=require("./kongponents395.cjs"),g=({children:l=[]})=>l.length===0?0:1+Math.max(...l.map(g)),V=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:p,emit:x}){const d=x,s=t.ref(0),n=t.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=t.ref(!1),v=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,y=e=>e.children||[],D=e=>{l.parentId?d("child-change",{parentId:l.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=t.ref(new Map),k=(e,i)=>{r.value.set(i,e)},S=e=>l.collapsible?!!r.value.get(e):!0,u=t.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)})},$=t.computed(()=>l.level>l.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>l.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 t.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)};t.watch(()=>l.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,!l.initialCollapseAll)})};return t.onMounted(async()=>{n.value=l.items,n.value.forEach(e=>{e.children||(e.children=[])}),await t.nextTick(),l.collapsible&&M()}),p({collapseAll:B,expandAll:I}),(e,i)=>{const o=t.resolveComponent("KTreeDraggable",!0);return t.openBlock(),t.createBlock(t.unref(A.VueDraggableNext),t.mergeProps(C,{class:"tree-draggable",direction:"vertical",disabled:l.disableDrag,filter:v.value,group:{name:l.group,pull:[l.group],put:$.value?[]:[l.group]},level:l.level,list:n.value,move:T,tag:"div",onChange:D,onEnd:L,onStart:w}),{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(N.default,{key:`tree-item-${a.id}-${s.value}`,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:c=>k(c,a.id),onSelected:f},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-${s.value}`,class:t.normalizeClass({collapsible:l.collapsible}),collapsible:l.collapsible,"disable-drag":l.disableDrag,filter:v.value,group:l.group,"hide-icons":l.hideIcons,"initial-collapse-all":l.initialCollapseAll,items:y(a),level:l.level+1,"max-depth":l.maxDepth,"parent-id":a.id,onChildChange:E,onSelected:f},t.createSlots({"item-label":t.withCtx(({item:c})=>[t.renderSlot(e.$slots,"item-label",{item:c},void 0,!0)]),_:2},[e.$slots["item-icon"]?{name:"item-icon",fn:t.withCtx(({item:c})=>[t.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"])),[[t.vShow,S(a.id)]])],2))),128))]),_:3},16,["disabled","filter","group","level","list"])}}});exports.default=V;exports.getMaximumDepth=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents297.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-34b46660"]]);exports.default=u;