wj-elements 0.1.55 → 0.1.56

package/dist/{popup.element-CWsSOxs2.js → popup.element-B5H6XOX0.js}

@@ -1,32 +1,32 @@
-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) => ({
+var Lt = Object.defineProperty;
+var Ot = (t, e, n) => e in t ? Lt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var st = (t, e, n) => (Ot(t, typeof e != "symbol" ? e + "" : e, n), n);
+import Tt, { event as G } from "./wje-element.js";
+const F = Math.min, C = Math.max, Z = Math.round, Q = Math.floor, B = (t) => ({
   x: t,
   y: t
-}), Pt = {
+}), St = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, St = {
+}, Pt = {
   start: "end",
   end: "start"
 };
-function kt(t, e, n) {
-  return R(t, N(e, n));
+function Dt(t, e, n) {
+  return C(t, F(e, n));
 }
-function K(t, e) {
+function J(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
 function j(t) {
   return t.split("-")[0];
 }
-function I(t) {
+function $(t) {
   return t.split("-")[1];
 }
-function Dt(t) {
+function kt(t) {
   return t === "x" ? "y" : "x";
 }
 function ct(t) {
@@ -36,12 +36,12 @@ function nt(t) {
   return ["top", "bottom"].includes(j(t)) ? "y" : "x";
 }
 function lt(t) {
-  return Dt(nt(t));
+  return kt(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";
+  const i = $(t), o = lt(t), s = ct(o);
+  let r = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return e.reference[s] > e.floating[s] && (r = tt(r)), [r, tt(r)];
 }
 function Wt(t) {
@@ -49,14 +49,14 @@ function Wt(t) {
   return [rt(t), e, rt(e)];
 }
 function rt(t) {
-  return t.replace(/start|end/g, (e) => St[e]);
+  return t.replace(/start|end/g, (e) => Pt[e]);
 }
 function Mt(t, e, n) {
-  const o = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+  const i = ["left", "right"], o = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? i : o : e ? o : i;
+      return n ? e ? o : i : e ? i : o;
     case "left":
     case "right":
       return e ? s : r;
@@ -64,15 +64,15 @@ function Mt(t, e, n) {
       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 Nt(t, e, n, i) {
+  const o = $(t);
+  let s = Mt(j(t), n === "start", i);
+  return o && (s = s.map((r) => r + "-" + o), e && (s = s.concat(s.map(rt)))), s;
 }
 function tt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Pt[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => St[e]);
 }
-function Nt(t) {
+function Ft(t) {
   return {
     top: 0,
     right: 0,
@@ -82,7 +82,7 @@ function Nt(t) {
   };
 }
 function gt(t) {
-  return typeof t != "number" ? Nt(t) : {
+  return typeof t != "number" ? Ft(t) : {
     top: t,
     right: t,
     bottom: t,
@@ -100,43 +100,43 @@ function et(t) {
 }
 function ht(t, e, n) {
   let {
-    reference: o,
-    floating: i
+    reference: i,
+    floating: o
   } = 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;
+  const s = nt(e), r = lt(e), l = ct(r), c = j(e), a = s === "y", d = i.x + i.width / 2 - o.width / 2, h = i.y + i.height / 2 - o.height / 2, p = i[l] / 2 - o[l] / 2;
   let f;
   switch (c) {
     case "top":
       f = {
         x: d,
-        y: o.y - i.height
+        y: i.y - o.height
       };
       break;
     case "bottom":
       f = {
         x: d,
-        y: o.y + o.height
+        y: i.y + i.height
       };
       break;
     case "right":
       f = {
-        x: o.x + o.width,
+        x: i.x + i.width,
         y: h
       };
       break;
     case "left":
       f = {
-        x: o.x - i.width,
+        x: i.x - o.width,
         y: h
       };
       break;
     default:
       f = {
-        x: o.x,
-        y: o.y
+        x: i.x,
+        y: i.y
       };
   }
-  switch (I(e)) {
+  switch ($(e)) {
     case "start":
       f[r] -= p * (n && a ? -1 : 1);
       break;
@@ -148,34 +148,34 @@ function ht(t, e, n) {
 }
 const Bt = async (t, e, n) => {
   const {
-    placement: o = "bottom",
-    strategy: i = "absolute",
+    placement: i = "bottom",
+    strategy: o = "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
+    strategy: o
   }), {
     x: d,
     y: h
-  } = ht(a, o, c), p = o, f = {}, u = 0;
+  } = ht(a, i, c), p = i, f = {}, u = 0;
   for (let m = 0; m < l.length; m++) {
     const {
       name: w,
       fn: g
     } = l[m], {
       x,
-      y: b,
+      y,
       data: A,
       reset: v
     } = await g({
       x: d,
       y: h,
-      initialPlacement: o,
+      initialPlacement: i,
       placement: p,
-      strategy: i,
+      strategy: o,
       middlewareData: f,
       rects: a,
       platform: r,
@@ -184,7 +184,7 @@ const Bt = async (t, e, n) => {
         floating: e
       }
     });
-    if (d = x ?? d, h = b ?? h, f = {
+    if (d = x ?? d, h = y ?? h, f = {
       ...f,
       [w]: {
         ...f[w],
@@ -194,7 +194,7 @@ const Bt = async (t, e, n) => {
       u++, typeof v == "object" && (v.placement && (p = v.placement), v.rects && (a = v.rects === !0 ? await r.getElementRects({
         reference: t,
         floating: e,
-        strategy: i
+        strategy: o
       }) : v.rects), {
         x: d,
         y: h
@@ -206,7 +206,7 @@ const Bt = async (t, e, n) => {
     x: d,
     y: h,
     placement: p,
-    strategy: i,
+    strategy: o,
     middlewareData: f
   };
 };
@@ -214,8 +214,8 @@ async function wt(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
-    x: o,
-    y: i,
+    x: i,
+    y: o,
     platform: s,
     rects: r,
     elements: l,
@@ -226,16 +226,16 @@ async function wt(t, e) {
     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({
+  } = J(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: i,
+    y: o
+  } : r.reference, y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), A = await (s.isElement == null ? void 0 : s.isElement(y)) ? await (s.getScale == null ? void 0 : s.getScale(y)) || {
     x: 1,
     y: 1
   } : {
@@ -243,7 +243,7 @@ async function wt(t, e) {
     y: 1
   }, v = et(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: x,
-    offsetParent: b,
+    offsetParent: y,
     strategy: c
   }) : x);
   return {
@@ -259,8 +259,8 @@ const Vt = (t) => ({
   async fn(e) {
     const {
       x: n,
-      y: o,
-      placement: i,
+      y: i,
+      placement: o,
       rects: s,
       platform: r,
       elements: l,
@@ -268,26 +268,26 @@ const Vt = (t) => ({
     } = e, {
       element: a,
       padding: d = 0
-    } = K(t, e) || {};
+    } = J(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;
+      y: i
+    }, f = lt(o), u = ct(f), m = await r.getDimensions(a), w = f === "y", g = w ? "top" : "left", x = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", A = s.reference[u] + s.reference[f] - p[f] - s.floating[u], v = p[f] - s.reference[f], b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let E = b ? b[y] : 0;
+    (!E || !await (r.isElement == null ? void 0 : r.isElement(b))) && (E = l.floating[y] || s.floating[u]);
+    const S = A / 2 - v / 2, N = E / 2 - m[u] / 2 - 1, Y = F(h[g], N), X = F(h[x], N), O = Y, q = E - m[u] - X, R = E / 2 - m[u] / 2 + S, P = Dt(O, R, q), D = !c.arrow && $(o) != null && R != P && s.reference[u] / 2 - (R < O ? Y : X) - m[u] / 2 < 0, H = D ? R < O ? R - O : R - q : 0;
     return {
       [f]: p[f] + H,
       data: {
-        [f]: S,
-        centerOffset: C - S - H,
-        ...k && {
+        [f]: P,
+        centerOffset: R - P - H,
+        ...D && {
           alignmentOffset: H
         }
       },
-      reset: k
+      reset: D
     };
   }
 }), jt = function(t) {
@@ -295,9 +295,9 @@ const Vt = (t) => ({
     name: "flip",
     options: t,
     async fn(e) {
-      var n, o;
+      var n, i;
       const {
-        placement: i,
+        placement: o,
         middlewareData: s,
         rects: r,
         initialPlacement: l,
@@ -311,50 +311,50 @@ const Vt = (t) => ({
         fallbackAxisSideDirection: u = "none",
         flipAlignment: m = !0,
         ...w
-      } = K(t, e);
+      } = J(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]]);
+      const g = j(o), x = j(l) === l, y = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), A = p || (x || !m ? [tt(l)] : Wt(l));
+      !p && u !== "none" && A.push(...Nt(l, m, u, y));
+      const v = [l, ...A], b = await wt(e, w), E = [];
+      let S = ((i = s.flip) == null ? void 0 : i.overflows) || [];
+      if (d && E.push(b[g]), h) {
+        const O = Ht(o, r, y);
+        E.push(b[O[0]], b[O[1]]);
       }
-      if (P = [...P, {
-        placement: i,
+      if (S = [...S, {
+        placement: o,
         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];
+      }], !E.every((O) => O <= 0)) {
+        var N, Y;
+        const O = (((N = s.flip) == null ? void 0 : N.index) || 0) + 1, q = v[O];
         if (q)
           return {
             data: {
-              index: L,
-              overflows: P
+              index: O,
+              overflows: S
             },
             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)
+        let R = (Y = S.filter((P) => P.overflows[0] <= 0).sort((P, D) => P.overflows[1] - D.overflows[1])[0]) == null ? void 0 : Y.placement;
+        if (!R)
           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);
+              const P = (X = S.map((D) => [D.placement, D.overflows.filter((H) => H > 0).reduce((H, Ct) => H + Ct, 0)]).sort((D, H) => D[1] - H[1])[0]) == null ? void 0 : X[0];
+              P && (R = P);
               break;
             }
             case "initialPlacement":
-              C = l;
+              R = l;
               break;
           }
-        if (i !== C)
+        if (o !== R)
           return {
             reset: {
-              placement: C
+              placement: R
             }
           };
       }
@@ -362,12 +362,12 @@ const Vt = (t) => ({
     }
   };
 };
-async function zt(t, e) {
+async function _t(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);
+    platform: i,
+    elements: o
+  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = j(n), l = $(n), c = nt(n) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && c ? -1 : 1, h = J(e, t);
   let {
     mainAxis: p,
     crossAxis: f,
@@ -390,61 +390,61 @@ async function zt(t, e) {
     y: f * d
   };
 }
-const $t = function(t) {
+const It = 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);
+        y: i
+      } = e, o = await _t(e, t);
       return {
-        x: n + i.x,
-        y: o + i.y,
-        data: i
+        x: n + o.x,
+        y: i + o.y,
+        data: o
       };
     }
   };
-}, _t = function(t) {
+}, zt = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
     async fn(e) {
       const {
         placement: n,
-        rects: o,
-        platform: i,
+        rects: i,
+        platform: o,
         elements: s
       } = e, {
         apply: r = () => {
         },
         ...l
-      } = K(t, e), c = await wt(e, l), a = j(n), d = I(n), h = nt(n) === "y", {
+      } = J(t, e), c = await wt(e, l), a = j(n), d = $(n), h = nt(n) === "y", {
         width: p,
         height: f
-      } = o.floating;
+      } = i.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");
+      a === "top" || a === "bottom" ? (u = a, m = d === (await (o.isRTL == null ? void 0 : o.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;
+      let y = w, A = g;
       if (h) {
-        const y = p - c.left - c.right;
-        A = d || x ? N(g, y) : y;
+        const b = p - c.left - c.right;
+        A = d || x ? F(g, b) : b;
       } else {
-        const y = f - c.top - c.bottom;
-        b = d || x ? N(w, y) : y;
+        const b = f - c.top - c.bottom;
+        y = d || x ? F(w, b) : b;
       }
       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));
+        const b = C(c.left, 0), E = C(c.right, 0), S = C(c.top, 0), N = C(c.bottom, 0);
+        h ? A = p - 2 * (b !== 0 || E !== 0 ? b + E : C(c.left, c.right)) : y = f - 2 * (S !== 0 || N !== 0 ? S + N : C(c.top, c.bottom));
       }
       await r({
         ...e,
         availableWidth: A,
-        availableHeight: b
+        availableHeight: y
       });
-      const v = await i.getDimensions(s.floating);
+      const v = await o.getDimensions(s.floating);
       return p !== v.width || f !== v.height ? {
         reset: {
           rects: !0
@@ -456,7 +456,7 @@ const $t = function(t) {
 function V(t) {
   return vt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function O(t) {
+function L(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -465,52 +465,52 @@ function M(t) {
   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;
+  return t instanceof Node || t instanceof L(t).Node;
 }
 function W(t) {
-  return t instanceof Element || t instanceof O(t).Element;
+  return t instanceof Element || t instanceof L(t).Element;
 }
-function D(t) {
-  return t instanceof HTMLElement || t instanceof O(t).HTMLElement;
+function k(t) {
+  return t instanceof HTMLElement || t instanceof L(t).HTMLElement;
 }
 function dt(t) {
-  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof O(t).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof L(t).ShadowRoot;
 }
-function G(t) {
+function K(t) {
   const {
     overflow: e,
     overflowX: n,
-    overflowY: o,
-    display: i
+    overflowY: i,
+    display: o
   } = T(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !["inline", "contents"].includes(i);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !["inline", "contents"].includes(o);
 }
-function It(t) {
+function $t(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));
+  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((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
 }
 function Yt(t) {
-  let e = _(t);
-  for (; D(e) && !ot(e); ) {
+  let e = z(t);
+  for (; k(e) && !it(e); ) {
     if (at(e))
       return e;
-    e = _(e);
+    e = z(e);
   }
   return null;
 }
 function ft() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function ot(t) {
+function it(t) {
   return ["html", "body", "#document"].includes(V(t));
 }
 function T(t) {
-  return O(t).getComputedStyle(t);
+  return L(t).getComputedStyle(t);
 }
-function it(t) {
+function ot(t) {
   return W(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
@@ -519,7 +519,7 @@ function it(t) {
     scrollTop: t.pageYOffset
   };
 }
-function _(t) {
+function z(t) {
   if (V(t) === "html")
     return t;
   const e = (
@@ -532,67 +532,67 @@ function _(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);
+  const e = z(t);
+  return it(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && K(e) ? e : xt(e);
 }
-function J(t, e, n) {
-  var o;
+function U(t, e, n) {
+  var i;
   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));
+  const o = xt(t), s = o === ((i = t.ownerDocument) == null ? void 0 : i.body), r = L(o);
+  return s ? e.concat(r, r.visualViewport || [], K(o) ? o : [], r.frameElement && n ? U(r.frameElement) : []) : e.concat(o, U(o, [], n));
 }
-function bt(t) {
+function yt(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), {
+  let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
+  const o = k(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, l = Z(n) !== s || Z(i) !== r;
+  return l && (n = s, i = r), {
     width: n,
-    height: o,
+    height: i,
     $: l
   };
 }
 function ut(t) {
   return W(t) ? t : t.contextElement;
 }
-function $(t) {
+function I(t) {
   const e = ut(t);
-  if (!D(e))
+  if (!k(e))
     return B(1);
   const n = e.getBoundingClientRect(), {
-    width: o,
-    height: i,
+    width: i,
+    height: o,
     $: s
-  } = bt(e);
-  let r = (s ? Z(n.width) : n.width) / o, l = (s ? Z(n.height) : n.height) / i;
+  } = yt(e);
+  let r = (s ? Z(n.width) : n.width) / i, l = (s ? Z(n.height) : n.height) / o;
   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);
+function bt(t) {
+  const e = L(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;
+  return e === void 0 && (e = !1), !n || e && n !== L(t) ? !1 : e;
 }
-function z(t, e, n, o) {
+function _(t, e, n, i) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const i = t.getBoundingClientRect(), s = ut(t);
+  const o = 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;
+  e && (i ? W(i) && (r = I(i)) : r = I(t));
+  const l = qt(s, n, i) ? bt(s) : B(0);
+  let c = (o.left + l.x) / r.x, a = (o.top + l.y) / r.y, d = o.width / r.x, h = o.height / r.y;
   if (s) {
-    const p = O(s), f = o && W(o) ? O(o) : o;
+    const p = L(s), f = i && W(i) ? L(i) : i;
     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;
+    for (; u && i && f !== p; ) {
+      const m = I(u), w = u.getBoundingClientRect(), g = T(u), x = w.left + (u.clientLeft + parseFloat(g.paddingLeft)) * m.x, y = w.top + (u.clientTop + parseFloat(g.paddingTop)) * m.y;
+      c *= m.x, a *= m.y, d *= m.x, h *= m.y, c += x, a += y, u = L(u).frameElement;
     }
   }
   return et({
@@ -602,13 +602,13 @@ function z(t, e, n, o) {
     y: a
   });
 }
-function Ut(t) {
+function Gt(t) {
   let {
     rect: e,
     offsetParent: n,
-    strategy: o
+    strategy: i
   } = t;
-  const i = D(n), s = M(n);
+  const o = k(n), s = M(n);
   if (n === s)
     return e;
   let r = {
@@ -616,9 +616,9 @@ function Ut(t) {
     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;
+  if ((o || !o && i !== "fixed") && ((V(n) !== "body" || K(s)) && (r = ot(n)), k(n))) {
+    const a = _(n);
+    l = I(n), c.x = a.x + n.clientLeft, c.y = a.y + n.clientTop;
   }
   return {
     width: e.width * l.x,
@@ -627,30 +627,30 @@ function Ut(t) {
     y: e.y * l.y - r.scrollTop * l.y + c.y
   };
 }
-function Jt(t) {
+function Ut(t) {
   return Array.from(t.getClientRects());
 }
 function At(t) {
-  return z(M(t)).left + it(t).scrollLeft;
+  return _(M(t)).left + ot(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);
+function Jt(t) {
+  const e = M(t), n = ot(t), i = t.ownerDocument.body, o = C(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = C(e.scrollHeight, e.clientHeight, i.scrollHeight, i.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,
+  return T(i).direction === "rtl" && (r += C(e.clientWidth, i.clientWidth) - o), {
+    width: o,
     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;
+function Kt(t, e) {
+  const n = L(t), i = M(t), o = n.visualViewport;
+  let s = i.clientWidth, r = i.clientHeight, l = 0, c = 0;
+  if (o) {
+    s = o.width, r = o.height;
     const a = ft();
-    (!a || a && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+    (!a || a && e === "fixed") && (l = o.offsetLeft, c = o.offsetTop);
   }
   return {
     width: s,
@@ -660,7 +660,7 @@ function Gt(t, e) {
   };
 }
 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;
+  const n = _(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = k(t) ? I(t) : B(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = o * s.x, a = i * s.y;
   return {
     width: r,
     height: l,
@@ -669,51 +669,51 @@ function Qt(t, e) {
   };
 }
 function pt(t, e, n) {
-  let o;
+  let i;
   if (e === "viewport")
-    o = Gt(t, n);
+    i = Kt(t, n);
   else if (e === "document")
-    o = Kt(M(t));
+    i = Jt(M(t));
   else if (W(e))
-    o = Qt(e, n);
+    i = Qt(e, n);
   else {
-    const i = yt(t);
-    o = {
+    const o = bt(t);
+    i = {
       ...e,
-      x: e.x - i.x,
-      y: e.y - i.y
+      x: e.x - o.x,
+      y: e.y - o.y
     };
   }
-  return et(o);
+  return et(i);
 }
 function Et(t, e) {
-  const n = _(t);
-  return n === e || !W(n) || ot(n) ? !1 : T(n).position === "fixed" || Et(n, e);
+  const n = z(t);
+  return n === e || !W(n) || it(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;
+  let i = U(t, [], !1).filter((l) => W(l) && V(l) !== "body"), o = null;
   const s = T(t).position === "fixed";
-  let r = s ? _(t) : t;
-  for (; W(r) && !ot(r); ) {
+  let r = s ? z(t) : t;
+  for (; W(r) && !it(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);
+    !c && l.position === "fixed" && (o = null), (s ? !c && !o : !c && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || K(r) && !c && Et(t, r)) ? i = i.filter((d) => d !== r) : o = l, r = z(r);
   }
-  return e.set(t, o), o;
+  return e.set(t, i), i;
 }
 function te(t) {
   let {
     element: e,
     boundary: n,
-    rootBoundary: o,
-    strategy: i
+    rootBoundary: i,
+    strategy: o
   } = 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));
+  const r = [...n === "clippingAncestors" ? Zt(e, this._c) : [].concat(n), i], l = r[0], c = r.reduce((a, d) => {
+    const h = pt(e, d, o);
+    return a.top = C(h.top, a.top), a.right = F(h.right, a.right), a.bottom = F(h.bottom, a.bottom), a.left = C(h.left, a.left), a;
+  }, pt(e, l, o));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -722,21 +722,21 @@ function te(t) {
   };
 }
 function ee(t) {
-  return bt(t);
+  return yt(t);
 }
 function ne(t, e, n) {
-  const o = D(e), i = M(e), s = n === "fixed", r = z(t, !0, s, e);
+  const i = k(e), o = M(e), s = n === "fixed", r = _(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);
+  if (i || !i && !s)
+    if ((V(e) !== "body" || K(o)) && (l = ot(e)), i) {
+      const a = _(e, !0, s, e);
       c.x = a.x + e.clientLeft, c.y = a.y + e.clientTop;
     } else
-      i && (c.x = At(i));
+      o && (c.x = At(o));
   return {
     x: r.left + l.scrollLeft - c.x,
     y: r.top + l.scrollTop - c.y,
@@ -745,26 +745,26 @@ function ne(t, e, n) {
   };
 }
 function mt(t, e) {
-  return !D(t) || T(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+  return !k(t) || T(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
 }
-function Ct(t, e) {
-  const n = O(t);
-  if (!D(t))
+function Rt(t, e) {
+  const n = L(t);
+  if (!k(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;
+  let i = mt(t, e);
+  for (; i && $t(i) && T(i).position === "static"; )
+    i = mt(i, e);
+  return i && (V(i) === "html" || V(i) === "body" && T(i).position === "static" && !at(i)) ? n : i || Yt(t) || n;
 }
-const oe = async function(t) {
+const ie = async function(t) {
   let {
     reference: e,
     floating: n,
-    strategy: o
+    strategy: i
   } = t;
-  const i = this.getOffsetParent || Ct, s = this.getDimensions;
+  const o = this.getOffsetParent || Rt, s = this.getDimensions;
   return {
-    reference: ne(e, await i(n), o),
+    reference: ne(e, await o(n), i),
     floating: {
       x: 0,
       y: 0,
@@ -772,26 +772,26 @@ const oe = async function(t) {
     }
   };
 };
-function ie(t) {
+function oe(t) {
   return T(t).direction === "rtl";
 }
 const se = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ut,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Gt,
   getDocumentElement: M,
   getClippingRect: te,
-  getOffsetParent: Ct,
-  getElementRects: oe,
-  getClientRects: Jt,
+  getOffsetParent: Rt,
+  getElementRects: ie,
+  getClientRects: Ut,
   getDimensions: ee,
-  getScale: $,
+  getScale: I,
   isElement: W,
-  isRTL: ie
+  isRTL: oe
 };
 function re(t, e) {
-  let n = null, o;
-  const i = M(t);
+  let n = null, i;
+  const o = M(t);
   function s() {
-    clearTimeout(o), n && n.disconnect(), n = null;
+    clearTimeout(i), n && n.disconnect(), n = null;
   }
   function r(l, c) {
     l === void 0 && (l = !1), c === void 0 && (c = 1), s();
@@ -803,27 +803,27 @@ function re(t, e) {
     } = 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 = {
+    const f = Q(d), u = Q(o.clientWidth - (a + h)), m = Q(o.clientHeight - (d + p)), w = Q(a), x = {
       rootMargin: -f + "px " + -u + "px " + -m + "px " + -w + "px",
-      threshold: R(0, N(1, c)) || 1
+      threshold: C(0, F(1, c)) || 1
     };
-    let b = !0;
+    let y = !0;
     function A(v) {
-      const y = v[0].intersectionRatio;
-      if (y !== c) {
-        if (!b)
+      const b = v[0].intersectionRatio;
+      if (b !== c) {
+        if (!y)
           return r();
-        y ? r(!1, y) : o = setTimeout(() => {
+        b ? r(!1, b) : i = setTimeout(() => {
           r(!1, 1e-7);
         }, 100);
       }
-      b = !1;
+      y = !1;
     }
     try {
       n = new IntersectionObserver(A, {
         ...x,
         // Handle <iframe>s
-        root: i.ownerDocument
+        root: o.ownerDocument
       });
     } catch {
       n = new IntersectionObserver(A, x);
@@ -832,17 +832,17 @@ function re(t, e) {
   }
   return r(!0), s;
 }
-function ce(t, e, n, o) {
-  o === void 0 && (o = {});
+function ce(t, e, n, i) {
+  i === void 0 && (i = {});
   const {
-    ancestorScroll: i = !0,
+    ancestorScroll: o = !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)] : [];
+  } = i, a = ut(t), d = o || s ? [...a ? U(a) : [], ...U(e)] : [];
   d.forEach((g) => {
-    i && g.addEventListener("scroll", n, {
+    o && g.addEventListener("scroll", n, {
       passive: !0
     }), s && g.addEventListener("resize", n);
   });
@@ -854,28 +854,28 @@ function ce(t, e, n, o) {
       f && f.observe(e);
     })), n();
   }), a && !c && f.observe(a), f.observe(e));
-  let u, m = c ? z(t) : null;
+  let u, m = c ? _(t) : null;
   c && w();
   function w() {
-    const g = z(t);
+    const g = _(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);
+      o && 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 = {
+  const i = /* @__PURE__ */ new Map(), o = {
     platform: se,
     ...n
   }, s = {
-    ...i.platform,
-    _c: o
+    ...o.platform,
+    _c: i
   };
   return Bt(t, e, {
-    ...i,
+    ...o,
     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}";
@@ -889,9 +889,12 @@ class he extends Tt {
     super();
     st(this, "className", "Popup");
     st(this, "clickHandler", (n) => {
-      n.composedPath().some((i) => i === this) || this.hasAttribute("active") && this.removeAttribute("active");
+      n.composedPath().some((o) => o === this) || this.hasAttribute("active") && this.removeAttribute("active");
     });
-    this._manual = !1;
+    this._manual = !1, this._stageList = {
+      IDLE: "IDLE",
+      PROCESSING: "PROCESSING"
+    }, this._stage = this._stageList.IDLE;
   }
   /**
    * Sets the manual property of the popup.
@@ -918,33 +921,19 @@ class he extends Tt {
   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());
+  afterDisconnect() {
+    var n;
+    G.removeElement(this.anchorEl), document.removeEventListener("click", this.clickHandler, { capture: !0 }), (n = this.cleanup) == null || n.call(this);
   }
-  beforeDraw(n, o, i) {
-    document.removeEventListener("click", this.clickHandler);
+  beforeDraw(n, i, o) {
+    var s;
+    this._stage = this._stageList.PROCESSING, document.removeEventListener("click", this.clickHandler, { capture: !0 }), (s = this.cleanup) == null || s.call(this);
   }
   /**
    * Draws the component.
@@ -954,7 +943,7 @@ class he extends Tt {
    * @param {Object} params - The parameters for drawing.
    * @returns {DocumentFragment}
    */
-  draw(n, o, i) {
+  draw(n, i, o) {
     let s = document.createDocumentFragment(), r = document.createElement("slot");
     r.setAttribute("name", "anchor");
     let l = document.createElement("slot");
@@ -964,8 +953,8 @@ class he extends Tt {
     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();
+  afterDraw(n, i, o) {
+    this.setAnchor(), this._stage = this._stageList.IDLE;
   }
   /**
    * Sets the anchor for the popup.
@@ -977,9 +966,9 @@ class he extends Tt {
       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.manual && G.addListener(this.anchorEl, "click", null, (n) => {
       this.hasAttribute("disabled") || this.showHide();
-    }, { stopPropagation: !0 }), document.addEventListener("click", this.clickHandler, { capture: !0 });
+    }, { stopPropagation: !0 }), document.removeEventListener("click", this.clickHandler, { capture: !0 }), document.addEventListener("click", this.clickHandler, { capture: !0 });
   }
   /**
    * Toggles the active attribute of the popup.
@@ -998,12 +987,12 @@ class he extends Tt {
         element: this.arrow
       })
     ), this.offsetCalc = Math.sqrt(2 * this.arrow.offsetWidth ** 2) / 2 + +this.offset)), n.push(
-      $t(this.offsetCalc)
+      It(this.offsetCalc)
     ), n.push(
       jt()
     ), this.hasAttribute("size") && n.push(
-      _t({
-        apply({ availableWidth: o, availableHeight: i, elements: s }) {
+      zt({
+        apply({ availableWidth: i, availableHeight: o, elements: s }) {
           Object.assign(s.floating.style, {
             width: `${s.reference.offsetWidth}px`
           });
@@ -1013,8 +1002,8 @@ class he extends Tt {
       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) {
+    }).then(({ x: i, y: o, middlewareData: s, placement: r, strategy: l }) => {
+      if (this.native.style.setProperty("--wje-popup-left", i + "px"), this.native.style.setProperty("--wje-popup-top", o + "px"), this.native.style.position = l, this.arrow) {
         const c = {
           top: "bottom",
           right: "left",
@@ -1030,7 +1019,7 @@ class he extends Tt {
           });
         }
       }
-    }), U.dispatchCustomEvent(this, "wje-popup:reposition", {
+    }), G.dispatchCustomEvent(this, "wje-popup:reposition", {
       data: { top: "bottom", right: "left", bottom: "top", left: "right" },
       context: this,
       event: this
@@ -1042,7 +1031,8 @@ class he extends Tt {
    * 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, () => {
+    var n;
+    G.dispatchCustomEvent(this, "wje-popup:show"), this.native.classList.add("popup-active"), (n = this.cleanup) == null || n.call(this), this.cleanup = ce(this.anchorEl, this.native, () => {
       this.reposition();
     }), this.hasAttribute("active") || this.setAttribute("active", "");
   }
@@ -1052,7 +1042,8 @@ class he extends Tt {
    * 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;
+    var n;
+    G.dispatchCustomEvent(this, "wje-popup:hide"), this.native.classList.remove("popup-active"), (n = this.cleanup) == null || n.call(this), this.cleanup = void 0, this.hasAttribute("active") && this.removeAttribute("active");
   }
   /**
    * Removes the active attribute when the popup is hidden.
@@ -1060,12 +1051,6 @@ class he extends Tt {
   onHide() {
     this.removeAttribute("active");
   }
-  /**
-   * Adds event listeners after the component is drawn.
-   */
-  disconnectedCallback() {
-    U.removeElement(this.anchorEl);
-  }
 }
 export {
   he as P