@kong/kongponents 9.54.1 → 9.54.2

package/dist/kongponents.es192.js

@@ -1,101 +1,526 @@
-import { computed as s, ref as v, watchEffect as D } from "vue";
-import "./kongponents.es251.js";
-import m from "./kongponents.es252.js";
-const i = {
-  VALIDATING: "VALIDATING",
-  VALIDATING_HAS_DATA: "VALIDATING_HAS_DATA",
-  PENDING: "PENDING",
-  SUCCESS: "SUCCESS",
-  SUCCESS_HAS_DATA: "SUCCESS_HAS_DATA",
-  ERROR: "ERROR",
-  STALE_IF_ERROR: "STALE_IF_ERROR"
-};
-function w() {
+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: L, abs: oe, floor: ye } = Math, ie = (e, t, n) => F(n, L(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 ? L(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)), L(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, B = (s, a) => ((h, q, T, z) => {
+    if (z = F(z, h.l - 1), G(h, z) <= q) {
+      const g = X(h, T, z);
+      return [X(h, q, z, g), g];
+    }
+    {
+      const g = X(h, q, 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 {
-    useRequest: (e, u, a) => {
-      const {
-        data: t,
-        error: n,
-        isValidating: S,
-        isLoading: o,
-        mutate: c
-      } = m(e, u, {
-        revalidateDebounce: 500,
-        dedupingInterval: 100,
-        ...a
-      });
-      return {
-        data: s(() => t.value?.data),
-        response: t,
-        error: n,
-        isValidating: S,
-        isLoading: o,
-        revalidate: c
-      };
+    p: () => {
+      w.clear();
     },
-    useDebounce: (e, u = 300) => {
-      let a;
-      const t = (n) => async (...S) => {
-        clearTimeout(a), n > 0 ? await new Promise((o) => {
-          a = setTimeout(async () => {
-            await e(...S), o();
-          }, n);
-        }) : await e(...S);
-      };
-      return {
-        debouncedFn: t(u),
-        generateDebouncedFn: t
+    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 q = L(0, O()), T = q + o;
+        d || (s = L(0, s), N !== 1 && (q -= s), N !== 2 && (T += s)), [a, h] = S = B(L(0, q), L(0, T)), p && (a = F(a, p[0]), h = L(h, p[1]));
+      }
+      return [L(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);
       };
     },
-    clientSideSorter: (e, u, a, t) => {
-      let n = null;
-      const S = (c, l) => typeof l == "number" && !Number.isNaN(c) && !Number.isNaN(l) ? c - l : 0, o = (c, l) => c.localeCompare(l);
-      return e !== u ? (n = (c, l) => {
-        const f = (r) => r == null ? "" : typeof r == "number" ? r : Array.isArray(r) && r.length && typeof r[0] == "number" ? r[0] : String(r), A = f(c[e]), d = f(l[e]);
-        return typeof A === "number" ? S(A, d) : o(A, d);
-      }, t.sort(n), u = e, a = "ascending") : (t.reverse(), a === "descending" || a === "desc" ? a = "ascending" : a = "descending"), { previousKey: u, sortOrder: a };
-    },
-    useSwrvState: (e, u, a) => {
-      const t = v(i.PENDING), n = v(!1);
-      return D(() => {
-        if (n.value = e.value && !!(Object.keys(e.value)?.length || e.value.data?.length || e.value.data?.data?.length || !e.value.data?.data && typeof e.value.data == "object" && Object.keys(e.value?.data).length), e.value && n.value && a.value) {
-          t.value = i.VALIDATING_HAS_DATA;
-          return;
-        }
-        if (e.value && a.value) {
-          t.value = i.VALIDATING;
-          return;
+    A: (s, a) => {
+      let h, q, 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, q = j > o);
+          break;
         }
-        if (e.value && u.value) {
-          t.value = i.STALE_IF_ERROR;
-          return;
+        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) * L(j - R, 0);
+          })(i, X(i, O()))), d = !1), T = 3, q = !0;
+          break;
         }
-        if (e.value === void 0 && !u.value) {
-          t.value = i.PENDING;
-          return;
-        }
-        if (e.value && !u.value && n.value) {
-          t.value = i.SUCCESS_HAS_DATA;
-          return;
+        case 4:
+          o !== a && (o || (v = q = !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 = B(a, a + o), T = 1;
+      }
+      T && (E = 1 + (2147483647 & E), h && A && (b += A, A = 0), w.forEach((([z, g]) => {
+        T & z && g(q);
+      })));
+    }
+  };
+}, 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 (e.value && !u.value) {
-          t.value = i.SUCCESS;
-          return;
+        if (o) break;
+        const [y, k] = E();
+        try {
+          if (!await y) return;
+        } finally {
+          k();
         }
-        e.value === void 0 && u && (t.value = i.ERROR);
-      }), {
-        hasData: n,
-        state: t,
-        swrvState: i
-      };
+      }
+      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);
     },
-    cloneDeep: (e) => {
-      if (e)
-        return JSON.parse(JSON.stringify(e));
+    J(n) {
+      t.unobserve(n);
     },
-    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
+    H() {
+      t && t.disconnect();
+    }
   };
-}
+}, je = /* @__PURE__ */ se({
+  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: {
+      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,
+      default: "div"
+    },
+    item: {
+      type: String,
+      default: "div"
+    },
+    itemProps: Function,
+    keepMounted: Array,
+    cache: Object
+  },
+  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: B } of w) if (O.offsetParent) if (O === S) r.A(4, B[c]);
+        else {
+          const m = v.get(O);
+          m != K && f.push([m, B[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, B] = 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), _ && B();
+          })), 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) => L(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) => {
+        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: e.itemProps?.({
+            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, B] = A.value; O <= B; 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 {
-  w as default
+  qe as Virtualizer
 };

package/dist/kongponents.es193.js

@@ -1,7 +1,38 @@
-import t from "./kongponents.es258.js";
-/* empty css                  */
-import o from "./kongponents.es75.js";
-const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-f93867d5"]]);
+const u = ["ControlLeft", "ControlRight", "ShiftLeft", "ShiftRight", "AltLeft"];
+class l {
+  commands;
+  keyMap;
+  boundTriggerShortcuts;
+  constructor(r, o) {
+    this.commands = o, this.keyMap = Object.fromEntries(Object.entries(r).map(([i, s]) => [i.toLowerCase(), s])), this.boundTriggerShortcuts = this.triggerShortcuts.bind(this);
+  }
+  registerListener() {
+    document?.addEventListener("keydown", this.boundTriggerShortcuts);
+  }
+  unRegisterListener() {
+    document?.removeEventListener("keydown", this.boundTriggerShortcuts);
+  }
+  triggerShortcuts(r) {
+    d(r, this.keyMap, this.commands);
+  }
+}
+function d(t, r, o) {
+  if (!t.code)
+    return;
+  const i = h(t.code), s = [
+    t.ctrlKey ? "ctrl" : "",
+    t.shiftKey ? "shift" : "",
+    t.altKey ? "alt" : "",
+    i
+  ].filter((c) => c !== "").join("+"), n = r[s];
+  if (!n)
+    return;
+  const e = o[n];
+  e.isAllowedContext && !e.isAllowedContext(t) || (e.shouldPreventDefaultAction && t.preventDefault(), !(e.isDisabled && e.isDisabled()) && e.trigger(t));
+}
+function h(t) {
+  return !t || u.includes(t) ? "" : t.replace(/^Key/, "").toLowerCase();
+}
 export {
-  s as default
+  l as ShortcutManager
 };