@kong/kongponents 9.53.1 → 9.53.2

package/dist/kongponents.es177.js

@@ -1,121 +1,527 @@
-import { defineComponent as h, computed as s, openBlock as d, createBlock as b, resolveDynamicComponent as x, normalizeStyle as L, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es256.js";
-const k = ["aria-hidden"], c = '<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
-  __name: "CloseIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
+import { defineComponent as se, ref as J, computed as Y, onMounted as he, onUnmounted as re, watch as U, createVNode as $, isVNode as le, mergeProps as me } from "vue";
+const K = null, { min: F, max: B, abs: oe, floor: ye } = Math, ie = (e, t, n) => F(n, B(t, e)), ae = (e) => [...e].sort(((t, n) => t - n)), be = typeof queueMicrotask == "function" ? queueMicrotask : (e) => {
+  Promise.resolve().then(e);
+}, Q = () => {
+  let e;
+  return [new Promise(((t) => {
+    e = t;
+  })), e];
+}, ue = (e) => {
+  let t;
+  return () => (e && (t = e(), e = void 0), t);
+}, H = (e, t, n) => {
+  const l = n ? "unshift" : "push";
+  for (let d = 0; d < t; d++) e[l](-1);
+  return e;
+}, ce = (e, t) => {
+  const n = e.t[t];
+  return n === -1 ? e.o : n;
+}, ge = (e, t, n) => {
+  const l = e.t[t] === -1;
+  return e.t[t] = n, e.i = F(t, e.i), l;
+}, G = (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, l = e.u[n];
+  for (; n < t; ) l += ce(e, n), e.u[++n] = l;
+  return e.i = t, l;
+}, X = (e, t, n = 0, l = e.l - 1) => {
+  let d = n;
+  for (; n <= l; ) {
+    const u = ye((n + l) / 2);
+    G(e, u) <= t ? (d = u, n = u + 1) : l = u - 1;
+  }
+  return ie(d, 0, e.l - 1);
+}, ne = (e, t, n) => {
+  const l = t - e.l;
+  return e.i = n ? -1 : F(t - 1, e.i), e.l = t, l > 0 ? (H(e.u, l), H(e.t, l, n), e.o * l) : (e.u.splice(l), (n ? e.t.splice(0, -l) : e.t.splice(l)).reduce(((d, u) => d - (u === -1 ? e.o : u)), 0));
+}, ke = (e) => e.documentElement, we = (e) => e.ownerDocument, Oe = (e) => e.defaultView, fe = /* @__PURE__ */ ue((() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 0)), Se = /* @__PURE__ */ ue((() => "scrollBehavior" in ke(document).style)), Ae = (e, t = 40, n = 0, l, d = !1) => {
+  let u = !!n, E = 1, o = 0, y = 0, k = 0, b = 0, A = 0, x = 0, N = 0, r = 0, p = K, S = [0, u ? B(n - 1, 0) : -1], c = 0, v = !1;
+  const i = ((s, a, h) => ({
+    o: a,
+    t: h ? H(h.slice(0, F(s, h.length)), B(0, s - h.length)) : H([], s),
+    l: s,
+    i: -1,
+    u: H([], s + 1)
+  }))(e, l ? l[1] : t, l && l[0]), w = /* @__PURE__ */ new Set(), f = () => k - y, O = () => f() + A + b, q = (s, a) => ((h, L, T, z) => {
+    if (z = F(z, h.l - 1), G(h, z) <= L) {
+      const g = X(h, T, z);
+      return [X(h, L, z, g), g];
+    }
+    {
+      const g = X(h, L, void 0, z);
+      return [g, X(h, T, g)];
+    }
+  })(i, s, a, S[0]), m = () => G(i, i.l), M = (s, a) => {
+    const h = G(i, s) - A;
+    return a ? m() - h - P(s) : h;
+  }, P = (s) => ce(i, s), _ = (s, a = -1) => i.t[s] === a, C = (s) => {
+    s && (fe() && N !== 0 || p && r === 1 ? A += s : b += s);
+  };
+  return {
+    p: () => {
+      w.clear();
     },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
+    m: () => E,
+    h: () => ((s) => [s.t.slice(), s.o])(i),
+    v: (s = 200) => {
+      if (!v || u) return S;
+      let a, h;
+      if (x) [a, h] = S;
+      else {
+        let L = B(0, O()), T = L + o;
+        d || (s = B(0, s), N !== 1 && (L -= s), N !== 2 && (T += s)), [a, h] = S = q(B(0, L), B(0, T)), p && (a = F(a, p[0]), h = B(h, p[1]));
+      }
+      return [B(a, 0), F(h, i.l - 1)];
     },
-    /** 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;
+    S: (s) => X(i, s - y),
+    I: _,
+    O: M,
+    k: P,
+    j: () => i.l,
+    N: () => k,
+    B: () => N !== 0,
+    T: () => o,
+    q: () => y,
+    M: m,
+    P: () => (x = b, b = 0, [x, r === 2]),
+    R: (s, a) => {
+      const h = [s, a];
+      return w.add(h), () => {
+        w.delete(h);
+      };
+    },
+    A: (s, a) => {
+      let h, L, T = 0;
+      switch (s) {
+        case 1: {
+          if (a === k && r === 0) break;
+          const z = x;
+          x = 0;
+          const g = a - k, j = oe(g);
+          z && j < oe(z) + 1 || r !== 0 || (N = g < 0 ? 2 : 1), u && (u = !1), k = a, T = 4;
+          const R = f();
+          R >= -o && R <= m() && (T += 1, L = j > o);
+          break;
         }
-        return !1;
+        case 2:
+          T = 8, N !== 0 && (h = !0, T += 1), N = 0, r = 0, p = K;
+          break;
+        case 3: {
+          const z = a.filter((([g, j]) => !_(g, j)));
+          if (!z.length) break;
+          C(z.reduce(((g, [j, R]) => {
+            let I;
+            if (r === 2) I = !0;
+            else if (p && r === 1) I = j < p[0];
+            else {
+              const D = f(), V = M(j), W = P(j);
+              I = N !== 1 && r === 0 ? V + W < D : V < D && V + W < D + o;
+            }
+            return I && (g += R - P(j)), g;
+          }), 0));
+          for (const [g, j] of z) {
+            const R = P(g), I = ge(i, g, j);
+            d && (c += I ? j : j - R);
+          }
+          d && o && c > o && (C(((g, j) => {
+            let R = 0;
+            const I = [];
+            g.t.forEach(((te, ve) => {
+              te !== -1 && (I.push(te), ve < j && R++);
+            })), g.i = -1;
+            const D = ae(I), V = D.length, W = V / 2 | 0, de = V % 2 == 0 ? (D[W - 1] + D[W]) / 2 : D[W], pe = g.o;
+            return ((g.o = de) - pe) * B(j - R, 0);
+          })(i, X(i, O()))), d = !1), T = 3, L = !0;
+          break;
+        }
+        case 4:
+          o !== a && (o || (v = L = !0), o = a, T = 3);
+          break;
+        case 5:
+          a[1] ? (C(ne(i, a[0], !0)), r = 2, T = 1) : (ne(i, a[0]), T = 1);
+          break;
+        case 6:
+          y = a;
+          break;
+        case 7:
+          r = 1;
+          break;
+        case 8:
+          p = q(a, a + o), T = 1;
       }
+      T && (E = 1 + (2147483647 & E), h && A && (b += A, A = 0), w.forEach((([z, g]) => {
+        T & z && g(L);
+      })));
+    }
+  };
+}, ee = setTimeout, Z = (e, t) => t ? -e : e, Ee = (e, t, n, l, d, u) => {
+  const E = Date.now;
+  let o = 0, y = !1, k = !1, b = !1, A = !1;
+  const x = (() => {
+    let c;
+    const v = () => {
+      c != K && clearTimeout(c);
+    }, i = () => {
+      v(), c = ee((() => {
+        c = K, (() => {
+          if (y || k) return y = !1, void x();
+          b = !1, e.A(2);
+        })();
+      }), 150);
+    };
+    return i.C = v, i;
+  })(), N = () => {
+    o = E(), b && (A = !0), e.A(1, l()), x();
+  }, r = (c) => {
+    if (y || !e.B() || c.ctrlKey) return;
+    const v = E() - o;
+    150 > v && 50 < v && (n ? c.deltaX : c.deltaY) && (y = !0);
+  }, p = () => {
+    k = !0, b = A = !1;
+  }, S = () => {
+    k = !1, fe() && (b = !0);
+  };
+  return t.addEventListener("scroll", N), t.addEventListener("wheel", r, {
+    passive: !0
+  }), t.addEventListener("touchstart", p, {
+    passive: !0
+  }), t.addEventListener("touchend", S, {
+    passive: !0
+  }), {
+    H: () => {
+      t.removeEventListener("scroll", N), t.removeEventListener("wheel", r), t.removeEventListener("touchstart", p), t.removeEventListener("touchend", S), x.C();
+    },
+    V: () => {
+      const [c, v] = e.P();
+      c && (d(c, v, A), A = !1, v && e.T() > e.M() && e.A(1, l()));
+    }
+  };
+}, Me = (e, t, n) => {
+  let l;
+  return [async (d, u) => {
+    if (!await t()) return;
+    l && l();
+    const E = () => {
+      const [o, y] = Q();
+      return l = () => {
+        y(!1);
+      }, e.T() && ee(l, 150), [o, e.R(2, (() => {
+        y(!0);
+      }))];
+    };
+    if (u && Se()) e.A(8, d()), be((async () => {
+      for (; ; ) {
+        let o = !0;
+        for (let [b, A] = e.v(); b <= A; b++) if (e.I(b)) {
+          o = !1;
+          break;
+        }
+        if (o) break;
+        const [y, k] = E();
+        try {
+          if (!await y) return;
+        } finally {
+          k();
+        }
+      }
+      e.A(7), n(d(), u);
+    }));
+    else for (; ; ) {
+      const [o, y] = E();
+      try {
+        if (e.A(7), n(d()), !await o) return;
+      } finally {
+        y();
+      }
+    }
+  }, () => {
+    l && l();
+  }];
+}, Te = (e) => {
+  let t;
+  return {
+    F(n) {
+      (t || (t = new (Oe(we(n))).ResizeObserver(e))).observe(n);
+    },
+    J(n) {
+      t.unobserve(n);
+    },
+    H() {
+      t && t.disconnect();
+    }
+  };
+}, je = /* @__PURE__ */ se({
+  props: {
+    L: {
+      type: Object,
+      required: !0
+    },
+    W: {
+      type: Object,
+      required: !0
     },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    X: {
+      type: Object,
+      required: !0
+    },
+    Y: {
+      type: Function,
+      required: !0
+    },
+    D: {
+      type: Number,
+      required: !0
+    },
+    U: {
+      type: Boolean
+    },
+    G: {
+      type: Boolean
+    },
+    K: {
+      type: Boolean
+    },
+    Z: {
+      type: String,
+      required: !0
+    },
+    ee: Object
+  },
+  setup(e) {
+    const t = J(), n = Y((() => e.L.value && e.W.O(e.D, e.K))), l = Y((() => e.L.value && e.W.I(e.D)));
+    return U((() => t.value && e.D), ((d, u, E) => {
+      E(e.Y(t.value, e.D));
+    }), {
+      flush: "post"
+    }), () => {
+      const { X: d, U: u, G: E, Z: o } = e, y = l.value, { style: k, ...b } = e.ee ?? {}, A = {
+        contain: "layout style",
+        position: y && E ? void 0 : "absolute",
+        [u ? "height" : "width"]: "100%",
+        [u ? "top" : "left"]: "0px",
+        [u ? "left" : "top"]: n.value + "px",
+        visibility: !y || E ? void 0 : "hidden",
+        ...k
+      };
+      return u && (A.display = "inline-flex"), $(o, me({
+        ref: t,
+        style: A
+      }, b), typeof (x = d) == "function" || Object.prototype.toString.call(x) === "[object Object]" && !le(x) ? d : {
+        default: () => [d],
+        _: 2
+      }, 16, ["style"]);
+      var x;
+    };
+  }
+}), xe = (e, t) => {
+  if (e.length === 1) {
+    const n = e[0].key;
+    if (n != null) return n;
+  }
+  return "_" + t;
+}, ze = (e, t) => e[0] === t[0] && e[1] === t[1], qe = /* @__PURE__ */ se({
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    bufferSize: Number,
+    itemSize: Number,
+    shift: Boolean,
+    horizontal: Boolean,
+    startMargin: {
+      type: Number,
+      default: 0
+    },
+    ssrCount: Number,
+    scrollRef: Object,
     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
-    }
+      default: "div"
+    },
+    item: {
+      type: String,
+      default: "div"
+    },
+    itemProps: Function,
+    keepMounted: Array,
+    cache: Object
   },
-  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 = {}, 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;"
-    }, 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(x(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon close-icon",
-      "data-testid": "kui-icon-wrapper-close-icon",
-      style: L(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-close-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, k))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+  emits: ["scroll", "scrollEnd"],
+  setup(e, { emit: t, expose: n, slots: l }) {
+    let d = !!e.ssrCount;
+    const u = e.horizontal, E = J(), o = Ae(e.data.length, e.itemSize, e.ssrCount, e.cache, !e.itemSize), y = ((r, p) => {
+      let S;
+      const c = p ? "width" : "height", v = /* @__PURE__ */ new WeakMap(), i = Te(((w) => {
+        const f = [];
+        for (const { target: O, contentRect: q } of w) if (O.offsetParent) if (O === S) r.A(4, q[c]);
+        else {
+          const m = v.get(O);
+          m != K && f.push([m, q[c]]);
+        }
+        f.length && r.A(3, f);
+      }));
+      return {
+        te(w) {
+          i.F(S = w);
+        },
+        re: (w, f) => (v.set(w, f), i.F(w), () => {
+          v.delete(w), i.J(w);
+        }),
+        p: i.H
+      };
+    })(o, u), k = ((r, p) => {
+      let S, c, v = Q(), i = !1;
+      const w = p ? "scrollLeft" : "scrollTop", f = p ? "overflowX" : "overflowY", [O, q] = Me(r, (() => v[0]), ((m, M) => {
+        m = Z(m, i), M ? S.scrollTo({
+          [p ? "left" : "top"]: m,
+          behavior: "smooth"
+        }) : S[w] = m;
+      }));
+      return {
+        oe(m, M) {
+          S = M, p && (i = getComputedStyle(M).direction === "rtl"), c = Ee(r, M, p, (() => Z(M[w], i)), ((P, _, C) => {
+            if (C) {
+              const s = M.style, a = s[f];
+              s[f] = "hidden", ee((() => {
+                s[f] = a;
+              }));
+            }
+            M[w] = Z(r.N() + P, i), _ && q();
+          })), v[1](!0);
+        },
+        p() {
+          c && c.H(), v[1](!1), v = Q();
+        },
+        ne: () => i,
+        se(m) {
+          O((() => m));
+        },
+        ie(m) {
+          m += r.N(), O((() => m));
+        },
+        le(m, { align: M, smooth: P, offset: _ = 0 } = {}) {
+          if (m = ie(m, 0, r.j() - 1), M === "nearest") {
+            const C = r.O(m), s = r.N();
+            if (C < s) M = "start";
+            else {
+              if (!(C + r.k(m) > s + r.T())) return;
+              M = "end";
+            }
+          }
+          O((() => _ + r.q() + r.O(m) + (M === "end" ? r.k(m) - r.T() : M === "center" ? (r.k(m) - r.T()) / 2 : 0)), P);
+        },
+        ce: () => {
+          c && c.V();
+        }
+      };
+    })(o, u), b = J(o.m());
+    o.R(1, (() => {
+      b.value = o.m();
+    })), o.R(4, (() => {
+      t("scroll", o.N());
+    })), o.R(8, (() => {
+      t("scrollEnd");
+    }));
+    const A = Y(((r) => {
+      b.value;
+      const p = o.v(e.bufferSize);
+      return r && ze(r, p) ? r : p;
+    })), x = Y((() => b.value && o.B())), N = Y((() => b.value && o.M()));
+    return he((() => {
+      d = !1;
+      const r = E.value, p = requestAnimationFrame((() => {
+        const S = (c) => {
+          y.te(c), k.oe(r, c);
+        };
+        e.scrollRef ? S(e.scrollRef) : S(r.parentElement);
+      }));
+      re((() => {
+        cancelAnimationFrame(p);
+      }));
+    })), re((() => {
+      o.p(), y.p(), k.p();
+    })), U((() => e.data.length), ((r) => {
+      o.A(5, [r, e.shift]);
+    })), U((() => e.startMargin), ((r) => {
+      o.A(6, r);
+    }), {
+      immediate: !0
+    }), U([b], (() => {
+      k.ce();
+    }), {
+      flush: "post"
+    }), n({
+      get cache() {
+        return o.h();
+      },
+      get scrollOffset() {
+        return o.N();
+      },
+      get scrollSize() {
+        return ((r) => B(r.M(), r.T()))(o);
+      },
+      get viewportSize() {
+        return o.T();
+      },
+      findItemIndex: o.S,
+      getItemOffset: o.O,
+      getItemSize: o.k,
+      scrollToIndex: k.le,
+      scrollTo: k.se,
+      scrollBy: k.ie
+    }), () => {
+      const r = e.as, p = e.item, S = N.value, c = k.ne(), v = [], i = (f) => {
+        var q;
+        const O = l.default({
+          item: e.data[f],
+          index: f
+        });
+        return $(je, {
+          key: xe(O, f),
+          L: b,
+          W: o,
+          Y: y.re,
+          D: f,
+          X: O,
+          U: u,
+          K: c,
+          G: d,
+          Z: p,
+          ee: (q = e.itemProps) == null ? void 0 : q.call(e, {
+            item: e.data[f],
+            index: f
+          })
+        }, null, 8, ["L", "W", "Y", "D", "X", "U", "K", "G", "Z", "ee"]);
+      };
+      if (e.keepMounted) {
+        const f = new Set(e.keepMounted);
+        for (let [O, q] = A.value; O <= q; O++) f.add(O);
+        ae([...f]).forEach(((O) => {
+          v.push(i(O));
+        }));
+      } else for (let [f, O] = A.value; f <= O; f++) v.push(i(f));
+      return $(r, {
+        ref: E,
+        style: {
+          contain: "size style",
+          overflowAnchor: "none",
+          flex: "none",
+          position: "relative",
+          width: u ? S + "px" : "100%",
+          height: u ? "100%" : S + "px",
+          pointerEvents: x.value ? "none" : void 0
+        }
+      }, typeof (w = v) == "function" || Object.prototype.toString.call(w) === "[object Object]" && !le(w) ? v : {
+        default: () => [v],
+        _: 2
+      }, 8, ["style"]);
+      var w;
+    };
   }
 });
 export {
-  $ as default
+  qe as Virtualizer
 };