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

package/dist/kongponents.es184.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as d, createBlock as h, openBlock as s, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
-const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "KongIcon",
+import { defineComponent as h, computed as d, createBlock as b, openBlock as s, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as C } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es256.js";
+const k = ["aria-hidden"], p = '<path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "UploadIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -65,7 +65,7 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       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);
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
@@ -79,43 +79,43 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const l = `${v}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    })), f = (a) => {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${y}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, L = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (s(), h(b(r.as), {
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (s(), b(x(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon kong-icon",
-      "data-testid": "kui-icon-wrapper-kong-icon",
-      style: x(c.value),
+      class: "kui-icon upload-icon",
+      "data-testid": "kui-icon-wrapper-upload-icon",
+      style: S(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (s(), k("svg", {
+      default: N(() => [
+        (s(), C("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-kong-icon",
+          "data-testid": "kui-icon-svg-upload-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))
+          innerHTML: v
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  z as default
+  $ as default
 };

package/dist/kongponents.es185.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
-const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
-  __name: "SearchIcon",
+import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as k } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es256.js";
+const w = ["aria-hidden"], c = '<path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "ChevronRightIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -65,7 +65,7 @@ const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.
       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);
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
@@ -79,43 +79,43 @@ const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.
       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);
+    })), f = (n) => {
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (o, a) => {
+        const l = `${m}-${a}`;
+        return t[a] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : 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(), y(b(r.as), {
+    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (n, t) => (d(), b(x(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon search-icon",
-      "data-testid": "kui-icon-wrapper-search-icon",
-      style: x(p.value),
+      class: "kui-icon chevron-right-icon",
+      "data-testid": "kui-icon-wrapper-chevron-right-icon",
+      style: S(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (d(), N("svg", {
+      default: N(() => [
+        (d(), k("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-search-icon",
+          "data-testid": "kui-icon-svg-chevron-right-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))
+          innerHTML: v
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  z as default
 };

package/dist/kongponents.es186.js

@@ -1,121 +1,319 @@
-import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es265.js";
-const N = ["aria-hidden"], p = '<path d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"/>', I = /* @__PURE__ */ y({
-  __name: "WarningIcon",
-  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;
+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);
         }
-        return !1;
+        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;
       }
-    },
-    /** 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
+      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;
     }
-  },
-  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`;
+    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();
+        }
       }
-      return u;
-    }), c = 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 = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${v}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, 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 warning-icon",
-      "data-testid": "kui-icon-wrapper-warning-icon",
-      style: x(c.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: w(() => [
-        (d(), S("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-warning-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"]));
-  }
-});
+      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 {
-  I as default
+  Ne as Virtualizer
 };