wj-elements 0.1.48 → 0.1.50

package/dist/popup.element-CWsSOxs2.js

@@ -0,0 +1,1072 @@
+var Ot = Object.defineProperty;
+var Lt = (t, e, n) => e in t ? Ot(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var st = (t, e, n) => (Lt(t, typeof e != "symbol" ? e + "" : e, n), n);
+import Tt, { event as U } from "./wje-element.js";
+const N = Math.min, R = Math.max, Z = Math.round, Q = Math.floor, B = (t) => ({
+  x: t,
+  y: t
+}), Pt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, St = {
+  start: "end",
+  end: "start"
+};
+function kt(t, e, n) {
+  return R(t, N(e, n));
+}
+function K(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function j(t) {
+  return t.split("-")[0];
+}
+function I(t) {
+  return t.split("-")[1];
+}
+function Dt(t) {
+  return t === "x" ? "y" : "x";
+}
+function ct(t) {
+  return t === "y" ? "height" : "width";
+}
+function nt(t) {
+  return ["top", "bottom"].includes(j(t)) ? "y" : "x";
+}
+function lt(t) {
+  return Dt(nt(t));
+}
+function Ht(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = I(t), i = lt(t), s = ct(i);
+  let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = tt(r)), [r, tt(r)];
+}
+function Wt(t) {
+  const e = tt(t);
+  return [rt(t), e, rt(e)];
+}
+function rt(t) {
+  return t.replace(/start|end/g, (e) => St[e]);
+}
+function Mt(t, e, n) {
+  const o = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? i : o : e ? o : i;
+    case "left":
+    case "right":
+      return e ? s : r;
+    default:
+      return [];
+  }
+}
+function Ft(t, e, n, o) {
+  const i = I(t);
+  let s = Mt(j(t), n === "start", o);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(rt)))), s;
+}
+function tt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Pt[e]);
+}
+function Nt(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function gt(t) {
+  return typeof t != "number" ? Nt(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function et(t) {
+  return {
+    ...t,
+    top: t.y,
+    left: t.x,
+    right: t.x + t.width,
+    bottom: t.y + t.height
+  };
+}
+function ht(t, e, n) {
+  let {
+    reference: o,
+    floating: i
+  } = t;
+  const s = nt(e), r = lt(e), l = ct(r), c = j(e), a = s === "y", d = o.x + o.width / 2 - i.width / 2, h = o.y + o.height / 2 - i.height / 2, p = o[l] / 2 - i[l] / 2;
+  let f;
+  switch (c) {
+    case "top":
+      f = {
+        x: d,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: d,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      f = {
+        x: o.x + o.width,
+        y: h
+      };
+      break;
+    case "left":
+      f = {
+        x: o.x - i.width,
+        y: h
+      };
+      break;
+    default:
+      f = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (I(e)) {
+    case "start":
+      f[r] -= p * (n && a ? -1 : 1);
+      break;
+    case "end":
+      f[r] += p * (n && a ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const Bt = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = n, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let a = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: d,
+    y: h
+  } = ht(a, o, c), p = o, f = {}, u = 0;
+  for (let m = 0; m < l.length; m++) {
+    const {
+      name: w,
+      fn: g
+    } = l[m], {
+      x,
+      y: b,
+      data: A,
+      reset: v
+    } = await g({
+      x: d,
+      y: h,
+      initialPlacement: o,
+      placement: p,
+      strategy: i,
+      middlewareData: f,
+      rects: a,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    if (d = x ?? d, h = b ?? h, f = {
+      ...f,
+      [w]: {
+        ...f[w],
+        ...A
+      }
+    }, v && u <= 50) {
+      u++, typeof v == "object" && (v.placement && (p = v.placement), v.rects && (a = v.rects === !0 ? await r.getElementRects({
+        reference: t,
+        floating: e,
+        strategy: i
+      }) : v.rects), {
+        x: d,
+        y: h
+      } = ht(a, p, c)), m = -1;
+      continue;
+    }
+  }
+  return {
+    x: d,
+    y: h,
+    placement: p,
+    strategy: i,
+    middlewareData: f
+  };
+};
+async function wt(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: h = "floating",
+    altBoundary: p = !1,
+    padding: f = 0
+  } = K(e, t), u = gt(f), w = l[p ? h === "floating" ? "reference" : "floating" : h], g = et(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(w))) == null || n ? w : w.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: d,
+    strategy: c
+  })), x = h === "floating" ? {
+    ...r.floating,
+    x: o,
+    y: i
+  } : r.reference, b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), A = await (s.isElement == null ? void 0 : s.isElement(b)) ? await (s.getScale == null ? void 0 : s.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, v = et(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: x,
+    offsetParent: b,
+    strategy: c
+  }) : x);
+  return {
+    top: (g.top - v.top + u.top) / A.y,
+    bottom: (v.bottom - g.bottom + u.bottom) / A.y,
+    left: (g.left - v.left + u.left) / A.x,
+    right: (v.right - g.right + u.right) / A.x
+  };
+}
+const Vt = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: n,
+      y: o,
+      placement: i,
+      rects: s,
+      platform: r,
+      elements: l,
+      middlewareData: c
+    } = e, {
+      element: a,
+      padding: d = 0
+    } = K(t, e) || {};
+    if (a == null)
+      return {};
+    const h = gt(d), p = {
+      x: n,
+      y: o
+    }, f = lt(i), u = ct(f), m = await r.getDimensions(a), w = f === "y", g = w ? "top" : "left", x = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", A = s.reference[u] + s.reference[f] - p[f] - s.floating[u], v = p[f] - s.reference[f], y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let E = y ? y[b] : 0;
+    (!E || !await (r.isElement == null ? void 0 : r.isElement(y))) && (E = l.floating[b] || s.floating[u]);
+    const P = A / 2 - v / 2, F = E / 2 - m[u] / 2 - 1, Y = N(h[g], F), X = N(h[x], F), L = Y, q = E - m[u] - X, C = E / 2 - m[u] / 2 + P, S = kt(L, C, q), k = !c.arrow && I(i) != null && C != S && s.reference[u] / 2 - (C < L ? Y : X) - m[u] / 2 < 0, H = k ? C < L ? C - L : C - q : 0;
+    return {
+      [f]: p[f] + H,
+      data: {
+        [f]: S,
+        centerOffset: C - S - H,
+        ...k && {
+          alignmentOffset: H
+        }
+      },
+      reset: k
+    };
+  }
+}), jt = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: l,
+        platform: c,
+        elements: a
+      } = e, {
+        mainAxis: d = !0,
+        crossAxis: h = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: u = "none",
+        flipAlignment: m = !0,
+        ...w
+      } = K(t, e);
+      if ((n = s.arrow) != null && n.alignmentOffset)
+        return {};
+      const g = j(i), x = j(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), A = p || (x || !m ? [tt(l)] : Wt(l));
+      !p && u !== "none" && A.push(...Ft(l, m, u, b));
+      const v = [l, ...A], y = await wt(e, w), E = [];
+      let P = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (d && E.push(y[g]), h) {
+        const L = Ht(i, r, b);
+        E.push(y[L[0]], y[L[1]]);
+      }
+      if (P = [...P, {
+        placement: i,
+        overflows: E
+      }], !E.every((L) => L <= 0)) {
+        var F, Y;
+        const L = (((F = s.flip) == null ? void 0 : F.index) || 0) + 1, q = v[L];
+        if (q)
+          return {
+            data: {
+              index: L,
+              overflows: P
+            },
+            reset: {
+              placement: q
+            }
+          };
+        let C = (Y = P.filter((S) => S.overflows[0] <= 0).sort((S, k) => S.overflows[1] - k.overflows[1])[0]) == null ? void 0 : Y.placement;
+        if (!C)
+          switch (f) {
+            case "bestFit": {
+              var X;
+              const S = (X = P.map((k) => [k.placement, k.overflows.filter((H) => H > 0).reduce((H, Rt) => H + Rt, 0)]).sort((k, H) => k[1] - H[1])[0]) == null ? void 0 : X[0];
+              S && (C = S);
+              break;
+            }
+            case "initialPlacement":
+              C = l;
+              break;
+          }
+        if (i !== C)
+          return {
+            reset: {
+              placement: C
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function zt(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = j(n), l = I(n), c = nt(n) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && c ? -1 : 1, h = K(e, t);
+  let {
+    mainAxis: p,
+    crossAxis: f,
+    alignmentAxis: u
+  } = typeof h == "number" ? {
+    mainAxis: h,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...h
+  };
+  return l && typeof u == "number" && (f = l === "end" ? u * -1 : u), c ? {
+    x: f * d,
+    y: p * a
+  } : {
+    x: p * a,
+    y: f * d
+  };
+}
+const $t = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      const {
+        x: n,
+        y: o
+      } = e, i = await zt(e, t);
+      return {
+        x: n + i.x,
+        y: o + i.y,
+        data: i
+      };
+    }
+  };
+}, _t = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "size",
+    options: t,
+    async fn(e) {
+      const {
+        placement: n,
+        rects: o,
+        platform: i,
+        elements: s
+      } = e, {
+        apply: r = () => {
+        },
+        ...l
+      } = K(t, e), c = await wt(e, l), a = j(n), d = I(n), h = nt(n) === "y", {
+        width: p,
+        height: f
+      } = o.floating;
+      let u, m;
+      a === "top" || a === "bottom" ? (u = a, m = d === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (m = a, u = d === "end" ? "top" : "bottom");
+      const w = f - c[u], g = p - c[m], x = !e.middlewareData.shift;
+      let b = w, A = g;
+      if (h) {
+        const y = p - c.left - c.right;
+        A = d || x ? N(g, y) : y;
+      } else {
+        const y = f - c.top - c.bottom;
+        b = d || x ? N(w, y) : y;
+      }
+      if (x && !d) {
+        const y = R(c.left, 0), E = R(c.right, 0), P = R(c.top, 0), F = R(c.bottom, 0);
+        h ? A = p - 2 * (y !== 0 || E !== 0 ? y + E : R(c.left, c.right)) : b = f - 2 * (P !== 0 || F !== 0 ? P + F : R(c.top, c.bottom));
+      }
+      await r({
+        ...e,
+        availableWidth: A,
+        availableHeight: b
+      });
+      const v = await i.getDimensions(s.floating);
+      return p !== v.width || f !== v.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function V(t) {
+  return vt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function O(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function M(t) {
+  var e;
+  return (e = (vt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function vt(t) {
+  return t instanceof Node || t instanceof O(t).Node;
+}
+function W(t) {
+  return t instanceof Element || t instanceof O(t).Element;
+}
+function D(t) {
+  return t instanceof HTMLElement || t instanceof O(t).HTMLElement;
+}
+function dt(t) {
+  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof O(t).ShadowRoot;
+}
+function G(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = T(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !["inline", "contents"].includes(i);
+}
+function It(t) {
+  return ["table", "td", "th"].includes(V(t));
+}
+function at(t) {
+  const e = ft(), n = T(t);
+  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
+}
+function Yt(t) {
+  let e = _(t);
+  for (; D(e) && !ot(e); ) {
+    if (at(e))
+      return e;
+    e = _(e);
+  }
+  return null;
+}
+function ft() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function ot(t) {
+  return ["html", "body", "#document"].includes(V(t));
+}
+function T(t) {
+  return O(t).getComputedStyle(t);
+}
+function it(t) {
+  return W(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.pageXOffset,
+    scrollTop: t.pageYOffset
+  };
+}
+function _(t) {
+  if (V(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    dt(t) && t.host || // Fallback.
+    M(t)
+  );
+  return dt(e) ? e.host : e;
+}
+function xt(t) {
+  const e = _(t);
+  return ot(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : D(e) && G(e) ? e : xt(e);
+}
+function J(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const i = xt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = O(i);
+  return s ? e.concat(r, r.visualViewport || [], G(i) ? i : [], r.frameElement && n ? J(r.frameElement) : []) : e.concat(i, J(i, [], n));
+}
+function bt(t) {
+  const e = T(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = D(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = Z(n) !== s || Z(o) !== r;
+  return l && (n = s, o = r), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function ut(t) {
+  return W(t) ? t : t.contextElement;
+}
+function $(t) {
+  const e = ut(t);
+  if (!D(e))
+    return B(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: s
+  } = bt(e);
+  let r = (s ? Z(n.width) : n.width) / o, l = (s ? Z(n.height) : n.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: r,
+    y: l
+  };
+}
+const Xt = /* @__PURE__ */ B(0);
+function yt(t) {
+  const e = O(t);
+  return !ft() || !e.visualViewport ? Xt : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function qt(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== O(t) ? !1 : e;
+}
+function z(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), s = ut(t);
+  let r = B(1);
+  e && (o ? W(o) && (r = $(o)) : r = $(t));
+  const l = qt(s, n, o) ? yt(s) : B(0);
+  let c = (i.left + l.x) / r.x, a = (i.top + l.y) / r.y, d = i.width / r.x, h = i.height / r.y;
+  if (s) {
+    const p = O(s), f = o && W(o) ? O(o) : o;
+    let u = p.frameElement;
+    for (; u && o && f !== p; ) {
+      const m = $(u), w = u.getBoundingClientRect(), g = T(u), x = w.left + (u.clientLeft + parseFloat(g.paddingLeft)) * m.x, b = w.top + (u.clientTop + parseFloat(g.paddingTop)) * m.y;
+      c *= m.x, a *= m.y, d *= m.x, h *= m.y, c += x, a += b, u = O(u).frameElement;
+    }
+  }
+  return et({
+    width: d,
+    height: h,
+    x: c,
+    y: a
+  });
+}
+function Ut(t) {
+  let {
+    rect: e,
+    offsetParent: n,
+    strategy: o
+  } = t;
+  const i = D(n), s = M(n);
+  if (n === s)
+    return e;
+  let r = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, l = B(1);
+  const c = B(0);
+  if ((i || !i && o !== "fixed") && ((V(n) !== "body" || G(s)) && (r = it(n)), D(n))) {
+    const a = z(n);
+    l = $(n), c.x = a.x + n.clientLeft, c.y = a.y + n.clientTop;
+  }
+  return {
+    width: e.width * l.x,
+    height: e.height * l.y,
+    x: e.x * l.x - r.scrollLeft * l.x + c.x,
+    y: e.y * l.y - r.scrollTop * l.y + c.y
+  };
+}
+function Jt(t) {
+  return Array.from(t.getClientRects());
+}
+function At(t) {
+  return z(M(t)).left + it(t).scrollLeft;
+}
+function Kt(t) {
+  const e = M(t), n = it(t), o = t.ownerDocument.body, i = R(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = R(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + At(t);
+  const l = -n.scrollTop;
+  return T(o).direction === "rtl" && (r += R(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: s,
+    x: r,
+    y: l
+  };
+}
+function Gt(t, e) {
+  const n = O(t), o = M(t), i = n.visualViewport;
+  let s = o.clientWidth, r = o.clientHeight, l = 0, c = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const a = ft();
+    (!a || a && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+  }
+  return {
+    width: s,
+    height: r,
+    x: l,
+    y: c
+  };
+}
+function Qt(t, e) {
+  const n = z(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = D(t) ? $(t) : B(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = i * s.x, a = o * s.y;
+  return {
+    width: r,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+function pt(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = Gt(t, n);
+  else if (e === "document")
+    o = Kt(M(t));
+  else if (W(e))
+    o = Qt(e, n);
+  else {
+    const i = yt(t);
+    o = {
+      ...e,
+      x: e.x - i.x,
+      y: e.y - i.y
+    };
+  }
+  return et(o);
+}
+function Et(t, e) {
+  const n = _(t);
+  return n === e || !W(n) || ot(n) ? !1 : T(n).position === "fixed" || Et(n, e);
+}
+function Zt(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = J(t, [], !1).filter((l) => W(l) && V(l) !== "body"), i = null;
+  const s = T(t).position === "fixed";
+  let r = s ? _(t) : t;
+  for (; W(r) && !ot(r); ) {
+    const l = T(r), c = at(r);
+    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || G(r) && !c && Et(t, r)) ? o = o.filter((d) => d !== r) : i = l, r = _(r);
+  }
+  return e.set(t, o), o;
+}
+function te(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const r = [...n === "clippingAncestors" ? Zt(e, this._c) : [].concat(n), o], l = r[0], c = r.reduce((a, d) => {
+    const h = pt(e, d, i);
+    return a.top = R(h.top, a.top), a.right = N(h.right, a.right), a.bottom = N(h.bottom, a.bottom), a.left = R(h.left, a.left), a;
+  }, pt(e, l, i));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function ee(t) {
+  return bt(t);
+}
+function ne(t, e, n) {
+  const o = D(e), i = M(e), s = n === "fixed", r = z(t, !0, s, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = B(0);
+  if (o || !o && !s)
+    if ((V(e) !== "body" || G(i)) && (l = it(e)), o) {
+      const a = z(e, !0, s, e);
+      c.x = a.x + e.clientLeft, c.y = a.y + e.clientTop;
+    } else
+      i && (c.x = At(i));
+  return {
+    x: r.left + l.scrollLeft - c.x,
+    y: r.top + l.scrollTop - c.y,
+    width: r.width,
+    height: r.height
+  };
+}
+function mt(t, e) {
+  return !D(t) || T(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+}
+function Ct(t, e) {
+  const n = O(t);
+  if (!D(t))
+    return n;
+  let o = mt(t, e);
+  for (; o && It(o) && T(o).position === "static"; )
+    o = mt(o, e);
+  return o && (V(o) === "html" || V(o) === "body" && T(o).position === "static" && !at(o)) ? n : o || Yt(t) || n;
+}
+const oe = async function(t) {
+  let {
+    reference: e,
+    floating: n,
+    strategy: o
+  } = t;
+  const i = this.getOffsetParent || Ct, s = this.getDimensions;
+  return {
+    reference: ne(e, await i(n), o),
+    floating: {
+      x: 0,
+      y: 0,
+      ...await s(n)
+    }
+  };
+};
+function ie(t) {
+  return T(t).direction === "rtl";
+}
+const se = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ut,
+  getDocumentElement: M,
+  getClippingRect: te,
+  getOffsetParent: Ct,
+  getElementRects: oe,
+  getClientRects: Jt,
+  getDimensions: ee,
+  getScale: $,
+  isElement: W,
+  isRTL: ie
+};
+function re(t, e) {
+  let n = null, o;
+  const i = M(t);
+  function s() {
+    clearTimeout(o), n && n.disconnect(), n = null;
+  }
+  function r(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), s();
+    const {
+      left: a,
+      top: d,
+      width: h,
+      height: p
+    } = t.getBoundingClientRect();
+    if (l || e(), !h || !p)
+      return;
+    const f = Q(d), u = Q(i.clientWidth - (a + h)), m = Q(i.clientHeight - (d + p)), w = Q(a), x = {
+      rootMargin: -f + "px " + -u + "px " + -m + "px " + -w + "px",
+      threshold: R(0, N(1, c)) || 1
+    };
+    let b = !0;
+    function A(v) {
+      const y = v[0].intersectionRatio;
+      if (y !== c) {
+        if (!b)
+          return r();
+        y ? r(!1, y) : o = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 100);
+      }
+      b = !1;
+    }
+    try {
+      n = new IntersectionObserver(A, {
+        ...x,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(A, x);
+    }
+    n.observe(t);
+  }
+  return r(!0), s;
+}
+function ce(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: s = !0,
+    elementResize: r = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, a = ut(t), d = i || s ? [...a ? J(a) : [], ...J(e)] : [];
+  d.forEach((g) => {
+    i && g.addEventListener("scroll", n, {
+      passive: !0
+    }), s && g.addEventListener("resize", n);
+  });
+  const h = a && l ? re(a, n) : null;
+  let p = -1, f = null;
+  r && (f = new ResizeObserver((g) => {
+    let [x] = g;
+    x && x.target === a && f && (f.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      f && f.observe(e);
+    })), n();
+  }), a && !c && f.observe(a), f.observe(e));
+  let u, m = c ? z(t) : null;
+  c && w();
+  function w() {
+    const g = z(t);
+    m && (g.x !== m.x || g.y !== m.y || g.width !== m.width || g.height !== m.height) && n(), m = g, u = requestAnimationFrame(w);
+  }
+  return n(), () => {
+    d.forEach((g) => {
+      i && g.removeEventListener("scroll", n), s && g.removeEventListener("resize", n);
+    }), h && h(), f && f.disconnect(), f = null, c && cancelAnimationFrame(u);
+  };
+}
+const le = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: se,
+    ...n
+  }, s = {
+    ...i.platform,
+    _c: o
+  };
+  return Bt(t, e, {
+    ...i,
+    platform: s
+  });
+}, ae = ":host{--wje-popup-top: auto;--wje-popup-left: auto;display:flex}.native-popup{position:absolute;isolation:isolate;z-index:999;left:var(--wje-popup-left);top:var(--wje-popup-top)}.native-popup:not(.popup-active){display:none}";
+class he extends Tt {
+  /**
+   * Creates an instance of Popup.
+   *
+   * @constructor
+   */
+  constructor() {
+    super();
+    st(this, "className", "Popup");
+    st(this, "clickHandler", (n) => {
+      n.composedPath().some((i) => i === this) || this.hasAttribute("active") && this.removeAttribute("active");
+    });
+    this._manual = !1;
+  }
+  /**
+   * Sets the manual property of the popup.
+   *
+   * @param {boolean} value - The value to set.
+   */
+  set manual(n) {
+    this._manual = n;
+  }
+  /**
+   * Gets the manual property of the popup.
+   *
+   * @returns {boolean} The value of the manual property.
+   */
+  get manual() {
+    return this.hasAttribute("manual") && (this._manual = !0), this._manual;
+  }
+  /**
+   * Returns the CSS styles for the component.
+   *
+   * @static
+   * @returns {CSSStyleSheet}
+   */
+  static get cssStyleSheet() {
+    return ae;
+  }
+  /**
+   * Returns the list of attributes to observe for changes.
+   *
+   * @static
+   * @returns {Array<string>}
+   */
+  static get observedAttributes() {
+    return ["active"];
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Called when an attribute changes.
+   *
+   * @param {string} name - The name of the attribute.
+   * @param {string} old - The old value of the attribute.
+   * @param {string} newName - The new value of the attribute.
+   */
+  attributeChangedCallback(n, o, i) {
+    n === "active" && (this.hasAttribute(n) ? this.show() : this.hide());
+  }
+  beforeDraw(n, o, i) {
+    document.removeEventListener("click", this.clickHandler);
+  }
+  /**
+   * Draws the component.
+   *
+   * @param {Object} context - The context for drawing.
+   * @param {Object} store - The store for drawing.
+   * @param {Object} params - The parameters for drawing.
+   * @returns {DocumentFragment}
+   */
+  draw(n, o, i) {
+    let s = document.createDocumentFragment(), r = document.createElement("slot");
+    r.setAttribute("name", "anchor");
+    let l = document.createElement("slot");
+    l.setAttribute("name", "arrow");
+    let c = document.createElement("div");
+    c.setAttribute("part", "native"), c.classList.add("native-popup");
+    let a = document.createElement("slot");
+    return c.appendChild(a), c.appendChild(l), s.appendChild(r), s.appendChild(c), this.slotAnchor = r, this.slotArrow = l, this.native = c, s;
+  }
+  afterDraw(n, o, i) {
+    this.setAnchor();
+  }
+  /**
+   * Sets the anchor for the popup.
+   * Adds a click event listener to the anchor element.
+   */
+  setAnchor() {
+    if (this.slotAnchor && typeof this.anchor == "string") {
+      const n = this.getRootNode();
+      this.anchorEl = n.querySelector("#" + this.anchor);
+    } else
+      this.slotAnchor instanceof HTMLSlotElement && (this.anchorEl = this.slotAnchor.assignedElements({ flatten: !0 })[0]);
+    this.manual && U.addListener(this.anchorEl, "click", null, (n) => {
+      this.hasAttribute("disabled") || this.showHide();
+    }, { stopPropagation: !0 }), document.addEventListener("click", this.clickHandler, { capture: !0 });
+  }
+  /**
+   * Toggles the active attribute of the popup.
+   */
+  showHide() {
+    this.hasAttribute("active") ? this.removeAttribute("active") : this.setAttribute("active", "");
+  }
+  /**
+   * Repositions the popup.
+   * Uses the floating-ui library to compute the position.
+   */
+  reposition() {
+    const n = [];
+    this.offsetCalc = +this.offset || 0, this.slotArrow instanceof HTMLSlotElement && (this.arrow = this.slotArrow.assignedElements({ flatten: !0 })[0], this.arrow && (n.push(
+      Vt({
+        element: this.arrow
+      })
+    ), this.offsetCalc = Math.sqrt(2 * this.arrow.offsetWidth ** 2) / 2 + +this.offset)), n.push(
+      $t(this.offsetCalc)
+    ), n.push(
+      jt()
+    ), this.hasAttribute("size") && n.push(
+      _t({
+        apply({ availableWidth: o, availableHeight: i, elements: s }) {
+          Object.assign(s.floating.style, {
+            width: `${s.reference.offsetWidth}px`
+          });
+        }
+      })
+    ), le(this.anchorEl, this.native, {
+      placement: this.placement || "bottom",
+      strategy: "fixed",
+      middleware: n
+    }).then(({ x: o, y: i, middlewareData: s, placement: r, strategy: l }) => {
+      if (this.native.style.setProperty("--wje-popup-left", o + "px"), this.native.style.setProperty("--wje-popup-top", i + "px"), this.native.style.position = l, this.arrow) {
+        const c = {
+          top: "bottom",
+          right: "left",
+          bottom: "top",
+          left: "right"
+        }[r];
+        if (s.arrow) {
+          const { width: a, height: d } = this.native.getBoundingClientRect(), { x: h, y: p } = s.arrow;
+          Object.assign(this.arrow.style, {
+            left: h != null ? `${a / 2 - this.arrow.offsetWidth / 2}px` : "",
+            top: p != null ? `${d / 2 - this.arrow.offsetHeight / 2}px` : "",
+            [c]: `${-this.arrow.offsetHeight / 2}px`
+          });
+        }
+      }
+    }), U.dispatchCustomEvent(this, "wje-popup:reposition", {
+      data: { top: "bottom", right: "left", bottom: "top", left: "right" },
+      context: this,
+      event: this
+    });
+  }
+  /**
+   * Shows the popup.
+   * Adds the popup-active class to the native element.
+   * Sets up auto update for repositioning.
+   */
+  show() {
+    U.dispatchCustomEvent(this, "wje-popup:show"), this.native.classList.add("popup-active"), this.cleanup = ce(this.anchorEl, this.native, () => {
+      this.reposition();
+    }), this.hasAttribute("active") || this.setAttribute("active", "");
+  }
+  /**
+   * Hides the popup.
+   * Removes the popup-active class from the native element.
+   * Cleans up the auto update for repositioning.
+   */
+  hide() {
+    U.dispatchCustomEvent(this, "wje-popup:hide"), this.native.classList.remove("popup-active"), this.removeAttribute("active"), this.cleanup, this.cleanup = void 0;
+  }
+  /**
+   * Removes the active attribute when the popup is hidden.
+   */
+  onHide() {
+    this.removeAttribute("active");
+  }
+  /**
+   * Adds event listeners after the component is drawn.
+   */
+  disconnectedCallback() {
+    U.removeElement(this.anchorEl);
+  }
+}
+export {
+  he as P
+};