@kong/kongponents 9.53.0 → 9.53.1

package/dist/kongponents.es219.js

@@ -1,527 +1,121 @@
-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();
-    },
-    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)];
-    },
-    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;
-        }
-        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({
+import { defineComponent as h, computed as s, openBlock as d, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as C, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es256.js";
+const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "FileEmptyIcon",
   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: Boolean
-    },
-    Z: {
+    /** The accessibility text provided to screen readers */
+    title: {
       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
+      required: !1,
+      default: ""
     },
-    bufferSize: Number,
-    itemSize: Number,
-    shift: Boolean,
-    horizontal: Boolean,
-    startMargin: {
-      type: Number,
-      default: 0
-    },
-    ssrCount: Number,
-    scrollRef: Object,
-    as: {
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
       type: String,
-      default: "div"
+      required: !1,
+      default: "currentColor"
     },
-    item: {
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
       type: String,
-      default: "div"
+      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: (i) => {
+        if (typeof i == "number" && i > 0)
+          return !0;
+        if (typeof i == "string") {
+          const e = String(i).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+            return !0;
+        }
+        return !1;
+      }
     },
-    itemProps: Function,
-    keepMounted: Array,
-    cache: Object
+    /** 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
+    }
   },
-  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;
-    };
+  setup(i) {
+    const e = i, r = 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;
+    }), c = s(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: r.value,
+      lineHeight: "0",
+      width: r.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;"
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), b(x(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon file-empty-icon",
+      "data-testid": "kui-icon-wrapper-file-empty-icon",
+      style: S(c.value),
+      tabindex: i.decorative ? "-1" : void 0
+    }, {
+      default: C(() => [
+        (d(), N("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-file-empty-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: y
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  qe as Virtualizer
+  $ as default
 };

package/dist/kongponents.es22.js

@@ -1,11 +1,11 @@
 import { defineComponent as He, createPropsRestProxy as Te, computed as r, useSlots as Be, useId as Ke, ref as i, watch as A, onMounted as ze, openBlock as De, createBlock as Ie, mergeProps as Ee, unref as $e, createSlots as Me, withCtx as d, renderSlot as f, normalizeProps as p, guardReactiveProps as S, renderList as B } from "vue";
 import We from "./kongponents.es66.js";
-import Ne from "./kongponents.es187.js";
+import Ne from "./kongponents.es190.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";
 import { EmptyStateIconVariants as Le } from "./kongponents.es11.js";
 import { getInitialPageSize as qe, DEFAULT_PAGE_SIZE as Ue } from "./kongponents.es173.js";
-import je from "./kongponents.es199.js";
+import je from "./kongponents.es191.js";
 const et = /* @__PURE__ */ He({
   __name: "KTableData",
   props: {