wj-elements 0.7.7 → 0.8.0

package/dist/popup.element-CbkhthPP.js

@@ -0,0 +1,806 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import t from "./wje-element.js";
+import { event as e } from "./event.js";
+const o = Math.min, i = Math.max, n = Math.round, r = Math.floor, s = (t2) => ({ x: t2, y: t2 }), a = { left: "right", right: "left", bottom: "top", top: "bottom" }, l = { start: "end", end: "start" };
+function c(t2, e2, n2) {
+  return i(t2, o(e2, n2));
+}
+function h(t2, e2) {
+  return "function" == typeof t2 ? t2(e2) : t2;
+}
+function p(t2) {
+  return t2.split("-")[0];
+}
+function d(t2) {
+  return t2.split("-")[1];
+}
+function u(t2) {
+  return "y" === t2 ? "height" : "width";
+}
+const f = /* @__PURE__ */ new Set(["top", "bottom"]);
+function m(t2) {
+  return f.has(p(t2)) ? "y" : "x";
+}
+function g(t2) {
+  return "x" === m(t2) ? "y" : "x";
+}
+function v(t2) {
+  return t2.replace(/start|end/g, (t3) => l[t3]);
+}
+const w = ["left", "right"], b = ["right", "left"], y = ["top", "bottom"], E = ["bottom", "top"];
+function x(t2, e2, o2, i2) {
+  const n2 = d(t2);
+  let r2 = (function(t3, e3, o3) {
+    switch (t3) {
+      case "top":
+      case "bottom":
+        return o3 ? e3 ? b : w : e3 ? w : b;
+      case "left":
+      case "right":
+        return e3 ? y : E;
+      default:
+        return [];
+    }
+  })(p(t2), "start" === o2, i2);
+  return n2 && (r2 = r2.map((t3) => t3 + "-" + n2), e2 && (r2 = r2.concat(r2.map(v)))), r2;
+}
+function _(t2) {
+  return t2.replace(/left|right|bottom|top/g, (t3) => a[t3]);
+}
+function S(t2) {
+  return "number" != typeof t2 ? (function(t3) {
+    return { top: 0, right: 0, bottom: 0, left: 0, ...t3 };
+  })(t2) : { top: t2, right: t2, bottom: t2, left: t2 };
+}
+function A(t2) {
+  const { x: e2, y: o2, width: i2, height: n2 } = t2;
+  return { width: i2, height: n2, top: o2, left: e2, right: e2 + i2, bottom: o2 + n2, x: e2, y: o2 };
+}
+function L(t2, e2, o2) {
+  let { reference: i2, floating: n2 } = t2;
+  const r2 = m(e2), s2 = g(e2), a2 = u(s2), l2 = p(e2), c2 = "y" === r2, h2 = i2.x + i2.width / 2 - n2.width / 2, f2 = i2.y + i2.height / 2 - n2.height / 2, v2 = i2[a2] / 2 - n2[a2] / 2;
+  let w2;
+  switch (l2) {
+    case "top":
+      w2 = { x: h2, y: i2.y - n2.height };
+      break;
+    case "bottom":
+      w2 = { x: h2, y: i2.y + i2.height };
+      break;
+    case "right":
+      w2 = { x: i2.x + i2.width, y: f2 };
+      break;
+    case "left":
+      w2 = { x: i2.x - n2.width, y: f2 };
+      break;
+    default:
+      w2 = { x: i2.x, y: i2.y };
+  }
+  switch (d(e2)) {
+    case "start":
+      w2[s2] -= v2 * (o2 && c2 ? -1 : 1);
+      break;
+    case "end":
+      w2[s2] += v2 * (o2 && c2 ? -1 : 1);
+  }
+  return w2;
+}
+async function k(t2, e2) {
+  var o2;
+  void 0 === e2 && (e2 = {});
+  const { x: i2, y: n2, platform: r2, rects: s2, elements: a2, strategy: l2 } = t2, { boundary: c2 = "clippingAncestors", rootBoundary: p2 = "viewport", elementContext: d2 = "floating", altBoundary: u2 = false, padding: f2 = 0 } = h(e2, t2), m2 = S(f2), g2 = a2[u2 ? "floating" === d2 ? "reference" : "floating" : d2], v2 = A(await r2.getClippingRect({ element: null == (o2 = await (null == r2.isElement ? void 0 : r2.isElement(g2))) || o2 ? g2 : g2.contextElement || await (null == r2.getDocumentElement ? void 0 : r2.getDocumentElement(a2.floating)), boundary: c2, rootBoundary: p2, strategy: l2 })), w2 = "floating" === d2 ? { x: i2, y: n2, width: s2.floating.width, height: s2.floating.height } : s2.reference, b2 = await (null == r2.getOffsetParent ? void 0 : r2.getOffsetParent(a2.floating)), y2 = await (null == r2.isElement ? void 0 : r2.isElement(b2)) && await (null == r2.getScale ? void 0 : r2.getScale(b2)) || { x: 1, y: 1 }, E2 = A(r2.convertOffsetParentRelativeRectToViewportRelativeRect ? await r2.convertOffsetParentRelativeRectToViewportRelativeRect({ elements: a2, rect: w2, offsetParent: b2, strategy: l2 }) : w2);
+  return { top: (v2.top - E2.top + m2.top) / y2.y, bottom: (E2.bottom - v2.bottom + m2.bottom) / y2.y, left: (v2.left - E2.left + m2.left) / y2.x, right: (E2.right - v2.right + m2.right) / y2.x };
+}
+const R = /* @__PURE__ */ new Set(["left", "top"]);
+function C() {
+  return "undefined" != typeof window;
+}
+function T(t2) {
+  return j(t2) ? (t2.nodeName || "").toLowerCase() : "#document";
+}
+function B(t2) {
+  var e2;
+  return (null == t2 || null == (e2 = t2.ownerDocument) ? void 0 : e2.defaultView) || window;
+}
+function P(t2) {
+  var e2;
+  return null == (e2 = (j(t2) ? t2.ownerDocument : t2.document) || window.document) ? void 0 : e2.documentElement;
+}
+function j(t2) {
+  return !!C() && (t2 instanceof Node || t2 instanceof B(t2).Node);
+}
+function N(t2) {
+  return !!C() && (t2 instanceof Element || t2 instanceof B(t2).Element);
+}
+function D(t2) {
+  return !!C() && (t2 instanceof HTMLElement || t2 instanceof B(t2).HTMLElement);
+}
+function O(t2) {
+  return !(!C() || "undefined" == typeof ShadowRoot) && (t2 instanceof ShadowRoot || t2 instanceof B(t2).ShadowRoot);
+}
+const F = /* @__PURE__ */ new Set(["inline", "contents"]);
+function H(t2) {
+  const { overflow: e2, overflowX: o2, overflowY: i2, display: n2 } = G(t2);
+  return /auto|scroll|overlay|hidden|clip/.test(e2 + i2 + o2) && !F.has(n2);
+}
+const M = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function W(t2) {
+  return M.has(T(t2));
+}
+const z = [":popover-open", ":modal"];
+function V(t2) {
+  return z.some((e2) => {
+    try {
+      return t2.matches(e2);
+    } catch (t3) {
+      return false;
+    }
+  });
+}
+const q = ["transform", "translate", "scale", "rotate", "perspective"], I = ["transform", "translate", "scale", "rotate", "perspective", "filter"], X = ["paint", "layout", "strict", "content"];
+function Y(t2) {
+  const e2 = $(), o2 = N(t2) ? G(t2) : t2;
+  return q.some((t3) => !!o2[t3] && "none" !== o2[t3]) || !!o2.containerType && "normal" !== o2.containerType || !e2 && !!o2.backdropFilter && "none" !== o2.backdropFilter || !e2 && !!o2.filter && "none" !== o2.filter || I.some((t3) => (o2.willChange || "").includes(t3)) || X.some((t3) => (o2.contain || "").includes(t3));
+}
+function $() {
+  return !("undefined" == typeof CSS || !CSS.supports) && CSS.supports("-webkit-backdrop-filter", "none");
+}
+const J = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function U(t2) {
+  return J.has(T(t2));
+}
+function G(t2) {
+  return B(t2).getComputedStyle(t2);
+}
+function K(t2) {
+  return N(t2) ? { scrollLeft: t2.scrollLeft, scrollTop: t2.scrollTop } : { scrollLeft: t2.scrollX, scrollTop: t2.scrollY };
+}
+function Q(t2) {
+  if ("html" === T(t2)) return t2;
+  const e2 = t2.assignedSlot || t2.parentNode || O(t2) && t2.host || P(t2);
+  return O(e2) ? e2.host : e2;
+}
+function Z(t2) {
+  const e2 = Q(t2);
+  return U(e2) ? t2.ownerDocument ? t2.ownerDocument.body : t2.body : D(e2) && H(e2) ? e2 : Z(e2);
+}
+function tt(t2, e2, o2) {
+  var i2;
+  void 0 === e2 && (e2 = []), void 0 === o2 && (o2 = true);
+  const n2 = Z(t2), r2 = n2 === (null == (i2 = t2.ownerDocument) ? void 0 : i2.body), s2 = B(n2);
+  if (r2) {
+    const t3 = et(s2);
+    return e2.concat(s2, s2.visualViewport || [], H(n2) ? n2 : [], t3 && o2 ? tt(t3) : []);
+  }
+  return e2.concat(n2, tt(n2, [], o2));
+}
+function et(t2) {
+  return t2.parent && Object.getPrototypeOf(t2.parent) ? t2.frameElement : null;
+}
+function ot(t2) {
+  const e2 = G(t2);
+  let o2 = parseFloat(e2.width) || 0, i2 = parseFloat(e2.height) || 0;
+  const r2 = D(t2), s2 = r2 ? t2.offsetWidth : o2, a2 = r2 ? t2.offsetHeight : i2, l2 = n(o2) !== s2 || n(i2) !== a2;
+  return l2 && (o2 = s2, i2 = a2), { width: o2, height: i2, $: l2 };
+}
+function it(t2) {
+  return N(t2) ? t2 : t2.contextElement;
+}
+function nt(t2) {
+  const e2 = it(t2);
+  if (!D(e2)) return s(1);
+  const o2 = e2.getBoundingClientRect(), { width: i2, height: r2, $: a2 } = ot(e2);
+  let l2 = (a2 ? n(o2.width) : o2.width) / i2, c2 = (a2 ? n(o2.height) : o2.height) / r2;
+  return l2 && Number.isFinite(l2) || (l2 = 1), c2 && Number.isFinite(c2) || (c2 = 1), { x: l2, y: c2 };
+}
+const rt = s(0);
+function st(t2) {
+  const e2 = B(t2);
+  return $() && e2.visualViewport ? { x: e2.visualViewport.offsetLeft, y: e2.visualViewport.offsetTop } : rt;
+}
+function at(t2, e2, o2, i2) {
+  void 0 === e2 && (e2 = false), void 0 === o2 && (o2 = false);
+  const n2 = t2.getBoundingClientRect(), r2 = it(t2);
+  let a2 = s(1);
+  e2 && (i2 ? N(i2) && (a2 = nt(i2)) : a2 = nt(t2));
+  const l2 = (function(t3, e3, o3) {
+    return void 0 === e3 && (e3 = false), !(!o3 || e3 && o3 !== B(t3)) && e3;
+  })(r2, o2, i2) ? st(r2) : s(0);
+  let c2 = (n2.left + l2.x) / a2.x, h2 = (n2.top + l2.y) / a2.y, p2 = n2.width / a2.x, d2 = n2.height / a2.y;
+  if (r2) {
+    const t3 = B(r2), e3 = i2 && N(i2) ? B(i2) : i2;
+    let o3 = t3, n3 = et(o3);
+    for (; n3 && i2 && e3 !== o3; ) {
+      const t4 = nt(n3), e4 = n3.getBoundingClientRect(), i3 = G(n3), r3 = e4.left + (n3.clientLeft + parseFloat(i3.paddingLeft)) * t4.x, s2 = e4.top + (n3.clientTop + parseFloat(i3.paddingTop)) * t4.y;
+      c2 *= t4.x, h2 *= t4.y, p2 *= t4.x, d2 *= t4.y, c2 += r3, h2 += s2, o3 = B(n3), n3 = et(o3);
+    }
+  }
+  return A({ width: p2, height: d2, x: c2, y: h2 });
+}
+function lt(t2, e2) {
+  const o2 = K(t2).scrollLeft;
+  return e2 ? e2.left + o2 : at(P(t2)).left + o2;
+}
+function ct(t2, e2) {
+  const o2 = t2.getBoundingClientRect();
+  return { x: o2.left + e2.scrollLeft - lt(t2, o2), y: o2.top + e2.scrollTop };
+}
+const ht = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function pt(t2, e2, o2) {
+  let n2;
+  if ("viewport" === e2) n2 = (function(t3, e3) {
+    const o3 = B(t3), i2 = P(t3), n3 = o3.visualViewport;
+    let r2 = i2.clientWidth, s2 = i2.clientHeight, a2 = 0, l2 = 0;
+    if (n3) {
+      r2 = n3.width, s2 = n3.height;
+      const t4 = $();
+      (!t4 || t4 && "fixed" === e3) && (a2 = n3.offsetLeft, l2 = n3.offsetTop);
+    }
+    const c2 = lt(i2);
+    if (c2 <= 0) {
+      const t4 = i2.ownerDocument, e4 = t4.body, o4 = getComputedStyle(e4), n4 = "CSS1Compat" === t4.compatMode && parseFloat(o4.marginLeft) + parseFloat(o4.marginRight) || 0, s3 = Math.abs(i2.clientWidth - e4.clientWidth - n4);
+      s3 <= 25 && (r2 -= s3);
+    } else c2 <= 25 && (r2 += c2);
+    return { width: r2, height: s2, x: a2, y: l2 };
+  })(t2, o2);
+  else if ("document" === e2) n2 = (function(t3) {
+    const e3 = P(t3), o3 = K(t3), n3 = t3.ownerDocument.body, r2 = i(e3.scrollWidth, e3.clientWidth, n3.scrollWidth, n3.clientWidth), s2 = i(e3.scrollHeight, e3.clientHeight, n3.scrollHeight, n3.clientHeight);
+    let a2 = -o3.scrollLeft + lt(t3);
+    const l2 = -o3.scrollTop;
+    return "rtl" === G(n3).direction && (a2 += i(e3.clientWidth, n3.clientWidth) - r2), { width: r2, height: s2, x: a2, y: l2 };
+  })(P(t2));
+  else if (N(e2)) n2 = (function(t3, e3) {
+    const o3 = at(t3, true, "fixed" === e3), i2 = o3.top + t3.clientTop, n3 = o3.left + t3.clientLeft, r2 = D(t3) ? nt(t3) : s(1);
+    return { width: t3.clientWidth * r2.x, height: t3.clientHeight * r2.y, x: n3 * r2.x, y: i2 * r2.y };
+  })(e2, o2);
+  else {
+    const o3 = st(t2);
+    n2 = { x: e2.x - o3.x, y: e2.y - o3.y, width: e2.width, height: e2.height };
+  }
+  return A(n2);
+}
+function dt(t2, e2) {
+  const o2 = Q(t2);
+  return !(o2 === e2 || !N(o2) || U(o2)) && ("fixed" === G(o2).position || dt(o2, e2));
+}
+function ut(t2, e2, o2) {
+  const i2 = D(e2), n2 = P(e2), r2 = "fixed" === o2, a2 = at(t2, true, r2, e2);
+  let l2 = { scrollLeft: 0, scrollTop: 0 };
+  const c2 = s(0);
+  function h2() {
+    c2.x = lt(n2);
+  }
+  if (i2 || !i2 && !r2) if (("body" !== T(e2) || H(n2)) && (l2 = K(e2)), i2) {
+    const t3 = at(e2, true, r2, e2);
+    c2.x = t3.x + e2.clientLeft, c2.y = t3.y + e2.clientTop;
+  } else n2 && h2();
+  r2 && !i2 && n2 && h2();
+  const p2 = !n2 || i2 || r2 ? s(0) : ct(n2, l2);
+  return { x: a2.left + l2.scrollLeft - c2.x - p2.x, y: a2.top + l2.scrollTop - c2.y - p2.y, width: a2.width, height: a2.height };
+}
+function ft(t2) {
+  return "static" === G(t2).position;
+}
+function mt(t2, e2) {
+  if (!D(t2) || "fixed" === G(t2).position) return null;
+  if (e2) return e2(t2);
+  let o2 = t2.offsetParent;
+  return P(t2) === o2 && (o2 = o2.ownerDocument.body), o2;
+}
+function gt(t2, e2) {
+  const o2 = B(t2);
+  if (V(t2)) return o2;
+  if (!D(t2)) {
+    let e3 = Q(t2);
+    for (; e3 && !U(e3); ) {
+      if (N(e3) && !ft(e3)) return e3;
+      e3 = Q(e3);
+    }
+    return o2;
+  }
+  let i2 = mt(t2, e2);
+  for (; i2 && W(i2) && ft(i2); ) i2 = mt(i2, e2);
+  return i2 && U(i2) && ft(i2) && !Y(i2) ? o2 : i2 || (function(t3) {
+    let e3 = Q(t3);
+    for (; D(e3) && !U(e3); ) {
+      if (Y(e3)) return e3;
+      if (V(e3)) return null;
+      e3 = Q(e3);
+    }
+    return null;
+  })(t2) || o2;
+}
+const vt = { convertOffsetParentRelativeRectToViewportRelativeRect: function(t2) {
+  let { elements: e2, rect: o2, offsetParent: i2, strategy: n2 } = t2;
+  const r2 = "fixed" === n2, a2 = P(i2), l2 = !!e2 && V(e2.floating);
+  if (i2 === a2 || l2 && r2) return o2;
+  let c2 = { scrollLeft: 0, scrollTop: 0 }, h2 = s(1);
+  const p2 = s(0), d2 = D(i2);
+  if ((d2 || !d2 && !r2) && (("body" !== T(i2) || H(a2)) && (c2 = K(i2)), D(i2))) {
+    const t3 = at(i2);
+    h2 = nt(i2), p2.x = t3.x + i2.clientLeft, p2.y = t3.y + i2.clientTop;
+  }
+  const u2 = !a2 || d2 || r2 ? s(0) : ct(a2, c2);
+  return { width: o2.width * h2.x, height: o2.height * h2.y, x: o2.x * h2.x - c2.scrollLeft * h2.x + p2.x + u2.x, y: o2.y * h2.y - c2.scrollTop * h2.y + p2.y + u2.y };
+}, getDocumentElement: P, getClippingRect: function(t2) {
+  let { element: e2, boundary: n2, rootBoundary: r2, strategy: s2 } = t2;
+  const a2 = [..."clippingAncestors" === n2 ? V(e2) ? [] : (function(t3, e3) {
+    const o2 = e3.get(t3);
+    if (o2) return o2;
+    let i2 = tt(t3, [], false).filter((t4) => N(t4) && "body" !== T(t4)), n3 = null;
+    const r3 = "fixed" === G(t3).position;
+    let s3 = r3 ? Q(t3) : t3;
+    for (; N(s3) && !U(s3); ) {
+      const e4 = G(s3), o3 = Y(s3);
+      o3 || "fixed" !== e4.position || (n3 = null), (r3 ? !o3 && !n3 : !o3 && "static" === e4.position && n3 && ht.has(n3.position) || H(s3) && !o3 && dt(t3, s3)) ? i2 = i2.filter((t4) => t4 !== s3) : n3 = e4, s3 = Q(s3);
+    }
+    return e3.set(t3, i2), i2;
+  })(e2, this._c) : [].concat(n2), r2], l2 = a2[0], c2 = a2.reduce((t3, n3) => {
+    const r3 = pt(e2, n3, s2);
+    return t3.top = i(r3.top, t3.top), t3.right = o(r3.right, t3.right), t3.bottom = o(r3.bottom, t3.bottom), t3.left = i(r3.left, t3.left), t3;
+  }, pt(e2, l2, s2));
+  return { width: c2.right - c2.left, height: c2.bottom - c2.top, x: c2.left, y: c2.top };
+}, getOffsetParent: gt, getElementRects: async function(t2) {
+  const e2 = this.getOffsetParent || gt, o2 = this.getDimensions, i2 = await o2(t2.floating);
+  return { reference: ut(t2.reference, await e2(t2.floating), t2.strategy), floating: { x: 0, y: 0, width: i2.width, height: i2.height } };
+}, getClientRects: function(t2) {
+  return Array.from(t2.getClientRects());
+}, getDimensions: function(t2) {
+  const { width: e2, height: o2 } = ot(t2);
+  return { width: e2, height: o2 };
+}, getScale: nt, isElement: N, isRTL: function(t2) {
+  return "rtl" === G(t2).direction;
+} };
+function wt(t2, e2) {
+  return t2.x === e2.x && t2.y === e2.y && t2.width === e2.width && t2.height === e2.height;
+}
+function bt(t2, e2, n2, s2) {
+  void 0 === s2 && (s2 = {});
+  const { ancestorScroll: a2 = true, ancestorResize: l2 = true, elementResize: c2 = "function" == typeof ResizeObserver, layoutShift: h2 = "function" == typeof IntersectionObserver, animationFrame: p2 = false } = s2, d2 = it(t2), u2 = a2 || l2 ? [...d2 ? tt(d2) : [], ...tt(e2)] : [];
+  u2.forEach((t3) => {
+    a2 && t3.addEventListener("scroll", n2, { passive: true }), l2 && t3.addEventListener("resize", n2);
+  });
+  const f2 = d2 && h2 ? (function(t3, e3) {
+    let n3, s3 = null;
+    const a3 = P(t3);
+    function l3() {
+      var t4;
+      clearTimeout(n3), null == (t4 = s3) || t4.disconnect(), s3 = null;
+    }
+    return (function c3(h3, p3) {
+      void 0 === h3 && (h3 = false), void 0 === p3 && (p3 = 1), l3();
+      const d3 = t3.getBoundingClientRect(), { left: u3, top: f3, width: m3, height: g3 } = d3;
+      if (h3 || e3(), !m3 || !g3) return;
+      const v3 = { rootMargin: -r(f3) + "px " + -r(a3.clientWidth - (u3 + m3)) + "px " + -r(a3.clientHeight - (f3 + g3)) + "px " + -r(u3) + "px", threshold: i(0, o(1, p3)) || 1 };
+      let w3 = true;
+      function b2(e4) {
+        const o2 = e4[0].intersectionRatio;
+        if (o2 !== p3) {
+          if (!w3) return c3();
+          o2 ? c3(false, o2) : n3 = setTimeout(() => {
+            c3(false, 1e-7);
+          }, 1e3);
+        }
+        1 !== o2 || wt(d3, t3.getBoundingClientRect()) || c3(), w3 = false;
+      }
+      try {
+        s3 = new IntersectionObserver(b2, { ...v3, root: a3.ownerDocument });
+      } catch (t4) {
+        s3 = new IntersectionObserver(b2, v3);
+      }
+      s3.observe(t3);
+    })(true), l3;
+  })(d2, n2) : null;
+  let m2, g2 = -1, v2 = null;
+  c2 && (v2 = new ResizeObserver((t3) => {
+    let [o2] = t3;
+    o2 && o2.target === d2 && v2 && (v2.unobserve(e2), cancelAnimationFrame(g2), g2 = requestAnimationFrame(() => {
+      var t4;
+      null == (t4 = v2) || t4.observe(e2);
+    })), n2();
+  }), d2 && !p2 && v2.observe(d2), v2.observe(e2));
+  let w2 = p2 ? at(t2) : null;
+  return p2 && (function e3() {
+    const o2 = at(t2);
+    w2 && !wt(w2, o2) && n2();
+    w2 = o2, m2 = requestAnimationFrame(e3);
+  })(), n2(), () => {
+    var t3;
+    u2.forEach((t4) => {
+      a2 && t4.removeEventListener("scroll", n2), l2 && t4.removeEventListener("resize", n2);
+    }), null == f2 || f2(), null == (t3 = v2) || t3.disconnect(), v2 = null, p2 && cancelAnimationFrame(m2);
+  };
+}
+const yt = function(t2) {
+  return void 0 === t2 && (t2 = 0), { name: "offset", options: t2, async fn(e2) {
+    var o2, i2;
+    const { x: n2, y: r2, placement: s2, middlewareData: a2 } = e2, l2 = await (async function(t3, e3) {
+      const { placement: o3, platform: i3, elements: n3 } = t3, r3 = await (null == i3.isRTL ? void 0 : i3.isRTL(n3.floating)), s3 = p(o3), a3 = d(o3), l3 = "y" === m(o3), c2 = R.has(s3) ? -1 : 1, u2 = r3 && l3 ? -1 : 1, f2 = h(e3, t3);
+      let { mainAxis: g2, crossAxis: v2, alignmentAxis: w2 } = "number" == typeof f2 ? { mainAxis: f2, crossAxis: 0, alignmentAxis: null } : { mainAxis: f2.mainAxis || 0, crossAxis: f2.crossAxis || 0, alignmentAxis: f2.alignmentAxis };
+      return a3 && "number" == typeof w2 && (v2 = "end" === a3 ? -1 * w2 : w2), l3 ? { x: v2 * u2, y: g2 * c2 } : { x: g2 * c2, y: v2 * u2 };
+    })(e2, t2);
+    return s2 === (null == (o2 = a2.offset) ? void 0 : o2.placement) && null != (i2 = a2.arrow) && i2.alignmentOffset ? {} : { x: n2 + l2.x, y: r2 + l2.y, data: { ...l2, placement: s2 } };
+  } };
+}, Et = function(t2) {
+  return void 0 === t2 && (t2 = {}), { name: "flip", options: t2, async fn(e2) {
+    var o2, i2;
+    const { placement: n2, middlewareData: r2, rects: s2, initialPlacement: a2, platform: l2, elements: c2 } = e2, { mainAxis: f2 = true, crossAxis: w2 = true, fallbackPlacements: b2, fallbackStrategy: y2 = "bestFit", fallbackAxisSideDirection: E2 = "none", flipAlignment: S2 = true, ...A2 } = h(t2, e2);
+    if (null != (o2 = r2.arrow) && o2.alignmentOffset) return {};
+    const L2 = p(n2), k2 = m(a2), R2 = p(a2) === a2, C2 = await (null == l2.isRTL ? void 0 : l2.isRTL(c2.floating)), T2 = b2 || (R2 || !S2 ? [_(a2)] : (function(t3) {
+      const e3 = _(t3);
+      return [v(t3), e3, v(e3)];
+    })(a2)), B2 = "none" !== E2;
+    !b2 && B2 && T2.push(...x(a2, S2, E2, C2));
+    const P2 = [a2, ...T2], j2 = await l2.detectOverflow(e2, A2), N2 = [];
+    let D2 = (null == (i2 = r2.flip) ? void 0 : i2.overflows) || [];
+    if (f2 && N2.push(j2[L2]), w2) {
+      const t3 = (function(t4, e3, o3) {
+        void 0 === o3 && (o3 = false);
+        const i3 = d(t4), n3 = g(t4), r3 = u(n3);
+        let s3 = "x" === n3 ? i3 === (o3 ? "end" : "start") ? "right" : "left" : "start" === i3 ? "bottom" : "top";
+        return e3.reference[r3] > e3.floating[r3] && (s3 = _(s3)), [s3, _(s3)];
+      })(n2, s2, C2);
+      N2.push(j2[t3[0]], j2[t3[1]]);
+    }
+    if (D2 = [...D2, { placement: n2, overflows: N2 }], !N2.every((t3) => t3 <= 0)) {
+      var O2, F2;
+      const t3 = ((null == (O2 = r2.flip) ? void 0 : O2.index) || 0) + 1, e3 = P2[t3];
+      if (e3) {
+        if (!("alignment" === w2 && k2 !== m(e3)) || D2.every((t4) => m(t4.placement) !== k2 || t4.overflows[0] > 0)) return { data: { index: t3, overflows: D2 }, reset: { placement: e3 } };
+      }
+      let o3 = null == (F2 = D2.filter((t4) => t4.overflows[0] <= 0).sort((t4, e4) => t4.overflows[1] - e4.overflows[1])[0]) ? void 0 : F2.placement;
+      if (!o3) switch (y2) {
+        case "bestFit": {
+          var H2;
+          const t4 = null == (H2 = D2.filter((t5) => {
+            if (B2) {
+              const e4 = m(t5.placement);
+              return e4 === k2 || "y" === e4;
+            }
+            return true;
+          }).map((t5) => [t5.placement, t5.overflows.filter((t6) => t6 > 0).reduce((t6, e4) => t6 + e4, 0)]).sort((t5, e4) => t5[1] - e4[1])[0]) ? void 0 : H2[0];
+          t4 && (o3 = t4);
+          break;
+        }
+        case "initialPlacement":
+          o3 = a2;
+      }
+      if (n2 !== o3) return { reset: { placement: o3 } };
+    }
+    return {};
+  } };
+}, xt = function(t2) {
+  return void 0 === t2 && (t2 = {}), { name: "size", options: t2, async fn(e2) {
+    var n2, r2;
+    const { placement: s2, rects: a2, platform: l2, elements: c2 } = e2, { apply: u2 = () => {
+    }, ...f2 } = h(t2, e2), g2 = await l2.detectOverflow(e2, f2), v2 = p(s2), w2 = d(s2), b2 = "y" === m(s2), { width: y2, height: E2 } = a2.floating;
+    let x2, _2;
+    "top" === v2 || "bottom" === v2 ? (x2 = v2, _2 = w2 === (await (null == l2.isRTL ? void 0 : l2.isRTL(c2.floating)) ? "start" : "end") ? "left" : "right") : (_2 = v2, x2 = "end" === w2 ? "top" : "bottom");
+    const S2 = E2 - g2.top - g2.bottom, A2 = y2 - g2.left - g2.right, L2 = o(E2 - g2[x2], S2), k2 = o(y2 - g2[_2], A2), R2 = !e2.middlewareData.shift;
+    let C2 = L2, T2 = k2;
+    if (null != (n2 = e2.middlewareData.shift) && n2.enabled.x && (T2 = A2), null != (r2 = e2.middlewareData.shift) && r2.enabled.y && (C2 = S2), R2 && !w2) {
+      const t3 = i(g2.left, 0), e3 = i(g2.right, 0), o2 = i(g2.top, 0), n3 = i(g2.bottom, 0);
+      b2 ? T2 = y2 - 2 * (0 !== t3 || 0 !== e3 ? t3 + e3 : i(g2.left, g2.right)) : C2 = E2 - 2 * (0 !== o2 || 0 !== n3 ? o2 + n3 : i(g2.top, g2.bottom));
+    }
+    await u2({ ...e2, availableWidth: T2, availableHeight: C2 });
+    const B2 = await l2.getDimensions(c2.floating);
+    return y2 !== B2.width || E2 !== B2.height ? { reset: { rects: true } } : {};
+  } };
+}, _t = (t2) => ({ name: "arrow", options: t2, async fn(e2) {
+  const { x: i2, y: n2, placement: r2, rects: s2, platform: a2, elements: l2, middlewareData: p2 } = e2, { element: f2, padding: m2 = 0 } = h(t2, e2) || {};
+  if (null == f2) return {};
+  const v2 = S(m2), w2 = { x: i2, y: n2 }, b2 = g(r2), y2 = u(b2), E2 = await a2.getDimensions(f2), x2 = "y" === b2, _2 = x2 ? "top" : "left", A2 = x2 ? "bottom" : "right", L2 = x2 ? "clientHeight" : "clientWidth", k2 = s2.reference[y2] + s2.reference[b2] - w2[b2] - s2.floating[y2], R2 = w2[b2] - s2.reference[b2], C2 = await (null == a2.getOffsetParent ? void 0 : a2.getOffsetParent(f2));
+  let T2 = C2 ? C2[L2] : 0;
+  T2 && await (null == a2.isElement ? void 0 : a2.isElement(C2)) || (T2 = l2.floating[L2] || s2.floating[y2]);
+  const B2 = k2 / 2 - R2 / 2, P2 = T2 / 2 - E2[y2] / 2 - 1, j2 = o(v2[_2], P2), N2 = o(v2[A2], P2), D2 = j2, O2 = T2 - E2[y2] - N2, F2 = T2 / 2 - E2[y2] / 2 + B2, H2 = c(D2, F2, O2), M2 = !p2.arrow && null != d(r2) && F2 !== H2 && s2.reference[y2] / 2 - (F2 < D2 ? j2 : N2) - E2[y2] / 2 < 0, W2 = M2 ? F2 < D2 ? F2 - D2 : F2 - O2 : 0;
+  return { [b2]: w2[b2] + W2, data: { [b2]: H2, centerOffset: F2 - H2 - W2, ...M2 && { alignmentOffset: W2 } }, reset: M2 };
+} }), St = (t2, e2, o2) => {
+  const i2 = /* @__PURE__ */ new Map(), n2 = { platform: vt, ...o2 }, r2 = { ...n2.platform, _c: i2 };
+  return (async (t3, e3, o3) => {
+    const { placement: i3 = "bottom", strategy: n3 = "absolute", middleware: r3 = [], platform: s2 } = o3, a2 = r3.filter(Boolean), l2 = await (null == s2.isRTL ? void 0 : s2.isRTL(e3));
+    let c2 = await s2.getElementRects({ reference: t3, floating: e3, strategy: n3 }), { x: h2, y: p2 } = L(c2, i3, l2), d2 = i3, u2 = {}, f2 = 0;
+    for (let o4 = 0; o4 < a2.length; o4++) {
+      var m2;
+      const { name: r4, fn: g2 } = a2[o4], { x: v2, y: w2, data: b2, reset: y2 } = await g2({ x: h2, y: p2, initialPlacement: i3, placement: d2, strategy: n3, middlewareData: u2, rects: c2, platform: { ...s2, detectOverflow: null != (m2 = s2.detectOverflow) ? m2 : k }, elements: { reference: t3, floating: e3 } });
+      h2 = null != v2 ? v2 : h2, p2 = null != w2 ? w2 : p2, u2 = { ...u2, [r4]: { ...u2[r4], ...b2 } }, y2 && f2 <= 50 && (f2++, "object" == typeof y2 && (y2.placement && (d2 = y2.placement), y2.rects && (c2 = true === y2.rects ? await s2.getElementRects({ reference: t3, floating: e3, strategy: n3 }) : y2.rects), { x: h2, y: p2 } = L(c2, d2, l2)), o4 = -1);
+    }
+    return { x: h2, y: p2, placement: d2, strategy: n3, middlewareData: u2 };
+  })(t2, e2, { ...n2, platform: r2 });
+};
+class At extends t {
+  constructor() {
+    super();
+    __publicField(this, "className", "Popup");
+    __publicField(this, "manualCallback", (t2) => {
+      this.hasAttribute("disabled") || this.showHide();
+    });
+    __publicField(this, "clickHandler", (t2) => {
+      const e2 = "function" == typeof t2.composedPath ? t2.composedPath() : [];
+      if (e2.some((t3) => t3 && ("WJE-MENU-ITEM" === t3.tagName || "WJE-MENU" === t3.tagName))) return;
+      !(e2.includes(this) || this.floatingEl && e2.includes(this.floatingEl)) && this.hasAttribute("active") && this.hide(true);
+    });
+    __publicField(this, "handleBackdropClick", (t2) => {
+      var _a;
+      this.hasAttribute("active") && ((_a = this.floatingEl) == null ? void 0 : _a.classList.contains("popup-mobile-sheet")) && (t2.stopPropagation(), this.hide(true));
+    });
+    __publicField(this, "handleViewportResize", () => {
+      this.mobilePresentation && this.hasAttribute("active") && this.syncResponsivePresentation();
+    });
+    __publicField(this, "handleHide", () => {
+      this.removeAttribute("active");
+    });
+    this._manual = false, this._contentAwareSize = false, this._contentReadyHandler = () => this.markContentReady(), this._bottomSheetRestoreTimeout = null;
+  }
+  set loader(t2) {
+    t2 ? (this.setAttribute("loader", ""), this._showLoader()) : (this.removeAttribute("loader"), this._hideLoader());
+  }
+  get loader() {
+    return this.hasAttribute("loader");
+  }
+  set contentAwareSize(t2) {
+    this._contentAwareSize = Boolean(t2);
+  }
+  get contentAwareSize() {
+    return true === this._contentAwareSize;
+  }
+  set manual(t2) {
+    t2 ? this.setAttribute("manual", "") : this.removeAttribute("manual");
+  }
+  get manual() {
+    return this.hasAttribute("manual");
+  }
+  set portal(t2) {
+    t2 ? this.setAttribute("portal", t2) : this.removeAttribute("portal");
+  }
+  get portal() {
+    return this.hasAttribute("portal");
+  }
+  set mobilePresentation(t2) {
+    t2 ? this.setAttribute("mobile-presentation", t2) : this.removeAttribute("mobile-presentation");
+  }
+  get mobilePresentation() {
+    return this.getAttribute("mobile-presentation");
+  }
+  set mobileBreakPoint(t2) {
+    t2 ? this.setAttribute("mobile-break-point", t2) : this.removeAttribute("mobile-break-point");
+  }
+  get mobileBreakPoint() {
+    return this.getAttribute("mobile-break-point") || "768";
+  }
+  get floatingEl() {
+    return this._floatingEl || this.native;
+  }
+  get backdropEl() {
+    return this._portaled ? this._portalBackdrop : this.backdrop;
+  }
+  static get cssStyleSheet() {
+    return ":host{--wje-popup-top: auto;--wje-popup-left: auto;--wje-popup-mobile-transition-duration: .25s;--wje-popup-mobile-transition-easing: ease;display:flex}.popup-backdrop{display:none}.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}.popup-backdrop.popup-mobile-sheet{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;opacity:0;pointer-events:none;background:var( --wje-popup-backdrop-background, var(--wje-sliding-container-backdrop-background, var(--wje-backdrop, rgba(0, 0, 0, .35))) );transition:opacity var(--wje-popup-mobile-transition-duration) var(--wje-popup-mobile-transition-easing),visibility 0s linear var(--wje-popup-mobile-transition-duration);visibility:hidden}.popup-backdrop.popup-mobile-sheet.popup-active{opacity:var( --wje-popup-backdrop-opacity, var(--wje-sliding-container-backdrop-opacity, var(--wje-backdrop-opacity, 1)) );pointer-events:auto;visibility:visible;transition-delay:0s}.native-popup.popup-mobile-sheet{display:flex;flex-direction:column;align-items:stretch;position:fixed;inset:auto 0 0 0;left:0;right:0;top:auto;width:100vw;max-width:100vw;max-height:var(--wje-popup-mobile-max-height, 90vh);overflow:auto;background:var( --wje-popup-mobile-background, var(--wje-select-options-background-color, var(--wje-color-contrast-0, #fff)) );box-shadow:var(--wje-popup-mobile-box-shadow, 0 -8px 32px rgba(0, 0, 0, .16));border-radius:var( --wje-popup-mobile-border-radius, var( --wje-sliding-container-sheet-border-radius, var(--wje-border-radius-large, 16px) var(--wje-border-radius-large, 16px) 0 0 ) );padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(100%);transition:transform var(--wje-popup-mobile-transition-duration) var(--wje-popup-mobile-transition-easing),visibility 0s linear var(--wje-popup-mobile-transition-duration);visibility:hidden;pointer-events:none}.native-popup.popup-mobile-sheet.popup-active{transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}.popup-loader.overlay{position:absolute;inset:var(--wje-popup-loader-inset, 0);background:var( --wje-popup-overlay-background, var(--wje-select-options-background-color, var(--wje-color-contrast-0, #fff)) );display:flex;align-items:center;justify-content:center;z-index:1}.popup-loader.fade-out{opacity:0;transition:opacity .3s ease;pointer-events:none}";
+  }
+  static get observedAttributes() {
+    return [];
+  }
+  setupAttributes() {
+    this.isShadowRoot = "open", this._hideFloatingLightDomContentBeforeRender();
+  }
+  _hideFloatingLightDomContentBeforeRender() {
+    if (this._hiddenFloatingLightDomContent) return;
+    const t2 = Array.from(this.children).filter((t3) => "anchor" !== t3.getAttribute("slot"));
+    0 !== t2.length && (this._hiddenFloatingLightDomContent = t2.map((t3) => {
+      const e2 = t3.style.getPropertyValue("display"), o2 = t3.style.getPropertyPriority("display");
+      return t3.style.setProperty("display", "none"), { el: t3, display: e2, priority: o2 };
+    }));
+  }
+  _restoreFloatingLightDomContentAfterRender() {
+    var _a;
+    (_a = this._hiddenFloatingLightDomContent) == null ? void 0 : _a.forEach(({ el: t2, display: e2, priority: o2 }) => {
+      e2 ? t2.style.setProperty("display", e2, o2) : t2.style.removeProperty("display");
+    }), this._hiddenFloatingLightDomContent = null;
+  }
+  afterDisconnect() {
+    var _a, _b, _c;
+    this.clearBottomSheetRestoreTimeout(), window.removeEventListener("resize", this.handleViewportResize), e.removeListener(this.anchorEl, "click", this.manualCallback), document.removeEventListener("click", this.clickHandler, { capture: true }), this.removeEventListener("wje-popup:content-ready", this._contentReadyHandler), this._contentReadyListenerAttached = false, (_a = this.backdrop) == null ? void 0 : _a.removeEventListener("click", this.handleBackdropClick), (_b = this._portalBackdrop) == null ? void 0 : _b.removeEventListener("click", this.handleBackdropClick), this._restoreContentFromPortal(), (_c = this.cleanup) == null ? void 0 : _c.call(this);
+  }
+  beforeDraw(t2, e2, o2) {
+    var _a;
+    (_a = this.cleanup) == null ? void 0 : _a.call(this);
+  }
+  draw() {
+    let t2 = document.createDocumentFragment(), e2 = document.createElement("slot");
+    e2.setAttribute("name", "anchor");
+    let o2 = document.createElement("slot");
+    o2.setAttribute("name", "arrow");
+    let i2 = document.createElement("div");
+    i2.setAttribute("part", "backdrop"), i2.classList.add("popup-backdrop"), i2.addEventListener("click", this.handleBackdropClick);
+    let n2 = document.createElement("div");
+    n2.setAttribute("part", "native"), n2.classList.add("native-popup");
+    let r2 = document.createElement("slot"), s2 = document.createElement("div");
+    return s2.classList.add("popup-loader", "overlay"), s2.setAttribute("part", "loader"), s2.textContent = "Loading...", this.loader && n2.append(s2), n2.append(r2), n2.append(o2), t2.append(e2), t2.append(i2), t2.append(n2), this.slotAnchor = e2, this.slotArrow = o2, this.defaultSlot = r2, this.backdrop = i2, this.native = n2, this.loaderEl = s2, t2;
+  }
+  afterDraw() {
+    this._restoreFloatingLightDomContentAfterRender(), this.setAnchor(), window.removeEventListener("resize", this.handleViewportResize), window.addEventListener("resize", this.handleViewportResize), this._contentReadyListenerAttached || (this.addEventListener("wje-popup:content-ready", this._contentReadyHandler), this._contentReadyListenerAttached = true), this.hasAttribute("active") && this.show(false), this.hasAttribute("active") || this.hide(false);
+  }
+  setAnchor() {
+    if (this.slotAnchor && "string" == typeof this.anchor) {
+      const t2 = this.getRootNode();
+      this.anchorEl = t2.querySelector("#" + this.anchor);
+    } else this.slotAnchor instanceof HTMLSlotElement && (this.anchorEl = this.slotAnchor.assignedElements({ flatten: true })[0]);
+    this.manual && e.addListener(this.anchorEl, "click", null, this.manualCallback, { stopPropagation: true });
+  }
+  clearBottomSheetRestoreTimeout() {
+    null !== this._bottomSheetRestoreTimeout && (window.clearTimeout(this._bottomSheetRestoreTimeout), this._bottomSheetRestoreTimeout = null);
+  }
+  isBottomSheetActive() {
+    return "bottom-sheet" === this.mobilePresentation && window.innerWidth <= +this.mobileBreakPoint;
+  }
+  setBottomSheetState(t2) {
+    const e2 = this.floatingEl, o2 = this.backdropEl;
+    e2 && o2 && (e2.classList.add("popup-mobile-sheet"), o2.classList.add("popup-mobile-sheet"), e2.classList.toggle("popup-active", t2), o2.classList.toggle("popup-active", t2));
+  }
+  clearBottomSheetState() {
+    [this.native, this.backdrop, this._portalNative, this._portalBackdrop].forEach((t2) => {
+      t2 == null ? void 0 : t2.classList.remove("popup-mobile-sheet", "popup-active");
+    });
+  }
+  rebindPortaledRouter() {
+    if (!this._portalShadow) return;
+    const t2 = { root: this._portalShadow, container: this._portalContainer, floating: this._portalNative };
+    document.dispatchEvent(new CustomEvent("wje-router:rebind", { bubbles: true, composed: true, detail: t2 })), "function" == typeof window.bindRouterLinks && window.bindRouterLinks(this._portalShadow);
+  }
+  syncResponsivePresentation() {
+    var _a, _b, _c, _d, _e, _f;
+    const t2 = this.isBottomSheetActive(), e2 = (_b = (_a = this.floatingEl) == null ? void 0 : _a.classList) == null ? void 0 : _b.contains("popup-mobile-sheet");
+    if (t2) return (_c = this.cleanup) == null ? void 0 : _c.call(this), this.cleanup = void 0, this._portaled || (this._mountContentToPortal(), this.rebindPortaledRouter()), this.setBottomSheetState(false), (_d = this.floatingEl) == null ? void 0 : _d.getBoundingClientRect(), (_e = this.backdropEl) == null ? void 0 : _e.getBoundingClientRect(), void requestAnimationFrame(() => {
+      this.hasAttribute("active") && this.isBottomSheetActive() && this.setBottomSheetState(true);
+    });
+    e2 && (this.clearBottomSheetRestoreTimeout(), this.clearBottomSheetState(), !this.portal && this._portaled && this._restoreContentFromPortal()), this.anchorEl && this.floatingEl && (this.floatingEl.classList.add("popup-active"), (_f = this.cleanup) == null ? void 0 : _f.call(this), this.cleanup = bt(this.anchorEl, this.floatingEl, () => {
+      this.reposition();
+    }), this.reposition());
+  }
+  getBottomSheetTransitionDurationMs() {
+    const t2 = (t3) => {
+      const e3 = t3 == null ? void 0 : t3.trim();
+      return e3 ? e3.endsWith("ms") ? Number.parseFloat(e3) || 0 : e3.endsWith("s") ? 1e3 * (Number.parseFloat(e3) || 0) : Number.parseFloat(e3) || 0 : 0;
+    }, e2 = (e3) => {
+      if (!e3) return 0;
+      const o2 = getComputedStyle(e3), i2 = o2.transitionDuration.split(","), n2 = o2.transitionDelay.split(","), r2 = Math.max(i2.length, n2.length);
+      let s2 = 0;
+      for (let e4 = 0; e4 < r2; e4++) {
+        const o3 = t2(i2[e4] || i2[i2.length - 1]), r3 = t2(n2[e4] || n2[n2.length - 1]);
+        s2 = Math.max(s2, o3 + r3);
+      }
+      return s2;
+    };
+    return Math.max(e2(this.floatingEl), e2(this.backdropEl)) || 250;
+  }
+  showHide() {
+    this.hasAttribute("active") ? this.hide() : (e.dispatchCustomEvent(this, "wje-popup:beforeshow"), this.show(), e.dispatchCustomEvent(this, "wje-popup:aftershow"));
+  }
+  reposition() {
+    var _a, _b;
+    if ((_b = (_a = this.floatingEl) == null ? void 0 : _a.classList) == null ? void 0 : _b.contains("popup-mobile-sheet")) return;
+    const t2 = [];
+    this.offsetCalc = +this.offset || 0, this.portal && this._portaled && this.floatingEl ? this.arrow = this.floatingEl.querySelector('[slot="arrow"]') : this.slotArrow instanceof HTMLSlotElement && (this.arrow = this.slotArrow.assignedElements({ flatten: true })[0]), this.arrow && (t2.push(_t({ element: this.arrow })), this.offsetCalc = Math.sqrt(2 * this.arrow.offsetWidth ** 2) / 2 + +this.offset), t2.push(yt(this.offsetCalc)), t2.push(Et()), this.hasAttribute("size") && t2.push(xt({ apply: ({ elements: t3 }) => {
+      this.contentAwareSize ? Object.assign(t3.floating.style, { minWidth: `${t3.reference.offsetWidth}px`, width: "" }) : Object.assign(t3.floating.style, { minWidth: "", width: `${t3.reference.offsetWidth}px` });
+    } })), St(this.anchorEl, this.floatingEl, { placement: this.placement || "bottom", strategy: "fixed", middleware: t2 }).then(({ x: t3, y: e2, middlewareData: o2, placement: i2, strategy: n2 }) => {
+      if (this.floatingEl.style.setProperty("--wje-popup-left", t3 + "px"), this.floatingEl.style.setProperty("--wje-popup-top", e2 + "px"), this.floatingEl.style.position = n2, this.arrow) {
+        const t4 = { top: "bottom", right: "left", bottom: "top", left: "right" }[i2];
+        if (o2.arrow) {
+          const { width: e3, height: i3 } = this.floatingEl.getBoundingClientRect();
+          let n3 = o2.arrow.x, r2 = o2.arrow.y;
+          Object.assign(this.arrow.style, { left: null != n3 ? e3 / 2 - this.arrow.offsetWidth / 2 + "px" : "", top: null != r2 ? i3 / 2 - this.arrow.offsetHeight / 2 + "px" : "", [t4]: -this.arrow.offsetHeight / 2 + "px" });
+        }
+      }
+    }), e.dispatchCustomEvent(this, "wje-popup:reposition", { data: { top: "bottom", right: "left", bottom: "top", left: "right" }, context: this, event: this });
+  }
+  _mountContentToPortal() {
+    if (this._portaled) return;
+    this._ensurePortalRoot(), this._portalNative || (this._portalBackdrop = document.createElement("div"), this._portalBackdrop.setAttribute("part", "backdrop"), this._portalBackdrop.classList.add("popup-backdrop"), this._portalBackdrop.addEventListener("click", this.handleBackdropClick), this._portalNative = document.createElement("div"), this._portalNative.setAttribute("part", "native"), this._portalNative.classList.add("native-popup"), this._portalSlot = document.createElement("slot"), this._portalArrowSlot = document.createElement("slot"), this._portalArrowSlot.setAttribute("name", "arrow"), this._portalNative.append(this._portalSlot, this._portalArrowSlot)), this._portalShadow.append(this._portalBackdrop), this._portalShadow.append(this._portalNative);
+    (() => {
+      for (const { name: t3 } of Array.from(this._portalContainer.attributes)) "data-wje-popup-portal" !== t3 && this._portalContainer.removeAttribute(t3);
+      for (const t3 of Array.from(this.attributes)) this._portalContainer.setAttribute(t3.name, t3.value ?? "");
+      this._portalContainer.setAttribute("class", this.getAttribute("class") || "");
+    })(), this._portalAttrObserver = new MutationObserver((t3) => {
+      for (const e2 of t3) if ("attributes" === e2.type) {
+        const t4 = e2.attributeName, o3 = this.getAttribute(t4);
+        null === o3 ? this._portalContainer.removeAttribute(t4) : this._portalContainer.setAttribute(t4, o3);
+      }
+    }), this._portalAttrObserver.observe(this, { attributes: true });
+    const t2 = this.defaultSlot, o2 = (t2 ? t2.assignedNodes({ flatten: true }) : []).filter((t3) => t3 && t3.nodeType === Node.ELEMENT_NODE || t3 && t3.nodeType === Node.TEXT_NODE);
+    this._defPlaceholders = [];
+    for (const t3 of o2) {
+      const e2 = document.createComment("wje-portal-default");
+      this._defPlaceholders.push({ node: t3, ph: e2 }), t3.parentNode && t3.parentNode.insertBefore(e2, t3.nextSibling), this._portalContainer.append(t3);
+    }
+    const i2 = (this.slotArrow instanceof HTMLSlotElement ? this.slotArrow.assignedNodes({ flatten: true }) : []).filter((t3) => t3 && t3.nodeType === Node.ELEMENT_NODE || t3 && t3.nodeType === Node.TEXT_NODE);
+    this._arrowPlaceholders = [];
+    for (const t3 of i2) {
+      const e2 = document.createComment("wje-portal-arrow");
+      this._arrowPlaceholders.push({ node: t3, ph: e2 }), t3.parentNode && t3.parentNode.insertBefore(e2, t3.nextSibling), this._portalContainer.append(t3);
+    }
+    this._floatingEl = this._portalNative, this._portaled = true, this._floatingEl = this._portalNative, this._portaled = true, e.dispatchCustomEvent(this, "wje-router:rebind", { root: this._portalShadow, container: this._portalContainer, floating: this._portalNative });
+  }
+  _restoreContentFromPortal() {
+    if (!this._portaled) return;
+    if (Array.isArray(this._defPlaceholders)) for (const { node: t3, ph: e2 } of this._defPlaceholders) e2 && e2.parentNode && (e2.parentNode.insertBefore(t3, e2), e2.remove());
+    if (this._defPlaceholders = void 0, Array.isArray(this._arrowPlaceholders)) for (const { node: t3, ph: e2 } of this._arrowPlaceholders) e2 && e2.parentNode && (e2.parentNode.insertBefore(t3, e2), e2.remove());
+    this._arrowPlaceholders = void 0, this._portalAttrObserver && (this._portalAttrObserver.disconnect(), this._portalAttrObserver = null), this._portalNative && this._portalNative.parentNode && this._portalNative.remove(), this._portalBackdrop && this._portalBackdrop.parentNode && this._portalBackdrop.remove(), this._floatingEl = void 0, this._portaled = false, this._portalContainer && (this._portalContainer.remove(), this._portalContainer = null, this._portalShadow = null);
+    const t2 = { root: this.shadowRoot, container: this, floating: this.native };
+    this.dispatchEvent(new CustomEvent("wje-portal:restored", { bubbles: true, composed: true, detail: t2 }));
+    try {
+      "function" == typeof window.bindRouterLinks && window.bindRouterLinks(this.shadowRoot), document.dispatchEvent(new CustomEvent("wje-router:rebind", { bubbles: true, composed: true, detail: t2 }));
+    } catch {
+    }
+  }
+  _ensurePortalRoot() {
+    var _a, _b;
+    if (this._portalContainer && this._portalShadow) return;
+    const t2 = document.createElement("div");
+    t2.setAttribute("data-wje-popup-portal", "");
+    const e2 = t2.attachShadow({ mode: "open" }), o2 = this.constructor.cssStyleSheet;
+    try {
+      if (o2 instanceof CSSStyleSheet) e2.adoptedStyleSheets = [o2];
+      else if ("string" == typeof o2 && "adoptedStyleSheets" in Document.prototype) {
+        const t3 = new CSSStyleSheet();
+        t3.replaceSync(o2), e2.adoptedStyleSheets = [t3];
+      } else {
+        const t3 = document.createElement("style");
+        t3.textContent = "string" == typeof o2 ? o2 : ((_a = o2 == null ? void 0 : o2.toString) == null ? void 0 : _a.call(o2)) || "", e2.append(t3);
+      }
+    } catch (t3) {
+      const i3 = document.createElement("style");
+      i3.textContent = "string" == typeof o2 ? o2 : ((_b = o2 == null ? void 0 : o2.toString) == null ? void 0 : _b.call(o2)) || "", e2.append(i3);
+    }
+    const i2 = getComputedStyle(this);
+    for (let e3 = 0; e3 < i2.length; e3++) {
+      const o3 = i2[e3];
+      o3.startsWith("--") && t2.style.setProperty(o3, i2.getPropertyValue(o3));
+    }
+    if ("dialog" === this.getAttribute("portal") || this.isBottomSheetActive() && this.findDialog(this)) {
+      const e3 = this.findDialog(this);
+      e3 ? e3.append(t2) : document.body.append(t2);
+    } else document.body.append(t2);
+    this._portalContainer = t2, this._portalShadow = e2;
+  }
+  findDialog(t2) {
+    var _a;
+    for (; t2; ) {
+      const e2 = (_a = t2.closest) == null ? void 0 : _a.call(t2, "wje-dialog");
+      if (e2) return e2;
+      t2 = t2.getRootNode().host || t2.parentElement;
+    }
+    return null;
+  }
+  show(t2 = true) {
+    var _a, _b, _c, _d, _e;
+    this.clearBottomSheetRestoreTimeout(), e.dispatchCustomEvent(document, "wje-popup:opened", { popup: this }), (this.portal || this.isBottomSheetActive()) && (this._mountContentToPortal(), this.rebindPortaledRouter()), this.loader && this._showLoader(), t2 && e.dispatchCustomEvent(this, "wje-popup:show"), this.isBottomSheetActive() ? (this.setBottomSheetState(false), (_a = this.floatingEl) == null ? void 0 : _a.getBoundingClientRect(), (_b = this.backdropEl) == null ? void 0 : _b.getBoundingClientRect(), requestAnimationFrame(() => {
+      this.hasAttribute("active") && this.setBottomSheetState(true);
+    }), document.addEventListener("click", this.clickHandler, { capture: true })) : this.anchorEl && this.floatingEl && (this.clearBottomSheetState(), (_d = (_c = this.floatingEl) == null ? void 0 : _c.classList) == null ? void 0 : _d.add("popup-active"), (_e = this.cleanup) == null ? void 0 : _e.call(this), this.cleanup = bt(this.anchorEl, this.floatingEl, () => {
+      this.reposition();
+    }), document.addEventListener("click", this.clickHandler, { capture: true })), this.hasAttribute("active") || this.setAttribute("active", "");
+  }
+  hide(t2 = true) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    t2 && e.dispatchCustomEvent(this, "wje-popup:hide"), (_a = this.cleanup) == null ? void 0 : _a.call(this), this.cleanup = void 0, document.removeEventListener("click", this.clickHandler, { capture: true });
+    const o2 = (_c = (_b = this.floatingEl) == null ? void 0 : _b.classList) == null ? void 0 : _c.contains("popup-mobile-sheet");
+    o2 ? ((_e = (_d = this.backdropEl) == null ? void 0 : _d.classList) == null ? void 0 : _e.remove("popup-active"), (_g = (_f = this.floatingEl) == null ? void 0 : _f.classList) == null ? void 0 : _g.remove("popup-active"), this.clearBottomSheetRestoreTimeout(), this._bottomSheetRestoreTimeout = window.setTimeout(() => {
+      this.clearBottomSheetState(), this._portaled && this._restoreContentFromPortal(), this._bottomSheetRestoreTimeout = null;
+    }, this.getBottomSheetTransitionDurationMs())) : ((_i = (_h = this.floatingEl) == null ? void 0 : _h.classList) == null ? void 0 : _i.remove("popup-active"), this.clearBottomSheetState(), this._portaled && this._restoreContentFromPortal()), this.hasAttribute("active") && this.removeAttribute("active");
+  }
+  _showLoader() {
+    const t2 = this.floatingEl;
+    t2 instanceof HTMLElement && this.loaderEl instanceof HTMLElement && (t2.classList.add("loading"), this.loaderEl.classList.remove("fade-out"), this.loaderEl.parentElement !== t2 && t2.prepend(this.loaderEl));
+  }
+  _hideLoader() {
+    var _a, _b, _c, _d, _e, _f;
+    (_b = (_a = this.native) == null ? void 0 : _a.classList) == null ? void 0 : _b.remove("loading"), (_d = (_c = this._portalNative) == null ? void 0 : _c.classList) == null ? void 0 : _d.remove("loading"), (_f = (_e = this.floatingEl) == null ? void 0 : _e.classList) == null ? void 0 : _f.remove("loading"), this.loaderEl instanceof HTMLElement && (this.loaderEl.classList.remove("fade-out"), this.loaderEl.remove());
+  }
+  markContentReady() {
+    this.loader = false;
+  }
+}
+export {
+  At as P
+};
+//# sourceMappingURL=popup.element-CbkhthPP.js.map