@orangelogic/design-system 2.48.0 → 2.49.0

package/library/chunks/{popup.dmeEbJcf.js → popup.DjWAljHx.js}

@@ -1,13 +1,13 @@
-import { a as Be, i as Ut, r as Ie, x as j, n as v, C as Me, c as He } from "./custom-element.fmLrnDZr.js";
-import { r as We } from "./state.Dt9F_SuS.js";
+import { a as Be, i as Ut, r as Ie, x as j, n as v, C as Me, c as He } from "./custom-element.vnXBMQxc.js";
+import { r as We } from "./state.Cw55xXlb.js";
 import { e as ut } from "./query.BBf1UFkC.js";
 import { e as qe } from "./base.D76d76ww.js";
-import { o as Tt } from "./if-defined.CKupVaWs.js";
-import { o as ne } from "./style-map.lEJHEwk3.js";
-import { i as Lt, p as re, f as Ve, a as Ue } from "./browser.Va59Ix3P.js";
-import { c as be } from "./component.styles.DtouHn2g.js";
+import { o as Lt } from "./if-defined.MfEgpxEN.js";
+import { o as ne } from "./style-map.CZovMmo_.js";
+import { i as mt, p as re, f as Ve, a as Ue } from "./browser.Va59Ix3P.js";
+import { c as be } from "./component.styles.CI-v8BZa.js";
 import { L as je } from "./i18n.CXUGdxzx.js";
-import { e as Dt } from "./class-map.DqNfBvJI.js";
+import { e as Dt } from "./class-map.CoZTSvbM.js";
 import { n as Ye } from "./when.Dr1es41R.js";
 /**
  * @license
@@ -200,7 +200,7 @@ class pi {
     this.cooldownTimeout && window.clearTimeout(this.cooldownTimeout), delete this.cooldownTimeout;
   }
 }
-const bt = new pi(), it = () => {
+const wt = new pi(), it = () => {
 }, Gt = (e, t, o) => {
   const i = new AbortController(), s = /* @__PURE__ */ new Map(), r = () => {
     i.abort(), o();
@@ -447,7 +447,7 @@ class $ extends Event {
     };
   }
 }
-class Pt {
+class Ct {
   constructor(t, o) {
     this.x = 0, this.y = 0, this.x = t, this.y = o;
   }
@@ -510,7 +510,7 @@ function fi(e) {
         if (!this.isConnected || i !== this.open)
           return;
         const h = async () => {
-          const d = this.triggerElement instanceof Pt;
+          const d = this.triggerElement instanceof Ct;
           this.dispatchEvent(
             new $(c, this, {
               interaction: this.type,
@@ -553,10 +553,10 @@ function gi(e) {
     }
     async manageDelay(i) {
       if (i === !1 || i !== this.open) {
-        bt.close(this);
+        wt.close(this);
         return;
       }
-      this.delayed && await bt.openTimer(this) && (this.open = !i);
+      this.delayed && await wt.openTimer(this) && (this.open = !i);
     }
     async ensureOnDOM(i) {
       document.body.offsetHeight;
@@ -587,7 +587,7 @@ function gi(e) {
           })
         ), l > 0)
           return;
-        const h = this.triggerElement instanceof Pt;
+        const h = this.triggerElement instanceof Ct;
         this.dispatchEvent(
           new $(c, this, {
             interaction: this.type,
@@ -628,10 +628,10 @@ function yi(e) {
     }
     async manageDelay(i) {
       if (i === !1 || i !== this.open) {
-        bt.close(this);
+        wt.close(this);
         return;
       }
-      this.delayed && await bt.openTimer(this) && (this.open = !i);
+      this.delayed && await wt.openTimer(this) && (this.open = !i);
     }
     /**
      * A popover should be hidden _after_ it is no longer on top-layer because
@@ -670,15 +670,15 @@ function yi(e) {
       _t(this.dialogEl) && (this.dialogEl.hidePopover(), this.dialogEl.showPopover());
     }
     firstUpdated(i) {
-      super.firstUpdated(i), Lt() && (k().then(() => {
+      super.firstUpdated(i), mt() && k().then(() => {
         this.dialogEl.showPopover();
-      }), document.addEventListener(
-        "fullscreenchange",
-        this.handleFullscreenChange
-      ));
+      });
+    }
+    runConnectedCallback() {
+      mt() && document.addEventListener("fullscreenchange", this.handleFullscreenChange);
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), Lt() && document.removeEventListener(
+      super.disconnectedCallback(), mt() && document.removeEventListener(
         "fullscreenchange",
         this.handleFullscreenChange
       );
@@ -717,7 +717,7 @@ function yi(e) {
           if (this.open !== i)
             return;
           await k();
-          const u = this.triggerElement instanceof Pt;
+          const u = this.triggerElement instanceof Ct;
           this.dispatchEvent(
             new $(c, this, {
               interaction: this.type,
@@ -744,7 +744,7 @@ function yi(e) {
             h();
           },
           { once: !0 }
-        ), Lt() || this.dialogEl.hidePopover()) : h();
+        ), mt() || this.dialogEl.hidePopover()) : h();
       };
       return this.elements.forEach((a, l) => {
         Gt(a, r(a, l), n(a, l));
@@ -860,7 +860,7 @@ class bi {
     this.closeOverlay(t);
   }
 }
-const he = new bi(), wi = ["top", "right", "bottom", "left"], J = Math.min, T = Math.max, wt = Math.round, mt = Math.floor, H = (e) => ({
+const he = new bi(), wi = ["top", "right", "bottom", "left"], J = Math.min, T = Math.max, xt = Math.round, yt = Math.floor, H = (e) => ({
   x: e,
   y: e
 }), xi = {
@@ -901,10 +901,10 @@ function Ci(e, t, o) {
   o === void 0 && (o = !1);
   const i = at(e), s = te(e), r = Zt(s);
   let n = s === "x" ? i === (o ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (n = xt(n)), [n, xt(n)];
+  return t.reference[r] > t.floating[r] && (n = Et(n)), [n, Et(n)];
 }
 function Ai(e) {
-  const t = xt(e);
+  const t = Et(e);
   return [Bt(e), t, Bt(t)];
 }
 function Bt(e) {
@@ -928,7 +928,7 @@ function Ti(e, t, o, i) {
   let r = Ri(Z(e), o === "start", i);
   return s && (r = r.map((n) => n + "-" + s), t && (r = r.concat(r.map(Bt)))), r;
 }
-function xt(e) {
+function Et(e) {
   return e.replace(/left|right|bottom|top/g, (t) => xi[t]);
 }
 function Li(e) {
@@ -948,7 +948,7 @@ function Ee(e) {
     left: e
   };
 }
-function Et(e) {
+function Pt(e) {
   const {
     x: t,
     y: o,
@@ -1091,7 +1091,7 @@ async function dt(e, t) {
     elementContext: d = "floating",
     altBoundary: u = !1,
     padding: p = 0
-  } = st(t, e), f = Ee(p), m = a[u ? d === "floating" ? "reference" : "floating" : d], y = Et(await r.getClippingRect({
+  } = st(t, e), f = Ee(p), m = a[u ? d === "floating" ? "reference" : "floating" : d], y = Pt(await r.getClippingRect({
     element: (o = await (r.isElement == null ? void 0 : r.isElement(m))) == null || o ? m : m.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: h,
@@ -1107,7 +1107,7 @@ async function dt(e, t) {
   } : {
     x: 1,
     y: 1
-  }, P = Et(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, P = Pt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: x,
     offsetParent: E,
@@ -1144,14 +1144,14 @@ const ki = (e) => ({
     }, p = te(s), f = Zt(p), g = await n.getDimensions(c), m = p === "y", y = m ? "top" : "left", x = m ? "bottom" : "right", E = m ? "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, I = A / 2 - g[f] / 2 - 1, D = J(d[y], I), X = J(d[x], I), M = D, G = A - g[f] - X, S = A / 2 - g[f] / 2 + V, et = zt(M, S, G), U = !l.arrow && at(s) != null && S !== et && r.reference[f] / 2 - (S < M ? D : X) - g[f] / 2 < 0, F = U ? S < M ? S - M : S - G : 0;
+    const V = C / 2 - P / 2, I = A / 2 - g[f] / 2 - 1, D = J(d[y], I), X = J(d[x], I), M = D, G = A - g[f] - X, S = A / 2 - g[f] / 2 + V, et = zt(M, S, G), U = !l.arrow && at(s) != null && S !== et && r.reference[f] / 2 - (S < M ? D : X) - g[f] / 2 < 0, N = U ? S < M ? S - M : S - G : 0;
     return {
-      [p]: u[p] + F,
+      [p]: u[p] + N,
       data: {
         [p]: et,
-        centerOffset: S - et - F,
+        centerOffset: S - et - N,
         ...U && {
-          alignmentOffset: F
+          alignmentOffset: N
         }
       },
       reset: U
@@ -1181,7 +1181,7 @@ const ki = (e) => ({
       } = st(e, t);
       if ((o = r.arrow) != null && o.alignmentOffset)
         return {};
-      const y = Z(s), x = Y(a), E = Z(a) === a, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), P = u || (E || !g ? [xt(a)] : Ai(a)), _ = f !== "none";
+      const y = 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)] : Ai(a)), _ = f !== "none";
       !u && _ && P.push(...Ti(a, g, f, C));
       const A = [a, ...P], V = await dt(t, m), I = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
@@ -1197,7 +1197,7 @@ const ki = (e) => ({
         const S = (((X = r.flip) == null ? void 0 : X.index) || 0) + 1, et = A[S];
         if (et && (!(d === "alignment" ? x !== Y(et) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((N) => Y(N.placement) === x ? N.overflows[0] > 0 : !0)))
+        D.every((F) => Y(F.placement) === x ? F.overflows[0] > 0 : !0)))
           return {
             data: {
               index: S,
@@ -1207,21 +1207,21 @@ const ki = (e) => ({
               placement: et
             }
           };
-        let U = (M = D.filter((F) => F.overflows[0] <= 0).sort((F, N) => F.overflows[1] - N.overflows[1])[0]) == null ? void 0 : M.placement;
+        let U = (M = D.filter((N) => N.overflows[0] <= 0).sort((N, F) => N.overflows[1] - F.overflows[1])[0]) == null ? void 0 : M.placement;
         if (!U)
           switch (p) {
             case "bestFit": {
               var G;
-              const F = (G = D.filter((N) => {
+              const N = (G = D.filter((F) => {
                 if (_) {
-                  const Q = Y(N.placement);
+                  const Q = Y(F.placement);
                   return Q === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   Q === "y";
                 }
                 return !0;
-              }).map((N) => [N.placement, N.overflows.filter((Q) => Q > 0).reduce((Q, ze) => Q + ze, 0)]).sort((N, Q) => N[1] - Q[1])[0]) == null ? void 0 : G[0];
-              F && (U = F);
+              }).map((F) => [F.placement, F.overflows.filter((Q) => Q > 0).reduce((Q, ze) => Q + ze, 0)]).sort((F, Q) => F[1] - Q[1])[0]) == null ? void 0 : G[0];
+              N && (U = N);
               break;
             }
             case "initialPlacement":
@@ -1250,7 +1250,7 @@ function fe(e, t) {
 function ge(e) {
   return wi.some((t) => e[t] >= 0);
 }
-const Fi = function(e) {
+const Ni = function(e) {
   return e === void 0 && (e = {}), {
     name: "hide",
     options: e,
@@ -1291,13 +1291,13 @@ const Fi = function(e) {
       }
     }
   };
-}, Ni = /* @__PURE__ */ new Set(["left", "top"]);
+}, Fi = /* @__PURE__ */ new Set(["left", "top"]);
 async function $i(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 = Ni.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,
@@ -1438,7 +1438,7 @@ const zi = function(e) {
     }
   };
 };
-function Ct() {
+function At() {
   return typeof window < "u";
 }
 function lt(e) {
@@ -1453,16 +1453,16 @@ function q(e) {
   return (t = (Pe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function Pe(e) {
-  return Ct() ? e instanceof Node || e instanceof L(e).Node : !1;
+  return At() ? e instanceof Node || e instanceof L(e).Node : !1;
 }
 function z(e) {
-  return Ct() ? e instanceof Element || e instanceof L(e).Element : !1;
+  return At() ? e instanceof Element || e instanceof L(e).Element : !1;
 }
 function W(e) {
-  return Ct() ? e instanceof HTMLElement || e instanceof L(e).HTMLElement : !1;
+  return At() ? e instanceof HTMLElement || e instanceof L(e).HTMLElement : !1;
 }
 function me(e) {
-  return !Ct() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof L(e).ShadowRoot;
+  return !At() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof L(e).ShadowRoot;
 }
 const Mi = /* @__PURE__ */ new Set(["inline", "contents"]);
 function gt(e) {
@@ -1479,7 +1479,7 @@ function Wi(e) {
   return Hi.has(lt(e));
 }
 const qi = [":popover-open", ":modal"];
-function At(e) {
+function Ot(e) {
   return qi.some((t) => {
     try {
       return e.matches(t);
@@ -1489,16 +1489,16 @@ function At(e) {
   });
 }
 const Vi = ["transform", "translate", "scale", "rotate", "perspective"], Ui = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ji = ["paint", "layout", "strict", "content"];
-function Ot(e) {
+function St(e) {
   const t = ee(), o = z(e) ? B(e) : e;
   return Vi.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) || Ui.some((i) => (o.willChange || "").includes(i)) || ji.some((i) => (o.contain || "").includes(i));
 }
 function Yi(e) {
   let t = tt(e);
   for (; W(t) && !rt(t); ) {
-    if (Ot(t))
+    if (St(t))
       return t;
-    if (At(t))
+    if (Ot(t))
       return null;
     t = tt(t);
   }
@@ -1514,7 +1514,7 @@ function rt(e) {
 function B(e) {
   return L(e).getComputedStyle(e);
 }
-function St(e) {
+function Rt(e) {
   return z(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -1555,7 +1555,7 @@ function It(e) {
 function Ae(e) {
   const t = B(e);
   let o = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = W(e), r = s ? e.offsetWidth : o, n = s ? e.offsetHeight : i, a = wt(o) !== r || wt(i) !== n;
+  const s = W(e), r = s ? e.offsetWidth : o, n = s ? e.offsetHeight : i, a = xt(o) !== r || xt(i) !== n;
   return a && (o = r, i = n), {
     width: o,
     height: i,
@@ -1574,7 +1574,7 @@ function nt(e) {
     height: s,
     $: r
   } = Ae(t);
-  let n = (r ? wt(o.width) : o.width) / i, a = (r ? wt(o.height) : o.height) / s;
+  let n = (r ? xt(o.width) : o.width) / i, a = (r ? xt(o.height) : o.height) / s;
   return (!n || !Number.isFinite(n)) && (n = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: n,
     y: a
@@ -1606,7 +1606,7 @@ function ot(e, t, o, i) {
       l *= m.x, c *= m.y, h *= m.x, d *= m.y, l += E, c += C, f = L(g), g = It(f);
     }
   }
-  return Et({
+  return Pt({
     width: h,
     height: d,
     x: l,
@@ -1614,7 +1614,7 @@ function ot(e, t, o, i) {
   });
 }
 function oe(e, t) {
-  const o = St(e).scrollLeft;
+  const o = Rt(e).scrollLeft;
   return t ? t.left + o : ot(q(e)).left + o;
 }
 function Se(e, t, o) {
@@ -1635,7 +1635,7 @@ function Qi(e) {
     offsetParent: i,
     strategy: s
   } = e;
-  const r = s === "fixed", n = q(i), a = t ? At(t.floating) : !1;
+  const r = s === "fixed", n = q(i), a = t ? Ot(t.floating) : !1;
   if (i === n || a && r)
     return o;
   let l = {
@@ -1643,7 +1643,7 @@ function Qi(e) {
     scrollTop: 0
   }, c = H(1);
   const h = H(0), d = W(i);
-  if ((d || !d && !r) && ((lt(i) !== "body" || gt(n)) && (l = St(i)), W(i))) {
+  if ((d || !d && !r) && ((lt(i) !== "body" || gt(n)) && (l = Rt(i)), W(i))) {
     const p = ot(i);
     c = nt(i), h.x = p.x + i.clientLeft, h.y = p.y + i.clientTop;
   }
@@ -1659,7 +1659,7 @@ function Ji(e) {
   return Array.from(e.getClientRects());
 }
 function Zi(e) {
-  const t = q(e), o = St(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);
+  const t = q(e), o = Rt(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 + oe(e);
   const a = -o.scrollTop;
   return B(i).direction === "rtl" && (n += T(t.clientWidth, i.clientWidth) - s), {
@@ -1711,7 +1711,7 @@ function ye(e, t, o) {
       height: t.height
     };
   }
-  return Et(i);
+  return Pt(i);
 }
 function Re(e, t) {
   const o = tt(e);
@@ -1725,7 +1725,7 @@ function oo(e, t) {
   const r = B(e).position === "fixed";
   let n = r ? tt(e) : e;
   for (; z(n) && !rt(n); ) {
-    const a = B(n), l = Ot(n);
+    const a = B(n), l = St(n);
     !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && eo.has(s.position) || gt(n) && !l && Re(e, n)) ? i = i.filter((h) => h !== n) : s = a, n = tt(n);
   }
   return t.set(e, i), i;
@@ -1737,7 +1737,7 @@ function so(e) {
     rootBoundary: i,
     strategy: s
   } = e;
-  const n = [...o === "clippingAncestors" ? At(t) ? [] : oo(t, this._c) : [].concat(o), i], a = n[0], l = n.reduce((c, h) => {
+  const n = [...o === "clippingAncestors" ? Ot(t) ? [] : oo(t, this._c) : [].concat(o), i], a = n[0], l = n.reduce((c, h) => {
     const d = ye(t, h, s);
     return c.top = T(d.top, c.top), c.right = J(d.right, c.right), c.bottom = J(d.bottom, c.bottom), c.left = T(d.left, c.left), c;
   }, ye(t, a, s));
@@ -1769,7 +1769,7 @@ function ro(e, t, o) {
     l.x = oe(s);
   }
   if (i || !i && !r)
-    if ((lt(t) !== "body" || gt(s)) && (a = St(t)), i) {
+    if ((lt(t) !== "body" || gt(s)) && (a = Rt(t)), i) {
       const p = ot(t, !0, r, t);
       l.x = p.x + t.clientLeft, l.y = p.y + t.clientTop;
     } else s && c();
@@ -1782,7 +1782,7 @@ function ro(e, t, o) {
     height: n.height
   };
 }
-function Ft(e) {
+function Nt(e) {
   return B(e).position === "static";
 }
 function ve(e, t) {
@@ -1795,21 +1795,21 @@ function ve(e, t) {
 }
 function Te(e, t) {
   const o = L(e);
-  if (At(e))
+  if (Ot(e))
     return o;
   if (!W(e)) {
     let s = tt(e);
     for (; s && !rt(s); ) {
-      if (z(s) && !Ft(s))
+      if (z(s) && !Nt(s))
         return s;
       s = tt(s);
     }
     return o;
   }
   let i = ve(e, t);
-  for (; i && Wi(i) && Ft(i); )
+  for (; i && Wi(i) && Nt(i); )
     i = ve(i, t);
-  return i && rt(i) && Ft(i) && !Ot(i) ? o : i || Yi(e) || o;
+  return i && rt(i) && Nt(i) && !St(i) ? o : i || Yi(e) || o;
 }
 const ao = async function(e) {
   const t = this.getOffsetParent || Te, o = this.getDimensions, i = await o(e.floating);
@@ -1858,7 +1858,7 @@ function co(e, t) {
     } = c;
     if (a || t(), !u || !p)
       return;
-    const f = mt(d), g = mt(s.clientWidth - (h + u)), m = mt(s.clientHeight - (d + p)), y = mt(h), E = {
+    const f = yt(d), g = yt(s.clientWidth - (h + u)), m = yt(s.clientHeight - (d + p)), y = yt(h), E = {
       rootMargin: -f + "px " + -g + "px " + -m + "px " + -y + "px",
       threshold: T(0, J(1, l)) || 1
     };
@@ -1923,7 +1923,7 @@ function Ht(e, t, o, i) {
     }), d?.(), (y = p) == null || y.disconnect(), p = null, l && cancelAnimationFrame(f);
   };
 }
-const Wt = zi, De = Bi, qt = _i, Vt = Ii, ho = Fi, ke = ki, _e = (e, t, o) => {
+const Wt = zi, De = Bi, qt = _i, Vt = Ii, ho = Ni, ke = ki, _e = (e, t, o) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Mt,
     ...o
@@ -1936,13 +1936,13 @@ const Wt = zi, De = Bi, qt = _i, Vt = Ii, ho = Fi, ke = ki, _e = (e, t, o) => {
     platform: r
   });
 };
-function yt(e) {
+function vt(e) {
   if (typeof e > "u")
     return 0;
   const t = window.devicePixelRatio || 1;
   return Math.round(e * t) / t || -1e4;
 }
-const vt = 8, po = 100, uo = (e) => ({
+const bt = 8, po = 100, uo = (e) => ({
   bottom: ["top", "left", "right"],
   "bottom-end": ["top-end", "left", "right"],
   "bottom-start": ["top-start", "left", "right"],
@@ -2004,7 +2004,7 @@ class fo {
     await (document.fonts ? document.fonts.ready : Promise.resolve());
     const i = t.trigger instanceof HTMLElement ? qt() : qt({
       fallbackPlacements: uo(t.placement),
-      padding: vt
+      padding: bt
     }), [s = 0, r = 0] = Array.isArray(t?.offset) ? t.offset : [t.offset, 0], n = this.host.elements.find(
       (u) => u.tipElement
     )?.tipElement, a = [
@@ -2012,7 +2012,7 @@ class fo {
         crossAxis: r,
         mainAxis: s
       }),
-      De({ padding: vt }),
+      De({ padding: bt }),
       i,
       Vt({
         apply: ({ availableHeight: u, availableWidth: p, rects: { floating: f } }) => {
@@ -2027,12 +2027,12 @@ class fo {
             maxWidth: `${Math.floor(p)}px`
           });
         },
-        padding: vt
+        padding: bt
       }),
       ...n ? [
         ke({
           element: n,
-          padding: t.tipPadding || vt
+          padding: t.tipPadding || bt
         })
       ] : []
     ], { middlewareData: l, placement: c, x: h, y: d } = await _e(
@@ -2047,7 +2047,7 @@ class fo {
     if (Object.assign(o.style, {
       left: "0px",
       top: "0px",
-      translate: `${yt(h)}px ${yt(d)}px`
+      translate: `${vt(h)}px ${vt(d)}px`
     }), o.setAttribute("actual-placement", c), this.host.elements?.forEach((u) => {
       this.originalPlacements.has(u) || this.originalPlacements.set(
         u,
@@ -2058,7 +2058,7 @@ class fo {
       Object.assign(n.style, {
         left: c.startsWith("bottom") || c.startsWith("top") ? "0px" : "",
         top: c.startsWith("right") || c.startsWith("left") ? "0px" : "",
-        translate: `${yt(u)}px ${yt(p)}px`
+        translate: `${vt(u)}px ${vt(p)}px`
       });
     }
   }
@@ -2078,7 +2078,7 @@ class fo {
     );
   }
 }
-var Rt = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.LongPress = "longpress", e))(Rt || {});
+var Tt = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.LongPress = "longpress", e))(Tt || {});
 class se {
   constructor(t, { handleOverlayReady: o, isPersistent: i, overlay: s }) {
     this.target = t, this.isLazilyOpen = !1, this.isPersistent = !1, this.isPersistent = !!i, this.handleOverlayReady = o, this.isPersistent && this.init(), this.overlay = s;
@@ -2133,14 +2133,14 @@ class se {
     this.isPersistent || this.abort();
   }
 }
-const go = 300, Fe = {
+const go = 300, Ne = {
   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 mo extends se {
   constructor() {
-    super(...arguments), this.type = Rt.LongPress, this.longpressState = null, this.releaseDescription = it, this.handlePointerup = () => {
+    super(...arguments), this.type = Tt.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));
     };
   }
@@ -2195,7 +2195,7 @@ class mo extends se {
     const o = document.createElement("div");
     o.id = `longpress-describedby-descriptor-${jt()}`;
     const i = li() || ci() ? "touch" : "keyboard";
-    o.textContent = Fe[i], o.slot = "longpress-describedby-descriptor";
+    o.textContent = Ne[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));
     const n = $t(
@@ -2420,7 +2420,7 @@ class vo extends Event {
 const bo = Symbol("remove-slottable-request");
 class wo extends se {
   constructor() {
-    super(...arguments), this.type = Rt.Click, this.preventNextToggle = !1;
+    super(...arguments), this.type = Tt.Click, this.preventNextToggle = !1;
   }
   handleClick() {
     this.preventNextToggle || (this.open = !this.open), this.preventNextToggle = !1;
@@ -2443,7 +2443,7 @@ class wo extends se {
 const xo = 300;
 class Eo extends se {
   constructor() {
-    super(...arguments), this.type = Rt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
+    super(...arguments), this.type = Tt.Hover, this.elementIds = [], this.focusedin = !1, this.pointerentered = !1;
   }
   handleTargetFocusin() {
     this.target.matches(":focus-visible") && (this.open = !0, this.focusedin = !0);
@@ -2577,7 +2577,7 @@ const O = (K = class extends ct {
     this._disabled = t, t ? (this.strategy?.abort(), this.wasOpen = this.open, this.open = !1) : (this.bindEvents(), this.open = this.open || this.wasOpen, this.wasOpen = !1);
   }
   get hasNonVirtualTrigger() {
-    return !!this.triggerElement && !(this.triggerElement instanceof Pt);
+    return !!this.triggerElement && !(this.triggerElement instanceof Ct);
   }
   get placementController() {
     return this._placementController || (this._placementController = new fo(this)), this._placementController;
@@ -2742,7 +2742,7 @@ const O = (K = class extends ct {
       <dialog
         class="dialog"
         part="dialog"
-        placement=${Tt(
+        placement=${Lt(
       this.requiresPosition ? this.placement || "right" : void 0
     )}
         style=${ne(this.dialogStyleMap)}
@@ -2760,10 +2760,10 @@ const O = (K = class extends ct {
       <div
         class="dialog"
         part="dialog"
-        placement=${Tt(
+        placement=${Lt(
       this.requiresPosition ? this.placement || "right" : void 0
     )}
-        popover=${Tt(this.popoverValue)}
+        popover=${Lt(this.popoverValue)}
         style=${ne(this.dialogStyleMap)}
         @beforetoggle=${this.handleBeforetoggle}
         @close=${this.handleBrowserClose}
@@ -2841,28 +2841,28 @@ R([
 R([
   v()
 ], O.prototype, "type", 2);
-let Ne = O;
+let Fe = O;
 const So = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LONGPRESS_INSTRUCTIONS: Fe,
-  Overlay: Ne
+  LONGPRESS_INSTRUCTIONS: Ne,
+  Overlay: Fe
 }, Symbol.toStringTag, { value: "Module" }));
-ti("cx-overlay", Ne);
+ti("cx-overlay", Fe);
 const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 function Ro(e) {
   return To(e);
 }
-function Nt(e) {
+function Ft(e) {
   return e.assignedSlot ? e.assignedSlot : e.parentNode instanceof ShadowRoot ? e.parentNode.host : e.parentNode;
 }
 function To(e) {
-  for (let t = e; t; t = Nt(t)) if (t instanceof Element && getComputedStyle(t).display === "none") return null;
-  for (let t = Nt(e); t; t = Nt(t)) {
+  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;
     const o = getComputedStyle(t);
-    if (o.display !== "contents" && (o.position !== "static" || Ot(o) || t.tagName === "BODY"))
+    if (o.display !== "contents" && (o.position !== "static" || St(o) || t.tagName === "BODY"))
       return t;
   }
   return null;
@@ -2986,7 +2986,7 @@ let b = class extends Me {
   disconnectedCallback() {
     super.disconnectedCallback(), this.stop();
   }
-  runFirstUpdated() {
+  connectedUpdatedCallback() {
     if (this.strategy === "overlay" && (this.start(), !re)) {
       const e = Ve(this);
       e && (this.autoSizeBoundary = e, this.flipBoundary = e, this.shiftBoundary = e);

package/library/chunks/{ref.BDmlFGTP.js → ref.BaCjlzLO.js}

@@ -1,5 +1,5 @@
-import { E as l } from "./custom-element.fmLrnDZr.js";
-import { f as $ } from "./directive-helpers.D78ZFDYN.js";
+import { E as l } from "./custom-element.vnXBMQxc.js";
+import { f as $ } from "./directive-helpers.DBHob-_L.js";
 import { i as f, t as a, e as _ } from "./directive.oAbCiebi.js";
 /**
  * @license