@kong/kongponents 9.48.3 → 9.48.4-pr.3023.54ef46c.0

package/dist/kongponents.es216.js

@@ -1,122 +1,104 @@
-import { defineComponent as v, computed as l, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as k, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
-const N = ["aria-hidden"], p = `<style>@keyframes kong-icon-spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }</style>
-<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" style="transform-origin: 50% 50%; animation: kong-icon-spin 1.5s linear infinite;"/>`, I = /* @__PURE__ */ v({
-  __name: "ProgressIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
+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
+  },
+  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: !1
+      default: !0
     }
+  }, D),
+  emits: [
+    "update:active",
+    "activate",
+    "postActivate",
+    "deactivate",
+    "postDeactivate"
+  ],
+  render() {
+    return this.renderImpl();
   },
-  setup(r) {
-    const e = r, i = l(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
+  setup(a, { slots: o, emit: n }) {
+    let t;
+    const i = s(null), c = v(() => {
+      const e = i.value;
+      return e && (e instanceof HTMLElement ? e : e.$el);
+    });
+    function u() {
+      return t || (t = b(c.value, {
+        escapeDeactivates: a.escapeDeactivates,
+        allowOutsideClick: a.allowOutsideClick,
+        returnFocusOnDeactivate: a.returnFocusOnDeactivate,
+        clickOutsideDeactivates: a.clickOutsideDeactivates,
+        onActivate: () => {
+          n("update:active", !0), n("activate");
+        },
+        onDeactivate: () => {
+          n("update:active", !1), n("deactivate");
+        },
+        onPostActivate: () => n("postActivate"),
+        onPostDeactivate: () => n("postDeactivate"),
+        initialFocus: a.initialFocus,
+        fallbackFocus: a.fallbackFocus,
+        tabbableOptions: a.tabbableOptions,
+        delayInitialFocus: a.delayInitialFocus,
+        preventScroll: a.preventScroll
+      }));
+    }
+    return d(() => {
+      f(() => a.active, (e) => {
+        e && c.value ? u().activate() : t && (t.deactivate(), (!c.value || c.value.nodeType === Node.COMMENT_NODE) && (t = null));
+      }, { immediate: !0, flush: "post" });
+    }), p(() => {
+      t && t.deactivate(), t = null;
+    }), {
+      activate() {
+        u().activate();
+      },
+      deactivate() {
+        t && t.deactivate();
+      },
+      renderImpl() {
+        if (!o.default)
+          return null;
+        const e = o.default().filter((l) => l.type !== F);
+        return !e || !e.length || e.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), e) : O(e[0], { ref: i });
       }
-      return u;
-    }), c = l(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${y}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, C = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (d(), h(b(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon progress-icon",
-      "data-testid": "kui-icon-wrapper-progress-icon",
-      style: x(c.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: k(() => [
-        (d(), S("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-progress-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, N))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+    };
   }
 });
 export {
-  I as default
+  T as FocusTrap
 };

package/dist/kongponents.es217.js

@@ -1,121 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
-const k = ["aria-hidden"], c = '<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "ChevronDownIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const l = `${h}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, v = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), b(w(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon chevron-down-icon",
-      "data-testid": "kui-icon-wrapper-chevron-down-icon",
-      style: x(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-down-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, k))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+import t from "./kongponents.es246.js";
+/* empty css                  */
+import o from "./kongponents.es74.js";
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-2f823fac"]]);
 export {
-  z as default
+  r as default
 };

package/dist/kongponents.es218.js

@@ -1,319 +1,7 @@
-import { defineComponent as ie, ref as Z, computed as W, onMounted as ye, onUnmounted as oe, watch as _, createVNode as J, isVNode as ae, mergeProps as be } from "vue";
-const C = null, { min: F, max: P, abs: se, floor: ge } = Math, ue = (e, t, n) => F(n, P(t, e)), ce = (e) => [...e].sort(((t, n) => t - n)), we = typeof queueMicrotask == "function" ? queueMicrotask : (e) => {
-  Promise.resolve().then(e);
-}, $ = () => {
-  let e;
-  return [new Promise(((t) => {
-    e = t;
-  })), e];
-}, ee = (e) => {
-  let t;
-  return () => (e && (t = e(), e = void 0), t);
-}, U = (e, t, n) => {
-  const i = n ? "unshift" : "push";
-  for (let p = 0; p < t; p++) e[i](-1);
-  return e;
-}, G = (e, t) => {
-  const n = e.t[t];
-  return n === -1 ? e.o : n;
-}, ke = (e, t, n) => {
-  const i = e.t[t] === -1;
-  return e.t[t] = n, e.i = F(t, e.i), i;
-}, K = (e, t) => {
-  if (!e.l) return 0;
-  if (e.i >= t) return e.u[t];
-  e.i < 0 && (e.u[0] = 0, e.i = 0);
-  let n = e.i, i = e.u[n];
-  for (; n < t; ) i += G(e, n), e.u[++n] = i;
-  return e.i = t, i;
-}, V = (e, t, n = 0, i = e.l - 1) => {
-  for (; n <= i; ) {
-    const p = ge((n + i) / 2), v = K(e, p);
-    if (v <= t) {
-      if (v + G(e, p) > t) return p;
-      n = p + 1;
-    } else i = p - 1;
-  }
-  return ue(n, 0, e.l - 1);
-}, le = (e, t, n) => {
-  const i = t - e.l;
-  return e.i = n ? -1 : F(t - 1, e.i), e.l = t, i > 0 ? (U(e.u, i), U(e.t, i, n), e.o * i) : (e.u.splice(i), (n ? e.t.splice(0, -i) : e.t.splice(i)).reduce(((p, v) => p - (v === -1 ? e.o : v)), 0));
-}, Oe = typeof window < "u", fe = () => document.documentElement, Ae = (e) => e.ownerDocument, Se = (e) => e.defaultView, de = /* @__PURE__ */ ee((() => !!Oe && getComputedStyle(fe()).direction === "rtl")), pe = /* @__PURE__ */ ee((() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 0)), Ee = /* @__PURE__ */ ee((() => "scrollBehavior" in fe().style)), xe = (e, t = 40, n = 4, i = 0, p, v = !1) => {
-  let y = !!i, s = 1, d = 0, b = 0, m = 0, A = 0, x = 0, q = 0, M = 0, T = 0, L = y ? [0, P(i - 1, 0)] : C, r = [0, 0], f = 0;
-  const a = ((o, l) => ({ o: l, t: U([], o), l: o, i: -1, u: U([], o) }))(e, t), g = /* @__PURE__ */ new Set(), B = () => m - b, k = () => B() + x + A, c = (o) => ((l, S, D, w) => {
-    if (w = F(w, l.l - 1), K(l, w) <= S) {
-      const z = V(l, S + D, w);
-      return [V(l, S, w, z), z];
-    }
-    {
-      const z = V(l, S, void 0, w);
-      return [z, V(l, S + D, z)];
-    }
-  })(a, o, d, r[0]), h = () => ((o) => o.l ? K(o, o.l - 1) + G(o, o.l - 1) : 0)(a), N = (o) => K(a, o) - x, u = (o) => G(a, o), j = (o, l = -1) => a.t[o] === l, R = (o) => {
-    o && (pe() && M !== 0 || L && T === 1 ? x += o : A += o);
-  };
-  return { p: () => s, m: () => ((o) => [o.t.slice(), o.o])(a), h: () => {
-    let o, l;
-    return q ? [o, l] = r : ([o, l] = r = c(P(0, k())), L && (o = F(o, L[0]), l = P(l, L[1]))), M !== 1 && (o -= P(0, n)), M !== 2 && (l += P(0, n)), [P(o, 0), F(l, a.l - 1)];
-  }, v: () => V(a, k()), S: () => V(a, k() + d), I: j, k: N, O: u, j: () => a.l, T: () => m, q: () => M !== 0, B: () => d, M: () => b, N: h, P: () => (q = A, A = 0, [q, T === 2]), R: (o, l) => {
-    const S = [o, l];
-    return g.add(S), () => {
-      g.delete(S);
-    };
-  }, A: (o, l) => {
-    let S, D, w = 0;
-    switch (o) {
-      case 1: {
-        const z = q;
-        q = 0;
-        const O = l - m, E = se(O);
-        z && E < se(z) + 1 || T !== 0 || (M = O < 0 ? 2 : 1), y && (L = C, y = !1), m = l, w = 4;
-        const I = B();
-        I >= -d && I <= h() && (w += 1, D = E > d);
-        break;
-      }
-      case 2:
-        w = 8, M !== 0 && (S = !0, w += 1), M = 0, T = 0, L = C;
-        break;
-      case 3: {
-        const z = l.filter((([O, E]) => !j(O, E)));
-        if (!z.length) break;
-        R(z.reduce(((O, [E, I]) => ((T === 2 || (L && T === 1 ? E < L[0] : N(E) + (M === 0 && T === 0 ? u(E) : 0) < B())) && (O += I - u(E)), O)), 0));
-        for (const [O, E] of z) {
-          const I = u(O), X = ke(a, O, E);
-          v && (f += X ? E : E - I);
-        }
-        v && d && f > d && (R(((O, E) => {
-          let I = 0;
-          const X = [];
-          O.t.forEach(((ne, me) => {
-            ne !== -1 && (X.push(ne), me < E && I++);
-          })), O.i = -1;
-          const Y = ce(X), re = Y.length, H = re / 2 | 0, ve = re % 2 == 0 ? (Y[H - 1] + Y[H]) / 2 : Y[H], he = O.o;
-          return ((O.o = ve) - he) * P(E - I, 0);
-        })(a, V(a, k()))), v = !1), w = 3, D = !0;
-        break;
-      }
-      case 4:
-        d !== l && (d = l, w = 3);
-        break;
-      case 5:
-        l[1] ? (R(le(a, l[0], !0)), T = 2, w = 1) : (le(a, l[0]), w = 1);
-        break;
-      case 6:
-        b = l;
-        break;
-      case 7:
-        T = 1;
-        break;
-      case 8:
-        L = c(l), w = 1;
-    }
-    w && (s = 1 + (2147483647 & s), S && x && (A += x, x = 0), g.forEach((([z, O]) => {
-      w & z && O(D);
-    })));
-  } };
-}, te = setTimeout, Q = (e, t) => t && de() ? -e : e, Be = (e, t, n, i, p, v) => {
-  const y = Date.now;
-  let s = 0, d = !1, b = !1, m = !1, A = !1;
-  const x = (() => {
-    let r;
-    const f = () => {
-      r != C && clearTimeout(r);
-    }, a = () => {
-      f(), r = te((() => {
-        r = C, (() => {
-          if (d || b) return d = !1, void x();
-          m = !1, e.A(2);
-        })();
-      }), 150);
-    };
-    return a.H = f, a;
-  })(), q = () => {
-    s = y(), m && (A = !0), e.A(1, i()), x();
-  }, M = (r) => {
-    if (d || !e.q() || r.ctrlKey) return;
-    const f = y() - s;
-    150 > f && 50 < f && (n ? r.deltaX : r.deltaY) && (d = !0);
-  }, T = () => {
-    b = !0, m = A = !1;
-  }, L = () => {
-    b = !1, pe() && (m = !0);
-  };
-  return t.addEventListener("scroll", q), t.addEventListener("wheel", M, { passive: !0 }), t.addEventListener("touchstart", T, { passive: !0 }), t.addEventListener("touchend", L, { passive: !0 }), { V: () => {
-    t.removeEventListener("scroll", q), t.removeEventListener("wheel", M), t.removeEventListener("touchstart", T), t.removeEventListener("touchend", L), x.H();
-  }, C: () => {
-    const [r, f] = e.P();
-    r && (p(Q(r, n), f, A), A = !1, f && e.B() > e.N() && e.A(1, i()));
-  } };
-}, je = (e, t, n) => {
-  let i;
-  return [async (p, v) => {
-    if (!await t()) return;
-    i && i();
-    const y = () => {
-      const [s, d] = $();
-      return i = () => {
-        d(!1);
-      }, e.B() && te(i, 150), [s, e.R(2, (() => {
-        d(!0);
-      }))];
-    };
-    if (v && Ee()) e.A(8, p()), we((async () => {
-      for (; ; ) {
-        let s = !0;
-        for (let [m, A] = e.h(); m <= A; m++) if (e.I(m)) {
-          s = !1;
-          break;
-        }
-        if (s) break;
-        const [d, b] = y();
-        try {
-          if (!await d) return;
-        } finally {
-          b();
-        }
-      }
-      e.A(7), n(p(), v);
-    }));
-    else for (; ; ) {
-      const [s, d] = y();
-      try {
-        if (e.A(7), n(p()), !await s) return;
-      } finally {
-        d();
-      }
-    }
-  }, () => {
-    i && i();
-  }];
-}, qe = (e) => {
-  let t;
-  return { F(n) {
-    (t || (t = new (Se(Ae(n))).ResizeObserver(e))).observe(n);
-  }, J(n) {
-    t.unobserve(n);
-  }, V() {
-    t && t.disconnect();
-  } };
-}, Me = /* @__PURE__ */ ie({ props: { L: { type: Object, required: !0 }, W: { type: Object, required: !0 }, X: { type: Object, required: !0 }, Y: { type: Function, required: !0 }, D: { type: Number, required: !0 }, U: { type: Boolean }, G: { type: Boolean }, K: { type: String, required: !0 }, Z: Object }, setup(e) {
-  const t = Z(), n = W((() => e.L.value && e.W.k(e.D))), i = W((() => e.L.value && e.W.I(e.D)));
-  return _((() => t.value && e.D), ((p, v, y) => {
-    y(e.Y(t.value, e.D));
-  }), { flush: "post" }), () => {
-    var p;
-    const { X: v, U: y, G: s, K: d } = e, b = i.value, { style: m, ...A } = (p = e.Z) !== null && p !== void 0 ? p : {}, x = { contain: "layout style", position: b && s ? void 0 : "absolute", [y ? "height" : "width"]: "100%", [y ? "top" : "left"]: "0px", [y ? de() ? "right" : "left" : "top"]: n.value + "px", visibility: !b || s ? "visible" : "hidden", ...m };
-    return y && (x.display = "inline-flex"), J(d, be({ ref: t, style: x }, A), typeof (q = v) == "function" || Object.prototype.toString.call(q) === "[object Object]" && !ae(q) ? v : { default: () => [v], _: 2 }, 16, ["style"]);
-    var q;
-  };
-} }), Te = (e, t) => {
-  const n = e.key;
-  return n ?? "_" + t;
-}, Le = (e, t) => e[0] === t[0] && e[1] === t[1], Ne = /* @__PURE__ */ ie({ props: { data: { type: Array, required: !0 }, overscan: Number, itemSize: Number, shift: Boolean, horizontal: Boolean, startMargin: { type: Number, default: 0 }, ssrCount: Number, scrollRef: Object, as: { type: String, default: "div" }, item: { type: String, default: "div" }, itemProps: Function, keepMounted: Array }, emits: ["scroll", "scrollEnd"], setup(e, { emit: t, expose: n, slots: i }) {
-  let p = !!e.ssrCount;
-  const v = e.horizontal, y = Z(), s = xe(e.data.length, e.itemSize, e.overscan, e.ssrCount, 0, !e.itemSize), d = ((r, f) => {
-    let a;
-    const g = f ? "width" : "height", B = /* @__PURE__ */ new WeakMap(), k = qe(((c) => {
-      const h = [];
-      for (const { target: N, contentRect: u } of c) if (N.offsetParent) if (N === a) r.A(4, u[g]);
-      else {
-        const j = B.get(N);
-        j != C && h.push([j, u[g]]);
-      }
-      h.length && r.A(3, h);
-    }));
-    return { ee(c) {
-      k.F(a = c);
-    }, te: (c, h) => (B.set(c, h), k.F(c), () => {
-      B.delete(c), k.J(c);
-    }), oe: k.V };
-  })(s, v), b = ((r, f) => {
-    let a, g, B = $();
-    const k = f ? "scrollLeft" : "scrollTop", c = f ? "overflowX" : "overflowY", [h, N] = je(r, (() => B[0]), ((u, j) => {
-      u = Q(u, f), j ? a.scrollTo({ [f ? "left" : "top"]: u, behavior: "smooth" }) : a[k] = u;
-    }));
-    return { re(u) {
-      a = u, g = Be(r, u, f, (() => Q(u[k], f)), ((j, R, o) => {
-        if (o) {
-          const l = u.style, S = l[c];
-          l[c] = "hidden", te((() => {
-            l[c] = S;
-          }));
-        }
-        u[k] = r.T() + j, R && N();
-      })), B[1](!0);
-    }, oe() {
-      g && g.V(), B[1](!1), B = $();
-    }, ne(u) {
-      h((() => u));
-    }, se(u) {
-      u += r.T(), h((() => u));
-    }, ie(u, { align: j, smooth: R, offset: o = 0 } = {}) {
-      if (u = ue(u, 0, r.j() - 1), j === "nearest") {
-        const l = r.k(u), S = r.T();
-        if (l < S) j = "start";
-        else {
-          if (!(l + r.O(u) > S + r.B())) return;
-          j = "end";
-        }
-      }
-      h((() => o + r.M() + r.k(u) + (j === "end" ? r.O(u) - r.B() : j === "center" ? (r.O(u) - r.B()) / 2 : 0)), R);
-    }, le: () => {
-      g && g.C();
-    } };
-  })(s, v), m = Z(s.p()), A = s.R(1, (() => {
-    m.value = s.p();
-  })), x = s.R(4, (() => {
-    t("scroll", s.T());
-  })), q = s.R(8, (() => {
-    t("scrollEnd");
-  })), M = W(((r) => {
-    m.value;
-    const f = s.h();
-    return r && Le(r, f) ? r : f;
-  })), T = W((() => m.value && s.q())), L = W((() => m.value && s.N()));
-  return ye((() => {
-    p = !1;
-    const r = requestAnimationFrame((() => {
-      const f = (a) => {
-        d.ee(a), b.re(a);
-      };
-      e.scrollRef ? f(e.scrollRef) : f(y.value.parentElement);
-    }));
-    oe((() => {
-      cancelAnimationFrame(r);
-    }));
-  })), oe((() => {
-    A(), x(), q(), d.oe(), b.oe();
-  })), _((() => e.data.length), ((r) => {
-    s.A(5, [r, e.shift]);
-  })), _((() => e.startMargin), ((r) => {
-    s.A(6, r);
-  }), { immediate: !0 }), _([m], (() => {
-    b.le();
-  }), { flush: "post" }), n({ get scrollOffset() {
-    return s.T();
-  }, get scrollSize() {
-    return ((r) => P(r.N(), r.B()))(s);
-  }, get viewportSize() {
-    return s.B();
-  }, findStartIndex: s.v, findEndIndex: s.S, getItemOffset: s.k, getItemSize: s.O, scrollToIndex: b.ie, scrollTo: b.ne, scrollBy: b.se }), () => {
-    const r = e.as, f = e.item, a = L.value, g = [], B = (c) => {
-      var h;
-      const N = i.default({ item: e.data[c], index: c })[0];
-      return J(Me, { key: Te(N, c), L: m, W: s, Y: d.te, D: c, X: N, U: v, G: p, K: f, Z: (h = e.itemProps) === null || h === void 0 ? void 0 : h.call(e, { item: e.data[c], index: c }) }, null, 8, ["L", "W", "Y", "D", "X", "U", "G", "K", "Z"]);
-    };
-    if (e.keepMounted) {
-      const c = new Set(e.keepMounted);
-      for (let [h, N] = M.value; h <= N; h++) c.add(h);
-      ce([...c]).forEach(((h) => {
-        g.push(B(h));
-      }));
-    } else for (let [c, h] = M.value; c <= h; c++) g.push(B(c));
-    return J(r, { ref: y, style: { contain: "size paint style", overflowAnchor: "none", overflow: "clip", flex: "none", position: "relative", width: v ? a + "px" : "100%", height: v ? "100%" : a + "px", pointerEvents: T.value ? "none" : void 0 } }, typeof (k = g) == "function" || Object.prototype.toString.call(k) === "[object Object]" && !ae(k) ? g : { default: () => [g], _: 2 }, 8, ["style"]);
-    var k;
-  };
-} });
+import t from "./kongponents.es248.js";
+/* empty css                  */
+import o from "./kongponents.es74.js";
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-11bc36aa"]]);
 export {
-  Ne as Virtualizer
+  r as default
 };