@orangelogic/design-system 2.187.0 → 2.188.0

package/library/components/popup.js

@@ -1,33 +1,33 @@
-import { a as _e, i as Vt, r as ze, x as U } from "../chunks/lit-element.jLBm65_O.js";
-import { n as y, C as Be } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { r as Me } from "../chunks/state.CSDxrqLd.js";
+import { a as ze, i as Vt, r as Be, x as U } from "../chunks/lit-element.jLBm65_O.js";
+import { n as m, C as Me } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { r as Ie } from "../chunks/state.CSDxrqLd.js";
 import { e as Ct } from "../chunks/query.BBf1UFkC.js";
-import { e as Ie } from "../chunks/base.D76d76ww.js";
+import { e as He } from "../chunks/base.D76d76ww.js";
 import { e as ht } from "../chunks/class-map.BiVq-cVR.js";
 import { o as Lt } from "../chunks/if-defined.BRoBj_Rp.js";
 import { o as se } from "../chunks/style-map.llVFPd__.js";
-import { i as gt, p as ne, f as He, a as We } from "../chunks/browser.BHOCIF_A.js";
+import { i as mt, p as ne, f as We, a as qe } from "../chunks/browser.BHOCIF_A.js";
 import { c as ye } from "../chunks/component.styles.CRO4Odto.js";
-import { c as qe } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as Ve } from "../chunks/debounce.DaHuiSGU.js";
-import { L as je } from "../chunks/i18n.DbXTTLXx.js";
-import { n as Ue } from "../chunks/when.Dr1es41R.js";
+import { c as Ve } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as je } from "../chunks/debounce.DaHuiSGU.js";
+import { L as Ue } from "../chunks/i18n.DbXTTLXx.js";
+import { n as Ye } from "../chunks/when.Dr1es41R.js";
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ye(e) {
+function Ke(e) {
   return (t, o) => {
     const { slot: i, selector: s } = e ?? {}, r = "slot" + (i ? `[name=${i}]` : ":not([name])");
-    return Ie(t, o, { get() {
+    return He(t, o, { get() {
       const n = this.renderRoot?.querySelector(r), a = n?.assignedElements(e) ?? [];
       return s === void 0 ? a : a.filter((l) => l.matches(s));
     } });
   };
 }
-const re = /* @__PURE__ */ new Set(), Ke = (e) => e?.startManagingContentDirection !== void 0 || e?.tagName === "SP-THEME";
-function Xe(e) {
+const re = /* @__PURE__ */ new Set(), Xe = (e) => e?.startManagingContentDirection !== void 0 || e?.tagName === "SP-THEME";
+function Ge(e) {
   class t extends e {
     /**
      * @private
@@ -58,7 +58,7 @@ function Xe(e) {
     connectedCallback() {
       if (!this.hasAttribute("dir")) {
         let i = this.assignedSlot || this.parentNode;
-        for (; i && i !== document.documentElement && !Ke(i); )
+        for (; i && i !== document.documentElement && !Xe(i); )
           i = i.assignedSlot || // step into the shadow DOM of the parent of a slotted node
           i.parentNode || // DOM Element detected
           i.host;
@@ -80,9 +80,9 @@ function Xe(e) {
   }
   return t;
 }
-class Ge extends Xe(_e) {
+class Je extends Ge(ze) {
 }
-function Je(e, t, o) {
+function Qe(e, t, o) {
   const i = e.getAttribute(t);
   let s = i ? i.split(/\s+/) : [];
   s = s.filter(
@@ -92,19 +92,19 @@ function Je(e, t, o) {
 function Nt(e, t, o) {
   const i = Array.isArray(o) ? o : [o], s = e.getAttribute(t), r = s ? s.split(/\s+/) : [];
   return i.every((a) => r.indexOf(a) > -1) ? () => {
-  } : (r.push(...i), e.setAttribute(t, r.join(" ")), () => Je(e, t, i));
+  } : (r.push(...i), e.setAttribute(t, r.join(" ")), () => Qe(e, t, i));
 }
-function Qe(e, t) {
+function Ze(e, t) {
   customElements.get(e) || customElements.define(e, t);
 }
-function Ze(e, t, o = []) {
+function ti(e, t, o = []) {
   for (let i = 0; i < t.length; ++i) {
     const s = t[i], r = e[i], n = r.parentElement || r.getRootNode();
     o[i] && o[i](s), n && n !== r && n.replaceChild(s, r), delete e[i];
   }
   return t;
 }
-const ti = (e, t, {
+const ei = (e, t, {
   position: o,
   prepareCallback: i
 } = { position: "beforeend" }) => {
@@ -123,7 +123,7 @@ const ti = (e, t, {
     d && d !== h && d.replaceChild(a[n], h), t.insertAdjacentElement(o, h), n += r;
   } while (--s > 0);
   return function() {
-    return Ze(a, e, l);
+    return ti(a, e, l);
   };
 };
 function jt() {
@@ -132,7 +132,7 @@ function jt() {
     (e) => `0${(e & 255).toString(16)}`.slice(-2)
   ).join("");
 }
-const ei = [
+const ii = [
   "button",
   "[focusable]",
   "[href]",
@@ -141,37 +141,37 @@ const ei = [
   "select",
   "textarea",
   "[tabindex]"
-], ae = ':not([tabindex="-1"])', ft = ei.join(`${ae}, `) + ae, Ut = (e) => e.querySelector(
+], ae = ':not([tabindex="-1"])', ft = ii.join(`${ae}, `) + ae, Ut = (e) => e.querySelector(
   ft
 ), Yt = (e) => e.assignedElements().find(
   (o) => o.matches(ft)
 );
-function ii(e) {
+function oi(e) {
   return typeof window < "u" && window.navigator != null ? e.test(window.navigator.userAgent) : !1;
 }
 function Kt(e) {
   return typeof window < "u" && window.navigator != null ? e.test(window.navigator.platform) : !1;
 }
-function oi() {
-  return Kt(/^Mac/);
-}
 function si() {
-  return Kt(/^iPhone/);
+  return Kt(/^Mac/);
 }
 function ni() {
-  return Kt(/^iPad/) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  oi() && navigator.maxTouchPoints > 1;
+  return Kt(/^iPhone/);
 }
 function ri() {
-  return si() || ni();
+  return Kt(/^iPad/) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  si() && navigator.maxTouchPoints > 1;
 }
 function ai() {
-  return ii(/Android/);
+  return ni() || ri();
 }
-const li = 1e3, ci = 1e3;
-class hi {
+function li() {
+  return oi(/Android/);
+}
+const ci = 1e3, hi = 1e3;
+class di {
   constructor(t = {}) {
-    this.warmUpDelay = li, this.coolDownDelay = ci, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
+    this.warmUpDelay = ci, this.coolDownDelay = hi, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
   }
   async openTimer(t) {
     if (this.cancelCooldownTimer(), !this.component || t !== this.component)
@@ -196,7 +196,7 @@ class hi {
     this.cooldownTimeout && window.clearTimeout(this.cooldownTimeout), delete this.cooldownTimeout;
   }
 }
-const wt = new hi(), it = () => {
+const wt = new di(), it = () => {
 }, Xt = (e, t, o) => {
   const i = new AbortController(), s = /* @__PURE__ */ new Map(), r = () => {
     i.abort(), o();
@@ -230,7 +230,7 @@ const wt = new hi(), it = () => {
 function k() {
   return new Promise((e) => requestAnimationFrame(() => e()));
 }
-class dt extends Ge {
+class dt extends Je {
   constructor() {
     super(...arguments), this.dispose = it, this.offset = 0, this.willPreventClose = !1;
   }
@@ -318,7 +318,7 @@ class dt extends Ge {
         });
       }), a.open = !1, a.dispose = it;
     };
-    const c = ti([n], a, {
+    const c = ei([n], a, {
       position: "beforeend",
       prepareCallback: (u) => {
         const p = u.slot;
@@ -349,7 +349,7 @@ class dt extends Ge {
   }
 }
 const ve = Symbol("element resolver updated");
-class di {
+class pi {
   constructor(t, { selector: o } = { selector: "" }) {
     this._element = null, this._selector = "", this.mutationCallback = (i) => {
       let s = !1;
@@ -466,7 +466,7 @@ class Ot {
     };
   }
 }
-function pi(e) {
+function ui(e) {
   class t extends e {
     async manageDialogOpen() {
       const i = this.open;
@@ -542,7 +542,7 @@ function pi(e) {
   }
   return t;
 }
-function ui(e) {
+function fi(e) {
   class t extends e {
     async managePopoverOpen() {
       await this.managePosition();
@@ -603,7 +603,7 @@ function ui(e) {
   }
   return t;
 }
-const fi = CSS.supports("(overlay: auto)");
+const gi = CSS.supports("(overlay: auto)");
 function kt(e) {
   let t = !1;
   try {
@@ -666,21 +666,21 @@ function mi(e) {
       kt(this.dialogEl) && (this.dialogEl.hidePopover(), this.dialogEl.showPopover());
     }
     firstUpdated(i) {
-      super.firstUpdated(i), gt() && k().then(() => {
+      super.firstUpdated(i), mt() && k().then(() => {
         this.dialogEl.showPopover();
       });
     }
     runConnectedCallback() {
-      gt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
+      mt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), gt() && document.removeEventListener(
+      super.disconnectedCallback(), mt() && document.removeEventListener(
         "fullscreenchange",
         this.handleFullscreenChange
       );
     }
     async ensureOnDOM(i) {
-      await k(), fi || await this.shouldHidePopover(i), await this.shouldShowPopover(i), await k();
+      await k(), gi || await this.shouldHidePopover(i), await this.shouldShowPopover(i), await k();
     }
     async makeTransition(i) {
       if (this.open !== i)
@@ -740,7 +740,7 @@ function mi(e) {
             h();
           },
           { once: !0 }
-        ), gt() || this.dialogEl.hidePopover()) : h();
+        ), mt() || this.dialogEl.hidePopover()) : h();
       };
       return this.elements.forEach((a, l) => {
         Xt(a, r(a, l), n(a, l));
@@ -749,8 +749,8 @@ function mi(e) {
   }
   return t;
 }
-const gi = "showPopover" in document.createElement("div");
-class yi {
+const yi = "showPopover" in document.createElement("div");
+class vi {
   constructor() {
     this.root = document.body, this.stack = [], this.handlePointerdown = (t) => {
       this.pointerdownPath = t.composedPath(), this.lastOverlay = this.stack[this.stack.length - 1];
@@ -784,7 +784,7 @@ class yi {
         t.preventDefault();
         return;
       }
-      gi || o?.type !== "manual" && o && this.closeOverlay(o);
+      yi || o?.type !== "manual" && o && this.closeOverlay(o);
     }, this.bindEvents();
   }
   get document() {
@@ -856,15 +856,15 @@ class yi {
     this.closeOverlay(t);
   }
 }
-const le = new yi(), vi = ["top", "right", "bottom", "left"], Q = Math.min, T = Math.max, xt = Math.round, yt = Math.floor, H = (e) => ({
+const le = new vi(), bi = ["top", "right", "bottom", "left"], Q = Math.min, T = Math.max, xt = Math.round, yt = Math.floor, H = (e) => ({
   x: e,
   y: e
-}), bi = {
+}), wi = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, wi = {
+}, xi = {
   start: "end",
   end: "start"
 };
@@ -886,48 +886,48 @@ function be(e) {
 function Qt(e) {
   return e === "y" ? "height" : "width";
 }
-const xi = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Ei = /* @__PURE__ */ new Set(["top", "bottom"]);
 function Y(e) {
-  return xi.has(Z(e)) ? "y" : "x";
+  return Ei.has(Z(e)) ? "y" : "x";
 }
 function Zt(e) {
   return be(Y(e));
 }
-function Ei(e, t, o) {
+function Pi(e, t, o) {
   o === void 0 && (o = !1);
   const i = at(e), s = Zt(e), r = Qt(s);
   let n = s === "x" ? i === (o ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (n = Et(n)), [n, Et(n)];
 }
-function Pi(e) {
+function Ci(e) {
   const t = Et(e);
   return [zt(e), t, zt(t)];
 }
 function zt(e) {
-  return e.replace(/start|end/g, (t) => wi[t]);
+  return e.replace(/start|end/g, (t) => xi[t]);
 }
-const ce = ["left", "right"], he = ["right", "left"], Ci = ["top", "bottom"], Oi = ["bottom", "top"];
-function Ai(e, t, o) {
+const ce = ["left", "right"], he = ["right", "left"], Oi = ["top", "bottom"], Ai = ["bottom", "top"];
+function Si(e, t, o) {
   switch (e) {
     case "top":
     case "bottom":
       return o ? t ? he : ce : t ? ce : he;
     case "left":
     case "right":
-      return t ? Ci : Oi;
+      return t ? Oi : Ai;
     default:
       return [];
   }
 }
-function Si(e, t, o, i) {
+function Ri(e, t, o, i) {
   const s = at(e);
-  let r = Ai(Z(e), o === "start", i);
+  let r = Si(Z(e), o === "start", i);
   return s && (r = r.map((n) => n + "-" + s), t && (r = r.concat(r.map(zt)))), r;
 }
 function Et(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => bi[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => wi[t]);
 }
-function Ri(e) {
+function Ti(e) {
   return {
     top: 0,
     right: 0,
@@ -937,7 +937,7 @@ function Ri(e) {
   };
 }
 function we(e) {
-  return typeof e != "number" ? Ri(e) : {
+  return typeof e != "number" ? Ti(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -1010,7 +1010,7 @@ function de(e, t, o) {
   }
   return p;
 }
-const Ti = async (e, t, o) => {
+const Di = async (e, t, o) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
@@ -1025,11 +1025,11 @@ const Ti = async (e, t, o) => {
     x: h,
     y: d
   } = de(c, i, l), u = i, p = {}, f = 0;
-  for (let m = 0; m < a.length; m++) {
+  for (let g = 0; g < a.length; g++) {
     const {
-      name: g,
+      name: y,
       fn: v
-    } = a[m], {
+    } = a[g], {
       x,
       y: E,
       data: C,
@@ -1050,8 +1050,8 @@ const Ti = async (e, t, o) => {
     });
     h = x ?? h, d = E ?? d, p = {
       ...p,
-      [g]: {
-        ...p[g],
+      [y]: {
+        ...p[y],
         ...C
       }
     }, P && f <= 50 && (f++, typeof P == "object" && (P.placement && (u = P.placement), P.rects && (c = P.rects === !0 ? await n.getElementRects({
@@ -1061,7 +1061,7 @@ const Ti = async (e, t, o) => {
     }) : P.rects), {
       x: h,
       y: d
-    } = de(c, u, l)), m = -1);
+    } = de(c, u, l)), g = -1);
   }
   return {
     x: h,
@@ -1087,8 +1087,8 @@ async function pt(e, t) {
     elementContext: d = "floating",
     altBoundary: u = !1,
     padding: p = 0
-  } = st(t, e), f = we(p), g = a[u ? d === "floating" ? "reference" : "floating" : d], v = Pt(await r.getClippingRect({
-    element: (o = await (r.isElement == null ? void 0 : r.isElement(g))) == null || o ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+  } = st(t, e), f = we(p), y = a[u ? d === "floating" ? "reference" : "floating" : d], v = Pt(await r.getClippingRect({
+    element: (o = await (r.isElement == null ? void 0 : r.isElement(y))) == null || o ? y : y.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: h,
     strategy: l
@@ -1116,7 +1116,7 @@ async function pt(e, t) {
     right: (P.right - v.right + f.right) / C.x
   };
 }
-const Di = (e) => ({
+const Li = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -1137,10 +1137,10 @@ const Di = (e) => ({
     const d = we(h), u = {
       x: o,
       y: i
-    }, p = Zt(s), f = Qt(p), m = await n.getDimensions(c), g = p === "y", v = g ? "top" : "left", x = g ? "bottom" : "right", E = g ? "clientHeight" : "clientWidth", C = r.reference[f] + r.reference[p] - u[p] - r.floating[f], P = u[p] - r.reference[p], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    }, p = Zt(s), f = Qt(p), g = await n.getDimensions(c), y = p === "y", v = y ? "top" : "left", x = y ? "bottom" : "right", E = y ? "clientHeight" : "clientWidth", C = r.reference[f] + r.reference[p] - u[p] - r.floating[f], P = u[p] - r.reference[p], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
     let A = $ ? $[E] : 0;
     (!A || !await (n.isElement == null ? void 0 : n.isElement($))) && (A = a.floating[E] || r.floating[f]);
-    const V = C / 2 - P / 2, M = A / 2 - m[f] / 2 - 1, L = Q(d[v], M), X = Q(d[x], M), I = L, G = A - m[f] - X, R = A / 2 - m[f] / 2 + V, et = _t(I, R, G), j = !l.arrow && at(s) != null && R !== et && r.reference[f] / 2 - (R < I ? L : X) - m[f] / 2 < 0, F = j ? R < I ? R - I : R - G : 0;
+    const V = C / 2 - P / 2, M = A / 2 - g[f] / 2 - 1, L = Q(d[v], M), X = Q(d[x], M), I = L, G = A - g[f] - X, R = A / 2 - g[f] / 2 + V, et = _t(I, R, G), j = !l.arrow && at(s) != null && R !== et && r.reference[f] / 2 - (R < I ? L : X) - g[f] / 2 < 0, F = j ? R < I ? R - I : R - G : 0;
     return {
       [p]: u[p] + F,
       data: {
@@ -1153,7 +1153,7 @@ const Di = (e) => ({
       reset: j
     };
   }
-}), Li = function(e) {
+}), ki = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1172,17 +1172,17 @@ const Di = (e) => ({
         fallbackPlacements: u,
         fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: f = "none",
-        flipAlignment: m = !0,
-        ...g
+        flipAlignment: g = !0,
+        ...y
       } = st(e, t);
       if ((o = r.arrow) != null && o.alignmentOffset)
         return {};
-      const v = Z(s), x = Y(a), E = Z(a) === a, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), P = u || (E || !m ? [Et(a)] : Pi(a)), $ = f !== "none";
-      !u && $ && P.push(...Si(a, m, f, C));
-      const A = [a, ...P], V = await pt(t, g), M = [];
+      const v = Z(s), x = Y(a), E = Z(a) === a, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), P = u || (E || !g ? [Et(a)] : Ci(a)), $ = f !== "none";
+      !u && $ && P.push(...Ri(a, g, f, C));
+      const A = [a, ...P], V = await pt(t, y), M = [];
       let L = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (h && M.push(V[v]), d) {
-        const R = Ei(s, n, C);
+        const R = Pi(s, n, C);
         M.push(V[R[0]], V[R[1]]);
       }
       if (L = [...L, {
@@ -1216,7 +1216,7 @@ const Di = (e) => ({
                   J === "y";
                 }
                 return !0;
-              }).map((N) => [N.placement, N.overflows.filter((J) => J > 0).reduce((J, Ne) => J + Ne, 0)]).sort((N, J) => N[1] - J[1])[0]) == null ? void 0 : G[0];
+              }).map((N) => [N.placement, N.overflows.filter((J) => J > 0).reduce((J, _e) => J + _e, 0)]).sort((N, J) => N[1] - J[1])[0]) == null ? void 0 : G[0];
               F && (j = F);
               break;
             }
@@ -1244,9 +1244,9 @@ function pe(e, t) {
   };
 }
 function ue(e) {
-  return vi.some((t) => e[t] >= 0);
+  return bi.some((t) => e[t] >= 0);
 }
-const ki = function(e) {
+const $i = function(e) {
   return e === void 0 && (e = {}), {
     name: "hide",
     options: e,
@@ -1287,13 +1287,13 @@ const ki = function(e) {
       }
     }
   };
-}, $i = /* @__PURE__ */ new Set(["left", "top"]);
-async function Fi(e, t) {
+}, Fi = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ni(e, t) {
   const {
     placement: o,
     platform: i,
     elements: s
-  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), n = Z(o), a = at(o), l = Y(o) === "y", c = $i.has(n) ? -1 : 1, h = r && l ? -1 : 1, d = st(t, e);
+  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), n = Z(o), a = at(o), l = Y(o) === "y", c = Fi.has(n) ? -1 : 1, h = r && l ? -1 : 1, d = st(t, e);
   let {
     mainAxis: u,
     crossAxis: p,
@@ -1315,7 +1315,7 @@ async function Fi(e, t) {
     y: p * h
   };
 }
-const Ni = function(e) {
+const _i = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1326,7 +1326,7 @@ const Ni = function(e) {
         y: r,
         placement: n,
         middlewareData: a
-      } = t, l = await Fi(t, e);
+      } = t, l = await Ni(t, e);
       return n === ((o = a.offset) == null ? void 0 : o.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
         x: s + l.x,
         y: r + l.y,
@@ -1337,7 +1337,7 @@ const Ni = function(e) {
       };
     }
   };
-}, _i = function(e) {
+}, zi = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1350,11 +1350,11 @@ const Ni = function(e) {
         mainAxis: r = !0,
         crossAxis: n = !1,
         limiter: a = {
-          fn: (g) => {
+          fn: (y) => {
             let {
               x: v,
               y: x
-            } = g;
+            } = y;
             return {
               x: v,
               y: x
@@ -1368,23 +1368,23 @@ const Ni = function(e) {
       }, h = await pt(t, l), d = Y(Z(s)), u = be(d);
       let p = c[u], f = c[d];
       if (r) {
-        const g = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", x = p + h[g], E = p - h[v];
+        const y = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", x = p + h[y], E = p - h[v];
         p = _t(x, p, E);
       }
       if (n) {
-        const g = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", x = f + h[g], E = f - h[v];
+        const y = d === "y" ? "top" : "left", v = d === "y" ? "bottom" : "right", x = f + h[y], E = f - h[v];
         f = _t(x, f, E);
       }
-      const m = a.fn({
+      const g = a.fn({
         ...t,
         [u]: p,
         [d]: f
       });
       return {
-        ...m,
+        ...g,
         data: {
-          x: m.x - o,
-          y: m.y - i,
+          x: g.x - o,
+          y: g.y - i,
           enabled: {
             [u]: r,
             [d]: n
@@ -1393,7 +1393,7 @@ const Ni = function(e) {
       };
     }
   };
-}, zi = function(e) {
+}, Bi = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1410,15 +1410,15 @@ const Ni = function(e) {
         ...c
       } = st(e, t), h = await pt(t, c), d = Z(s), u = at(s), p = Y(s) === "y", {
         width: f,
-        height: m
+        height: g
       } = r.floating;
-      let g, v;
-      d === "top" || d === "bottom" ? (g = d, v = u === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = d, g = u === "end" ? "top" : "bottom");
-      const x = m - h.top - h.bottom, E = f - h.left - h.right, C = Q(m - h[g], x), P = Q(f - h[v], E), $ = !t.middlewareData.shift;
+      let y, v;
+      d === "top" || d === "bottom" ? (y = d, v = u === (await (n.isRTL == null ? void 0 : n.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = d, y = u === "end" ? "top" : "bottom");
+      const x = g - h.top - h.bottom, E = f - h.left - h.right, C = Q(g - h[y], x), P = Q(f - h[v], E), $ = !t.middlewareData.shift;
       let A = C, V = P;
       if ((o = t.middlewareData.shift) != null && o.enabled.x && (V = E), (i = t.middlewareData.shift) != null && i.enabled.y && (A = x), $ && !u) {
         const L = T(h.left, 0), X = T(h.right, 0), I = T(h.top, 0), G = T(h.bottom, 0);
-        p ? V = f - 2 * (L !== 0 || X !== 0 ? L + X : T(h.left, h.right)) : A = m - 2 * (I !== 0 || G !== 0 ? I + G : T(h.top, h.bottom));
+        p ? V = f - 2 * (L !== 0 || X !== 0 ? L + X : T(h.left, h.right)) : A = g - 2 * (I !== 0 || G !== 0 ? I + G : T(h.top, h.bottom));
       }
       await l({
         ...t,
@@ -1426,7 +1426,7 @@ const Ni = function(e) {
         availableHeight: A
       });
       const M = await n.getDimensions(a.floating);
-      return f !== M.width || m !== M.height ? {
+      return f !== M.width || g !== M.height ? {
         reset: {
           rects: !0
         }
@@ -1460,23 +1460,23 @@ function W(e) {
 function fe(e) {
   return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
 }
-const Bi = /* @__PURE__ */ new Set(["inline", "contents"]);
-function mt(e) {
+const Mi = /* @__PURE__ */ new Set(["inline", "contents"]);
+function gt(e) {
   const {
     overflow: t,
     overflowX: o,
     overflowY: i,
     display: s
   } = B(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + i + o) && !Bi.has(s);
+  return /auto|scroll|overlay|hidden|clip/.test(t + i + o) && !Mi.has(s);
 }
-const Mi = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Ii(e) {
-  return Mi.has(lt(e));
+const Ii = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Hi(e) {
+  return Ii.has(lt(e));
 }
-const Hi = [":popover-open", ":modal"];
+const Wi = [":popover-open", ":modal"];
 function St(e) {
-  return Hi.some((t) => {
+  return Wi.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -1484,12 +1484,12 @@ function St(e) {
     }
   });
 }
-const Wi = ["transform", "translate", "scale", "rotate", "perspective"], qi = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Vi = ["paint", "layout", "strict", "content"];
+const qi = ["transform", "translate", "scale", "rotate", "perspective"], Vi = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ji = ["paint", "layout", "strict", "content"];
 function Rt(e) {
   const t = te(), o = z(e) ? B(e) : e;
-  return Wi.some((i) => o[i] ? o[i] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || qi.some((i) => (o.willChange || "").includes(i)) || Vi.some((i) => (o.contain || "").includes(i));
+  return qi.some((i) => o[i] ? o[i] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || Vi.some((i) => (o.willChange || "").includes(i)) || ji.some((i) => (o.contain || "").includes(i));
 }
-function ji(e) {
+function Ui(e) {
   let t = tt(e);
   for (; W(t) && !rt(t); ) {
     if (Rt(t))
@@ -1503,9 +1503,9 @@ function ji(e) {
 function te() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Ui = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Yi = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function rt(e) {
-  return Ui.has(lt(e));
+  return Yi.has(lt(e));
 }
 function B(e) {
   return D(e).getComputedStyle(e);
@@ -1533,7 +1533,7 @@ function tt(e) {
 }
 function Ee(e) {
   const t = tt(e);
-  return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && mt(t) ? t : Ee(t);
+  return rt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && gt(t) ? t : Ee(t);
 }
 function ut(e, t, o) {
   var i;
@@ -1541,7 +1541,7 @@ function ut(e, t, o) {
   const s = Ee(e), r = s === ((i = e.ownerDocument) == null ? void 0 : i.body), n = D(s);
   if (r) {
     const a = Bt(n);
-    return t.concat(n, n.visualViewport || [], mt(s) ? s : [], a && o ? ut(a) : []);
+    return t.concat(n, n.visualViewport || [], gt(s) ? s : [], a && o ? ut(a) : []);
   }
   return t.concat(s, ut(s, [], o));
 }
@@ -1576,15 +1576,15 @@ function nt(e) {
     y: a
   };
 }
-const Yi = /* @__PURE__ */ H(0);
+const Ki = /* @__PURE__ */ H(0);
 function Ce(e) {
   const t = D(e);
-  return !te() || !t.visualViewport ? Yi : {
+  return !te() || !t.visualViewport ? Ki : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Ki(e, t, o) {
+function Xi(e, t, o) {
   return t === void 0 && (t = !1), !o || t && o !== D(e) ? !1 : t;
 }
 function ot(e, t, o, i) {
@@ -1592,14 +1592,14 @@ function ot(e, t, o, i) {
   const s = e.getBoundingClientRect(), r = ee(e);
   let n = H(1);
   t && (i ? z(i) && (n = nt(i)) : n = nt(e));
-  const a = Ki(r, o, i) ? Ce(r) : H(0);
+  const a = Xi(r, o, i) ? Ce(r) : H(0);
   let l = (s.left + a.x) / n.x, c = (s.top + a.y) / n.y, h = s.width / n.x, d = s.height / n.y;
   if (r) {
     const u = D(r), p = i && z(i) ? D(i) : i;
-    let f = u, m = Bt(f);
-    for (; m && i && p !== f; ) {
-      const g = nt(m), v = m.getBoundingClientRect(), x = B(m), E = v.left + (m.clientLeft + parseFloat(x.paddingLeft)) * g.x, C = v.top + (m.clientTop + parseFloat(x.paddingTop)) * g.y;
-      l *= g.x, c *= g.y, h *= g.x, d *= g.y, l += E, c += C, f = D(m), m = Bt(f);
+    let f = u, g = Bt(f);
+    for (; g && i && p !== f; ) {
+      const y = nt(g), v = g.getBoundingClientRect(), x = B(g), E = v.left + (g.clientLeft + parseFloat(x.paddingLeft)) * y.x, C = v.top + (g.clientTop + parseFloat(x.paddingTop)) * y.y;
+      l *= y.x, c *= y.y, h *= y.x, d *= y.y, l += E, c += C, f = D(g), g = Bt(f);
     }
   }
   return Pt({
@@ -1624,7 +1624,7 @@ function Oe(e, t, o) {
     y: r
   };
 }
-function Xi(e) {
+function Gi(e) {
   let {
     elements: t,
     rect: o,
@@ -1639,7 +1639,7 @@ function Xi(e) {
     scrollTop: 0
   }, c = H(1);
   const h = H(0), d = W(i);
-  if ((d || !d && !r) && ((lt(i) !== "body" || mt(n)) && (l = Tt(i)), W(i))) {
+  if ((d || !d && !r) && ((lt(i) !== "body" || gt(n)) && (l = Tt(i)), W(i))) {
     const p = ot(i);
     c = nt(i), h.x = p.x + i.clientLeft, h.y = p.y + i.clientTop;
   }
@@ -1651,10 +1651,10 @@ function Xi(e) {
     y: o.y * c.y - l.scrollTop * c.y + h.y + u.y
   };
 }
-function Gi(e) {
+function Ji(e) {
   return Array.from(e.getClientRects());
 }
-function Ji(e) {
+function Qi(e) {
   const t = q(e), o = Tt(e), i = e.ownerDocument.body, s = T(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = T(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let n = -o.scrollLeft + ie(e);
   const a = -o.scrollTop;
@@ -1665,7 +1665,7 @@ function Ji(e) {
     y: a
   };
 }
-function Qi(e, t) {
+function Zi(e, t) {
   const o = D(e), i = q(e), s = o.visualViewport;
   let r = i.clientWidth, n = i.clientHeight, a = 0, l = 0;
   if (s) {
@@ -1680,8 +1680,8 @@ function Qi(e, t) {
     y: l
   };
 }
-const Zi = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function to(e, t) {
+const to = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function eo(e, t) {
   const o = ot(e, !0, t === "fixed"), i = o.top + e.clientTop, s = o.left + e.clientLeft, r = W(e) ? nt(e) : H(1), n = e.clientWidth * r.x, a = e.clientHeight * r.y, l = s * r.x, c = i * r.y;
   return {
     width: n,
@@ -1690,14 +1690,14 @@ function to(e, t) {
     y: c
   };
 }
-function me(e, t, o) {
+function ge(e, t, o) {
   let i;
   if (t === "viewport")
-    i = Qi(e, o);
+    i = Zi(e, o);
   else if (t === "document")
-    i = Ji(q(e));
+    i = Qi(q(e));
   else if (z(t))
-    i = to(t, o);
+    i = eo(t, o);
   else {
     const s = Ce(e);
     i = {
@@ -1713,7 +1713,7 @@ function Ae(e, t) {
   const o = tt(e);
   return o === t || !z(o) || rt(o) ? !1 : B(o).position === "fixed" || Ae(o, t);
 }
-function eo(e, t) {
+function io(e, t) {
   const o = t.get(e);
   if (o)
     return o;
@@ -1722,21 +1722,21 @@ function eo(e, t) {
   let n = r ? tt(e) : e;
   for (; z(n) && !rt(n); ) {
     const a = B(n), l = Rt(n);
-    !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && Zi.has(s.position) || mt(n) && !l && Ae(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
+    !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && to.has(s.position) || gt(n) && !l && Ae(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
   }
   return t.set(e, i), i;
 }
-function io(e) {
+function oo(e) {
   let {
     element: t,
     boundary: o,
     rootBoundary: i,
     strategy: s
   } = e;
-  const n = [...o === "clippingAncestors" ? St(t) ? [] : eo(t, this._c) : [].concat(o), i], a = n[0], l = n.reduce((c, h) => {
-    const d = me(t, h, s);
+  const n = [...o === "clippingAncestors" ? St(t) ? [] : io(t, this._c) : [].concat(o), i], a = n[0], l = n.reduce((c, h) => {
+    const d = ge(t, h, s);
     return c.top = T(d.top, c.top), c.right = Q(d.right, c.right), c.bottom = Q(d.bottom, c.bottom), c.left = T(d.left, c.left), c;
-  }, me(t, a, s));
+  }, ge(t, a, s));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -1744,7 +1744,7 @@ function io(e) {
     y: l.top
   };
 }
-function oo(e) {
+function so(e) {
   const {
     width: t,
     height: o
@@ -1754,7 +1754,7 @@ function oo(e) {
     height: o
   };
 }
-function so(e, t, o) {
+function no(e, t, o) {
   const i = W(t), s = q(t), r = o === "fixed", n = ot(e, !0, r, t);
   let a = {
     scrollLeft: 0,
@@ -1765,7 +1765,7 @@ function so(e, t, o) {
     l.x = ie(s);
   }
   if (i || !i && !r)
-    if ((lt(t) !== "body" || mt(s)) && (a = Tt(t)), i) {
+    if ((lt(t) !== "body" || gt(s)) && (a = Tt(t)), i) {
       const p = ot(t, !0, r, t);
       l.x = p.x + t.clientLeft, l.y = p.y + t.clientTop;
     } else s && c();
@@ -1781,7 +1781,7 @@ function so(e, t, o) {
 function $t(e) {
   return B(e).position === "static";
 }
-function ge(e, t) {
+function me(e, t) {
   if (!W(e) || B(e).position === "fixed")
     return null;
   if (t)
@@ -1802,15 +1802,15 @@ function Se(e, t) {
     }
     return o;
   }
-  let i = ge(e, t);
-  for (; i && Ii(i) && $t(i); )
-    i = ge(i, t);
-  return i && rt(i) && $t(i) && !Rt(i) ? o : i || ji(e) || o;
+  let i = me(e, t);
+  for (; i && Hi(i) && $t(i); )
+    i = me(i, t);
+  return i && rt(i) && $t(i) && !Rt(i) ? o : i || Ui(e) || o;
 }
-const no = async function(e) {
+const ro = async function(e) {
   const t = this.getOffsetParent || Se, o = this.getDimensions, i = await o(e.floating);
   return {
-    reference: so(e.reference, await t(e.floating), e.strategy),
+    reference: no(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1819,25 +1819,25 @@ const no = async function(e) {
     }
   };
 };
-function ro(e) {
+function ao(e) {
   return B(e).direction === "rtl";
 }
 const Mt = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Xi,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Gi,
   getDocumentElement: q,
-  getClippingRect: io,
+  getClippingRect: oo,
   getOffsetParent: Se,
-  getElementRects: no,
-  getClientRects: Gi,
-  getDimensions: oo,
+  getElementRects: ro,
+  getClientRects: Ji,
+  getDimensions: so,
   getScale: nt,
   isElement: z,
-  isRTL: ro
+  isRTL: ao
 };
 function Re(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function ao(e, t) {
+function lo(e, t) {
   let o = null, i;
   const s = q(e);
   function r() {
@@ -1854,8 +1854,8 @@ function ao(e, t) {
     } = c;
     if (a || t(), !u || !p)
       return;
-    const f = yt(d), m = yt(s.clientWidth - (h + u)), g = yt(s.clientHeight - (d + p)), v = yt(h), E = {
-      rootMargin: -f + "px " + -m + "px " + -g + "px " + -v + "px",
+    const f = yt(d), g = yt(s.clientWidth - (h + u)), y = yt(s.clientHeight - (d + p)), v = yt(h), E = {
+      rootMargin: -f + "px " + -g + "px " + -y + "px " + -v + "px",
       threshold: T(0, Q(1, l)) || 1
     };
     let C = !0;
@@ -1897,7 +1897,7 @@ function It(e, t, o, i) {
       passive: !0
     }), r && v.addEventListener("resize", o);
   });
-  const d = c && a ? ao(c, o) : null;
+  const d = c && a ? lo(c, o) : null;
   let u = -1, p = null;
   n && (p = new ResizeObserver((v) => {
     let [x] = v;
@@ -1906,11 +1906,11 @@ function It(e, t, o, i) {
       (E = p) == null || E.observe(t);
     })), o();
   }), c && !l && p.observe(c), p.observe(t));
-  let f, m = l ? ot(e) : null;
-  l && g();
-  function g() {
+  let f, g = l ? ot(e) : null;
+  l && y();
+  function y() {
     const v = ot(e);
-    m && !Re(m, v) && o(), m = v, f = requestAnimationFrame(g);
+    g && !Re(g, v) && o(), g = v, f = requestAnimationFrame(y);
   }
   return o(), () => {
     var v;
@@ -1919,7 +1919,7 @@ function It(e, t, o, i) {
     }), d?.(), (v = p) == null || v.disconnect(), p = null, l && cancelAnimationFrame(f);
   };
 }
-const Ht = Ni, Te = _i, Wt = Li, qt = zi, lo = ki, De = Di, Le = (e, t, o) => {
+const Ht = _i, Te = zi, Wt = ki, qt = Bi, co = $i, De = Li, Le = (e, t, o) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Mt,
     ...o
@@ -1927,7 +1927,7 @@ const Ht = Ni, Te = _i, Wt = Li, qt = zi, lo = ki, De = Di, Le = (e, t, o) => {
     ...s.platform,
     _c: i
   };
-  return Ti(e, t, {
+  return Di(e, t, {
     ...s,
     platform: r
   });
@@ -1938,7 +1938,7 @@ function vt(e) {
   const t = window.devicePixelRatio || 1;
   return Math.round(e * t) / t || -1e4;
 }
-const bt = 8, co = 100, ho = (e) => ({
+const bt = 8, ho = 100, po = (e) => ({
   bottom: ["top", "left", "right"],
   "bottom-end": ["top-end", "left", "right"],
   "bottom-start": ["top-start", "left", "right"],
@@ -1952,7 +1952,7 @@ const bt = 8, co = 100, ho = (e) => ({
   "top-end": ["bottom-end", "left", "right"],
   "top-start": ["bottom-start", "left", "right"]
 })[e] ?? [e];
-class po {
+class uo {
   constructor(t) {
     this.originalPlacements = /* @__PURE__ */ new WeakMap(), this.allowPlacementUpdate = !1, this.closeForAncestorUpdate = () => {
       !this.allowPlacementUpdate && this.options.type !== "modal" && this.cleanup && this.target.dispatchEvent(new Event("close", { bubbles: !0 })), this.allowPlacementUpdate = !1;
@@ -1999,7 +1999,7 @@ class po {
     const { options: t, target: o } = this;
     await (document.fonts ? document.fonts.ready : Promise.resolve());
     const i = t.trigger instanceof HTMLElement ? Wt() : Wt({
-      fallbackPlacements: ho(t.placement),
+      fallbackPlacements: po(t.placement),
       padding: bt
     }), [s = 0, r = 0] = Array.isArray(t?.offset) ? t.offset : [t.offset, 0], n = this.host.elements.find(
       (u) => u.tipElement
@@ -2012,12 +2012,12 @@ class po {
       i,
       qt({
         apply: ({ availableHeight: u, availableWidth: p, rects: { floating: f } }) => {
-          const m = Math.max(
-            co,
+          const g = Math.max(
+            ho,
             Math.floor(u)
-          ), g = f.height;
-          this.initialHeight = this.isConstrained && this.initialHeight || g, this.isConstrained = g < this.initialHeight || m <= g;
-          const v = this.isConstrained ? `${m}px` : "";
+          ), y = f.height;
+          this.initialHeight = this.isConstrained && this.initialHeight || y, this.isConstrained = y < this.initialHeight || g <= y;
+          const v = this.isConstrained ? `${g}px` : "";
           Object.assign(o.style, {
             maxHeight: v,
             maxWidth: `${Math.floor(p)}px`
@@ -2095,7 +2095,7 @@ class oe {
         return;
       }
       t && (customElements.whenDefined("cx-overlay").then(async () => {
-        const { Overlay: o } = await Promise.resolve().then(() => Oo);
+        const { Overlay: o } = await Promise.resolve().then(() => Ao);
         this.overlay = new o(), this.overlay.open = !0;
       }), Promise.resolve().then(() => Fe));
     }
@@ -2129,12 +2129,12 @@ class oe {
     this.isPersistent || this.abort();
   }
 }
-const uo = 300, ke = {
+const fo = 300, ke = {
   keyboard: "Press Space or Alt+Down Arrow for additional options",
   mouse: "Click and hold for additional options",
   touch: "Double tap and long press for additional options"
 };
-class fo extends oe {
+class go extends oe {
   constructor() {
     super(...arguments), this.type = Dt.LongPress, this.longpressState = null, this.releaseDescription = it, this.handlePointerup = () => {
       clearTimeout(this.timeout), this.target && (this.longpressState = this.overlay?.state === "opening" ? "pressed" : null, document.removeEventListener("pointerup", this.handlePointerup), document.removeEventListener("pointercancel", this.handlePointerup));
@@ -2157,7 +2157,7 @@ class fo extends oe {
           }
         })
       );
-    }, uo));
+    }, fo));
   }
   handleKeydown(t) {
     const { altKey: o, code: i } = t;
@@ -2190,7 +2190,7 @@ class fo extends oe {
       return;
     const o = document.createElement("div");
     o.id = `longpress-describedby-descriptor-${jt()}`;
-    const i = ri() || ai() ? "touch" : "keyboard";
+    const i = ai() || li() ? "touch" : "keyboard";
     o.textContent = ke[i], o.slot = "longpress-describedby-descriptor";
     const s = t.getRootNode(), r = this.overlay.getRootNode();
     s === r ? this.overlay.append(o) : (o.hidden = !("host" in s), t.insertAdjacentElement("afterend", o));
@@ -2227,7 +2227,7 @@ class fo extends oe {
   }
 }
 const mo = Vt`:host{pointer-events:none;--swc-overlay-animation-distance:var(--cx-spacing-medium);display:contents}.dialog{box-sizing:border-box;--cx-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:focus{outline:none}:host(:not([open])) .dialog{--cx-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}.dialog.defer-slotted-visibility>slot::slotted(*){filter:opacity(0);pointer-events:none;translate:-200vw -200vh;visibility:hidden!important}.dialog.defer-slotted-visibility.defer-slotted-opened>slot::slotted(*){filter:none;pointer-events:auto;translate:none;visibility:visible!important}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1 * var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1 * var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1 * var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1 * var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1}}@supports (overlay:auto){.dialog{transition:all var(--cx-transition-fast,.13s), translate 0s, display var(--cx-transition-fast,.13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}}`;
-class go extends Event {
+class yo extends Event {
   constructor(t, o, i) {
     super("slottable-request", {
       bubbles: !1,
@@ -2236,8 +2236,8 @@ class go extends Event {
     }), this.name = t, this.data = o, this.slotName = i !== void 0 ? `${t}.${i}` : t;
   }
 }
-const yo = Symbol("remove-slottable-request");
-class vo extends oe {
+const vo = Symbol("remove-slottable-request");
+class bo extends oe {
   constructor() {
     super(...arguments), this.type = Dt.Click, this.preventNextToggle = !1;
   }
@@ -2259,8 +2259,8 @@ class vo extends oe {
     );
   }
 }
-const bo = 300;
-class wo extends oe {
+const wo = 300;
+class xo extends oe {
   constructor() {
     super(...arguments), this.type = Dt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
   }
@@ -2319,7 +2319,7 @@ class wo extends oe {
     const t = this.target;
     this.focusedin && t.matches(":focus-visible") || (this.hoverTimeout = setTimeout(() => {
       this.open = !1;
-    }, bo));
+    }, wo));
   }
   init() {
     this.abortController?.abort(), this.abortController = new AbortController();
@@ -2355,19 +2355,19 @@ class wo extends oe {
     );
   }
 }
-const xo = {
-  click: vo,
-  hover: wo,
-  longpress: fo
+const Eo = {
+  click: bo,
+  hover: xo,
+  longpress: go
 };
-var Eo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, S = (e, t, o, i) => {
-  for (var s = i > 1 ? void 0 : i ? Po(t, o) : t, r = e.length - 1, n; r >= 0; r--)
+var Po = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, S = (e, t, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Co(t, o) : t, r = e.length - 1, n; r >= 0; r--)
     (n = e[r]) && (s = (i ? n(t, o, s) : n(s)) || s);
-  return i && s && Eo(t, o, s), s;
+  return i && s && Po(t, o, s), s;
 };
-const Co = "showPopover" in document.createElement("div");
-let ct = pi(dt);
-Co ? ct = mi(ct) : ct = ui(ct);
+const Oo = "showPopover" in document.createElement("div");
+let ct = ui(dt);
+Oo ? ct = mi(ct) : ct = fi(ct);
 var K;
 const O = (K = class extends ct {
   constructor() {
@@ -2399,7 +2399,7 @@ const O = (K = class extends ct {
     return !!this.triggerElement && !(this.triggerElement instanceof Ot);
   }
   get placementController() {
-    return this._placementController || (this._placementController = new po(this)), this._placementController;
+    return this._placementController || (this._placementController = new uo(this)), this._placementController;
   }
   get open() {
     return this._open;
@@ -2417,7 +2417,7 @@ const O = (K = class extends ct {
     this._state = t, (this.state === "opened" || this.state === "closed") && this.strategy?.shouldCompleteOpen(), this.requestUpdate("state", o);
   }
   get elementResolver() {
-    return this._elementResolver || (this._elementResolver = new di(this)), this._elementResolver;
+    return this._elementResolver || (this._elementResolver = new pi(this)), this._elementResolver;
   }
   get usesDialog() {
     return this.type === "modal" || this.type === "page";
@@ -2499,7 +2499,7 @@ const O = (K = class extends ct {
     }
   }
   bindEvents() {
-    this.strategy?.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new xo[this.triggerInteraction](
+    this.strategy?.abort(), this.strategy = void 0, this.hasNonVirtualTrigger && this.triggerInteraction && (this.strategy = new Eo[this.triggerInteraction](
       this.triggerElement,
       {
         overlay: this
@@ -2528,9 +2528,9 @@ const O = (K = class extends ct {
   }
   requestSlottable() {
     this.lastRequestSlottableState !== this.open && (this.open || document.body.offsetHeight, this.dispatchEvent(
-      new go(
+      new yo(
         "overlay-content",
-        this.open ? {} : yo
+        this.open ? {} : vo
       )
     ), this.lastRequestSlottableState = this.open);
   }
@@ -2592,78 +2592,79 @@ const O = (K = class extends ct {
 }, K.styles = [
   ye,
   Vt`
-      ${ze(mo)}
+      ${Be(mo)}
     `
 ], K.openCount = 1, K);
 S([
-  y({ type: Boolean })
+  m({ type: Boolean })
 ], O.prototype, "delayed", 1);
 S([
-  y({ attribute: "defer-slotted-visibility", type: Boolean })
+  m({ attribute: "defer-slotted-visibility", type: Boolean })
 ], O.prototype, "deferSlottedVisibility", 2);
 S([
   Ct(".dialog")
 ], O.prototype, "dialogEl", 2);
 S([
-  y({ type: Boolean })
+  m({ type: Boolean })
 ], O.prototype, "disabled", 1);
 S([
-  Ye({
+  Ke({
     flatten: !0,
     selector: ':not([slot="longpress-describedby-descriptor"], slot)'
     // gather only elements slotted into the default slot
   })
 ], O.prototype, "elements", 2);
 S([
-  y({ type: Number })
+  m({ type: Number })
 ], O.prototype, "offset", 2);
 S([
-  y({ reflect: !0, type: Boolean })
+  m({ reflect: !0, type: Boolean })
 ], O.prototype, "open", 1);
 S([
-  y()
+  m()
 ], O.prototype, "placement", 2);
 S([
-  y({ attribute: "receives-focus" })
+  m({ attribute: "receives-focus" })
 ], O.prototype, "receivesFocus", 2);
 S([
   Ct("slot")
 ], O.prototype, "slotEl", 2);
 S([
-  Me()
+  Ie()
 ], O.prototype, "state", 1);
 S([
-  y({ attribute: "tip-padding", type: Number })
+  m({ attribute: "tip-padding", type: Number })
 ], O.prototype, "tipPadding", 2);
 S([
-  y()
+  m()
 ], O.prototype, "trigger", 2);
 S([
-  y({ attribute: "trigger-element" })
+  m({ attribute: "trigger-element" })
 ], O.prototype, "triggerElement", 2);
 S([
-  y({ attribute: "trigger-interaction" })
+  m({ attribute: "trigger-interaction" })
 ], O.prototype, "triggerInteraction", 2);
 S([
-  y()
+  m()
 ], O.prototype, "type", 2);
 let $e = O;
-const Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LONGPRESS_INSTRUCTIONS: ke,
   Overlay: $e
 }, Symbol.toStringTag, { value: "Module" }));
-Qe("cx-overlay", $e);
+Ze("cx-overlay", $e);
 const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-function Ao(e) {
-  return So(e);
+var Ne = /* @__PURE__ */ ((e) => (e.Display = "display", e.Visibility = "visibility", e))(Ne || {});
+function So(e) {
+  return Ro(e);
 }
 function Ft(e) {
   return e.assignedSlot ? e.assignedSlot : e.parentNode instanceof ShadowRoot ? e.parentNode.host : e.parentNode;
 }
-function So(e) {
+function Ro(e) {
   for (let t = e; t; t = Ft(t)) if (t instanceof Element && getComputedStyle(t).display === "none") return null;
   for (let t = Ft(e); t; t = Ft(t)) {
     if (!(t instanceof Element)) continue;
@@ -2673,21 +2674,21 @@ function So(e) {
   }
   return null;
 }
-const Ro = Vt`:host{--arrow-color:var(--cx-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * .7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));-webkit-overflow-scrolling:auto;display:contents}.popup{isolation:isolate;max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none);position:absolute}.popup--use-size-middleware{width:max-content}.popup--fixed,.popup--overlay{z-index:var(--cx-z-index-dialog);position:fixed}.popup:not(.popup--active){visibility:hidden}.popup__arrow{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color);z-index:-1;position:absolute;rotate:45deg}.popup-hover-bridge:not(.popup-hover-bridge--visible){visibility:hidden}.popup-hover-bridge{z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0), var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0), var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0), var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0));position:fixed;inset:0}`;
-var To = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, w = (e, t, o, i) => {
-  for (var s = i > 1 ? void 0 : i ? Do(t, o) : t, r = e.length - 1, n; r >= 0; r--)
+const To = Vt`:host{--arrow-color:var(--cx-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * .7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));-webkit-overflow-scrolling:auto;display:contents}.popup{isolation:isolate;max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none);position:absolute}.popup--use-size-middleware{width:max-content}.popup--fixed,.popup--overlay{z-index:var(--cx-z-index-dialog);position:fixed}:host(:not([toggle=visibility])) .popup:not(.popup--active){display:none}:host([toggle=visibility]) .popup:not(.popup--active){visibility:hidden}.popup__arrow{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color);z-index:-1;position:absolute;rotate:45deg}.popup-hover-bridge:not(.popup-hover-bridge--visible){visibility:hidden}.popup-hover-bridge{z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0), var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0), var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0), var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0));position:fixed;inset:0}`;
+var Do = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, w = (e, t, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Lo(t, o) : t, r = e.length - 1, n; r >= 0; r--)
     (n = e[r]) && (s = (i ? n(t, o, s) : n(s)) || s);
-  return i && s && To(t, o, s), s;
+  return i && s && Do(t, o, s), s;
 };
-function Lo(e) {
+function ko(e) {
   if (e == null || typeof e != "object")
     return !1;
   const t = "contextElement" in e ? e.contextElement.ownerDocument.defaultView : null;
   return "getBoundingClientRect" in e && ("contextElement" in e ? e.contextElement instanceof (t?.Element ?? Element) : !0);
 }
-let b = class extends Be {
+let b = class extends Me {
   constructor() {
-    super(...arguments), this.localize = new je(this), this.active = !1, this.placement = "top", this.strategy = "absolute", this.distance = 0, this.skidding = 0, this.arrow = !1, this.arrowPlacement = "anchor", this.arrowPadding = 10, this.flip = !1, this.hide = !1, this.hideBoundaryStrategy = "escaped", this.flipFallbackPlacements = "", this.flipFallbackStrategy = "best-fit", this.flipPadding = 0, this.shift = !1, this.shiftPadding = 0, this.autoSizePadding = 0, this.hoverBridge = !1, this.autoWidthFactor = 1, this.updateHoverBridge = () => {
+    super(...arguments), this.localize = new Ue(this), this.active = !1, this.placement = "top", this.strategy = "absolute", this.toggle = Ne.Display, this.distance = 0, this.skidding = 0, this.arrow = !1, this.arrowPlacement = "anchor", this.arrowPadding = 10, this.flip = !1, this.hide = !1, this.hideBoundaryStrategy = "escaped", this.flipFallbackPlacements = "", this.flipFallbackStrategy = "best-fit", this.flipPadding = 0, this.shift = !1, this.shiftPadding = 0, this.autoSizePadding = 0, this.hoverBridge = !1, this.autoWidthFactor = 1, this.updateHoverBridge = () => {
       if (this.hoverBridge && this.anchorEl) {
         const e = this.anchorEl.getBoundingClientRect(), t = this.popup.getBoundingClientRect(), o = this.placement.includes("top") || this.placement.includes("bottom") || this.placement === "center";
         let i = 0, s = 0, r = 0, n = 0, a = 0, l = 0, c = 0, h = 0;
@@ -2719,7 +2720,7 @@ let b = class extends Be {
   }
   connectedUpdatedCallback() {
     if (this.strategy === "overlay" && (this.start(), !ne)) {
-      const e = He(this);
+      const e = We(this);
       e && (this.autoSizeBoundary = e, this.flipBoundary = e, this.shiftBoundary = e);
     }
   }
@@ -2735,7 +2736,7 @@ let b = class extends Be {
     if (await this.stop(), this.anchor && typeof this.anchor == "string") {
       const e = this.getRootNode();
       this.anchorEl = e.getElementById(this.anchor);
-    } else this.anchor instanceof Element || Lo(this.anchor) ? this.anchorEl = this.anchor : this.anchorEl = this.querySelector('[slot="anchor"]');
+    } else this.anchor instanceof Element || ko(this.anchor) ? this.anchorEl = this.anchor : this.anchorEl = this.querySelector('[slot="anchor"]');
     this.anchorEl instanceof HTMLSlotElement && (this.anchorEl = this.anchorEl.assignedElements({
       flatten: !0
     })[0]), this.anchorEl instanceof Element && this.anchorEl.tagName.toLowerCase() === "cx-dialog" && (this.anchorEl = this.anchorEl?.shadowRoot?.querySelector(
@@ -2805,7 +2806,7 @@ let b = class extends Be {
         padding: this.arrowPadding
       })
     ), this.hide && e.push(
-      lo({
+      co({
         boundary: this.hideBoundary,
         strategy: this.hideBoundaryStrategy
       })
@@ -2814,7 +2815,7 @@ let b = class extends Be {
       placement: this.placement === "center" ? "bottom" : this.placement,
       platform: {
         ...Mt,
-        getOffsetParent: (t) => this.strategy === "absolute" ? Mt.getOffsetParent(t, Ao) : this.strategy === "overlay" && ne ? window : We(t) || window
+        getOffsetParent: (t) => this.strategy === "absolute" ? Mt.getOffsetParent(t, So) : this.strategy === "overlay" && ne ? window : qe(t) || window
       },
       strategy: ["overlay", "fixed"].includes(this.strategy) ? "fixed" : "absolute"
     }).then(({ middlewareData: t, placement: o, x: i, y: s }) => {
@@ -2872,7 +2873,7 @@ let b = class extends Be {
     return U`<slot name="anchor" @slotchange=${this.handleAnchorChange}></slot><span part="hover-bridge" class=${ht({
       "popup-hover-bridge": !0,
       "popup-hover-bridge--visible": this.hoverBridge && this.active
-    })}></span>${Ue(
+    })}></span>${Ye(
       this.strategy === "overlay",
       () => e,
       () => U`<div part="popup" class=${ht({
@@ -2886,7 +2887,7 @@ let b = class extends Be {
     `;
   }
 };
-b.styles = [ye, Ro];
+b.styles = [ye, To];
 w([
   Ct(".popup")
 ], b.prototype, "popup", 2);
@@ -2894,46 +2895,49 @@ w([
   Ct(".popup__arrow")
 ], b.prototype, "arrowEl", 2);
 w([
-  y()
+  m()
 ], b.prototype, "anchor", 2);
 w([
-  y({ reflect: !0, type: Boolean })
+  m({ reflect: !0, type: Boolean })
 ], b.prototype, "active", 2);
 w([
-  y({ reflect: !0 })
+  m({ reflect: !0 })
 ], b.prototype, "placement", 2);
 w([
-  y({ reflect: !0 })
+  m({ reflect: !0 })
 ], b.prototype, "strategy", 2);
 w([
-  y({ type: Number })
+  m({ reflect: !0, type: String })
+], b.prototype, "toggle", 2);
+w([
+  m({ type: Number })
 ], b.prototype, "distance", 2);
 w([
-  y({ type: Number })
+  m({ type: Number })
 ], b.prototype, "skidding", 2);
 w([
-  y({ type: Boolean })
+  m({ type: Boolean })
 ], b.prototype, "arrow", 2);
 w([
-  y({ attribute: "arrow-placement" })
+  m({ attribute: "arrow-placement" })
 ], b.prototype, "arrowPlacement", 2);
 w([
-  y({ attribute: "arrow-padding", type: Number })
+  m({ attribute: "arrow-padding", type: Number })
 ], b.prototype, "arrowPadding", 2);
 w([
-  y({ type: Boolean })
+  m({ type: Boolean })
 ], b.prototype, "flip", 2);
 w([
-  y({ type: Boolean })
+  m({ type: Boolean })
 ], b.prototype, "hide", 2);
 w([
-  y({ attribute: "hide-boundary", type: Object })
+  m({ attribute: "hide-boundary", type: Object })
 ], b.prototype, "hideBoundary", 2);
 w([
-  y({ attribute: "hide-boundary-strategy" })
+  m({ attribute: "hide-boundary-strategy" })
 ], b.prototype, "hideBoundaryStrategy", 2);
 w([
-  y({
+  m({
     attribute: "flip-fallback-placements",
     converter: {
       fromAttribute: (e) => e.split(" ").map((t) => t.trim()).filter((t) => t !== ""),
@@ -2942,49 +2946,49 @@ w([
   })
 ], b.prototype, "flipFallbackPlacements", 2);
 w([
-  y({ attribute: "flip-fallback-strategy" })
+  m({ attribute: "flip-fallback-strategy" })
 ], b.prototype, "flipFallbackStrategy", 2);
 w([
-  y({ attribute: "flip-boundary", type: Object })
+  m({ attribute: "flip-boundary", type: Object })
 ], b.prototype, "flipBoundary", 2);
 w([
-  y({ attribute: "flip-padding", type: Number })
+  m({ attribute: "flip-padding", type: Number })
 ], b.prototype, "flipPadding", 2);
 w([
-  y({ type: Boolean })
+  m({ type: Boolean })
 ], b.prototype, "shift", 2);
 w([
-  y({ attribute: "shift-boundary", type: Object })
+  m({ attribute: "shift-boundary", type: Object })
 ], b.prototype, "shiftBoundary", 2);
 w([
-  y({ attribute: "shift-padding", type: Number })
+  m({ attribute: "shift-padding", type: Number })
 ], b.prototype, "shiftPadding", 2);
 w([
-  y({ attribute: "auto-size" })
+  m({ attribute: "auto-size" })
 ], b.prototype, "autoSize", 2);
 w([
-  y()
+  m()
 ], b.prototype, "sync", 2);
 w([
-  y({ attribute: "sync-element" })
+  m({ attribute: "sync-element" })
 ], b.prototype, "syncElement", 2);
 w([
-  y({ attribute: "auto-size-boundary", type: Object })
+  m({ attribute: "auto-size-boundary", type: Object })
 ], b.prototype, "autoSizeBoundary", 2);
 w([
-  y({ attribute: "auto-size-padding", type: Number })
+  m({ attribute: "auto-size-padding", type: Number })
 ], b.prototype, "autoSizePadding", 2);
 w([
-  y({ attribute: "hover-bridge", type: Boolean })
+  m({ attribute: "hover-bridge", type: Boolean })
 ], b.prototype, "hoverBridge", 2);
 w([
-  y({ attribute: "auto-width-factor" })
+  m({ attribute: "auto-width-factor" })
 ], b.prototype, "autoWidthFactor", 2);
 w([
-  Ve(200)
+  je(200)
 ], b.prototype, "start", 1);
 b = w([
-  qe("cx-popup")
+  Ve("cx-popup")
 ], b);
 export {
   b as default