@kong/kongponents 9.64.21-pr.3446.a8018f3.0 → 9.64.21

package/dist/kongponents199.es.js

@@ -1,7 +1,210 @@
-import t from "./kongponents236.es.js";
-/* empty css                  */
-import o from "./kongponents82.es.js";
-const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c348456b"]]);
+import { toArray as C, watchImmediate as T, tryOnScopeDispose as B, noop as S, tryOnMounted as O, isClient as I, isObject as L } from "./kongponents237.es.js";
+import { getLifeCycleTarget as K } from "./kongponents237.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 {
-  s 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/kongponents200.cjs

@@ -1 +1 @@
-"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-02f131b4"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents201.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/kongponents200.es.js

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

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

package/dist/kongponents201.es.js

@@ -1,7 +1,183 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
-}
+import { defineComponent as j, ref as u, computed as C, useTemplateRef as P, watch as q, onMounted as G, nextTick as D, resolveComponent as H, openBlock as s, createBlock as v, unref as Q, mergeProps as U, withCtx as c, createElementBlock as x, Fragment as W, renderList as X, normalizeClass as k, createSlots as S, renderSlot as g, createTextVNode as Y, toDisplayString as Z, withDirectives as _, vShow as ee } from "vue";
+import { VueDraggableNext as le } from "vue-draggable-next";
+import te from "./kongponents341.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 {
-  i as warnInvalidProp
+  oe as default,
+  I as getMaximumDepth
 };

package/dist/kongponents202.cjs

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

package/dist/kongponents202.es.js

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

package/dist/kongponents203.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents231.cjs");;/* empty css                 */const r=require("./kongponents82.cjs"),t=r.default(e.default,[["__scopeId","data-v-fa2e8d6e"]]);exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("popover-parent-zindex");exports.POPOVER_PARENT_ZINDEX_KEY=e;

package/dist/kongponents203.es.js

@@ -1,7 +1,4 @@
-import r from "./kongponents231.es.js";
-/* empty css                  */
-import a from "./kongponents82.es.js";
-const t = /* @__PURE__ */ a(r, [["__scopeId", "data-v-fa2e8d6e"]]);
+const o = /* @__PURE__ */ Symbol("popover-parent-zindex");
 export {
-  t as default
+  o as POPOVER_PARENT_ZINDEX_KEY
 };

package/dist/kongponents204.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents276.cjs"),o=require("./kongponents272.cjs"),d=require("./kongponents277.cjs");function a(t,n,r,i){var e=u.default(i);return e.timeZone=n,e.originalDate=t,o.default(d.default(t,n),r,e)}exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents244.cjs");;/* empty css                 */const u=require("./kongponents82.cjs"),t=u.default(e.default,[["__scopeId","data-v-2ef0f9b8"]]);exports.default=t;

package/dist/kongponents204.es.js

@@ -1,10 +1,7 @@
-import n from "./kongponents276.es.js";
-import i from "./kongponents272.es.js";
-import f from "./kongponents277.es.js";
-function u(r, t, e, m) {
-  var o = n(m);
-  return o.timeZone = t, o.originalDate = r, i(f(r, t), e, o);
-}
+import o from "./kongponents244.es.js";
+/* empty css                  */
+import t from "./kongponents82.es.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2ef0f9b8"]]);
 export {
-  u as default
+  r as default
 };

package/dist/kongponents205.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./kongponents250.cjs"),j=require("./kongponents251.cjs"),A=require("./kongponents248.cjs"),M=require("./kongponents252.cjs"),I=require("./kongponents253.cjs"),Q=require("./kongponents254.cjs"),u=require("./kongponents255.cjs"),W=require("./kongponents247.cjs"),H=require("./kongponents249.cjs"),K=require("./kongponents256.cjs"),Z=require("./kongponents257.cjs");var B=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,F=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,G=/^'([^]*?)'?$/,J=/''/g,N=/[a-zA-Z]/;function U(t,l,e){var c,v,f,s,w,$,k,m,g,_,p,h,O,x,E,S,q,D;H.default(2,arguments);var P=String(l),n=K.getDefaultOptions(),o=(c=(v=e?.locale)!==null&&v!==void 0?v:n.locale)!==null&&c!==void 0?c:Z.default,C=W.default((f=(s=(w=($=e?.firstWeekContainsDate)!==null&&$!==void 0?$:e==null||(k=e.locale)===null||k===void 0||(m=k.options)===null||m===void 0?void 0:m.firstWeekContainsDate)!==null&&w!==void 0?w:n.firstWeekContainsDate)!==null&&s!==void 0?s:(g=n.locale)===null||g===void 0||(_=g.options)===null||_===void 0?void 0:_.firstWeekContainsDate)!==null&&f!==void 0?f:1);if(!(C>=1&&C<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var R=W.default((p=(h=(O=(x=e?.weekStartsOn)!==null&&x!==void 0?x:e==null||(E=e.locale)===null||E===void 0||(S=E.options)===null||S===void 0?void 0:S.weekStartsOn)!==null&&O!==void 0?O:n.weekStartsOn)!==null&&h!==void 0?h:(q=n.locale)===null||q===void 0||(D=q.options)===null||D===void 0?void 0:D.weekStartsOn)!==null&&p!==void 0?p:0);if(!(R>=0&&R<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!o.localize)throw new RangeError("locale must contain localize property");if(!o.formatLong)throw new RangeError("locale must contain formatLong property");var i=A.default(t);if(!y.default(i))throw new RangeError("Invalid time value");var T=Q.default(i),z=j.default(i,T),L={firstWeekContainsDate:C,weekStartsOn:R,locale:o,_originalDate:i},Y=P.match(F).map(function(r){var a=r[0];if(a==="p"||a==="P"){var d=I.default[a];return d(r,o.formatLong)}return r}).join("").match(B).map(function(r){if(r==="''")return"'";var a=r[0];if(a==="'")return V(r);var d=M.default[a];if(d)return!(e!=null&&e.useAdditionalWeekYearTokens)&&u.isProtectedWeekYearToken(r)&&u.throwProtectedError(r,l,String(t)),!(e!=null&&e.useAdditionalDayOfYearTokens)&&u.isProtectedDayOfYearToken(r)&&u.throwProtectedError(r,l,String(t)),d(z,r,o.localize,L);if(a.match(N))throw new RangeError("Format string contains an unescaped latin alphabet character `"+a+"`");return r}).join("");return Y}function V(t){var l=t.match(G);return l?l[1].replace(J,"'"):t}exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents246.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-cf7c2833"]]);exports.default=u;

package/dist/kongponents205.es.js

@@ -1,62 +1,7 @@
-import I from "./kongponents250.es.js";
-import y from "./kongponents251.es.js";
-import M from "./kongponents248.es.js";
-import j from "./kongponents252.es.js";
-import q from "./kongponents253.es.js";
-import Q from "./kongponents254.es.js";
-import { isProtectedWeekYearToken as F, throwProtectedError as T, isProtectedDayOfYearToken as H } from "./kongponents255.es.js";
-import x from "./kongponents247.es.js";
-import K from "./kongponents249.es.js";
-import { getDefaultOptions as V } from "./kongponents256.es.js";
-import Z from "./kongponents257.es.js";
-var B = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, G = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, J = /^'([^]*?)'?$/, N = /''/g, U = /[a-zA-Z]/;
-function de(a, t, e) {
-  var v, d, c, u, m, s, p, k, w, g, O, _, h, $, D, E, S, C;
-  K(2, arguments);
-  var z = String(t), l = V(), n = (v = (d = e?.locale) !== null && d !== void 0 ? d : l.locale) !== null && v !== void 0 ? v : Z, R = x((c = (u = (m = (s = e?.firstWeekContainsDate) !== null && s !== void 0 ? s : e == null || (p = e.locale) === null || p === void 0 || (k = p.options) === null || k === void 0 ? void 0 : k.firstWeekContainsDate) !== null && m !== void 0 ? m : l.firstWeekContainsDate) !== null && u !== void 0 ? u : (w = l.locale) === null || w === void 0 || (g = w.options) === null || g === void 0 ? void 0 : g.firstWeekContainsDate) !== null && c !== void 0 ? c : 1);
-  if (!(R >= 1 && R <= 7))
-    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var W = x((O = (_ = (h = ($ = e?.weekStartsOn) !== null && $ !== void 0 ? $ : e == null || (D = e.locale) === null || D === void 0 || (E = D.options) === null || E === void 0 ? void 0 : E.weekStartsOn) !== null && h !== void 0 ? h : l.weekStartsOn) !== null && _ !== void 0 ? _ : (S = l.locale) === null || S === void 0 || (C = S.options) === null || C === void 0 ? void 0 : C.weekStartsOn) !== null && O !== void 0 ? O : 0);
-  if (!(W >= 0 && W <= 6))
-    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  if (!n.localize)
-    throw new RangeError("locale must contain localize property");
-  if (!n.formatLong)
-    throw new RangeError("locale must contain formatLong property");
-  var i = M(a);
-  if (!I(i))
-    throw new RangeError("Invalid time value");
-  var P = Q(i), L = y(i, P), Y = {
-    firstWeekContainsDate: R,
-    weekStartsOn: W,
-    locale: n,
-    _originalDate: i
-  }, A = z.match(G).map(function(r) {
-    var o = r[0];
-    if (o === "p" || o === "P") {
-      var f = q[o];
-      return f(r, n.formatLong);
-    }
-    return r;
-  }).join("").match(B).map(function(r) {
-    if (r === "''")
-      return "'";
-    var o = r[0];
-    if (o === "'")
-      return X(r);
-    var f = j[o];
-    if (f)
-      return !(e != null && e.useAdditionalWeekYearTokens) && F(r) && T(r, t, String(a)), !(e != null && e.useAdditionalDayOfYearTokens) && H(r) && T(r, t, String(a)), f(L, r, n.localize, Y);
-    if (o.match(U))
-      throw new RangeError("Format string contains an unescaped latin alphabet character `" + o + "`");
-    return r;
-  }).join("");
-  return A;
-}
-function X(a) {
-  var t = a.match(J);
-  return t ? t[1].replace(N, "'") : a;
-}
+import o from "./kongponents246.es.js";
+/* empty css                  */
+import t from "./kongponents82.es.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf7c2833"]]);
 export {
-  de as default
+  f as default
 };

package/dist/kongponents206.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents240.cjs");;/* empty css                 */const u=require("./kongponents82.cjs"),t=u.default(e.default,[["__scopeId","data-v-2ef0f9b8"]]);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./kongponents316.cjs"),n=require("./kongponents317.cjs"),o=require("./kongponents318.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/kongponents206.es.js

@@ -1,7 +1,12 @@
-import o from "./kongponents240.es.js";
-/* empty css                  */
-import t from "./kongponents82.es.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2ef0f9b8"]]);
+import t from "./kongponents316.es.js";
+import u from "./kongponents317.es.js";
+import f from "./kongponents318.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 {
-  r as default
+  l as default
 };

package/dist/kongponents207.cjs

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

package/dist/kongponents207.es.js

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

package/dist/kongponents208.cjs

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

package/dist/kongponents208.es.js

@@ -1,12 +1,7 @@
-import t from "./kongponents316.es.js";
-import u from "./kongponents317.es.js";
-import f from "./kongponents318.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;
-}
+import t from "./kongponents334.es.js";
+/* empty css                  */
+import o from "./kongponents82.es.js";
+const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-409cfb15"]]);
 export {
-  l as default
+  c as default
 };

package/dist/kongponents209.cjs

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