@kong/kongponents 9.46.1-pr.2967.7e59b0e.0 → 9.46.1

package/dist/kongponents.es186.js

@@ -1,7 +1,26 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
+var b = Object.defineProperty;
+var v = (s, e, r) => e in s ? b(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r;
+var i = (s, e, r) => v(s, typeof e != "symbol" ? e + "" : e, r);
+class t {
+  constructor(e) {
+    i(this, "resizeObserver");
+    i(this, "callback");
+    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
+      window.requestAnimationFrame(() => {
+        !Array.isArray(r) || !r.length || e();
+      });
+    });
+  }
+  static create(e) {
+    return new t(e);
+  }
+  observe(e) {
+    !this.resizeObserver || !e || this.resizeObserver.observe(e);
+  }
+  unobserve(e) {
+    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
+  }
 }
 export {
-  i as warnInvalidProp
+  t as ResizeObserverHelper
 };

package/dist/kongponents.es187.js

@@ -1,319 +1,116 @@
-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;
+import { computePosition as j } from "./kongponents.es189.js";
+import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es189.js";
+import { isNode as A, getNodeName as B } from "./kongponents.es254.js";
+import { getOverflowAncestors as ee } from "./kongponents.es254.js";
+import { computed as o, ref as f, shallowRef as F, watch as g, getCurrentScope as I, onScopeDispose as U, shallowReadonly as r, unref as k } from "vue";
+function q(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function b(e) {
+  if (q(e)) {
+    const u = e.$el;
+    return A(u) && B(u) === "#comment" ? null : u;
   }
-  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);
+  return e;
+}
+function c(e) {
+  return typeof e == "function" ? e() : k(e);
+}
+function M(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function C(e, u) {
+  const n = M(e);
+  return Math.round(u * n) / n;
+}
+function J(e, u, n) {
+  n === void 0 && (n = {});
+  const P = n.whileElementsMounted, s = o(() => {
+    var t;
+    return (t = c(n.open)) != null ? t : !0;
+  }), V = o(() => c(n.middleware)), p = o(() => {
+    var t;
+    return (t = c(n.placement)) != null ? t : "bottom";
+  }), w = o(() => {
+    var t;
+    return (t = c(n.strategy)) != null ? t : "absolute";
+  }), S = o(() => {
+    var t;
+    return (t = c(n.transform)) != null ? t : !0;
+  }), i = o(() => b(e.value)), l = o(() => b(u.value)), y = f(0), h = f(0), m = f(w.value), D = f(p.value), O = F({}), x = f(!1), _ = o(() => {
+    const t = {
+      position: m.value,
+      left: "0",
+      top: "0"
     };
-  }, 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;
+    if (!l.value)
+      return t;
+    const a = C(l.value, y.value), R = C(l.value, h.value);
+    return S.value ? {
+      ...t,
+      transform: "translate(" + a + "px, " + R + "px)",
+      ...M(l.value) >= 1.5 && {
+        willChange: "transform"
       }
-      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);
+    } : {
+      position: m.value,
+      left: a + "px",
+      top: R + "px"
     };
-    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();
-      }
+  });
+  let v;
+  function d() {
+    if (i.value == null || l.value == null)
+      return;
+    const t = s.value;
+    j(i.value, l.value, {
+      middleware: V.value,
+      placement: p.value,
+      strategy: w.value
+    }).then((a) => {
+      y.value = a.x, h.value = a.y, m.value = a.strategy, D.value = a.placement, O.value = a.middlewareData, x.value = t !== !1;
+    });
+  }
+  function E() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function N() {
+    if (E(), P === void 0) {
+      d();
+      return;
     }
-  }, () => {
-    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;
+    if (i.value != null && l.value != null) {
+      v = P(i.value, l.value, d);
+      return;
+    }
+  }
+  function $() {
+    s.value || (x.value = !1);
+  }
+  return g([V, p, w, s], d, {
+    flush: "sync"
+  }), g([i, l], N, {
+    flush: "sync"
+  }), g(s, $, {
+    flush: "sync"
+  }), I() && U(E), {
+    x: r(y),
+    y: r(h),
+    strategy: r(m),
+    placement: r(D),
+    middlewareData: r(O),
+    isPositioned: r(x),
+    floatingStyles: _,
+    update: d
   };
-} });
+}
 export {
-  Ne as Virtualizer
+  Q as autoPlacement,
+  T as autoUpdate,
+  j as computePosition,
+  W as flip,
+  ee as getOverflowAncestors,
+  X as platform,
+  Y as shift,
+  J as useFloating
 };

package/dist/kongponents.es188.js

@@ -1,41 +1,19 @@
-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);
+import { defineComponent as r, createBlock as l, renderSlot as o, openBlock as a, Teleport as p } from "vue";
+const u = /* @__PURE__ */ r({
+  __name: "KPopTeleportWrapper",
+  props: {
+    useTeleport: { type: Boolean },
+    target: { default: null }
+  },
+  setup(e) {
+    return (t, n) => e.useTeleport ? (a(), l(p, {
+      key: 0,
+      to: e.target
+    }, [
+      o(t.$slots, "default")
+    ], 8, ["to"])) : o(t.$slots, "default", { key: 1 });
   }
-  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 {
-  m as ShortcutManager
+  u as default
 };