@kong/kongponents 9.49.1 → 9.49.2-pr.3046.82174f0.0

package/dist/kongponents.es181.js

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

package/dist/kongponents.es182.js

@@ -1,168 +1,110 @@
-import { toArray as C, watchImmediate as T, noop as y, tryOnScopeDispose as O, isClient as I, isObject as k } from "./kongponents.es246.js";
-import { computed as h, toValue as p, watch as L, shallowRef as M, getCurrentInstance as x, onMounted as z, unref as B } from "vue";
-const b = I ? window : void 0;
-function g(n) {
-  var o;
-  const i = p(n);
-  return (o = i == null ? void 0 : i.$el) !== null && o !== void 0 ? o : i;
-}
-function S(...n) {
-  const o = (e, r, l, c) => (e.addEventListener(r, l, c), () => e.removeEventListener(r, l, c)), i = h(() => {
-    const e = C(p(n[0])).filter((r) => r != null);
-    return e.every((r) => typeof r != "string") ? e : void 0;
-  });
-  return T(() => {
-    var e, r;
-    return [
-      (e = (r = i.value) === null || r === void 0 ? void 0 : r.map((l) => g(l))) !== null && e !== void 0 ? e : [b].filter((l) => l != null),
-      C(p(i.value ? n[1] : n[0])),
-      C(B(i.value ? n[2] : n[1])),
-      p(i.value ? n[3] : n[2])
-    ];
-  }, ([e, r, l, c], m, s) => {
-    if (!(e != null && e.length) || !(r != null && r.length) || !(l != null && l.length)) return;
-    const d = k(c) ? { ...c } : c, v = e.flatMap((f) => r.flatMap((w) => l.map(($) => o(f, w, $, d))));
-    s(() => {
-      v.forEach((f) => f());
-    });
-  }, { flush: "post" });
-}
-function N(n, o, i = {}) {
-  const { window: e = b, ignore: r = [], capture: l = !0, detectIframe: c = !1, controls: m = !1 } = i;
-  if (!e) return m ? {
-    stop: y,
-    cancel: y,
-    trigger: y
-  } : y;
-  let s = !0;
-  const d = (t) => p(r).some((u) => {
-    if (typeof u == "string") return Array.from(e.document.querySelectorAll(u)).some((a) => a === t.target || t.composedPath().includes(a));
-    {
-      const a = g(u);
-      return a && (t.target === a || t.composedPath().includes(a));
-    }
-  });
-  function v(t) {
-    const u = p(t);
-    return u && u.$.subTree.shapeFlag === 16;
-  }
-  function f(t, u) {
-    const a = p(t), A = a.$.subTree && a.$.subTree.children;
-    return A == null || !Array.isArray(A) ? !1 : A.some((R) => R.el === u.target || u.composedPath().includes(R.el));
-  }
-  const w = (t) => {
-    const u = g(n);
-    if (t.target != null && !(!(u instanceof Element) && v(n) && f(n, t)) && !(!u || u === t.target || t.composedPath().includes(u))) {
-      if ("detail" in t && t.detail === 0 && (s = !d(t)), !s) {
-        s = !0;
-        return;
-      }
-      o(t);
-    }
-  };
-  let $ = !1;
-  const P = [
-    S(e, "click", (t) => {
-      $ || ($ = !0, setTimeout(() => {
-        $ = !1;
-      }, 0), w(t));
-    }, {
-      passive: !0,
-      capture: l
-    }),
-    S(e, "pointerdown", (t) => {
-      const u = g(n);
-      s = !d(t) && !!(u && !t.composedPath().includes(u));
-    }, { passive: !0 }),
-    c && S(e, "blur", (t) => {
-      setTimeout(() => {
-        var u;
-        const a = g(n);
-        ((u = e.document.activeElement) === null || u === void 0 ? void 0 : u.tagName) === "IFRAME" && !(a != null && a.contains(e.document.activeElement)) && o(t);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), E = () => P.forEach((t) => t());
-  return m ? {
-    stop: E,
-    cancel: () => {
-      s = !1;
+import { computed as s, ref as v, watchEffect as D } from "vue";
+import "./kongponents.es240.js";
+import m from "./kongponents.es241.js";
+const S = {
+  VALIDATING: "VALIDATING",
+  VALIDATING_HAS_DATA: "VALIDATING_HAS_DATA",
+  PENDING: "PENDING",
+  SUCCESS: "SUCCESS",
+  SUCCESS_HAS_DATA: "SUCCESS_HAS_DATA",
+  ERROR: "ERROR",
+  STALE_IF_ERROR: "STALE_IF_ERROR"
+};
+function w() {
+  return {
+    useRequest: (e, u, a) => {
+      const {
+        data: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        mutate: r
+      } = m(e, u, {
+        revalidateDebounce: 500,
+        dedupingInterval: 100,
+        ...a
+      });
+      return {
+        data: s(() => {
+          var A;
+          return (A = t.value) == null ? void 0 : A.data;
+        }),
+        response: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        revalidate: r
+      };
     },
-    trigger: (t) => {
-      s = !0, w(t), s = !1;
-    }
-  } : E;
-}
-// @__NO_SIDE_EFFECTS__
-function F() {
-  const n = M(!1), o = x();
-  return o && z(() => {
-    n.value = !0;
-  }, o), n;
-}
-// @__NO_SIDE_EFFECTS__
-function W(n) {
-  const o = /* @__PURE__ */ F();
-  return h(() => (o.value, !!n()));
-}
-function V(n, o, i = {}) {
-  const { window: e = b, ...r } = i;
-  let l;
-  const c = /* @__PURE__ */ W(() => e && "ResizeObserver" in e), m = () => {
-    l && (l.disconnect(), l = void 0);
-  }, s = L(h(() => {
-    const v = p(n);
-    return Array.isArray(v) ? v.map((f) => g(f)) : [g(v)];
-  }), (v) => {
-    if (m(), c.value && e) {
-      l = new ResizeObserver(o);
-      for (const f of v) f && l.observe(f, r);
-    }
-  }, {
-    immediate: !0,
-    flush: "post"
-  }), d = () => {
-    m(), s();
-  };
-  return O(d), {
-    isSupported: c,
-    stop: d
-  };
-}
-function j(n) {
-  var o;
-  const i = (o = n.rangeCount) !== null && o !== void 0 ? o : 0;
-  return Array.from({ length: i }, (e, r) => n.getRangeAt(r));
-}
-// @__NO_SIDE_EFFECTS__
-function _(n = {}) {
-  var o;
-  const { window: i = b } = n, e = M((o = i == null ? void 0 : i.getSelection()) !== null && o !== void 0 ? o : null), r = h(() => {
-    var s, d;
-    return (s = (d = e.value) === null || d === void 0 ? void 0 : d.toString()) !== null && s !== void 0 ? s : "";
-  }), l = h(() => e.value ? j(e.value) : []), c = h(() => l.value.map((s) => s.getBoundingClientRect()));
-  function m() {
-    e.value = null, i && (e.value = i.getSelection());
-  }
-  return i && S(i.document, "selectionchange", m, { passive: !0 }), {
-    text: r,
-    rects: c,
-    ranges: l,
-    selection: e
+    useDebounce: (e, u = 300) => {
+      let a;
+      const t = (n) => async (...c) => {
+        clearTimeout(a), n > 0 ? await new Promise((o) => {
+          a = setTimeout(async () => {
+            await e(...c), o();
+          }, n);
+        }) : await e(...c);
+      };
+      return {
+        debouncedFn: t(u),
+        generateDebouncedFn: t
+      };
+    },
+    clientSideSorter: (e, u, a, t) => {
+      let n = null;
+      const c = (r, i) => typeof i == "number" && !Number.isNaN(r) && !Number.isNaN(i) ? r - i : 0, o = (r, i) => r.localeCompare(i);
+      return e !== u ? (n = (r, i) => {
+        const A = (l) => l == null ? "" : typeof l == "number" ? l : Array.isArray(l) && l.length && typeof l[0] == "number" ? l[0] : String(l), f = A(r[e]), d = A(i[e]);
+        switch (typeof f) {
+          case "number":
+            return c(f, d);
+          default:
+            return o(f, d);
+        }
+      }, t.sort(n), u = e, a = "ascending") : (t.reverse(), a === "descending" || a === "desc" ? a = "ascending" : a = "descending"), { previousKey: u, sortOrder: a };
+    },
+    useSwrvState: (e, u, a) => {
+      const t = v(S.PENDING), n = v(!1);
+      return D(() => {
+        var c, o, r, i, A, f;
+        if (n.value = e.value && !!((c = Object.keys(e.value)) != null && c.length || (o = e.value.data) != null && o.length || (i = (r = e.value.data) == null ? void 0 : r.data) != null && i.length || !((A = e.value.data) != null && A.data) && typeof e.value.data == "object" && Object.keys((f = e.value) == null ? void 0 : f.data).length), e.value && n.value && a.value) {
+          t.value = S.VALIDATING_HAS_DATA;
+          return;
+        }
+        if (e.value && a.value) {
+          t.value = S.VALIDATING;
+          return;
+        }
+        if (e.value && u.value) {
+          t.value = S.STALE_IF_ERROR;
+          return;
+        }
+        if (e.value === void 0 && !u.value) {
+          t.value = S.PENDING;
+          return;
+        }
+        if (e.value && !u.value && n.value) {
+          t.value = S.SUCCESS_HAS_DATA;
+          return;
+        }
+        if (e.value && !u.value) {
+          t.value = S.SUCCESS;
+          return;
+        }
+        e.value === void 0 && u && (t.value = S.ERROR);
+      }), {
+        hasData: n,
+        state: t,
+        swrvState: S
+      };
+    },
+    cloneDeep: (e) => {
+      if (e)
+        return JSON.parse(JSON.stringify(e));
+    },
+    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
   };
 }
 export {
-  b as defaultWindow,
-  I as isClient,
-  k as isObject,
-  y as noop,
-  N as onClickOutside,
-  C as toArray,
-  O as tryOnScopeDispose,
-  g as unrefElement,
-  S as useEventListener,
-  F as useMounted,
-  V as useResizeObserver,
-  W as useSupported,
-  _ as useTextSelection,
-  T as watchImmediate
+  w as default
 };