@kong/kongponents 9.64.16 → 9.64.17

package/dist/kongponents222.cjs

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

package/dist/kongponents222.es.js

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

package/dist/kongponents223.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents274.cjs");;/* empty css                 */const r=require("./kongponents82.cjs"),u=r.default(e.default,[["__scopeId","data-v-5e7cf03a"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./kongponents355.cjs"),n=require("./kongponents356.cjs"),o=require("./kongponents357.cjs");function i(r,e){var u={};return e=o.default(e),n.default(r,function(s,t,a){l.default(u,t,e(s,t,a))}),u}exports.default=i;

package/dist/kongponents223.es.js

@@ -1,7 +1,12 @@
-import e from "./kongponents274.es.js";
-/* empty css                  */
-import r from "./kongponents82.es.js";
-const p = /* @__PURE__ */ r(e, [["__scopeId", "data-v-5e7cf03a"]]);
+import t from "./kongponents355.es.js";
+import u from "./kongponents356.es.js";
+import f from "./kongponents357.es.js";
+function l(s, r) {
+  var o = {};
+  return r = f(r), u(s, function(m, a, n) {
+    t(o, a, r(m, a, n));
+  }), o;
+}
 export {
-  p as default
+  l as default
 };

package/dist/kongponents224.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),s=require("./kongponents258.cjs");const v={escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:[Boolean,Function],default:!0},clickOutsideDeactivates:[Boolean,Function],initialFocus:[String,Function,Boolean],fallbackFocus:[String,Function],checkCanFocusTrap:Function,checkCanReturnFocus:Function,delayInitialFocus:{type:Boolean,default:!0},document:Object,preventScroll:Boolean,setReturnFocus:[Object,String,Boolean,Function],tabbableOptions:Object},d=c.defineComponent({name:"FocusTrap",props:Object.assign({active:{type:Boolean,default:!0}},v),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(a,{slots:i,emit:n}){let t;const u=c.ref(null),o=c.computed(()=>{const e=u.value;return e&&(e instanceof HTMLElement?e:e.$el)});function l(){return t||(t=s.createFocusTrap(o.value,{escapeDeactivates:a.escapeDeactivates,allowOutsideClick:a.allowOutsideClick,returnFocusOnDeactivate:a.returnFocusOnDeactivate,clickOutsideDeactivates:a.clickOutsideDeactivates,onActivate:()=>{n("update:active",!0),n("activate")},onDeactivate:()=>{n("update:active",!1),n("deactivate")},onPostActivate:()=>n("postActivate"),onPostDeactivate:()=>n("postDeactivate"),initialFocus:a.initialFocus,fallbackFocus:a.fallbackFocus,tabbableOptions:a.tabbableOptions,delayInitialFocus:a.delayInitialFocus,preventScroll:a.preventScroll}))}return c.onMounted(()=>{c.watch(()=>a.active,e=>{e&&o.value?l().activate():t&&(t.deactivate(),(!o.value||o.value.nodeType===Node.COMMENT_NODE)&&(t=null))},{immediate:!0,flush:"post"})}),c.onUnmounted(()=>{t&&t.deactivate(),t=null}),{activate(){l().activate()},deactivate(){t&&t.deactivate()},renderImpl(){if(!i.default)return null;const e=i.default().filter(r=>r.type!==c.Comment);return!e||!e.length||e.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),e):c.cloneVNode(e[0],{ref:u})}}}});exports.FocusTrap=d;

package/dist/kongponents224.es.js

@@ -1,7 +1,99 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
-}
+import { defineComponent as r, ref as s, computed as v, onMounted as d, watch as f, onUnmounted as p, Comment as F, cloneVNode as O } from "vue";
+import { createFocusTrap as b } from "./kongponents258.es.js";
+const D = {
+  escapeDeactivates: {
+    type: Boolean,
+    default: !0
+  },
+  returnFocusOnDeactivate: {
+    type: Boolean,
+    default: !0
+  },
+  allowOutsideClick: {
+    type: [Boolean, Function],
+    default: !0
+  },
+  clickOutsideDeactivates: [Boolean, Function],
+  initialFocus: [String, Function, Boolean],
+  fallbackFocus: [String, Function],
+  checkCanFocusTrap: Function,
+  checkCanReturnFocus: Function,
+  delayInitialFocus: {
+    type: Boolean,
+    default: !0
+  },
+  document: Object,
+  preventScroll: Boolean,
+  setReturnFocus: [Object, String, Boolean, Function],
+  tabbableOptions: Object
+}, T = r({
+  name: "FocusTrap",
+  props: Object.assign({
+    active: {
+      // TODO: could be options for activate but what about the options for deactivating?
+      type: Boolean,
+      default: !0
+    }
+  }, D),
+  emits: [
+    "update:active",
+    "activate",
+    "postActivate",
+    "deactivate",
+    "postDeactivate"
+  ],
+  render() {
+    return this.renderImpl();
+  },
+  setup(a, { slots: o, emit: n }) {
+    let t;
+    const i = s(null), c = v(() => {
+      const e = i.value;
+      return e && (e instanceof HTMLElement ? e : e.$el);
+    });
+    function u() {
+      return t || (t = b(c.value, {
+        escapeDeactivates: a.escapeDeactivates,
+        allowOutsideClick: a.allowOutsideClick,
+        returnFocusOnDeactivate: a.returnFocusOnDeactivate,
+        clickOutsideDeactivates: a.clickOutsideDeactivates,
+        onActivate: () => {
+          n("update:active", !0), n("activate");
+        },
+        onDeactivate: () => {
+          n("update:active", !1), n("deactivate");
+        },
+        onPostActivate: () => n("postActivate"),
+        onPostDeactivate: () => n("postDeactivate"),
+        initialFocus: a.initialFocus,
+        fallbackFocus: a.fallbackFocus,
+        tabbableOptions: a.tabbableOptions,
+        delayInitialFocus: a.delayInitialFocus,
+        preventScroll: a.preventScroll
+      }));
+    }
+    return d(() => {
+      f(() => a.active, (e) => {
+        e && c.value ? u().activate() : t && (t.deactivate(), (!c.value || c.value.nodeType === Node.COMMENT_NODE) && (t = null));
+      }, { immediate: !0, flush: "post" });
+    }), p(() => {
+      t && t.deactivate(), t = null;
+    }), {
+      activate() {
+        u().activate();
+      },
+      deactivate() {
+        t && t.deactivate();
+      },
+      renderImpl() {
+        if (!o.default)
+          return null;
+        const e = o.default().filter((l) => l.type !== F);
+        return !e || !e.length || e.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), e) : O(e[0], { ref: i });
+      }
+    };
+  }
+});
 export {
-  i as warnInvalidProp
+  T as FocusTrap
 };

package/dist/kongponents225.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents226.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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("popover-parent-zindex");exports.POPOVER_PARENT_ZINDEX_KEY=e;

package/dist/kongponents225.es.js

@@ -1,9 +1,4 @@
-import e from "./kongponents226.es.js";
-import { getMaximumDepth as _ } from "./kongponents226.es.js";
-/* empty css                  */
-import o from "./kongponents82.es.js";
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-32fee538"]]);
+const o = /* @__PURE__ */ Symbol("popover-parent-zindex");
 export {
-  a as default,
-  _ as getMaximumDepth
+  o as POPOVER_PARENT_ZINDEX_KEY
 };

package/dist/kongponents226.cjs

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

package/dist/kongponents226.es.js

@@ -1,183 +1,7 @@
-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"]);
-    };
-  }
-});
+import o from "./kongponents271.es.js";
+/* empty css                  */
+import t from "./kongponents82.es.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-51a543d6"]]);
 export {
-  oe as default,
-  I as getMaximumDepth
+  m as default
 };

package/dist/kongponents227.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents280.cjs"),y=["aria-hidden"],c='<path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"/>',b=r.defineComponent({__name:"DangerIcon",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:u.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,""),a=Number(e);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,a=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),s=r.computed(()=>{if(a(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 u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),C=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,o)=>{const d=`${m}-${o}`;return i[o]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,o)=>i[o]?`#${i[o]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},f=n=>n.replace(/[<>"'&]/g,i=>g[i]),v=`${e.title?`<title data-testid="kui-icon-svg-title">${f(e.title)}</title>`:""}${e.staticIds?c:C(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon danger-icon","data-testid":"kui-icon-wrapper-danger-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-danger-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:v},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents319.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-c348456b"]]);exports.default=u;