@kong/kongponents 9.61.4 → 9.61.5

package/dist/kongponents236.es.js

@@ -1,7 +1,123 @@
-import e from "./kongponents280.es.js";
-/* empty css                  */
-import r from "./kongponents82.es.js";
-const p = /* @__PURE__ */ r(e, [["__scopeId", "data-v-5e7cf03a"]]);
+import { defineComponent as h, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as L, withCtx as S, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents275.es.js";
+const z = ["aria-hidden"], p = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', k = /* @__PURE__ */ h({
+  __name: "ClearIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: c,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      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;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = t, a = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      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 r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
+      }
+      return c;
+    }), f = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: o.value,
+      lineHeight: "0",
+      width: o.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, n) => {
+        const l = `${y}-${n}`;
+        return i[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, n) => i[n] ? `#${i[n]}` : s);
+    }, C = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => C[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (u(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon clear-icon",
+      "data-testid": "kui-icon-wrapper-clear-icon",
+      style: L(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (u(), w("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-clear-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, z))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  p as default
+  k as default
 };

package/dist/kongponents237.cjs

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

package/dist/kongponents237.es.js

@@ -1,7 +1,9 @@
-import t from "./kongponents338.es.js";
+import e from "./kongponents238.es.js";
+import { getMaximumDepth as _ } from "./kongponents238.es.js";
 /* empty css                  */
 import o from "./kongponents82.es.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-32fee538"]]);
 export {
-  a as default
+  a as default,
+  _ as getMaximumDepth
 };

package/dist/kongponents238.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents340.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-e0ed9447"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),A=require("./kongponents513.cjs"),N=require("./kongponents514.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/kongponents238.es.js

@@ -1,7 +1,183 @@
-import t from "./kongponents340.es.js";
-/* empty css                  */
-import e from "./kongponents82.es.js";
-const p = /* @__PURE__ */ e(t, [["__scopeId", "data-v-e0ed9447"]]);
+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 "./kongponents513.es.js";
+import te from "./kongponents514.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 {
-  p as default
+  oe as default,
+  I as getMaximumDepth
 };

package/dist/kongponents239.cjs

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

package/dist/kongponents239.es.js

@@ -1,9 +1,7 @@
-import e from "./kongponents240.es.js";
-import { getMaximumDepth as _ } from "./kongponents240.es.js";
+import o from "./kongponents286.es.js";
 /* empty css                  */
-import o from "./kongponents82.es.js";
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-32fee538"]]);
+import t from "./kongponents82.es.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b260443"]]);
 export {
-  a as default,
-  _ as getMaximumDepth
+  p as default
 };

package/dist/kongponents240.cjs

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

package/dist/kongponents240.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 "./kongponents442.es.js";
-import te from "./kongponents443.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 "./kongponents288.es.js";
+/* empty css                  */
+import t from "./kongponents82.es.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-26f0b18b"]]);
 export {
-  oe as default,
-  I as getMaximumDepth
+  m as default
 };

package/dist/kongponents241.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents265.cjs"),y=["aria-hidden"],c='<path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"/>',b=r.defineComponent({__name:"MoreIcon",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,""),n=Number(e);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,n=o=>typeof o=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(o),s=r.computed(()=>{if(n(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const o=String(e.size).replace(/px/gi,""),i=Number(o);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})),f=o=>{const i={},m=Math.random().toString(36).substring(2,12);return o.replace(/id="([^"]+)"/g,(l,a)=>{const d=`${m}-${a}`;return i[a]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},C=o=>o.replace(/[<>"'&]/g,i=>g[i]),v=`${e.title?`<title data-testid="kui-icon-svg-title">${C(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(o,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon more-icon","data-testid":"kui-icon-wrapper-more-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-more-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 r=require("vue"),d=require("./kongponents275.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;