@kong/kongponents 9.49.1 → 9.49.2-pr.3046.66af5ee.0

package/dist/kongponents.es208.js

@@ -1,9 +1,121 @@
-import o from "./kongponents.es209.js";
-import { getMaximumDepth as _ } from "./kongponents.es209.js";
-/* empty css                  */
-import r from "./kongponents.es74.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4f310da0"]]);
+import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as S } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
+const N = ["aria-hidden"], c = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "ClearIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: 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 a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        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 = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), h(b(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon clear-icon",
+      "data-testid": "kui-icon-wrapper-clear-icon",
+      style: x(p.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: L(() => [
+        (d(), S("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-clear-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: m
+        }, null, 8, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  m as default,
-  _ as getMaximumDepth
+  z as default
 };

package/dist/kongponents.es209.js

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

package/dist/kongponents.es21.js

@@ -1,12 +1,12 @@
 import { defineComponent as s, ref as i, onMounted as c, createElementBlock as u, createCommentVNode as m, openBlock as r, normalizeClass as f, createBlock as t, withCtx as l, renderSlot as n, unref as d } from "vue";
-import k from "./kongponents.es233.js";
-import y from "./kongponents.es234.js";
-import g from "./kongponents.es235.js";
-import h from "./kongponents.es236.js";
-import x from "./kongponents.es237.js";
-import C from "./kongponents.es238.js";
-import S from "./kongponents.es191.js";
-import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es175.js";
+import k from "./kongponents.es194.js";
+import y from "./kongponents.es195.js";
+import g from "./kongponents.es196.js";
+import h from "./kongponents.es197.js";
+import x from "./kongponents.es198.js";
+import C from "./kongponents.es199.js";
+import S from "./kongponents.es200.js";
+import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es174.js";
 const E = /* @__PURE__ */ s({
   __name: "KSkeleton",
   props: {

package/dist/kongponents.es210.js

@@ -1,17 +1,319 @@
-import u from "./kongponents.es344.js";
-import i from "./kongponents.es341.js";
-import m from "./kongponents.es345.js";
-import a from "./kongponents.es346.js";
-function y(r, n) {
-  if (r == null)
-    return {};
-  var o = u(a(r), function(t) {
-    return [t];
-  });
-  return n = i(n), m(r, o, function(t, f) {
-    return n(t, f[0]);
-  });
-}
+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;
+  };
+} });
 export {
-  y as default
+  Ne as Virtualizer
 };