@kong/kongponents 9.65.1 → 9.65.2-pr.3432.7ee7dff.0

package/dist/kongponents170.es.js

@@ -11,18 +11,18 @@ import "./kongponents12.es.js";
 import { EmptyStateIconVariants as Ft } from "./kongponents13.es.js";
 import { TableViewHeaderKeys as i } from "./kongponents19.es.js";
 import { KUI_ICON_SIZE_30 as re, KUI_COLOR_TEXT_NEUTRAL as Ut, KUI_COLOR_TEXT_PRIMARY as Vt, KUI_COLOR_TEXT_NEUTRAL_WEAK as Wt, KUI_SPACE_60 as Xt } from "./kongponents182.es.js";
-import qt from "./kongponents203.es.js";
+import qt from "./kongponents200.es.js";
 import jt from "./kongponents61.es.js";
 import Zt from "./kongponents49.es.js";
 import Ue from "./kongponents42.es.js";
-import Gt from "./kongponents217.es.js";
+import Gt from "./kongponents213.es.js";
 import { getInitialPageSize as Jt } from "./kongponents181.es.js";
 import { getUniqueStringId as Yt } from "./kongponents161.es.js";
-import { getScrollbarSize as Qt } from "./kongponents196.es.js";
-import { useElementSize as _t, useResizeObserver as ea } from "./kongponents187.es.js";
-import { normalizeSize as ta } from "./kongponents188.es.js";
+import { getScrollbarSize as Qt } from "./kongponents194.es.js";
+import { useElementSize as _t, useResizeObserver as ea } from "./kongponents185.es.js";
+import { normalizeSize as ta } from "./kongponents186.es.js";
 import aa from "./kongponents46.es.js";
-import oa from "./kongponents218.es.js";
+import oa from "./kongponents214.es.js";
 const la = {
   key: 0,
   class: "table-toolbar",

package/dist/kongponents175.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./kongponents189.cjs"),N=require("./kongponents190.cjs"),A=require("./kongponents182.cjs"),L={class:"k-filter-group"},M={key:0,class:"label","data-testid":"filter-group-label"},I=["data-testid"],V=e.defineComponent({__name:"KFilterGroup",props:e.mergeModels({filters:{},groupLabel:{default:"Filters"},selectorLabel:{default:()=>{}},itemFiltering:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["apply","clear","open","close"],["update:modelValue"]),setup(n,{emit:p}){const F=e.useSlots(),g=t=>`filter-${t}`,v=t=>`filter-item-${t}`,r=e.useModel(n,"modelValue"),i=e.ref(),u=e.ref([]),s=p,f=e.computed(()=>{const t=Object.keys(n.filters).filter(l=>n.filters[l].pinned),o=u.value.filter(l=>r.value[l]!==void 0);return i.value!==void 0&&!t.includes(i.value)&&!o.includes(i.value)&&o.push(i.value),[...t,...o]}),d=e.computed(()=>Object.keys(n.filters).filter(t=>!f.value.includes(t))),b=e.computed(()=>d.value.reduce((t,o)=>({...t,[o]:n.filters[o]}),{})),h=Number.parseFloat(A.KUI_ANIMATION_DURATION_20)*1e3,S=t=>{setTimeout(()=>{i.value=t},h)},B=t=>{i.value!==void 0&&m(i.value),i.value=t,s("open",t)},m=t=>{i.value===t&&(i.value=void 0),s("close",t)},C=t=>{r.value[t]=void 0,i.value===t&&(i.value=void 0),s("clear",t,r.value)},O=(t,o)=>{o!==void 0&&(r.value[t]=o),i.value===t&&(i.value=void 0),s("apply",t,r.value)};return e.watch(r,t=>{Object.entries(t).forEach(([o,l])=>{if(n.filters[o]?.pinned)return;const c=u.value.indexOf(o);c!==-1&&l===void 0?u.value=[...u.value.slice(0,c),...u.value.slice(c+1)]:c===-1&&l!==void 0&&u.value.push(o)})},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",L,[n.groupLabel?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(n.groupLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`filter-pill-${l}`,"data-testid":`filter-group-pill-${l}`},[e.createVNode(N.default,{custom:!!e.unref(F)[`filter-${l}`],filter:n.filters[l],"init-open":l===i.value,selection:r.value[l],onApply:a=>O(l,a),onClear:a=>C(l),onClose:a=>m(l),onOpen:a=>B(l)},{default:e.withCtx(a=>[e.renderSlot(t.$slots,g(l),e.mergeProps({ref_for:!0},a),void 0,!0)]),_:2},1032,["custom","filter","init-open","selection","onApply","onClear","onClose","onOpen"])],8,I))),128)),d.value.length>0?(e.openBlock(),e.createBlock($.default,{key:1,filters:b.value,"item-filtering":n.itemFiltering,label:n.selectorLabel?n.selectorLabel:"Add filter",onSelect:S},e.createSlots({_:2},[e.renderList(d.value,l=>({name:v(l),fn:e.withCtx(()=>[e.renderSlot(t.$slots,v(l),{},void 0,!0)])}))]),1032,["filters","item-filtering","label"])):e.createCommentVNode("",!0)]))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./kongponents215.cjs"),N=require("./kongponents216.cjs"),A=require("./kongponents182.cjs"),L={class:"k-filter-group"},M={key:0,class:"label","data-testid":"filter-group-label"},I=["data-testid"],V=e.defineComponent({__name:"KFilterGroup",props:e.mergeModels({filters:{},groupLabel:{default:"Filters"},selectorLabel:{default:()=>{}},itemFiltering:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["apply","clear","open","close"],["update:modelValue"]),setup(n,{emit:p}){const F=e.useSlots(),g=t=>`filter-${t}`,v=t=>`filter-item-${t}`,r=e.useModel(n,"modelValue"),i=e.ref(),u=e.ref([]),s=p,f=e.computed(()=>{const t=Object.keys(n.filters).filter(l=>n.filters[l].pinned),o=u.value.filter(l=>r.value[l]!==void 0);return i.value!==void 0&&!t.includes(i.value)&&!o.includes(i.value)&&o.push(i.value),[...t,...o]}),d=e.computed(()=>Object.keys(n.filters).filter(t=>!f.value.includes(t))),b=e.computed(()=>d.value.reduce((t,o)=>({...t,[o]:n.filters[o]}),{})),h=Number.parseFloat(A.KUI_ANIMATION_DURATION_20)*1e3,S=t=>{setTimeout(()=>{i.value=t},h)},B=t=>{i.value!==void 0&&m(i.value),i.value=t,s("open",t)},m=t=>{i.value===t&&(i.value=void 0),s("close",t)},C=t=>{r.value[t]=void 0,i.value===t&&(i.value=void 0),s("clear",t,r.value)},O=(t,o)=>{o!==void 0&&(r.value[t]=o),i.value===t&&(i.value=void 0),s("apply",t,r.value)};return e.watch(r,t=>{Object.entries(t).forEach(([o,l])=>{if(n.filters[o]?.pinned)return;const c=u.value.indexOf(o);c!==-1&&l===void 0?u.value=[...u.value.slice(0,c),...u.value.slice(c+1)]:c===-1&&l!==void 0&&u.value.push(o)})},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",L,[n.groupLabel?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(n.groupLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`filter-pill-${l}`,"data-testid":`filter-group-pill-${l}`},[e.createVNode(N.default,{custom:!!e.unref(F)[`filter-${l}`],filter:n.filters[l],"init-open":l===i.value,selection:r.value[l],onApply:a=>O(l,a),onClear:a=>C(l),onClose:a=>m(l),onOpen:a=>B(l)},{default:e.withCtx(a=>[e.renderSlot(t.$slots,g(l),e.mergeProps({ref_for:!0},a),void 0,!0)]),_:2},1032,["custom","filter","init-open","selection","onApply","onClear","onClose","onOpen"])],8,I))),128)),d.value.length>0?(e.openBlock(),e.createBlock($.default,{key:1,filters:b.value,"item-filtering":n.itemFiltering,label:n.selectorLabel?n.selectorLabel:"Add filter",onSelect:S},e.createSlots({_:2},[e.renderList(d.value,l=>({name:v(l),fn:e.withCtx(()=>[e.renderSlot(t.$slots,v(l),{},void 0,!0)])}))]),1032,["filters","item-filtering","label"])):e.createCommentVNode("",!0)]))}});exports.default=V;

package/dist/kongponents175.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as x, useSlots as D, useModel as T, ref as g, computed as f, watch as w, openBlock as s, createElementBlock as c, toDisplayString as E, createCommentVNode as b, Fragment as K, renderList as h, createVNode as P, unref as U, withCtx as $, renderSlot as C, mergeProps as q, createBlock as G, createSlots as R, mergeModels as O } from "vue";
-import z from "./kongponents189.es.js";
-import H from "./kongponents190.es.js";
+import z from "./kongponents215.es.js";
+import H from "./kongponents216.es.js";
 import { KUI_ANIMATION_DURATION_20 as J } from "./kongponents182.es.js";
 const Q = { class: "k-filter-group" }, W = {
   key: 0,

package/dist/kongponents184.cjs

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

package/dist/kongponents184.es.js

@@ -1,7 +1,7 @@
-import t from "./kongponents220.es.js";
+import o from "./kongponents223.es.js";
 /* empty css                  */
-import o from "./kongponents83.es.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
+import t from "./kongponents83.es.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-51a543d6"]]);
 export {
-  a as default
+  m as default
 };

package/dist/kongponents185.cjs

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

package/dist/kongponents185.es.js

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{resizeObserver;callback;constructor(e){this.callback=e,this.resizeObserver=new ResizeObserver(s=>{window.requestAnimationFrame(()=>{!Array.isArray(s)||!s.length||e()})})}static create(e){return new r(e)}observe(e){!this.resizeObserver||!e||this.resizeObserver.observe(e)}unobserve(e){!this.resizeObserver||!e||this.resizeObserver.unobserve(e)}}exports.ResizeObserverHelper=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>{const r=Number(e);return Number.isNaN(r)?`${e}`:`${r}px`};exports.normalizeSize=t;

package/dist/kongponents186.es.js

@@ -1,23 +1,7 @@
-class s {
-  resizeObserver;
-  callback;
-  constructor(e) {
-    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
-      window.requestAnimationFrame(() => {
-        !Array.isArray(r) || !r.length || e();
-      });
-    });
-  }
-  static create(e) {
-    return new s(e);
-  }
-  observe(e) {
-    !this.resizeObserver || !e || this.resizeObserver.observe(e);
-  }
-  unobserve(e) {
-    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
-  }
-}
+const n = (r) => {
+  const e = Number(r);
+  return Number.isNaN(e) ? `${r}` : `${e}px`;
+};
 export {
-  s as ResizeObserverHelper
+  n as normalizeSize
 };

package/dist/kongponents187.cjs

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

package/dist/kongponents187.es.js

@@ -1,210 +1,4 @@
-import { toArray as C, watchImmediate as T, tryOnScopeDispose as B, noop as S, tryOnMounted as O, isClient as I, isObject as L } from "./kongponents219.es.js";
-import { getLifeCycleTarget as K } from "./kongponents219.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
-  };
-}
+const o = /* @__PURE__ */ Symbol("popover-parent-zindex");
 export {
-  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
+  o as POPOVER_PARENT_ZINDEX_KEY
 };

package/dist/kongponents188.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>{const r=Number(e);return Number.isNaN(r)?`${e}`:`${r}px`};exports.normalizeSize=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents225.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-72a28527"]]);exports.default=u;

package/dist/kongponents188.es.js

@@ -1,7 +1,7 @@
-const n = (r) => {
-  const e = Number(r);
-  return Number.isNaN(e) ? `${r}` : `${e}px`;
-};
+import t from "./kongponents225.es.js";
+/* empty css                  */
+import o from "./kongponents83.es.js";
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
 export {
-  n as normalizeSize
+  a as default
 };

package/dist/kongponents189.cjs

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

package/dist/kongponents189.es.js

@@ -1,7 +1,7 @@
-import o from "./kongponents225.es.js";
+import t from "./kongponents227.es.js";
 /* empty css                  */
-import t from "./kongponents83.es.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b260443"]]);
+import o from "./kongponents83.es.js";
+const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-409cfb15"]]);
 export {
-  p as default
+  c as default
 };

package/dist/kongponents190.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents227.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-72d30b29"]]);exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{resizeObserver;callback;constructor(e){this.callback=e,this.resizeObserver=new ResizeObserver(s=>{window.requestAnimationFrame(()=>{!Array.isArray(s)||!s.length||e()})})}static create(e){return new r(e)}observe(e){!this.resizeObserver||!e||this.resizeObserver.observe(e)}unobserve(e){!this.resizeObserver||!e||this.resizeObserver.unobserve(e)}}exports.ResizeObserverHelper=r;

package/dist/kongponents190.es.js

@@ -1,7 +1,23 @@
-import o from "./kongponents227.es.js";
-/* empty css                  */
-import t from "./kongponents83.es.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-72d30b29"]]);
+class s {
+  resizeObserver;
+  callback;
+  constructor(e) {
+    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
+      window.requestAnimationFrame(() => {
+        !Array.isArray(r) || !r.length || e();
+      });
+    });
+  }
+  static create(e) {
+    return new s(e);
+  }
+  observe(e) {
+    !this.resizeObserver || !e || this.resizeObserver.observe(e);
+  }
+  unobserve(e) {
+    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
+  }
+}
 export {
-  p as default
+  s as ResizeObserverHelper
 };

package/dist/kongponents191.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 e=require("./kongponents221.cjs");;/* empty css                 */const t=require("./kongponents83.cjs"),u=t.default(e.default,[["__scopeId","data-v-34b46660"]]);exports.default=u;

package/dist/kongponents191.es.js

@@ -1,7 +1,7 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
-}
+import o from "./kongponents221.es.js";
+/* empty css                  */
+import t from "./kongponents83.es.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-34b46660"]]);
 export {
-  i as warnInvalidProp
+  i as default
 };