@kong/kongponents 9.48.4 → 9.48.5-pr.3027.85efc54.0

package/dist/kongponents.es209.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as x, openBlock as d, resolveDynamicComponent as L, normalizeStyle as h, withCtx as b, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es262.js";
-const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "RegexIcon",
+import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as k, withCtx as x, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es269.js";
+const w = ["aria-hidden"], c = '<path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "CheckSmallIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,37 +80,37 @@ const N = ["aria-hidden"], p = '<path d="M4.30937 19.025C3.49271 18.075 2.86198
       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);
+      const t = {}, h = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (l, n) => {
+        const o = `${h}-${n}`;
+        return t[n] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (l, n) => t[n] ? `#${t[n]}` : l);
     }, 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 ? p : f(p)}`;
-    return (a, t) => (d(), x(L(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 ? c : f(c)}`;
+    return (a, t) => (d(), b(S(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon regex-icon",
-      "data-testid": "kui-icon-wrapper-regex-icon",
-      style: h(c.value),
+      class: "kui-icon check-small-icon",
+      "data-testid": "kui-icon-wrapper-check-small-icon",
+      style: k(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), S("svg", {
+      default: x(() => [
+        (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-regex-icon",
+          "data-testid": "kui-icon-svg-check-small-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, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

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.es195.js";
-import y from "./kongponents.es196.js";
-import g from "./kongponents.es197.js";
-import h from "./kongponents.es198.js";
-import x from "./kongponents.es199.js";
-import C from "./kongponents.es200.js";
-import S from "./kongponents.es201.js";
-import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es175.js";
+import k from "./kongponents.es222.js";
+import y from "./kongponents.es223.js";
+import g from "./kongponents.es224.js";
+import h from "./kongponents.es225.js";
+import x from "./kongponents.es226.js";
+import C from "./kongponents.es227.js";
+import S from "./kongponents.es196.js";
+import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es177.js";
 const E = /* @__PURE__ */ s({
   __name: "KSkeleton",
   props: {

package/dist/kongponents.es210.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.es262.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 h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as x, withCtx as w, createElementBlock as I } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es269.js";
+const N = ["aria-hidden"], p = '<path d="M5 11V9H15V11H5Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
+  __name: "IndeterminateSmallIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.
           return `${t}px`;
       }
       return u;
-    }), p = s(() => ({
+    }), c = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,42 +80,42 @@ const k = ["aria-hidden"], c = '<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.
       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 = {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (l, n) => {
+        const o = `${y}-${n}`;
+        return t[n] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (l, n) => t[n] ? `#${t[n]}` : l);
+    }, m = {
       "<": "&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), {
+    }, g = (a) => a.replace(/[<>"'&]/g, (t) => m[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), b(S(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 indeterminate-small-icon",
+      "data-testid": "kui-icon-wrapper-indeterminate-small-icon",
+      style: x(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: S(() => [
-        (d(), N("svg", {
+      default: w(() => [
+        (d(), I("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-search-icon",
+          "data-testid": "kui-icon-svg-indeterminate-small-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, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  z as default
 };

package/dist/kongponents.es211.js

@@ -1,54 +1,319 @@
-import S from "./kongponents.es308.js";
-import h from "./kongponents.es309.js";
-import W from "./kongponents.es310.js";
-var y = "Expected a function", R = Math.max, A = Math.min;
-function _(x, i, l) {
-  var u, f, c, a, n, r, o = 0, p = !1, d = !1, v = !0;
-  if (typeof x != "function")
-    throw new TypeError(y);
-  i = W(i) || 0, S(l) && (p = !0, d = "maxWait" in l, c = d ? R(W(l.maxWait) || 0, i) : c, v = "trailing" in l ? !0 : v);
-  function g(e) {
-    var t = u, m = f;
-    return u = f = void 0, o = e, a = x.apply(m, t), a;
+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;
   }
-  function b(e) {
-    return o = e, n = setTimeout(s, i), p ? g(e) : a;
-  }
-  function C(e) {
-    var t = e - r, m = e - o, I = i - t;
-    return d ? A(I, c - m) : I;
-  }
-  function E(e) {
-    var t = e - r, m = e - o;
-    return r === void 0 || t >= i || t < 0 || d && m >= c;
-  }
-  function s() {
-    var e = h();
-    if (E(e))
-      return k(e);
-    n = setTimeout(s, C(e));
-  }
-  function k(e) {
-    return n = void 0, v && u ? g(e) : (u = f = void 0, a);
-  }
-  function L() {
-    n !== void 0 && clearTimeout(n), o = 0, u = r = f = n = void 0;
-  }
-  function M() {
-    return n === void 0 ? a : k(h());
-  }
-  function T() {
-    var e = h(), t = E(e);
-    if (u = arguments, f = this, r = e, t) {
-      if (n === void 0)
-        return b(r);
-      if (d)
-        return clearTimeout(n), n = setTimeout(s, i), g(r);
+  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];
     }
-    return n === void 0 && (n = setTimeout(s, i)), a;
-  }
-  return T.cancel = L, T.flush = M, T;
-}
+    {
+      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 {
-  _ as default
+  Ne as Virtualizer
 };

package/dist/kongponents.es212.js

@@ -1,17 +1,41 @@
-import u from "./kongponents.es345.js";
-import i from "./kongponents.es342.js";
-import m from "./kongponents.es346.js";
-import a from "./kongponents.es347.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]);
-  });
+var d = Object.defineProperty;
+var h = (t, e, r) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var i = (t, e, r) => h(t, typeof e != "symbol" ? e + "" : e, r);
+const l = ["ControlLeft", "ControlRight", "ShiftLeft", "ShiftRight", "AltLeft"];
+class m {
+  constructor(e, r) {
+    i(this, "commands");
+    i(this, "keyMap");
+    i(this, "boundTriggerShortcuts");
+    this.commands = r, this.keyMap = Object.fromEntries(Object.entries(e).map(([s, n]) => [s.toLowerCase(), n])), this.boundTriggerShortcuts = this.triggerShortcuts.bind(this);
+  }
+  registerListener() {
+    document == null || document.addEventListener("keydown", this.boundTriggerShortcuts);
+  }
+  unRegisterListener() {
+    document == null || document.removeEventListener("keydown", this.boundTriggerShortcuts);
+  }
+  triggerShortcuts(e) {
+    a(e, this.keyMap, this.commands);
+  }
+}
+function a(t, e, r) {
+  if (!t.code)
+    return;
+  const s = g(t.code), n = [
+    t.ctrlKey ? "ctrl" : "",
+    t.shiftKey ? "shift" : "",
+    t.altKey ? "alt" : "",
+    s
+  ].filter((u) => u !== "").join("+"), c = e[n];
+  if (!c)
+    return;
+  const o = r[c];
+  o.isAllowedContext && !o.isAllowedContext(t) || (o.shouldPreventDefaultAction && t.preventDefault(), !(o.isDisabled && o.isDisabled()) && o.trigger(t));
+}
+function g(t) {
+  return !t || l.includes(t) ? "" : t.replace(/^Key/, "").toLowerCase();
 }
 export {
-  y as default
+  m as ShortcutManager
 };